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

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

@@ -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,32 @@ 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;
-
           // 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$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
           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) {
               disableCssExtract = true;
             }
           }
-
           return {
             output: {
               disableCssExtract: disableCssExtract
@@ -129,40 +119,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 +155,6 @@ export default (function () {
                     });
                   }
                 }
-
                 var resolveWebpackConfig = chain.toConfig();
                 logger('webpackConfig', {
                   output: resolveWebpackConfig.output,
@@ -193,13 +175,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 +194,6 @@ export default (function () {
               }]
             });
           }
-
           imports.push({
             value: runtimePluginName,
             specifiers: [{
@@ -236,13 +215,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 +228,6 @@ export default (function () {
               options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
             });
           }
-
           return {
             entrypoint: entrypoint,
             plugins: plugins
@@ -259,19 +235,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 {
@@ -281,12 +254,10 @@ export default (function () {
         },
         modifyEntryExport: function modifyEntryExport(_ref7) {
           var _config$deploy2;
-
           var entrypoint = _ref7.entrypoint,
-              exportStatement = _ref7.exportStatement;
+            exportStatement = _ref7.exportStatement;
           // 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 exportStatementCode = makeProvider();
             logger('exportStatement', exportStatementCode);
@@ -295,7 +266,6 @@ export default (function () {
               exportStatement: exportStatementCode
             };
           }
-
           return {
             entrypoint: entrypoint,
             exportStatement: exportStatement

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

@@ -4,32 +4,28 @@ 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;
 }

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))]

package/dist/js/treeshaking/runtime/plugin.js

@@ -19,24 +19,19 @@ import setExternal from "./utils/setExternal";
 import { generateMApp } from "./utils/MApp";
 import { generateApps } from "./utils/apps";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function initOptions() {
   return _initOptions.apply(this, arguments);
 } // export default GarfishPlugin;
-
-
 function _initOptions() {
   _initOptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var _window, _window$modern_manife, _window2, _window2$modern_manif;
-
     var manifest,
-        options,
-        apps,
-        getAppList,
-        _window3,
-        _window3$modern_manif,
-        _args2 = arguments;
-
+      options,
+      apps,
+      getAppList,
+      _window3,
+      _window3$modern_manif,
+      _args2 = arguments;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -44,44 +39,35 @@ function _initOptions() {
             manifest = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {};
             options = _args2.length > 1 ? _args2[1] : undefined;
             apps = options.apps || []; // use manifest modules
-
             if (manifest !== null && manifest !== void 0 && manifest.modules) {
               if ((manifest === null || manifest === void 0 ? void 0 : manifest.modules.length) > 0) {
                 apps = manifest === null || manifest === void 0 ? void 0 : manifest.modules;
               }
-
               logger('manifest modules', apps);
-            } // get module list
-
+            }
 
+            // get module list
             if (!(manifest !== null && manifest !== void 0 && manifest.getAppList)) {
               _context2.next = 10;
               break;
             }
-
             _context2.next = 7;
             return manifest === null || manifest === void 0 ? void 0 : manifest.getAppList(manifest);
-
           case 7:
             getAppList = _context2.sent;
-
             if (getAppList.length > 0) {
               apps = getAppList;
             }
-
             logger('getAppList modules', apps);
-
           case 10:
             // get inject modules list
             if ((_window = window) !== null && _window !== void 0 && (_window$modern_manife = _window.modern_manifest) !== null && _window$modern_manife !== void 0 && _window$modern_manife.modules && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$modern_manif = _window2.modern_manifest) === null || _window2$modern_manif === void 0 ? void 0 : _window2$modern_manif.modules.length) > 0) {
               apps = (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$modern_manif = _window3.modern_manifest) === null || _window3$modern_manif === void 0 ? void 0 : _window3$modern_manif.modules;
               logger('modern_manifest', apps);
             }
-
             return _context2.abrupt("return", _objectSpread(_objectSpread({}, options), {}, {
               apps: apps
             }));
-
           case 12:
           case "end":
             return _context2.stop();
@@ -91,34 +77,25 @@ function _initOptions() {
   }));
   return _initOptions.apply(this, arguments);
 }
-
 export default (function (config) {
   return {
     name: '@modern-js/garfish-plugin',
     setup: function setup() {
       setExternal();
-
       var manifest = config.manifest,
-          options = _objectWithoutProperties(config, _excluded);
-
+        options = _objectWithoutProperties(config, _excluded);
       logger('createPlugin', config);
       var promise = initOptions(manifest, options);
       return {
         hoc: function hoc(_ref, next) {
           var App = _ref.App;
-
           var GetMicroFrontendApp = /*#__PURE__*/function (_React$Component) {
             _inherits(GetMicroFrontendApp, _React$Component);
-
             var _super = _createSuper(GetMicroFrontendApp);
-
             function GetMicroFrontendApp(props) {
               var _this;
-
               _classCallCheck(this, GetMicroFrontendApp);
-
               _this = _super.call(this, props);
-
               _defineProperty(_assertThisInitialized(_this), "state", {
                 MApp: function MApp() {
                   logger('MApp init Component Render');
@@ -133,11 +110,9 @@ export default (function (config) {
                 }),
                 appInfoList: []
               });
-
               var load = /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
                   var GarfishConfig, _generateApps, appInfoList, apps, MApp;
-
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
                     while (1) {
                       switch (_context.prev = _context.next) {
@@ -148,7 +123,6 @@ export default (function (config) {
                           }));
                           _context.next = 3;
                           return promise;
-
                         case 3:
                           GarfishConfig = _context.sent;
                           _generateApps = generateApps(GarfishConfig, manifest), appInfoList = _generateApps.appInfoList, apps = _generateApps.apps;
@@ -163,13 +137,11 @@ export default (function (config) {
                             apps: apps,
                             appInfoList: appInfoList
                           });
-
                           _this.setState({
                             MApp: MApp,
                             apps: apps,
                             appInfoList: appInfoList
                           });
-
                         case 10:
                         case "end":
                           return _context.stop();
@@ -177,16 +149,13 @@ export default (function (config) {
                     }
                   }, _callee);
                 }));
-
                 return function load() {
                   return _ref2.apply(this, arguments);
                 };
               }();
-
               load();
               return _this;
             }
-
             _createClass(GetMicroFrontendApp, [{
               key: "render",
               value: function render() {
@@ -197,10 +166,8 @@ export default (function (config) {
                 });
               }
             }]);
-
             return GetMicroFrontendApp;
           }(React.Component);
-
           return next({
             App: hoistNonReactStatics(GetMicroFrontendApp, App)
           });

package/dist/js/treeshaking/runtime/useModuleApps.js

@@ -4,10 +4,9 @@ import { logger } from "../util";
 import { GarfishContext } from "./utils/Context";
 export function useModuleApps() {
   var _useContext = useContext(GarfishContext),
-      apps = _useContext.apps,
-      MApp = _useContext.MApp,
-      appInfoList = _useContext.appInfoList;
-
+    apps = _useContext.apps,
+    MApp = _useContext.MApp,
+    appInfoList = _useContext.appInfoList;
   logger('call useModuleApps', _objectSpread({
     MApp: MApp,
     apps: appInfoList
@@ -20,7 +19,6 @@ export function useModuleApps() {
       if (typeof p === 'string' && p in target) {
         return Reflect.get(target, p, receiver);
       }
-
       return function () {
         return /*#__PURE__*/React.createElement('div');
       };
@@ -30,8 +28,7 @@ export function useModuleApps() {
 }
 export function useModuleApp() {
   var _useContext2 = useContext(GarfishContext),
-      MApp = _useContext2.MApp;
-
+    MApp = _useContext2.MApp;
   logger('call useModuleApps', MApp);
   return MApp;
 }