@modern-js/plugin-garfish 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/js/node/runtime/utils/apps.js

@@ -4,65 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateApps = generateApps;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _garfish = _interopRequireDefault(require("garfish"));
-
 var _pluginRouterLegacy = require("@modern-js/plugin-router-legacy");
-
 var _util = require("../../util");
-
 var _loadable = require("../loadable");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["match", "history", "setLoadingState"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function getAppInstance(options, appInfo, manifest) {
   let locationHref = '';
-
   class MicroApp extends _react.default.Component {
     constructor(...args) {
       super(...args);
-
       _defineProperty(this, "state", {
         appInstance: null,
         domId: (0, _util.generateSubAppContainerKey)(appInfo),
         SubModuleComponent: undefined
       });
-
       _defineProperty(this, "unregisterHistoryListener", () => {});
     }
-
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    async UNSAFE_componentWillMount() {
+    async componentDidMount() {
       const _this$props = this.props,
-            {
-        match,
-        history,
-        setLoadingState
-      } = _this$props,
-            userProps = _objectWithoutProperties(_this$props, _excluded);
-
+        {
+          match,
+          history,
+          setLoadingState
+        } = _this$props,
+        userProps = _objectWithoutProperties(_this$props, _excluded);
       const {
         domId
       } = this.state;
-
       const loadAppOptions = _objectSpread(_objectSpread({}, appInfo), {}, {
         insulationVariable: [...(appInfo.insulationVariable || []), '_SERVER_DATA'],
         domGetter: `#${domId}`,
@@ -89,20 +67,16 @@ function getAppInstance(options, appInfo, manifest) {
                 return render === null || render === void 0 ? void 0 : render.apply(provider, props);
               }
             },
-
             unmount(...props) {
               if (componetRenderMode) {
                 return undefined;
               }
-
               (0, _util.logger)('MicroApp customer destroy', props);
               return destroy === null || destroy === void 0 ? void 0 : destroy.apply(provider, props);
             }
-
           };
         }
       });
-
       setLoadingState({
         isLoading: true,
         error: null
@@ -110,21 +84,19 @@ function getAppInstance(options, appInfo, manifest) {
       (0, _util.logger)(`MicroApp Garfish.loadApp "${appInfo.name}"`, {
         loadAppOptions
       });
-
       try {
         const appInstance = await _garfish.default.loadApp(appInfo.name, loadAppOptions);
-
         if (!appInstance) {
           throw new Error(`MicroApp Garfish.loadApp "${appInfo.name}" result is null`);
         }
 
+        // eslint-disable-next-line react/no-did-mount-set-state
         this.setState({
           appInstance
         });
         setLoadingState({
           isLoading: false
         });
-
         if (appInstance.mounted && appInstance.appInfo.cache) {
           (0, _util.logger)(`MicroApp Garfish.loadApp "${appInfo.name}" show`, {
             appInfo: appInstance.appInfo,
@@ -138,7 +110,6 @@ function getAppInstance(options, appInfo, manifest) {
           });
           await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
         }
-
         this.unregisterHistoryListener = history === null || history === void 0 ? void 0 : history.listen(() => {
           if (locationHref !== history.location.pathname) {
             locationHref = history.location.pathname;
@@ -154,20 +125,16 @@ function getAppInstance(options, appInfo, manifest) {
         });
       }
     }
-
     async componentWillUnmount() {
       var _this$unregisterHisto;
-
       const {
         appInstance
       } = this.state;
       (_this$unregisterHisto = this.unregisterHistoryListener) === null || _this$unregisterHisto === void 0 ? void 0 : _this$unregisterHisto.call(this);
-
       if (appInstance) {
         const {
           appInfo
         } = appInstance;
-
         if (appInfo.cache) {
           (0, _util.logger)(`MicroApp Garfish.loadApp "${appInfo.name}" hide`);
           appInstance === null || appInstance === void 0 ? void 0 : appInstance.hide();
@@ -177,7 +144,6 @@ function getAppInstance(options, appInfo, manifest) {
         }
       }
     }
-
     render() {
       const {
         domId,
@@ -190,15 +156,11 @@ function getAppInstance(options, appInfo, manifest) {
         })
       });
     }
-
   }
-
   return (0, _loadable.Loadable)((0, _pluginRouterLegacy.withRouter)(MicroApp))(manifest === null || manifest === void 0 ? void 0 : manifest.loadable);
 }
-
 function generateApps(options, manifest) {
   var _options$apps;
-
   const apps = {};
   (_options$apps = options.apps) === null || _options$apps === void 0 ? void 0 : _options$apps.forEach(appInfo => {
     const Component = getAppInstance(options, appInfo, manifest);

package/dist/js/node/runtime/utils/setExternal.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _garfish = _interopRequireDefault(require("garfish"));
-
 var _util = require("../../util");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = () => {
   (0, _util.logger)('setExternal ', {
     react: _react.default,
     'react-dom': _reactDom.default
   });
-
   _garfish.default.setExternal('react', _react.default);
-
   _garfish.default.setExternal('react-dom', _reactDom.default);
 };
-
 exports.default = _default;

package/dist/js/node/util.js

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.SUBMODULE_APP_COMPONENT_KEY = void 0;
 exports.generateSubAppContainerKey = generateSubAppContainerKey;
 exports.logger = void 0;
-
 var _debug = _interopRequireDefault(require("debug"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Tips: this package will be bundled and running in the browser, do not import from `@modern-js/utils`.
  */
+
 const logger = (0, _debug.default)('modern-js:plugin-garfish');
 exports.logger = logger;
 const SUBMODULE_APP_COMPONENT_KEY = 'SubModuleComponent';
 exports.SUBMODULE_APP_COMPONENT_KEY = SUBMODULE_APP_COMPONENT_KEY;
-
 function generateSubAppContainerKey(moduleInfo) {
   return moduleInfo ? `modern_sub_app_container_${decodeURIComponent(moduleInfo === null || moduleInfo === void 0 ? void 0 : moduleInfo.name)}` : 'modern_sub_app_container';
 }

package/dist/js/treeshaking/cli/index.js

@@ -5,7 +5,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import path from 'path';
 import { createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
 import { logger } from "../util";
-import { getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig } from "./utils";
+import { getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig, generateAsyncEntry } from "./utils";
 export var externals = {
   'react-dom': 'react-dom',
   react: 'react'
@@ -18,7 +18,6 @@ export function getDefaultMicroFrontedConfig(microFrontend) {
       moduleApp: ''
     };
   }
-
   return _objectSpread({
     enableHtmlEntry: true,
     externalBasicLibrary: false
@@ -26,19 +25,18 @@ export function getDefaultMicroFrontedConfig(microFrontend) {
 }
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$pluginName = _ref.pluginName,
-      pluginName = _ref$pluginName === void 0 ? '@modern-js/plugin-garfish' : _ref$pluginName,
-      _ref$runtimePluginNam = _ref.runtimePluginName,
-      runtimePluginName = _ref$runtimePluginNam === void 0 ? '@modern-js/runtime/plugins' : _ref$runtimePluginNam,
-      _ref$mfPackagePath = _ref.mfPackagePath,
-      mfPackagePath = _ref$mfPackagePath === void 0 ? path.resolve(__dirname, '../../../../') : _ref$mfPackagePath;
-
+    _ref$pluginName = _ref.pluginName,
+    pluginName = _ref$pluginName === void 0 ? '@modern-js/plugin-garfish' : _ref$pluginName,
+    _ref$runtimePluginNam = _ref.runtimePluginName,
+    runtimePluginName = _ref$runtimePluginNam === void 0 ? '@modern-js/runtime/plugins' : _ref$runtimePluginNam,
+    _ref$mfPackagePath = _ref.mfPackagePath,
+    mfPackagePath = _ref$mfPackagePath === void 0 ? path.resolve(__dirname, '../../../../') : _ref$mfPackagePath;
   return {
     name: '@modern-js/plugin-garfish',
     setup: function setup(_ref2) {
       var useAppContext = _ref2.useAppContext,
-          useResolvedConfigContext = _ref2.useResolvedConfigContext,
-          useConfigContext = _ref2.useConfigContext;
+        useResolvedConfigContext = _ref2.useResolvedConfigContext,
+        useConfigContext = _ref2.useConfigContext;
       var pluginsExportsUtils;
       var runtimeExportsUtils;
       return {
@@ -48,7 +46,6 @@ export default (function () {
         resolvedConfig: function () {
           var _resolvedConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(config) {
             var resolved, _getRuntimeConfig, masterApp, router, nConfig, _router$historyOption;
-
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
@@ -58,14 +55,12 @@ export default (function () {
                     nConfig = {
                       resolved: _objectSpread({}, resolved)
                     };
-
                     if (masterApp) {
                       // basename does not exist use router's basename
                       setRuntimeConfig(nConfig.resolved, 'masterApp', Object.assign(_typeof(masterApp) === 'object' ? _objectSpread({}, masterApp) : {}, {
                         basename: (router === null || router === void 0 ? void 0 : (_router$historyOption = router.historyOptions) === null || _router$historyOption === void 0 ? void 0 : _router$historyOption.basename) || (router === null || router === void 0 ? void 0 : router.basename) || '/'
                       }));
                     }
-
                     logger("resolvedConfig", {
                       output: nConfig.resolved.output,
                       runtime: nConfig.resolved.runtime,
@@ -73,7 +68,6 @@ export default (function () {
                       server: nConfig.resolved.server
                     });
                     return _context.abrupt("return", nConfig);
-
                   case 6:
                   case "end":
                     return _context.stop();
@@ -81,36 +75,33 @@ export default (function () {
               }
             }, _callee);
           }));
-
           function resolvedConfig(_x) {
             return _resolvedConfig.apply(this, arguments);
           }
-
           return resolvedConfig;
         }(),
         config: function config() {
-          var _useConfig$output$dis, _useConfig$output, _useConfig$deploy;
-
+          var _useConfig$output, _useConfig$deploy;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var useConfig = useConfigContext();
-          logger('useConfig', useConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
+          logger('useConfig', useConfig);
 
+          // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useAppContext();
           pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
           runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
-          var disableCssExtract = (_useConfig$output$dis = (_useConfig$output = useConfig.output) === null || _useConfig$output === void 0 ? void 0 : _useConfig$output.disableCssExtract) !== null && _useConfig$output$dis !== void 0 ? _useConfig$output$dis : false; // When the micro-frontend application js entry, there is no need to extract css, close cssExtract
+          var disableCssExtract = ((_useConfig$output = useConfig.output) === null || _useConfig$output === void 0 ? void 0 : _useConfig$output.disableCssExtract) || false;
 
+          // When the micro-frontend application js entry, there is no need to extract css, close cssExtract
           if ((_useConfig$deploy = useConfig.deploy) !== null && _useConfig$deploy !== void 0 && _useConfig$deploy.microFrontend) {
             var _useConfig$deploy2;
-
             var _getDefaultMicroFront = getDefaultMicroFrontedConfig((_useConfig$deploy2 = useConfig.deploy) === null || _useConfig$deploy2 === void 0 ? void 0 : _useConfig$deploy2.microFrontend),
-                enableHtmlEntry = _getDefaultMicroFront.enableHtmlEntry;
-
+              enableHtmlEntry = _getDefaultMicroFront.enableHtmlEntry;
             if (!enableHtmlEntry) {
+              // FIXME: the handle the `disableCssExtract` config
               disableCssExtract = true;
             }
           }
-
           return {
             output: {
               disableCssExtract: disableCssExtract
@@ -129,40 +120,33 @@ export default (function () {
               },
               webpackChain: function webpackChain(chain, _ref3) {
                 var _resolveOptions$deplo, _resolveWebpackConfig;
-
                 var webpack = _ref3.webpack,
-                    _ref3$env = _ref3.env,
-                    env = _ref3$env === void 0 ? process.env.NODE_ENV || 'development' : _ref3$env,
-                    CHAIN_ID = _ref3.CHAIN_ID;
+                  _ref3$env = _ref3.env,
+                  env = _ref3$env === void 0 ? process.env.NODE_ENV || 'development' : _ref3$env,
+                  CHAIN_ID = _ref3.CHAIN_ID;
                 // eslint-disable-next-line react-hooks/rules-of-hooks
                 var resolveOptions = useResolvedConfigContext();
-
                 if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$deplo = resolveOptions.deploy) !== null && _resolveOptions$deplo !== void 0 && _resolveOptions$deplo.microFrontend) {
                   var _resolveOptions$serve, _resolveOptions$deplo2;
-
                   chain.output.libraryTarget('umd');
-
                   if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port && env === 'development') {
                     chain.output.publicPath("//localhost:".concat(resolveOptions.server.port, "/"));
-                  } // add comments avoid sourcemap abnormal
-
+                  }
 
+                  // add comments avoid sourcemap abnormal
                   if (webpack.BannerPlugin) {
                     chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [{
                       banner: 'Micro front-end'
                     }]);
                   }
-
                   var _getDefaultMicroFront2 = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend),
-                      _enableHtmlEntry = _getDefaultMicroFront2.enableHtmlEntry,
-                      externalBasicLibrary = _getDefaultMicroFront2.externalBasicLibrary; // external
-
-
+                    _enableHtmlEntry = _getDefaultMicroFront2.enableHtmlEntry,
+                    externalBasicLibrary = _getDefaultMicroFront2.externalBasicLibrary;
+                  // external
                   if (externalBasicLibrary) {
                     chain.externals(externals);
-                  } // use html mode
-
-
+                  }
+                  // use html mode
                   if (!_enableHtmlEntry) {
                     chain.output.filename('index.js');
                     chain.plugins["delete"]("".concat(CHAIN_ID.PLUGIN.HTML, "-main"));
@@ -172,7 +156,6 @@ export default (function () {
                     });
                   }
                 }
-
                 var resolveWebpackConfig = chain.toConfig();
                 logger('webpackConfig', {
                   output: resolveWebpackConfig.output,
@@ -193,13 +176,11 @@ export default (function () {
         },
         modifyEntryImports: function modifyEntryImports(_ref4) {
           var entrypoint = _ref4.entrypoint,
-              imports = _ref4.imports;
+            imports = _ref4.imports;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
-
           var _getRuntimeConfig2 = getRuntimeConfig(config),
-              masterApp = _getRuntimeConfig2.masterApp;
-
+            masterApp = _getRuntimeConfig2.masterApp;
           if (masterApp) {
             imports.push({
               value: runtimePluginName,
@@ -214,7 +195,6 @@ export default (function () {
               }]
             });
           }
-
           imports.push({
             value: runtimePluginName,
             specifiers: [{
@@ -236,13 +216,11 @@ export default (function () {
         },
         modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref5) {
           var entrypoint = _ref5.entrypoint,
-              plugins = _ref5.plugins;
+            plugins = _ref5.plugins;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
-
           var _getRuntimeConfig3 = getRuntimeConfig(config),
-              masterApp = _getRuntimeConfig3.masterApp;
-
+            masterApp = _getRuntimeConfig3.masterApp;
           if (masterApp) {
             logger('garfishPlugin options', masterApp);
             plugins.push({
@@ -251,7 +229,6 @@ export default (function () {
               options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
             });
           }
-
           return {
             entrypoint: entrypoint,
             plugins: plugins
@@ -259,19 +236,16 @@ export default (function () {
         },
         modifyEntryRenderFunction: function modifyEntryRenderFunction(_ref6) {
           var _config$deploy;
-
           var entrypoint = _ref6.entrypoint,
-              code = _ref6.code;
+            code = _ref6.code;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
-
           if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
             return {
               entrypoint: entrypoint,
               code: code
             };
           }
-
           var nCode = makeRenderFunction(code);
           logger('makeRenderFunction', nCode);
           return {
@@ -279,15 +253,32 @@ export default (function () {
             code: nCode
           };
         },
-        modifyEntryExport: function modifyEntryExport(_ref7) {
-          var _config$deploy2;
-
+        modifyAsyncEntry: function modifyAsyncEntry(_ref7) {
+          var _config$deploy2, _config$source;
           var entrypoint = _ref7.entrypoint,
-              exportStatement = _ref7.exportStatement;
+            code = _ref7.code;
           // eslint-disable-next-line react-hooks/rules-of-hooks
           var config = useResolvedConfigContext();
-
-          if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend) {
+          var finalCode = code;
+          if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend && config !== null && config !== void 0 && (_config$source = config.source) !== null && _config$source !== void 0 && _config$source.enableAsyncEntry) {
+            finalCode = generateAsyncEntry(code);
+            return {
+              entrypoint: entrypoint,
+              code: "".concat(finalCode)
+            };
+          }
+          return {
+            entrypoint: entrypoint,
+            code: finalCode
+          };
+        },
+        modifyEntryExport: function modifyEntryExport(_ref8) {
+          var _config$deploy3;
+          var entrypoint = _ref8.entrypoint,
+            exportStatement = _ref8.exportStatement;
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var config = useResolvedConfigContext();
+          if (config !== null && config !== void 0 && (_config$deploy3 = config.deploy) !== null && _config$deploy3 !== void 0 && _config$deploy3.microFrontend) {
             var exportStatementCode = makeProvider();
             logger('exportStatement', exportStatementCode);
             return {
@@ -295,7 +286,6 @@ export default (function () {
               exportStatement: exportStatementCode
             };
           }
-
           return {
             entrypoint: entrypoint,
             exportStatement: exportStatement

package/dist/js/treeshaking/cli/utils.js

@@ -4,32 +4,32 @@ export var makeProvider = function makeProvider() {
 export var makeRenderFunction = function makeRenderFunction(code) {
   var inGarfishToRender = "\n  const { basename, props, dom, appName } = typeof arguments[0] === 'object' && arguments[0] || {};\n  if (!canContinueRender({ dom, appName })) return null;\n  let { AppWrapper, mountNode } = generateAppWrapperAndRootDom({App, props, dom});\n  ";
   return inGarfishToRender + code.replace("router(", "generateRouterPlugin(basename,").replace('(App)', "(AppWrapper)").replace(/MOUNT_ID/g, 'mountNode').replace("bootstrap(AppWrapper, mountNode, root", 'bootstrap(AppWrapper, mountNode, root = IS_REACT18 ? ReactDOM.createRoot(mountNode) : null');
-}; // support legacy config
+};
 
+// support legacy config
 export function getRuntimeConfig(config) {
   var _config$runtime;
-
   if (config !== null && config !== void 0 && (_config$runtime = config.runtime) !== null && _config$runtime !== void 0 && _config$runtime.features) {
     var _config$runtime2;
-
     return config === null || config === void 0 ? void 0 : (_config$runtime2 = config.runtime) === null || _config$runtime2 === void 0 ? void 0 : _config$runtime2.features;
   }
-
   return (config === null || config === void 0 ? void 0 : config.runtime) || {};
-} // support legacy config
+}
 
+// support legacy config
 export function setRuntimeConfig(config, key, value) {
   var _config$runtime3, _config$runtime4;
-
   if (config !== null && config !== void 0 && (_config$runtime3 = config.runtime) !== null && _config$runtime3 !== void 0 && _config$runtime3.features && config !== null && config !== void 0 && (_config$runtime4 = config.runtime) !== null && _config$runtime4 !== void 0 && _config$runtime4.features[key]) {
     config.runtime.features[key] = value;
     return undefined;
   }
-
   if (config !== null && config !== void 0 && config.runtime && config !== null && config !== void 0 && config.runtime[key]) {
     config.runtime[key] = value;
     return undefined;
   }
-
   return undefined;
-}
+}
+export var generateAsyncEntry = function generateAsyncEntry(code) {
+  var transformCode = code.replace("import('./bootstrap.js');", "if (!window.__GARFISH__) { import('./bootstrap.js'); }");
+  return "\n      export const provider = async (...args) => {\n        const exports = await import('./bootstrap');\n        return exports.provider.apply(null, args);\n      };\n      ".concat(transformCode, "\n    ");
+};

package/dist/js/treeshaking/runtime/loadable.js

@@ -17,50 +17,43 @@ export function Loadable(WrapComponent) {
   return function (defaultLoadable) {
     return function Lodable(props) {
       var _props$loadable2;
-
       var _props$loadable = props.loadable,
-          loadable = _props$loadable === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _props$loadable,
-          otherProps = _objectWithoutProperties(props, _excluded);
-
+        loadable = _props$loadable === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _props$loadable,
+        otherProps = _objectWithoutProperties(props, _excluded);
       var delayTimer = null;
       var timeoutTimer = null;
-
       var _useState = useState(function () {
-        var delay = loadable.delay,
+          var delay = loadable.delay,
             timeout = loadable.timeout;
-        var initState = {
-          error: null,
-          pastDelay: false,
-          timedOut: false,
-          isLoading: false
-        };
-
-        if (typeof delay === 'number') {
-          if (delay === 0) {
-            initState.pastDelay = true;
-          } else {
-            delayTimer = setTimeout(function () {
+          var initState = {
+            error: null,
+            pastDelay: false,
+            timedOut: false,
+            isLoading: false
+          };
+          if (typeof delay === 'number') {
+            if (delay === 0) {
+              initState.pastDelay = true;
+            } else {
+              delayTimer = setTimeout(function () {
+                setStateWithMountCheck({
+                  pastDelay: true
+                });
+              }, delay);
+            }
+          }
+          if (typeof timeout === 'number') {
+            timeoutTimer = setTimeout(function () {
               setStateWithMountCheck({
-                pastDelay: true
+                timedOut: true
               });
-            }, delay);
+            }, timeout);
           }
-        }
-
-        if (typeof timeout === 'number') {
-          timeoutTimer = setTimeout(function () {
-            setStateWithMountCheck({
-              timedOut: true
-            });
-          }, timeout);
-        }
-
-        return initState;
-      }),
-          _useState2 = _slicedToArray(_useState, 2),
-          state = _useState2[0],
-          setState = _useState2[1];
-
+          return initState;
+        }),
+        _useState2 = _slicedToArray(_useState, 2),
+        state = _useState2[0],
+        setState = _useState2[1];
       var LoadingComponent = (_props$loadable2 = props.loadable) === null || _props$loadable2 === void 0 ? void 0 : _props$loadable2.loading;
       useEffect(function () {
         logger('Loadable render state', {
@@ -74,12 +67,10 @@ export function Loadable(WrapComponent) {
             isLoading: false,
             error: null
           });
-
           if (delayTimer) {
             clearTimeout(delayTimer);
             delayTimer = null;
           }
-
           if (timeoutTimer) {
             clearTimeout(timeoutTimer);
             timeoutTimer = null;
@@ -115,7 +106,6 @@ export function Loadable(WrapComponent) {
             if (props.error && !LoadingComponent) {
               throw props.error;
             }
-
             setStateWithMountCheck(props);
           }
         }, otherProps))]