entry.js

/** This is the real webpack entry file. It manages setting up the zimlet and HMR.
 *  The user-defined entry file (index.js) is imported here via a `zimlet-cli-entrypoint` alias.
 */
(() =>
	getZimlet({
		code: (() => {
			function init() {
				return (context) => {
					let { zimbra, config, plugins, shims, components, store, meta } =
						context;

					// Add shims to the global scope to expose dependencies to Zimlets
					// Shimmed dependencies include preact, preact-router, react-apollo
					global.shims = shims;

					global.zimbra = zimbra;
					global.config = config;
					global.plugins = plugins;
					global.components = components;
					global.store = store;

					global.ZIMLET_STYLES = [];

					global.meta = meta;

					let entry = require('zimlet-cli-entrypoint');
					let r = (entry && entry.default) || entry;

					// If export is a factory, pass it context. Otherwise it's a singleton.
					let instance = typeof r === 'function' ? r(context) : r;

					context.styles.set(global.ZIMLET_STYLES.join('\n'));

					return instance;
				};
			}

			if (process.env.NODE_ENV === 'development' && module.hot) {
				module.hot.accept('zimlet-cli-entrypoint', init);
			}

			return init();
		})(),
		name: () => require('zimlet-cli-entrypoint-package').name
	}))();