@modern-js/plugin-garfish 1.3.1 → 1.4.2

package/dist/js/node/cli/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.resolvedConfig = exports.initializer = exports.externals = exports.default = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
@@ -23,66 +23,57 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 getRuntimeConfig(config) {
-  var _config$runtime;
-
-  if (config !== null && config !== void 0 && (_config$runtime = config.runtime) !== null && _config$runtime !== void 0 && _config$runtime.feature) {
-    var _config$runtime2;
-
-    return config === null || config === void 0 ? void 0 : (_config$runtime2 = config.runtime) === null || _config$runtime2 === void 0 ? void 0 : _config$runtime2.feature;
-  }
-
-  return config === null || config === void 0 ? void 0 : config.runtime;
-}
-
-function setRuntimeConfig(config, key, value) {
-  var _config$runtime3, _config$runtime4;
+const externals = {
+  'react-dom': 'react-dom',
+  react: 'react'
+};
+exports.externals = externals;
+
+const resolvedConfig = async config => {
+  const {
+    resolved
+  } = config;
+  const {
+    masterApp,
+    router
+  } = (0, _utils2.getRuntimeConfig)(resolved);
+  const nConfig = {
+    resolved: _objectSpread({}, resolved)
+  };
 
-  if (config !== null && config !== void 0 && config.runtime && config !== null && config !== void 0 && config.runtime[key]) {
-    config.runtime[key] = value;
-  }
+  if (masterApp) {
+    var _router$historyOption;
 
-  if (config !== null && config !== void 0 && (_config$runtime3 = config.runtime) !== null && _config$runtime3 !== void 0 && _config$runtime3.feature && config !== null && config !== void 0 && (_config$runtime4 = config.runtime) !== null && _config$runtime4 !== void 0 && _config$runtime4.feature[key]) {
-    config.runtime.feature[key] = value;
+    // basename does not exist use router's basename
+    (0, _utils2.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) || '/'
+    }));
   }
-}
 
-const externals = {
-  'react-dom': 'react-dom',
-  react: 'react'
+  (0, _util.logger)(`resolvedConfig`, {
+    runtime: nConfig.resolved.runtime,
+    deploy: nConfig.resolved.deploy,
+    server: nConfig.resolved.server
+  });
+  return nConfig;
 };
 
-var _default = (0, _core.createPlugin)(() => {
-  const configMap = new Map();
+exports.resolvedConfig = resolvedConfig;
+
+const initializer = ( // eslint-disable-next-line @typescript-eslint/no-shadow
+{
+  resolvedConfig,
+  validateSchema
+}, {
+  runtimePluginName: _runtimePluginName = '@modern-js/runtime/plugins',
+  defaultEnableHtmlEntry: _defaultEnableHtmlEntry = true,
+  defaultExternalBasicLibrary: _defaultExternalBasicLibrary = false
+}) => () => {
   let pluginsExportsUtils;
   let runtimeExportsUtils;
   return {
-    resolvedConfig(config) {
-      const {
-        resolved
-      } = config;
-      const {
-        masterApp,
-        router
-      } = getRuntimeConfig(resolved);
-      const 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.basename) || '/'
-        }));
-      }
-
-      (0, _util.logger)(`resolvedConfig`, {
-        runtime: nConfig.resolved.runtime,
-        deploy: nConfig.resolved.deploy,
-        server: nConfig.resolved.server
-      });
-      return nConfig;
-    },
+    validateSchema,
+    resolvedConfig,
 
     config() {
       // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -98,31 +89,34 @@ var _default = (0, _core.createPlugin)(() => {
         tools: {
           webpack: (webpackConfig, {
             chain,
-            webpack
+            webpack,
+            env: _env = process.env.NODE_ENV || 'development'
           }) => {
-            var _resolvedConfig$deplo, _resolveWebpackConfig;
-
-            const env = process.env.NODE_ENV; // eslint-disable-next-line react-hooks/rules-of-hooks
+            var _resolveOptions$deplo, _resolveWebpackConfig;
 
-            const resolvedConfig = (0, _core.useResolvedConfigContext)();
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            const resolveOptions = (0, _core.useResolvedConfigContext)();
 
-            if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo = resolvedConfig.deploy) !== null && _resolvedConfig$deplo !== void 0 && _resolvedConfig$deplo.microFrontend) {
-              var _resolvedConfig$deplo2, _resolvedConfig$deplo3;
+            if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$deplo = resolveOptions.deploy) !== null && _resolveOptions$deplo !== void 0 && _resolveOptions$deplo.microFrontend) {
+              var _resolveOptions$serve, _resolveOptions$deplo2, _resolveOptions$deplo3;
 
               chain.output.libraryTarget('umd');
 
-              if (resolvedConfig.server.port) {
-                chain.output.publicPath(env === 'development' ? `//localhost:${resolvedConfig.server.port}/` : webpackConfig.output.publicPath);
+              if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
+                chain.output.publicPath(_env === 'development' ? `//localhost:${resolveOptions.server.port}/` : webpackConfig.output.publicPath);
               } // add comments avoid sourcemap abnormal
 
 
-              chain.plugin('banner').use(webpack.BannerPlugin, [{
-                banner: 'Micro front-end'
-              }]);
+              if (webpack.BannerPlugin) {
+                chain.plugin('banner').use(webpack.BannerPlugin, [{
+                  banner: 'Micro front-end'
+                }]);
+              }
+
               const {
-                enableHtmlEntry = true,
-                externalBasicLibrary = true
-              } = typeof (resolvedConfig === null || resolvedConfig === void 0 ? void 0 : (_resolvedConfig$deplo2 = resolvedConfig.deploy) === null || _resolvedConfig$deplo2 === void 0 ? void 0 : _resolvedConfig$deplo2.microFrontend) === 'object' ? resolvedConfig === null || resolvedConfig === void 0 ? void 0 : (_resolvedConfig$deplo3 = resolvedConfig.deploy) === null || _resolvedConfig$deplo3 === void 0 ? void 0 : _resolvedConfig$deplo3.microFrontend : {}; // external
+                enableHtmlEntry = _defaultEnableHtmlEntry,
+                externalBasicLibrary = _defaultExternalBasicLibrary
+              } = typeof (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo2 = resolveOptions.deploy) === null || _resolveOptions$deplo2 === void 0 ? void 0 : _resolveOptions$deplo2.microFrontend) === 'object' ? resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions$deplo3 = resolveOptions.deploy) === null || _resolveOptions$deplo3 === void 0 ? void 0 : _resolveOptions$deplo3.microFrontend : {}; // external
 
               if (externalBasicLibrary) {
                 chain.externals(externals);
@@ -143,7 +137,7 @@ var _default = (0, _core.createPlugin)(() => {
             (0, _util.logger)('webpackConfig', {
               output: resolveWebpackConfig.output,
               externals: resolveWebpackConfig.externals,
-              env,
+              env: _env,
               alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
             });
           }
@@ -154,40 +148,35 @@ var _default = (0, _core.createPlugin)(() => {
     addRuntimeExports() {
       const mfPackage = _path.default.resolve(__dirname, '../../../../');
 
-      const addExportStatement = `export { default as garfish } from '${mfPackage}'`;
+      const addExportStatement = `export { default as garfish, default as masterApp } from '${mfPackage}'`;
       (0, _util.logger)('exportStatement', addExportStatement);
       pluginsExportsUtils.addExport(addExportStatement);
       runtimeExportsUtils.addExport(`export * from '${mfPackage}'`);
     },
 
-    validateSchema() {
-      return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
-    },
-
     modifyEntryImports({
       entrypoint,
       imports
     }) {
       // eslint-disable-next-line react-hooks/rules-of-hooks
-      const resolvedConfig = (0, _core.useResolvedConfigContext)(); // support legacy config
-
+      const config = (0, _core.useResolvedConfigContext)();
       const {
         masterApp
-      } = getRuntimeConfig(resolvedConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
+      } = (0, _utils2.getRuntimeConfig)(config);
 
-      const {
-        packageName
-      } = (0, _core.useAppContext)();
-      const masterAppConfig = (0, _utils.getEntryOptions)(entrypoint.entryName, masterApp, resolvedConfig.runtimeByEntries, packageName);
-      configMap.set(entrypoint.entryName, masterAppConfig);
-
-      if (masterAppConfig) {
+      if (masterApp) {
         imports.push({
-          value: '@modern-js/runtime/plugins',
+          value: _runtimePluginName,
           specifiers: [{
             imported: 'garfish'
           }]
         });
+        imports.push({
+          value: _runtimePluginName,
+          specifiers: [{
+            imported: 'masterApp'
+          }]
+        });
       }
 
       imports.push({
@@ -208,14 +197,18 @@ var _default = (0, _core.createPlugin)(() => {
       entrypoint,
       plugins
     }) {
-      const masterAppConfig = configMap.get(entrypoint.entryName);
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = (0, _core.useResolvedConfigContext)();
+      const {
+        masterApp
+      } = (0, _utils2.getRuntimeConfig)(config);
 
-      if (masterAppConfig) {
-        (0, _util.logger)('garfishPlugin options', masterAppConfig);
+      if (masterApp) {
+        (0, _util.logger)('garfishPlugin options', masterApp);
         plugins.push({
           name: 'garfish',
           args: 'masterApp',
-          options: JSON.stringify(masterAppConfig)
+          options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
         });
       }
 
@@ -253,12 +246,12 @@ var _default = (0, _core.createPlugin)(() => {
       entrypoint,
       exportStatement
     }) {
-      var _resolvedConfig$deplo4;
+      var _config$deploy2;
 
       // eslint-disable-next-line react-hooks/rules-of-hooks
-      const resolvedConfig = (0, _core.useResolvedConfigContext)();
+      const config = (0, _core.useResolvedConfigContext)();
 
-      if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo4 = resolvedConfig.deploy) !== null && _resolvedConfig$deplo4 !== void 0 && _resolvedConfig$deplo4.microFrontend) {
+      if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend) {
         const exportStatementCode = (0, _utils2.makeProvider)();
         (0, _util.logger)('exportStatement', exportStatementCode);
         return {
@@ -274,7 +267,20 @@ var _default = (0, _core.createPlugin)(() => {
     }
 
   };
+};
+
+exports.initializer = initializer;
+
+var _default = (0, _core.createPlugin)(initializer({
+  resolvedConfig,
+
+  validateSchema() {
+    return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
+  }
+
 }, {
+  runtimePluginName: '@modern-js/runtime/plugins'
+}), {
   name: '@modern-js/plugin-garfish'
 });
 

package/dist/js/node/cli/utils.js

@@ -3,41 +3,104 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getRuntimeConfig = getRuntimeConfig;
 exports.makeRenderFunction = exports.makeProvider = void 0;
+exports.setRuntimeConfig = setRuntimeConfig;
 
 const makeProvider = () => `
-  export const provider = function ({basename, dom, ...props}) {
-    return {
-      render({basename, dom}) {
-        const SubApp = render(props, basename);
-        const node = dom.querySelector('#' + MOUNT_ID) || dom;
-
-        bootstrap(SubApp, node);
-      },
-      destroy({ dom }) {
-        const node = dom.querySelector('#' + MOUNT_ID) || dom;
-
-        if (node) {
-          unmountComponentAtNode(node);
-        }
-      },
-      SubModuleComponent: (props) => {
-        const SubApp = render(props, basename);
+export const provider = function ({basename, dom, ...props}) {
+  return {
+    render({basename, dom}) {
+      console.log('App.config', App.config);
+      const SubApp = render({props, basename});
+      const node = dom.querySelector('#' + MOUNT_ID) || dom;
+      bootstrap(SubApp, node);
+    },
+    destroy({ dom }) {
+      const node = dom.querySelector('#' + MOUNT_ID) || dom;
 
-        return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
+      if (node) {
+        unmountComponentAtNode(node);
       }
+    },
+    SubModuleComponent: (props) => {
+      const SubApp = render({props, basename});
+
+      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
+    },
+    jupiter_submodule_app_key: (props) => {
+      const SubApp = render({props, basename});
+
+      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
     }
-  };
-  if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
-    __GARFISH_EXPORTS__.provider = provider;
   }
+};
+
+if (typeof __GARFISH_EXPORTS__ !== 'undefined') {
+  __GARFISH_EXPORTS__.provider = provider;
+}
 `;
 
 exports.makeProvider = makeProvider;
 
-const makeRenderFunction = code => code.replace('IS_BROWSER', `
-        IS_BROWSER &&
-        typeof __GARFISH_EXPORTS__ === 'undefined'
-      `).replace('(App)', '(() => <App {...(arguments[0] || {})} />)').replace('"basename":"/"', '"basename":arguments[1] || "/"');
+const makeRenderFunction = code => {
+  const inGarfishToRender = `
+  const { basename, props } = arguments[0] || {};
+  let renderByGarfish = false;
+  const renderByProvider = !!basename;
+
+  if (IS_BROWSER && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.length !== 0) renderByGarfish = true;
+  if (IS_BROWSER && window.Garfish && window.Garfish.apps && Object.keys(window.Garfish.apps).length !== 0) renderByGarfish = true;
+  if (typeof __GARFISH_EXPORTS__ !== 'undefined') renderByGarfish = true;
+  if (renderByGarfish && !renderByProvider) return null;
+
+  function RouterPlugin (routerConfig) {
+    if (basename) {
+      routerConfig.basename = basename;
+      if (routerConfig.supportHtml5History !== false) {
+        if (!routerConfig.historyOptions) {
+          routerConfig.historyOptions = {
+            basename: basename
+          };
+        } else {
+          routerConfig.historyOptions.basename = basename;
+        }
+      }
+    }
+    return router(routerConfig);
+  }
+  `;
+  return inGarfishToRender + code.replace(`router(`, `RouterPlugin(`).replace('IS_BROWSER', `IS_BROWSER && !renderByGarfish`);
+}; // support legacy config
+
+
+exports.makeRenderFunction = makeRenderFunction;
+
+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
+
+
+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;
+  }
 
-exports.makeRenderFunction = makeRenderFunction;
+  return undefined;
+}

package/dist/js/node/runtime/plugin.js

@@ -43,13 +43,21 @@ async function initOptions(manifest = {}, options) {
   let apps = options.apps || []; // use manifest modules
 
   if (manifest !== null && manifest !== void 0 && manifest.modules) {
-    apps = manifest === null || manifest === void 0 ? 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;
+    }
+
     (0, _util.logger)('manifest modules', apps);
   } // get module list
 
 
   if (manifest !== null && manifest !== void 0 && manifest.getAppList) {
-    apps = await (manifest === null || manifest === void 0 ? void 0 : manifest.getAppList());
+    const getAppList = await (manifest === null || manifest === void 0 ? void 0 : manifest.getAppList());
+
+    if (getAppList.length > 0) {
+      apps = getAppList;
+    }
+
     (0, _util.logger)('getAppList modules', apps);
   } // get inject modules list
 

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

@@ -81,7 +81,7 @@ function generateMApp(options, manifest) {
         },
 
         errorLoadApp(error, ...args) {
-          (0, _util.logger)('MApp errorLoadApp', args);
+          (0, _util.logger)('MApp errorLoadApp', error, args);
           setLoadingState({
             error
           });
@@ -89,7 +89,7 @@ function generateMApp(options, manifest) {
         },
 
         errorMountApp(error, ...args) {
-          (0, _util.logger)('MApp errorMountApp', args);
+          (0, _util.logger)('MApp errorMountApp', error, args);
           setLoadingState({
             error
           });
@@ -97,7 +97,7 @@ function generateMApp(options, manifest) {
         },
 
         errorUnmountApp(error, ...args) {
-          (0, _util.logger)('MApp errorUnmountApp', args);
+          (0, _util.logger)('MApp errorUnmountApp', error, args);
           setLoadingState({
             error
           });

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

@@ -33,7 +33,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 getAppInstance(appInfo, manifest) {
+function getAppInstance(options, appInfo, manifest) {
   let locationHref = '';
 
   class MicroApp extends _react.default.Component {
@@ -58,9 +58,6 @@ function getAppInstance(appInfo, manifest) {
       const {
         domId
       } = this.state;
-      const {
-        options
-      } = _garfish.default;
 
       const loadAppOptions = _objectSpread(_objectSpread({}, appInfo), {}, {
         domGetter: `#${domId}`,
@@ -181,7 +178,7 @@ function generateApps(options, manifest) {
 
   const apps = {};
   (_options$apps = options.apps) === null || _options$apps === void 0 ? void 0 : _options$apps.forEach(appInfo => {
-    const Component = getAppInstance(appInfo, manifest);
+    const Component = getAppInstance(options, appInfo, manifest);
     appInfo.Component = Component;
     apps[appInfo.name] = Component;
   });