@modern-js/plugin-garfish 1.3.0 → 1.3.1

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

@@ -1,4 +1,4 @@
-const _excluded = ["manifest", "LoadingComponent"];
+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; }
 
@@ -10,6 +10,7 @@ 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; }
 
+// eslint-disable-next-line filenames/match-exported
 import { createPlugin } from '@modern-js/runtime-core';
 import React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
@@ -21,9 +22,9 @@ import { generateApps } from "./utils/apps";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 async function initOptions(manifest = {}, options) {
-  var _window, _window$modern_manife;
+  var _window, _window$modern_manife, _window2, _window2$modern_manif;
 
-  let apps = []; // use manifest modules
+  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;
@@ -37,35 +38,29 @@ async function initOptions(manifest = {}, options) {
   } // 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) {
-    var _window2, _window2$modern_manif;
+  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 = (_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;
+    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({
+  return _objectSpread(_objectSpread({}, options), {}, {
     apps
-  }, options);
+  });
 }
 
-export default (config => {
+const GarfishPlugin = config => {
   setExternal();
 
   const {
-    manifest = {},
-    LoadingComponent
+    manifest
   } = config,
         options = _objectWithoutProperties(config, _excluded);
 
   logger('createPlugin', {
     config
   });
-
-  if (!manifest.LoadingComponent && LoadingComponent) {
-    manifest.LoadingComponent = LoadingComponent;
-  }
-
   const promise = initOptions(manifest, options);
   return createPlugin(() => ({
     hoc({
@@ -131,4 +126,6 @@ export default (config => {
     }
 
   }));
-});
+};
+
+export default GarfishPlugin;

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

@@ -16,9 +16,7 @@ import Garfish from 'garfish';
 import { logger, generateSubAppContainerKey } from "../../util";
 import { Loadable } from "../loadable";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function generateMApp(options, {
-  LoadingComponent
-}) {
+export function generateMApp(options, manifest) {
   class MApp extends React.Component {
     constructor(...args) {
       super(...args);
@@ -53,7 +51,7 @@ export function generateMApp(options, {
         domGetter: `#${domId}`,
 
         beforeLoad(...args) {
-          // logger('MApp beforeLoad', args);
+          logger('MApp beforeLoad', args);
           setLoadingState({
             isLoading: true,
             error: null
@@ -62,7 +60,7 @@ export function generateMApp(options, {
         },
 
         beforeMount(...args) {
-          // logger('MApp beforeMount', args);
+          logger('MApp beforeMount', args);
           setLoadingState({
             isLoading: false
           });
@@ -70,7 +68,7 @@ export function generateMApp(options, {
         },
 
         errorLoadApp(error, ...args) {
-          // logger('MApp errorLoadApp', args);
+          logger('MApp errorLoadApp', args);
           setLoadingState({
             error
           });
@@ -78,7 +76,7 @@ export function generateMApp(options, {
         },
 
         errorMountApp(error, ...args) {
-          // logger('MApp errorMountApp', args);
+          logger('MApp errorMountApp', args);
           setLoadingState({
             error
           });
@@ -86,7 +84,7 @@ export function generateMApp(options, {
         },
 
         errorUnmountApp(error, ...args) {
-          // logger('MApp errorUnmountApp', args);
+          logger('MApp errorUnmountApp', args);
           setLoadingState({
             error
           });
@@ -114,7 +112,6 @@ export function generateMApp(options, {
     }
 
     render() {
-      logger('MApp render status', this.state);
       return /*#__PURE__*/_jsx("div", {
         id: generateSubAppContainerKey()
       });
@@ -122,5 +119,5 @@ export function generateMApp(options, {
 
   }
 
-  return Loadable(MApp)(LoadingComponent);
+  return Loadable(MApp)(manifest === null || manifest === void 0 ? void 0 : manifest.loadable);
 }

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

@@ -28,9 +28,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 
 function getAppInstance(appInfo, manifest) {
-  const {
-    LoadingComponent
-  } = manifest;
   let locationHref = '';
 
   class MicroApp extends React.Component {
@@ -170,7 +167,7 @@ function getAppInstance(appInfo, manifest) {
 
   }
 
-  return Loadable(withRouter(MicroApp))(LoadingComponent);
+  return Loadable(withRouter(MicroApp))(manifest === null || manifest === void 0 ? void 0 : manifest.loadable);
 }
 
 export function generateApps(options, manifest) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initializer = exports.default = void 0;
+exports.default = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
@@ -15,8 +15,6 @@ var _util = require("../util");
 
 var _utils2 = require("./utils");
 
-const _excluded = ["validateSchema", "externals", "componentKey"];
-
 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; }
@@ -25,10 +23,6 @@ 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 _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 getRuntimeConfig(config) {
   var _config$runtime;
 
@@ -53,249 +47,234 @@ function setRuntimeConfig(config, key, value) {
   }
 }
 
-const initializer = _ref => {
-  let {
-    validateSchema,
-    externals,
-    componentKey
-  } = _ref,
-      otherLifeCycle = _objectWithoutProperties(_ref, _excluded);
-
-  return () => {
-    const configMap = new Map();
-    let pluginsExportsUtils;
-    let runtimeExportsUtils;
-    return _objectSpread({
-      resolvedConfig(config) {
-        const {
-          resolved
-        } = config;
-        const {
-          masterApp,
-          router
-        } = getRuntimeConfig(resolved);
-        const nConfig = {
-          resolved: _objectSpread({}, resolved)
-        };
+const externals = {
+  'react-dom': 'react-dom',
+  react: 'react'
+};
 
-        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) || '/'
-          }));
-        }
+var _default = (0, _core.createPlugin)(() => {
+  const configMap = new Map();
+  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;
-      },
-
-      config() {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = (0, _core.useAppContext)();
-        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'plugins');
-        runtimeExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'index');
-        return {
-          source: {
-            alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
-            }
-          },
-          tools: {
-            webpack: (webpackConfig, {
-              chain,
-              webpack
-            }) => {
-              var _resolvedConfig$deplo;
+      (0, _util.logger)(`resolvedConfig`, {
+        runtime: nConfig.resolved.runtime,
+        deploy: nConfig.resolved.deploy,
+        server: nConfig.resolved.server
+      });
+      return nConfig;
+    },
+
+    config() {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = (0, _core.useAppContext)();
+      pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'plugins');
+      runtimeExportsUtils = (0, _utils.createRuntimeExportsUtils)(config.internalDirectory, 'index');
+      return {
+        source: {
+          alias: {
+            '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+          }
+        },
+        tools: {
+          webpack: (webpackConfig, {
+            chain,
+            webpack
+          }) => {
+            var _resolvedConfig$deplo, _resolveWebpackConfig;
 
-              const env = process.env.NODE_ENV; // eslint-disable-next-line react-hooks/rules-of-hooks
+            const env = process.env.NODE_ENV; // eslint-disable-next-line react-hooks/rules-of-hooks
 
-              const resolvedConfig = (0, _core.useResolvedConfigContext)();
+            const resolvedConfig = (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 (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo = resolvedConfig.deploy) !== null && _resolvedConfig$deplo !== void 0 && _resolvedConfig$deplo.microFrontend) {
+              var _resolvedConfig$deplo2, _resolvedConfig$deplo3;
 
-                chain.output.libraryTarget('umd');
+              chain.output.libraryTarget('umd');
 
-                if (resolvedConfig.server.port) {
-                  chain.output.publicPath(env === 'development' ? `//localhost:${resolvedConfig.server.port}/` : webpackConfig.output.publicPath);
-                } // add comments avoid sourcemap abnormal
+              if (resolvedConfig.server.port) {
+                chain.output.publicPath(env === 'development' ? `//localhost:${resolvedConfig.server.port}/` : webpackConfig.output.publicPath);
+              } // add comments avoid sourcemap abnormal
 
 
-                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
+              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
 
-                if (externalBasicLibrary) {
-                  chain.externals(externals);
-                } // use html mode
+              if (externalBasicLibrary) {
+                chain.externals(externals);
+              } // use html mode
 
 
-                if (!enableHtmlEntry) {
-                  chain.output.filename('index.js');
-                  chain.plugins.delete('html-main');
-                  chain.optimization.runtimeChunk(false);
-                  chain.optimization.splitChunks({
-                    chunks: 'async'
-                  });
-                }
+              if (!enableHtmlEntry) {
+                chain.output.filename('index.js');
+                chain.plugins.delete('html-main');
+                chain.optimization.runtimeChunk(false);
+                chain.optimization.splitChunks({
+                  chunks: 'async'
+                });
               }
-
-              const resolveWebpackConfig = chain.toConfig();
-              (0, _util.logger)('webpackConfig', {
-                output: resolveWebpackConfig.output,
-                externals: resolveWebpackConfig.externals,
-                env
-              });
             }
-          }
-        };
-      },
-
-      addRuntimeExports() {
-        const mfPackage = _path.default.resolve(__dirname, '../../../../');
-
-        const addExportStatement = `export { default as garfish } from '${mfPackage}'`;
-        (0, _util.logger)('exportStatement', addExportStatement);
-        pluginsExportsUtils.addExport(addExportStatement);
-        runtimeExportsUtils.addExport(`export * from '${mfPackage}'`);
-      },
-
-      validateSchema,
 
-      modifyEntryImports({
-        entrypoint,
-        imports
-      }) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const resolvedConfig = (0, _core.useResolvedConfigContext)(); // support legacy config
-
-        const {
-          masterApp
-        } = getRuntimeConfig(resolvedConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-        const {
-          packageName
-        } = (0, _core.useAppContext)();
-        const masterAppConfig = (0, _utils.getEntryOptions)(entrypoint.entryName, masterApp, resolvedConfig.runtimeByEntries, packageName);
-        configMap.set(entrypoint.entryName, masterAppConfig);
-
-        if (masterAppConfig) {
-          imports.push({
-            value: '@modern-js/runtime/plugins',
-            specifiers: [{
-              imported: 'garfish'
-            }]
-          });
+            const resolveWebpackConfig = chain.toConfig();
+            (0, _util.logger)('webpackConfig', {
+              output: resolveWebpackConfig.output,
+              externals: resolveWebpackConfig.externals,
+              env,
+              alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+            });
+          }
         }
-
+      };
+    },
+
+    addRuntimeExports() {
+      const mfPackage = _path.default.resolve(__dirname, '../../../../');
+
+      const addExportStatement = `export { default as garfish } 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 {
+        masterApp
+      } = getRuntimeConfig(resolvedConfig); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+      const {
+        packageName
+      } = (0, _core.useAppContext)();
+      const masterAppConfig = (0, _utils.getEntryOptions)(entrypoint.entryName, masterApp, resolvedConfig.runtimeByEntries, packageName);
+      configMap.set(entrypoint.entryName, masterAppConfig);
+
+      if (masterAppConfig) {
         imports.push({
-          value: 'react-dom',
+          value: '@modern-js/runtime/plugins',
           specifiers: [{
-            imported: 'unmountComponentAtNode'
-          }, {
-            imported: 'createPortal'
+            imported: 'garfish'
           }]
         });
-        return {
-          imports,
-          entrypoint
-        };
-      },
+      }
+
+      imports.push({
+        value: 'react-dom',
+        specifiers: [{
+          imported: 'unmountComponentAtNode'
+        }, {
+          imported: 'createPortal'
+        }]
+      });
+      return {
+        imports,
+        entrypoint
+      };
+    },
+
+    modifyEntryRuntimePlugins({
+      entrypoint,
+      plugins
+    }) {
+      const masterAppConfig = configMap.get(entrypoint.entryName);
+
+      if (masterAppConfig) {
+        (0, _util.logger)('garfishPlugin options', masterAppConfig);
+        plugins.push({
+          name: 'garfish',
+          args: 'masterApp',
+          options: JSON.stringify(masterAppConfig)
+        });
+      }
 
-      modifyEntryRuntimePlugins({
+      return {
         entrypoint,
         plugins
-      }) {
-        const masterAppConfig = configMap.get(entrypoint.entryName);
-
-        if (masterAppConfig) {
-          (0, _util.logger)('garfishPlugin options', masterAppConfig);
-          plugins.push({
-            name: 'garfish',
-            args: 'masterApp',
-            options: JSON.stringify(masterAppConfig)
-          });
-        }
+      };
+    },
 
-        return {
-          entrypoint,
-          plugins
-        };
-      },
+    modifyEntryRenderFunction({
+      entrypoint,
+      code
+    }) {
+      var _config$deploy;
 
-      modifyEntryRenderFunction({
-        entrypoint,
-        code
-      }) {
-        var _config$deploy;
-
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const config = (0, _core.useResolvedConfigContext)();
-
-        if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
-          return {
-            entrypoint,
-            code
-          };
-        }
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const config = (0, _core.useResolvedConfigContext)();
 
-        const nCode = (0, _utils2.makeRenderFunction)(code);
-        (0, _util.logger)('makeRenderFunction', nCode);
+      if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
         return {
           entrypoint,
-          code: nCode
+          code
         };
-      },
+      }
 
-      modifyEntryExport({
+      const nCode = (0, _utils2.makeRenderFunction)(code);
+      (0, _util.logger)('makeRenderFunction', nCode);
+      return {
         entrypoint,
-        exportStatement
-      }) {
-        var _resolvedConfig$deplo4;
-
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const resolvedConfig = (0, _core.useResolvedConfigContext)();
-
-        if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo4 = resolvedConfig.deploy) !== null && _resolvedConfig$deplo4 !== void 0 && _resolvedConfig$deplo4.microFrontend) {
-          const exportStatementCode = (0, _utils2.makeProvider)(componentKey);
-          (0, _util.logger)('exportStatement', exportStatementCode);
-          return {
-            entrypoint,
-            exportStatement: exportStatementCode
-          };
-        }
-
+        code: nCode
+      };
+    },
+
+    modifyEntryExport({
+      entrypoint,
+      exportStatement
+    }) {
+      var _resolvedConfig$deplo4;
+
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const resolvedConfig = (0, _core.useResolvedConfigContext)();
+
+      if (resolvedConfig !== null && resolvedConfig !== void 0 && (_resolvedConfig$deplo4 = resolvedConfig.deploy) !== null && _resolvedConfig$deplo4 !== void 0 && _resolvedConfig$deplo4.microFrontend) {
+        const exportStatementCode = (0, _utils2.makeProvider)();
+        (0, _util.logger)('exportStatement', exportStatementCode);
         return {
           entrypoint,
-          exportStatement
+          exportStatement: exportStatementCode
         };
       }
 
-    }, otherLifeCycle);
-  };
-};
-
-exports.initializer = initializer;
-
-var _default = (0, _core.createPlugin)(initializer({
-  validateSchema() {
-    return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
-  },
+      return {
+        entrypoint,
+        exportStatement
+      };
+    }
 
-  externals: {
-    'react-dom': 'react-dom',
-    react: 'react'
-  },
-  componentKey: 'dynamicComponent'
-}), {
+  };
+}, {
   name: '@modern-js/plugin-garfish'
 });
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.makeRenderFunction = exports.makeProvider = void 0;
 
-const makeProvider = componentKey => `
+const makeProvider = () => `
   export const provider = function ({basename, dom, ...props}) {
     return {
       render({basename, dom}) {
@@ -24,11 +24,6 @@ const makeProvider = componentKey => `
       SubModuleComponent: (props) => {
         const SubApp = render(props, basename);
 
-        return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
-      },
-      ${componentKey}: () => {
-        const SubApp = render(props, basename);
-
         return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);
       }
     }