Rainmaker

You can export e-Detailers to prepare them for subsequent upload to Rainmaker.

Build structure

The exported e-Detailer for Rainmaker has the following build structure:

.
├─chunks/
├─common/
|  ├─blocks-library/
|  └─media/
├─node_modules/
├─slides/
|  └─slide1/
|     └─media/
├─styles/
├─themes/
├─thumbnails/
|─app.js
├─icon.png/
└─index.html/

Path	Description
chunks/	Contains bundled JavaScript chunks generated by Webpack to support lazy loading and reduce initial page load size.
common/blocks-library/	Contains the public assets for each block.
common/media/	Contains the common media resources used in the slides: fonts, images, PDF files, and videos. Each type of media resource is stored in its own directory.
node_modules/	Contains the following media assets from the node modules for the e-Detailer: fonts, images, PDF files, and videos.
slides/	Contains the media files for each slide. For example, if the e-Detailer has two slides, slide1 and slide2, the directory includes two subdirectories: slide1 and slide2.
slides/slide1/media	Contains the following media assets for each slide: fonts, images, PDF files, and videos. Each type of media resource is stored in its own directory.
styles/	Contains the CSS files with styles for all slides.
themes/	Contains the media assets from the e-Detailer [themes](../general-development/dynamic-themes/: fonts, images, PDF files, and videos. Assets for each theme are stored in a separate directory.
thumbnails/	Contains the thumbnails for each slide. Each thumbnail is named after a specific slide. For example, for slide1, the thumbnail name is slide1.png.
app.js	The JavaScript bundle that's created when you run the development build. This file is referenced in index.html.
icon.png	The e-Detailer icon.
index.html	The HTML file that serves as an entry point for the e-Detailer.
settings.json	The settings.json file of the e-Detailer.