@modern-js/plugin-garfish 1.4.2 → 1.4.3

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

@@ -14,261 +14,256 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import path from 'path';
 import { createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
-import { createPlugin, useAppContext, useResolvedConfigContext } from '@modern-js/core';
 import { logger } from "../util";
 import { getRuntimeConfig, makeProvider, makeRenderFunction, setRuntimeConfig } from "./utils";
 export var externals = {
   'react-dom': 'react-dom',
   react: 'react'
 };
-export var resolvedConfig = /*#__PURE__*/function () {
-  var _ref = _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) {
-          case 0:
-            resolved = config.resolved;
-            _getRuntimeConfig = getRuntimeConfig(resolved), masterApp = _getRuntimeConfig.masterApp, router = _getRuntimeConfig.router;
-            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) || '/'
-              }));
-            }
-
-            logger("resolvedConfig", {
-              runtime: nConfig.resolved.runtime,
-              deploy: nConfig.resolved.deploy,
-              server: nConfig.resolved.server
-            });
-            return _context.abrupt("return", nConfig);
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function resolvedConfig(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-export var initializer = function initializer( // eslint-disable-next-line @typescript-eslint/no-shadow
-_ref2, _ref3) {
-  var resolvedConfig = _ref2.resolvedConfig,
-      validateSchema = _ref2.validateSchema;
-  var _ref3$runtimePluginNa = _ref3.runtimePluginName,
-      runtimePluginName = _ref3$runtimePluginNa === void 0 ? '@modern-js/runtime/plugins' : _ref3$runtimePluginNa,
-      _ref3$defaultEnableHt = _ref3.defaultEnableHtmlEntry,
-      defaultEnableHtmlEntry = _ref3$defaultEnableHt === void 0 ? true : _ref3$defaultEnableHt,
-      _ref3$defaultExternal = _ref3.defaultExternalBasicLibrary,
-      defaultExternalBasicLibrary = _ref3$defaultExternal === void 0 ? false : _ref3$defaultExternal;
-  return function () {
-    var pluginsExportsUtils;
-    var runtimeExportsUtils;
-    return {
-      validateSchema: validateSchema,
-      resolvedConfig: resolvedConfig,
-      config: function config() {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var config = useAppContext();
-        pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
-        runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
-        return {
-          source: {
-            alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
-            }
-          },
-          tools: {
-            webpack: function webpack(webpackConfig, _ref4) {
-              var _resolveOptions$deplo, _resolveWebpackConfig;
+export default (function () {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$runtimePluginNam = _ref.runtimePluginName,
+      runtimePluginName = _ref$runtimePluginNam === void 0 ? '@modern-js/runtime/plugins' : _ref$runtimePluginNam;
+
+  return {
+    name: '@modern-js/plugin-garfish',
+    setup: function setup(_ref2) {
+      var useAppContext = _ref2.useAppContext,
+          useResolvedConfigContext = _ref2.useResolvedConfigContext;
+      var pluginsExportsUtils;
+      var runtimeExportsUtils;
+      return {
+        validateSchema: function validateSchema() {
+          return PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
+        },
+        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) {
+                  case 0:
+                    resolved = config.resolved;
+                    _getRuntimeConfig = getRuntimeConfig(resolved), masterApp = _getRuntimeConfig.masterApp, router = _getRuntimeConfig.router;
+                    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", {
+                      runtime: nConfig.resolved.runtime,
+                      deploy: nConfig.resolved.deploy,
+                      server: nConfig.resolved.server
+                    });
+                    return _context.abrupt("return", nConfig);
+
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
 
-              var chain = _ref4.chain,
-                  _webpack = _ref4.webpack,
-                  _ref4$env = _ref4.env,
-                  env = _ref4$env === void 0 ? process.env.NODE_ENV || 'development' : _ref4$env;
-              // eslint-disable-next-line react-hooks/rules-of-hooks
-              var resolveOptions = useResolvedConfigContext();
+          function resolvedConfig(_x) {
+            return _resolvedConfig.apply(this, arguments);
+          }
 
-              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;
+          return resolvedConfig;
+        }(),
+        config: function config() {
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var config = useAppContext(); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-                chain.output.libraryTarget('umd');
+          var resolveOptions = useResolvedConfigContext();
+          pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'plugins');
+          runtimeExportsUtils = createRuntimeExportsUtils(config.internalDirectory, 'index');
+          return {
+            source: {
+              alias: {
+                '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              }
+            },
+            tools: {
+              webpack: function webpack(webpackConfig, _ref3) {
+                var _resolveOptions$deplo, _resolveWebpackConfig;
+
+                var chain = _ref3.chain,
+                    _webpack = _ref3.webpack,
+                    _ref3$env = _ref3.env,
+                    env = _ref3$env === void 0 ? process.env.NODE_ENV || 'development' : _ref3$env;
+
+                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');
+                  chain.devServer.headers({
+                    'Access-Control-Allow-Origin': '*'
+                  });
 
-                if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
-                  chain.output.publicPath(env === 'development' ? "//localhost:".concat(resolveOptions.server.port, "/") : webpackConfig.output.publicPath);
-                } // add comments avoid sourcemap abnormal
+                  if (resolveOptions !== null && resolveOptions !== void 0 && (_resolveOptions$serve = resolveOptions.server) !== null && _resolveOptions$serve !== void 0 && _resolveOptions$serve.port) {
+                    chain.output.publicPath(env === 'development' ? "//localhost:".concat(resolveOptions.server.port, "/") : webpackConfig.output.publicPath);
+                  } // add comments avoid sourcemap abnormal
 
 
-                if (_webpack.BannerPlugin) {
-                  chain.plugin('banner').use(_webpack.BannerPlugin, [{
-                    banner: 'Micro front-end'
-                  }]);
-                }
+                  if (_webpack.BannerPlugin) {
+                    chain.plugin('banner').use(_webpack.BannerPlugin, [{
+                      banner: 'Micro front-end'
+                    }]);
+                  }
 
-                var _ref5 = _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 : {},
-                    _ref5$enableHtmlEntry = _ref5.enableHtmlEntry,
-                    enableHtmlEntry = _ref5$enableHtmlEntry === void 0 ? defaultEnableHtmlEntry : _ref5$enableHtmlEntry,
-                    _ref5$externalBasicLi = _ref5.externalBasicLibrary,
-                    externalBasicLibrary = _ref5$externalBasicLi === void 0 ? defaultExternalBasicLibrary : _ref5$externalBasicLi; // external
+                  var _ref4 = _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 : {},
+                      _ref4$enableHtmlEntry = _ref4.enableHtmlEntry,
+                      enableHtmlEntry = _ref4$enableHtmlEntry === void 0 ? true : _ref4$enableHtmlEntry,
+                      _ref4$externalBasicLi = _ref4.externalBasicLibrary,
+                      externalBasicLibrary = _ref4$externalBasicLi === void 0 ? false : _ref4$externalBasicLi; // 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'
+                    });
+                  }
                 }
-              }
 
-              var resolveWebpackConfig = chain.toConfig();
-              logger('webpackConfig', {
-                output: resolveWebpackConfig.output,
-                externals: resolveWebpackConfig.externals,
-                env: env,
-                alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
-              });
+                var resolveWebpackConfig = chain.toConfig();
+                logger('webpackConfig', {
+                  output: resolveWebpackConfig.output,
+                  externals: resolveWebpackConfig.externals,
+                  env: env,
+                  alias: (_resolveWebpackConfig = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig === void 0 ? void 0 : _resolveWebpackConfig.alias
+                });
+              }
             }
+          };
+        },
+        addRuntimeExports: function addRuntimeExports() {
+          var mfPackage = path.resolve(__dirname, '../../../../');
+          var addExportStatement = "export { default as garfish, default as masterApp } from '".concat(mfPackage, "'");
+          logger('exportStatement', addExportStatement);
+          pluginsExportsUtils.addExport(addExportStatement);
+          runtimeExportsUtils.addExport("export * from '".concat(mfPackage, "'"));
+        },
+        modifyEntryImports: function modifyEntryImports(_ref5) {
+          var entrypoint = _ref5.entrypoint,
+              imports = _ref5.imports;
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var config = useResolvedConfigContext();
+
+          var _getRuntimeConfig2 = getRuntimeConfig(config),
+              masterApp = _getRuntimeConfig2.masterApp;
+
+          if (masterApp) {
+            imports.push({
+              value: runtimePluginName,
+              specifiers: [{
+                imported: 'garfish'
+              }]
+            });
+            imports.push({
+              value: runtimePluginName,
+              specifiers: [{
+                imported: 'masterApp'
+              }]
+            });
           }
-        };
-      },
-      addRuntimeExports: function addRuntimeExports() {
-        var mfPackage = path.resolve(__dirname, '../../../../');
-        var addExportStatement = "export { default as garfish, default as masterApp } from '".concat(mfPackage, "'");
-        logger('exportStatement', addExportStatement);
-        pluginsExportsUtils.addExport(addExportStatement);
-        runtimeExportsUtils.addExport("export * from '".concat(mfPackage, "'"));
-      },
-      modifyEntryImports: function modifyEntryImports(_ref6) {
-        var entrypoint = _ref6.entrypoint,
-            imports = _ref6.imports;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var config = useResolvedConfigContext();
-
-        var _getRuntimeConfig2 = getRuntimeConfig(config),
-            masterApp = _getRuntimeConfig2.masterApp;
-
-        if (masterApp) {
-          imports.push({
-            value: runtimePluginName,
-            specifiers: [{
-              imported: 'garfish'
-            }]
-          });
+
           imports.push({
-            value: runtimePluginName,
+            value: 'react-dom',
             specifiers: [{
-              imported: 'masterApp'
+              imported: 'unmountComponentAtNode'
+            }, {
+              imported: 'createPortal'
             }]
           });
-        }
-
-        imports.push({
-          value: 'react-dom',
-          specifiers: [{
-            imported: 'unmountComponentAtNode'
-          }, {
-            imported: 'createPortal'
-          }]
-        });
-        return {
-          imports: imports,
-          entrypoint: entrypoint
-        };
-      },
-      modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref7) {
-        var entrypoint = _ref7.entrypoint,
-            plugins = _ref7.plugins;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var config = useResolvedConfigContext();
-
-        var _getRuntimeConfig3 = getRuntimeConfig(config),
-            masterApp = _getRuntimeConfig3.masterApp;
-
-        if (masterApp) {
-          logger('garfishPlugin options', masterApp);
-          plugins.push({
-            name: 'garfish',
-            args: 'masterApp',
-            options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
-          });
-        }
-
-        return {
-          entrypoint: entrypoint,
-          plugins: plugins
-        };
-      },
-      modifyEntryRenderFunction: function modifyEntryRenderFunction(_ref8) {
-        var _config$deploy;
+          return {
+            imports: imports,
+            entrypoint: entrypoint
+          };
+        },
+        modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(_ref6) {
+          var entrypoint = _ref6.entrypoint,
+              plugins = _ref6.plugins;
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var config = useResolvedConfigContext();
+
+          var _getRuntimeConfig3 = getRuntimeConfig(config),
+              masterApp = _getRuntimeConfig3.masterApp;
+
+          if (masterApp) {
+            logger('garfishPlugin options', masterApp);
+            plugins.push({
+              name: 'garfish',
+              args: 'masterApp',
+              options: masterApp === true ? JSON.stringify({}) : JSON.stringify(masterApp)
+            });
+          }
 
-        var entrypoint = _ref8.entrypoint,
-            code = _ref8.code;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var config = useResolvedConfigContext();
+          return {
+            entrypoint: entrypoint,
+            plugins: plugins
+          };
+        },
+        modifyEntryRenderFunction: function modifyEntryRenderFunction(_ref7) {
+          var _config$deploy;
+
+          var entrypoint = _ref7.entrypoint,
+              code = _ref7.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
+            };
+          }
 
-        if (!(config !== null && config !== void 0 && (_config$deploy = config.deploy) !== null && _config$deploy !== void 0 && _config$deploy.microFrontend)) {
+          var nCode = makeRenderFunction(code);
+          logger('makeRenderFunction', nCode);
           return {
             entrypoint: entrypoint,
-            code: code
+            code: nCode
           };
-        }
+        },
+        modifyEntryExport: function modifyEntryExport(_ref8) {
+          var _config$deploy2;
+
+          var entrypoint = _ref8.entrypoint,
+              exportStatement = _ref8.exportStatement;
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          var config = useResolvedConfigContext();
+
+          if (config !== null && config !== void 0 && (_config$deploy2 = config.deploy) !== null && _config$deploy2 !== void 0 && _config$deploy2.microFrontend) {
+            var exportStatementCode = makeProvider();
+            logger('exportStatement', exportStatementCode);
+            return {
+              entrypoint: entrypoint,
+              exportStatement: exportStatementCode
+            };
+          }
 
-        var nCode = makeRenderFunction(code);
-        logger('makeRenderFunction', nCode);
-        return {
-          entrypoint: entrypoint,
-          code: nCode
-        };
-      },
-      modifyEntryExport: function modifyEntryExport(_ref9) {
-        var _config$deploy2;
-
-        var entrypoint = _ref9.entrypoint,
-            exportStatement = _ref9.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);
           return {
             entrypoint: entrypoint,
-            exportStatement: exportStatementCode
+            exportStatement: exportStatement
           };
         }
-
-        return {
-          entrypoint: entrypoint,
-          exportStatement: exportStatement
-        };
-      }
-    };
+      };
+    }
   };
-};
-export default createPlugin(initializer({
-  resolvedConfig: resolvedConfig,
-  validateSchema: function validateSchema() {
-    return PLUGIN_SCHEMAS['@modern-js/plugin-garfish'];
-  }
-}, {
-  runtimePluginName: '@modern-js/runtime/plugins'
-}), {
-  name: '@modern-js/plugin-garfish'
 });

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

@@ -1,5 +1,5 @@
 export var makeProvider = function makeProvider() {
-  return "\nexport const provider = function ({basename, dom, ...props}) {\n  return {\n    render({basename, dom}) {\n      console.log('App.config', App.config);\n      const SubApp = render({props, basename});\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n      bootstrap(SubApp, node);\n    },\n    destroy({ dom }) {\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n\n      if (node) {\n        unmountComponentAtNode(node);\n      }\n    },\n    SubModuleComponent: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    },\n    jupiter_submodule_app_key: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    }\n  }\n};\n\nif (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n  __GARFISH_EXPORTS__.provider = provider;\n}\n";
+  return "\nexport const provider = function ({basename, dom}) {\n  return {\n    render({basename, dom, props}) {\n      const SubApp = render({ props, basename });\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n      const App = function () {\n        return React.createElement(SubApp, props)\n      };\n      bootstrap(App, node);\n    },\n    destroy({ dom }) {\n      const node = dom.querySelector('#' + MOUNT_ID) || dom;\n\n      if (node) {\n        unmountComponentAtNode(node);\n      }\n    },\n    SubModuleComponent: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    },\n    jupiter_submodule_app_key: (props) => {\n      const SubApp = render({props, basename});\n\n      return createPortal(<SubApp />, dom.querySelector('#' + MOUNT_ID)  || dom);\n    }\n  }\n};\n\nif (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n  __GARFISH_EXPORTS__.provider = provider;\n}\n";
 };
 export var makeRenderFunction = function makeRenderFunction(code) {
   var inGarfishToRender = "\n  const { basename, props } = arguments[0] || {};\n  let renderByGarfish = false;\n  const renderByProvider = !!basename;\n\n  if (IS_BROWSER && window.Garfish && window.Garfish.activeApps && window.Garfish.activeApps.length !== 0) renderByGarfish = true;\n  if (IS_BROWSER && window.Garfish && window.Garfish.apps && Object.keys(window.Garfish.apps).length !== 0) renderByGarfish = true;\n  if (typeof __GARFISH_EXPORTS__ !== 'undefined') renderByGarfish = true;\n  if (renderByGarfish && !renderByProvider) return null;\n\n  function RouterPlugin (routerConfig) {\n    if (basename) {\n      routerConfig.basename = basename;\n      if (routerConfig.supportHtml5History !== false) {\n        if (!routerConfig.historyOptions) {\n          routerConfig.historyOptions = {\n            basename: basename\n          };\n        } else {\n          routerConfig.historyOptions.basename = basename;\n        }\n      }\n    }\n    return router(routerConfig);\n  }\n  ";

package/dist/js/treeshaking/runtime/index.js

@@ -1,3 +1,3 @@
 export { default } from "./plugin";
-export { useModuleApps, useMicroApps, useModuleApp } from "./useModuleApps";
+export { useModuleApps, useModuleApp } from "./useModuleApps";
 export { default as Garfish } from 'garfish';

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

@@ -152,8 +152,7 @@ var GarfishPlugin = function GarfishPlugin(config) {
                 return /*#__PURE__*/React.createElement('div');
               },
               apps: new Proxy({}, {
-                get: function get(_target, _p) {
-                  logger('apps init Component Render', _p);
+                get: function get() {
                   return function () {
                     return /*#__PURE__*/React.createElement('div');
                   };

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

@@ -1,12 +1,37 @@
-import { useContext } from 'react';
+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";
 export function useModuleApps() {
   var _useContext = useContext(GarfishContext),
-      apps = _useContext.apps;
+      apps = _useContext.apps,
+      MApp = _useContext.MApp,
+      appInfoList = _useContext.appInfoList;
+
+  logger('call useModuleApps', _objectSpread({
+    MApp: MApp,
+    apps: appInfoList
+  }, apps));
+  var Info = new Proxy(_objectSpread({
+    MApp: MApp,
+    apps: appInfoList
+  }, apps), {
+    get: function get(target, p, receiver) {
+      if (typeof p === 'string' && p in target) {
+        return Reflect.get(target, p, receiver);
+      }
 
-  logger('call useModuleApps', apps);
-  return apps;
+      return function () {
+        return /*#__PURE__*/React.createElement('div');
+      };
+    }
+  });
+  return Info;
 }
 export function useModuleApp() {
   var _useContext2 = useContext(GarfishContext),
@@ -14,21 +39,4 @@ export function useModuleApp() {
 
   logger('call useModuleApps', MApp);
   return MApp;
-}
-export function useMicroApps() {
-  var _useContext3 = useContext(GarfishContext),
-      MApp = _useContext3.MApp,
-      appInfoList = _useContext3.appInfoList,
-      apps = _useContext3.apps;
-
-  logger('call useMicroApps', {
-    MApp: MApp,
-    apps: appInfoList,
-    Components: apps
-  });
-  return {
-    MApp: MApp,
-    apps: appInfoList,
-    Components: apps
-  };
 }

package/dist/types/cli/index.d.ts

@@ -1,38 +1,14 @@
-import { createPlugin } from '@modern-js/core';
+import type { CliHookCallbacks, CliPlugin } from '@modern-js/core';
 export declare const externals: {
   'react-dom': string;
   react: string;
 };
-declare type Initializer = Parameters<typeof createPlugin>[0];
-declare type NonVoidPromiseAble<T> = T extends void | Promise<any> ? never : T;
-export declare type LifeCycle = NonVoidPromiseAble<ReturnType<Initializer>>;
-export declare const resolvedConfig: NonNullable<LifeCycle['resolvedConfig']>;
-export declare const initializer: (hooks: {
-  resolvedConfig: LifeCycle['resolvedConfig'];
-  validateSchema: LifeCycle['validateSchema'];
-}, initializerConfig: {
-  runtimePluginName?: string;
-  defaultEnableHtmlEntry?: boolean;
-  defaultExternalBasicLibrary?: boolean;
-}) => Initializer;
+export declare type LifeCycle = CliHookCallbacks;
 
-declare const _default: import("@modern-js/core").AsyncPlugin<Partial<import("@modern-js/core").Progresses2Threads<{
-  config: import("@modern-js/core").ParallelWorkflow<void, unknown>;
-  resolvedConfig: import("@modern-js/core").AsyncWaterfall<{
-    resolved: import("@modern-js/core").NormalizedConfig;
-  }>;
-  validateSchema: import("@modern-js/core").ParallelWorkflow<void, unknown>;
-  prepare: import("@modern-js/core").AsyncWorkflow<void, void>;
-  commands: import("@modern-js/core").AsyncWorkflow<{
-    program: import("commander").Command;
-  }, void>;
-  watchFiles: import("@modern-js/core").ParallelWorkflow<void, unknown>;
-  fileChange: import("@modern-js/core").AsyncWorkflow<{
-    filename: string;
-    eventType: "add" | "unlink" | "change";
-  }, void>;
-  beforeExit: import("@modern-js/core").AsyncWorkflow<void, void>;
-  beforeRestart: import("@modern-js/core").AsyncWorkflow<void, void>;
-} & import("@modern-js/core").ClearDraftProgress<import("@modern-js/core").Hooks>>>>;
+declare const _default: ({
+  runtimePluginName
+}?: {
+  runtimePluginName?: string | undefined;
+}) => CliPlugin;
 
 export default _default;

package/dist/types/cli/utils.d.ts

@@ -1,4 +1,4 @@
-import { NormalizedConfig } from '@modern-js/core';
+import type { NormalizedConfig } from '@modern-js/core';
 export declare const makeProvider: () => string;
 export declare const makeRenderFunction: (code: string) => string;
 export declare function getRuntimeConfig(config: Partial<NormalizedConfig>): any;

package/dist/types/runtime/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from './plugin';
-export { useModuleApps, useMicroApps, useModuleApp } from './useModuleApps';
+export { useModuleApps, useModuleApp } from './useModuleApps';
 export type { Manifest, ModuleInfo } from './useModuleApps';
 export { default as Garfish } from 'garfish';

package/dist/types/runtime/plugin.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Config } from './useModuleApps';
-declare const GarfishPlugin: (config: Config) => import("@modern-js/core").Plugin<Partial<import("@modern-js/runtime-core").Progresses2Threads<{
+declare const GarfishPlugin: (config: Config) => import("@modern-js/core").Plugin<{
   hoc: import("@modern-js/runtime-core").Pipeline<{
     App: React.ComponentType<any>;
   }, React.ComponentType<any>>;
@@ -25,5 +25,5 @@ declare const GarfishPlugin: (config: Config) => import("@modern-js/core").Plugi
     context: import("@modern-js/runtime-core").RuntimeContext;
     pickedContext: import("@modern-js/runtime-core").TRuntimeContext;
   }, import("@modern-js/runtime-core").TRuntimeContext>;
-} & import("@modern-js/runtime-core").ClearDraftProgress<{}>>>>;
+}, Record<string, never>>;
 export default GarfishPlugin;