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

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @modern-js/plugin-garfish
 
+## 2.0.0-beta.2
+
+### Major Changes
+
+- dda38c9c3e: chore: v2
+
+### Patch Changes
+
+- 21d2ddb: feat: support async export provider for module federation
+  支持模块联邦场景异步导出 provider
+- 2344eb2: fix: loadApp when dom is mount
+  修复 dom 未渲染时挂载子应用行为
+- Updated dependencies [2344eb2]
+- Updated dependencies [a11fcf8]
+- Updated dependencies [b18fa8f3ed]
+- Updated dependencies [c9e800d39a]
+- Updated dependencies [3e57f2b]
+- Updated dependencies [fbf5eed]
+- Updated dependencies [a2509bfbdb]
+- Updated dependencies [e4357f1]
+- Updated dependencies [4369648ae2]
+- Updated dependencies [92f0ead]
+- Updated dependencies [92c0994]
+- Updated dependencies [edd1cfb1af]
+- Updated dependencies [cc971eabfc]
+- Updated dependencies [5b9049f2e9]
+- Updated dependencies [6bda14ed71]
+- Updated dependencies [92004d1]
+- Updated dependencies [b8bbe036c7]
+- Updated dependencies [40ed587]
+- Updated dependencies [60d5378632]
+- Updated dependencies [d5a31df781]
+- Updated dependencies [dda38c9c3e]
+- Updated dependencies [8b8e1bb571]
+- Updated dependencies [3bbea92b2a]
+- Updated dependencies [18aaf42]
+- Updated dependencies [fcace5b5b9]
+- Updated dependencies [abf3421a75]
+- Updated dependencies [543be9558e]
+- Updated dependencies [14b712da84]
+  - @modern-js/runtime@2.0.0-beta.2
+  - @modern-js/utils@2.0.0-beta.2
+
+## 2.0.0-beta.1
+
+### Major Changes
+
+- dda38c9: chore: v2
+
+### Patch Changes
+
+- 2344eb2: fix: loadApp when dom is mount
+  修复 dom 未渲染时挂载子应用行为
+- Updated dependencies [2344eb2]
+- Updated dependencies [a11fcf8]
+- Updated dependencies [b18fa8f]
+- Updated dependencies [c9e800d39a]
+- Updated dependencies [3e57f2b]
+- Updated dependencies [fbf5eed]
+- Updated dependencies [a2509bfbdb]
+- Updated dependencies [4369648ae2]
+- Updated dependencies [92f0ead]
+- Updated dependencies [92c0994]
+- Updated dependencies [edd1cfb1af]
+- Updated dependencies [cc971eabfc]
+- Updated dependencies [5b9049f]
+- Updated dependencies [6bda14ed71]
+- Updated dependencies [92004d1]
+- Updated dependencies [b8bbe036c7]
+- Updated dependencies [40ed587]
+- Updated dependencies [60d5378632]
+- Updated dependencies [d5a31df781]
+- Updated dependencies [dda38c9]
+- Updated dependencies [8b8e1bb571]
+- Updated dependencies [3bbea92b2a]
+- Updated dependencies [18aaf42]
+- Updated dependencies [fcace5b5b9]
+- Updated dependencies [abf3421]
+- Updated dependencies [543be9558e]
+- Updated dependencies [14b712d]
+  - @modern-js/runtime@2.0.0-beta.1
+  - @modern-js/utils@2.0.0-beta.1
+
 ## 2.0.0-beta.0
 
 ### Major Changes

package/dist/js/modern/cli/index.js

@@ -1,13 +1,10 @@
 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 _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; }
-
 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 const externals = {
   'react-dom': 'react-dom',
   react: 'react'
@@ -20,7 +17,6 @@ export function getDefaultMicroFrontedConfig(microFrontend) {
       moduleApp: ''
     };
   }
-
   return _objectSpread({
     enableHtmlEntry: true,
     externalBasicLibrary: false
@@ -43,7 +39,6 @@ export default (({
       validateSchema() {
         return PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
       },
-
       resolvedConfig: async config => {
         const {
           resolved
@@ -55,16 +50,13 @@ export default (({
         const nConfig = {
           resolved: _objectSpread({}, resolved)
         };
-
         if (masterApp) {
           var _router$historyOption;
-
           // 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,31 +65,29 @@ export default (({
         });
         return nConfig;
       },
-
       config() {
-        var _useConfig$output$dis, _useConfig$output, _useConfig$deploy;
-
+        var _useConfig$output, _useConfig$deploy;
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const 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
         const config = useAppContext();
         pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
         runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
-        let 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
+        let 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;
-
           const {
             enableHtmlEntry
           } = getDefaultMicroFrontedConfig((_useConfig$deploy2 = useConfig.deploy) === null || _useConfig$deploy2 === void 0 ? void 0 : _useConfig$deploy2.microFrontend);
-
           if (!enableHtmlEntry) {
+            // FIXME: the handle the `disableCssExtract` config
             disableCssExtract = true;
           }
         }
-
         return {
           output: {
             disableCssExtract
@@ -120,36 +110,30 @@ export default (({
               CHAIN_ID
             }) => {
               var _resolveOptions$deplo, _resolveWebpackConfig;
-
               // eslint-disable-next-line react-hooks/rules-of-hooks
               const 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:${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'
                   }]);
                 }
-
                 const {
                   enableHtmlEntry,
                   externalBasicLibrary
-                } = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend); // external
-
+                } = getDefaultMicroFrontedConfig((_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend);
+                // external
                 if (externalBasicLibrary) {
                   chain.externals(externals);
-                } // use html mode
-
-
+                }
+                // use html mode
                 if (!enableHtmlEntry) {
                   chain.output.filename('index.js');
                   chain.plugins.delete(`${CHAIN_ID.PLUGIN.HTML}-main`);
@@ -159,7 +143,6 @@ export default (({
                   });
                 }
               }
-
               const resolveWebpackConfig = chain.toConfig();
               logger('webpackConfig', {
                 output: resolveWebpackConfig.output,
@@ -172,14 +155,12 @@ export default (({
           }
         };
       },
-
       addRuntimeExports() {
         const addExportStatement = `export { default as garfish, default as masterApp, hoistNonReactStatics } from '${_pluginName}'`;
         logger('exportStatement', addExportStatement);
         pluginsExportsUtils.addExport(addExportStatement);
         runtimeExportsUtils.addExport(`export * from '${_mfPackagePath}'`);
       },
-
       modifyEntryImports({
         entrypoint,
         imports
@@ -189,7 +170,6 @@ export default (({
         const {
           masterApp
         } = getRuntimeConfig(config);
-
         if (masterApp) {
           imports.push({
             value: _runtimePluginName,
@@ -204,7 +184,6 @@ export default (({
             }]
           });
         }
-
         imports.push({
           value: _runtimePluginName,
           specifiers: [{
@@ -224,7 +203,6 @@ export default (({
           entrypoint
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
@@ -234,7 +212,6 @@ export default (({
         const {
           masterApp
         } = getRuntimeConfig(config);
-
         if (masterApp) {
           logger('garfishPlugin options', masterApp);
           plugins.push({
@@ -243,29 +220,24 @@ export default (({
             options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
           });
         }
-
         return {
           entrypoint,
           plugins
         };
       },
-
       modifyEntryRenderFunction({
         entrypoint,
         code
       }) {
         var _config$deploy;
-
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const config = useResolvedConfigContext();
-
         if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
           return {
             entrypoint,
             code
           };
         }
-
         const nCode = makeRenderFunction(code);
         logger('makeRenderFunction', nCode);
         return {
@@ -273,17 +245,34 @@ export default (({
           code: nCode
         };
       },
-
+      modifyAsyncEntry({
+        entrypoint,
+        code
+      }) {
+        var _config$deploy2, _config$source;
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const config = useResolvedConfigContext();
+        let 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,
+            code: `${finalCode}`
+          };
+        }
+        return {
+          entrypoint,
+          code: finalCode
+        };
+      },
       modifyEntryExport({
         entrypoint,
         exportStatement
       }) {
-        var _config$deploy2;
-
+        var _config$deploy3;
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const config = useResolvedConfigContext();
-
-        if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend) {
+        if (config !== null && config !== void 0 && (_config$deploy3 = config.deploy) !== null && _config$deploy3 !== void 0 && _config$deploy3.microFrontend) {
           const exportStatementCode = makeProvider();
           logger('exportStatement', exportStatementCode);
           return {
@@ -291,13 +280,11 @@ export default (({
             exportStatement: exportStatementCode
           };
         }
-
         return {
           entrypoint,
           exportStatement
         };
       }
-
     };
   }
 }));

package/dist/js/modern/cli/utils.js

@@ -86,32 +86,38 @@ export const makeRenderFunction = code => {
   let { AppWrapper, mountNode } = generateAppWrapperAndRootDom({App, props, dom});
   `;
   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 const generateAsyncEntry = code => {
+  const transformCode = code.replace(`import('./bootstrap.js');`, `if (!window.__GARFISH__) { import('./bootstrap.js'); }`);
+  return `
+      export const provider = async (...args) => {
+        const exports = await import('./bootstrap');
+        return exports.provider.apply(null, args);
+      };
+      ${transformCode}
+    `;
+};

package/dist/js/modern/runtime/loadable.js

@@ -1,15 +1,9 @@
 const _excluded = ["loadable"];
-
 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 _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 _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; }
-
 // logical reference to https://github.com/jamiebuilds/react-loadable/blob/6201c5837b212d6244c57f3748f2b1375096beeb/src/index.js
 import { useState, useEffect, useCallback } from 'react';
 import { logger } from "../util";
@@ -25,12 +19,10 @@ export function Loadable(WrapComponent) {
   return function (defaultLoadable) {
     return function Lodable(props) {
       var _props$loadable;
-
       const {
-        loadable = defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE
-      } = props,
-            otherProps = _objectWithoutProperties(props, _excluded);
-
+          loadable = defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE
+        } = props,
+        otherProps = _objectWithoutProperties(props, _excluded);
       let delayTimer = null;
       let timeoutTimer = null;
       const [state, setState] = useState(() => {
@@ -44,7 +36,6 @@ export function Loadable(WrapComponent) {
           timedOut: false,
           isLoading: false
         };
-
         if (typeof delay === 'number') {
           if (delay === 0) {
             initState.pastDelay = true;
@@ -56,7 +47,6 @@ export function Loadable(WrapComponent) {
             }, delay);
           }
         }
-
         if (typeof timeout === 'number') {
           timeoutTimer = setTimeout(() => {
             setStateWithMountCheck({
@@ -64,7 +54,6 @@ export function Loadable(WrapComponent) {
             });
           }, timeout);
         }
-
         return initState;
       });
       const LoadingComponent = (_props$loadable = props.loadable) === null || _props$loadable === void 0 ? void 0 : _props$loadable.loading;
@@ -80,12 +69,10 @@ export function Loadable(WrapComponent) {
             isLoading: false,
             error: null
           });
-
           if (delayTimer) {
             clearTimeout(delayTimer);
             delayTimer = null;
           }
-
           if (timeoutTimer) {
             clearTimeout(timeoutTimer);
             timeoutTimer = null;
@@ -119,7 +106,6 @@ export function Loadable(WrapComponent) {
             if (props.error && !LoadingComponent) {
               throw props.error;
             }
-
             setStateWithMountCheck(props);
           }
         }, otherProps))]

package/dist/js/modern/runtime/plugin.js

@@ -1,15 +1,9 @@
 const _excluded = ["manifest"];
-
 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 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 _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; }
-
 import GarfishInstance from 'garfish';
 import React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
@@ -19,55 +13,47 @@ import setExternal from "./utils/setExternal";
 import { generateMApp } from "./utils/MApp";
 import { generateApps } from "./utils/apps";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 async function initOptions(manifest = {}, options) {
   var _window, _window$modern_manife, _window2, _window2$modern_manif;
+  let apps = options.apps || [];
 
-  let apps = options.apps || []; // use manifest modules
-
+  // 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) {
     const getAppList = await (manifest === null || manifest === void 0 ? void 0 : manifest.getAppList(manifest));
-
     if (getAppList.length > 0) {
       apps = getAppList;
     }
-
     logger('getAppList modules', apps);
-  } // get inject modules list
-
+  }
 
+  // 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) {
     var _window3, _window3$modern_manif;
-
     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 _objectSpread(_objectSpread({}, options), {}, {
     apps
   });
-} // export default GarfishPlugin;
-
+}
 
+// export default GarfishPlugin;
 export default (config => ({
   name: '@modern-js/garfish-plugin',
   setup: () => {
     setExternal();
-
     const {
-      manifest
-    } = config,
-          options = _objectWithoutProperties(config, _excluded);
-
+        manifest
+      } = config,
+      options = _objectWithoutProperties(config, _excluded);
     logger('createPlugin', config);
     const promise = initOptions(manifest, options);
     return {
@@ -77,7 +63,6 @@ export default (config => ({
         class GetMicroFrontendApp extends React.Component {
           constructor(props) {
             super(props);
-
             _defineProperty(this, "state", {
               MApp: () => {
                 logger('MApp init Component Render');
@@ -87,11 +72,9 @@ export default (config => ({
                 get() {
                   return () => /*#__PURE__*/React.createElement('div');
                 }
-
               }),
               appInfoList: []
             });
-
             const load = async () => {
               GarfishInstance.setOptions(_objectSpread(_objectSpread({}, options), {}, {
                 insulationVariable: [...(options.insulationVariable || []), '_SERVER_DATA'],
@@ -119,10 +102,8 @@ export default (config => ({
                 appInfoList
               });
             };
-
             load();
           }
-
           render() {
             logger('GarfishProvider state', this.state);
             return /*#__PURE__*/_jsx(GarfishProvider, {
@@ -130,14 +111,11 @@ export default (config => ({
               children: /*#__PURE__*/_jsx(App, _objectSpread(_objectSpread({}, this.props), this.state))
             });
           }
-
         }
-
         return next({
           App: hoistNonReactStatics(GetMicroFrontendApp, App)
         });
       }
-
     };
   }
 }));

package/dist/js/modern/runtime/useModuleApps.js

@@ -1,9 +1,6 @@
 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 _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; }
-
 import React, { useContext } from 'react';
 import { logger } from "../util";
 import { GarfishContext } from "./utils/Context";
@@ -25,10 +22,8 @@ export function useModuleApps() {
       if (typeof p === 'string' && p in target) {
         return Reflect.get(target, p, receiver);
       }
-
       return () => /*#__PURE__*/React.createElement('div');
     }
-
   });
   return Info;
 }