@modern-js/plugin-garfish 2.4.0 → 2.4.1-beta.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @modern-js/plugin-garfish
 
+## 2.4.1-beta.0
+
+### Patch Changes
+
+- Updated dependencies [7a25271]
+- Updated dependencies [11c053b]
+- Updated dependencies [a0f2ab1]
+  - @modern-js/runtime@2.4.1-beta.0
+  - @modern-js/utils@2.4.1-beta.0
+
 ## 2.4.0
 
 ### Patch Changes

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

@@ -171,7 +171,7 @@ function getDefaultMicroFrontedConfig(microFrontend) {
     }, microFrontend);
 }
 var cli_default = function() {
-    var ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _pluginName = ref.pluginName, pluginName = _pluginName === void 0 ? "@modern-js/plugin-garfish" : _pluginName, _runtimePluginName = ref.runtimePluginName, runtimePluginName = _runtimePluginName === void 0 ? "@modern-js/runtime/plugins" : _runtimePluginName;
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_pluginName = _ref.pluginName, pluginName = _ref_pluginName === void 0 ? "@modern-js/plugin-garfish" : _ref_pluginName, _ref_runtimePluginName = _ref.runtimePluginName, runtimePluginName = _ref_runtimePluginName === void 0 ? "@modern-js/runtime/plugins" : _ref_runtimePluginName;
     return {
         name: "@modern-js/plugin-garfish",
         setup: function(param) {
@@ -183,22 +183,22 @@ var cli_default = function() {
                 },
                 resolvedConfig: function() {
                     var _ref = _asyncToGenerator(function(config) {
-                        var resolved, ref, masterApp, router, nConfig, ref1, ref2, useConfig, baseUrl;
+                        var resolved, _getRuntimeConfig, masterApp, router, nConfig, _useConfig_server, _router_historyOptions, useConfig, baseUrl;
                         return __generator(this, function(_state) {
                             resolved = config.resolved;
-                            ref = getRuntimeConfig(resolved), masterApp = ref.masterApp, router = ref.router;
+                            _getRuntimeConfig = getRuntimeConfig(resolved), masterApp = _getRuntimeConfig.masterApp, router = _getRuntimeConfig.router;
                             nConfig = {
                                 resolved: _objectSpread({}, resolved)
                             };
                             if (masterApp) {
                                 ;
                                 useConfig = useConfigContext();
-                                baseUrl = useConfig === null || useConfig === void 0 ? void 0 : (ref1 = useConfig.server) === null || ref1 === void 0 ? void 0 : ref1.baseUrl;
+                                baseUrl = useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_server = useConfig.server) === null || _useConfig_server === void 0 ? void 0 : _useConfig_server.baseUrl;
                                 if (Array.isArray(baseUrl)) {
                                     throw new Error("Now Micro-Front-End mode dose not support multiple baseUrl, you can set it as a string");
                                 }
                                 setRuntimeConfig(nConfig.resolved, "masterApp", Object.assign(typeof masterApp === "object" ? _objectSpread({}, masterApp) : {}, {
-                                    basename: baseUrl || (router === null || router === void 0 ? void 0 : (ref2 = router.historyOptions) === null || ref2 === void 0 ? void 0 : ref2.basename) || (router === null || router === void 0 ? void 0 : router.basename) || "/"
+                                    basename: baseUrl || (router === null || router === void 0 ? void 0 : (_router_historyOptions = router.historyOptions) === null || _router_historyOptions === void 0 ? void 0 : _router_historyOptions.basename) || (router === null || router === void 0 ? void 0 : router.basename) || "/"
                                 }));
                             }
                             logger("resolvedConfig", {
@@ -218,15 +218,15 @@ var cli_default = function() {
                     };
                 }(),
                 config: function config() {
-                    var ref, ref1;
+                    var _useConfig_output, _useConfig_deploy;
                     var useConfig = useConfigContext();
                     logger("useConfig", useConfig);
                     var config = useAppContext();
                     pluginsExportsUtils = createRuntimeExportsUtils(config.internalDirectory, "plugins");
-                    var disableCssExtract = ((ref = useConfig.output) === null || ref === void 0 ? void 0 : ref.disableCssExtract) || false;
-                    if ((ref1 = useConfig.deploy) === null || ref1 === void 0 ? void 0 : ref1.microFrontend) {
-                        var ref2;
-                        var enableHtmlEntry = getDefaultMicroFrontedConfig((ref2 = useConfig.deploy) === null || ref2 === void 0 ? void 0 : ref2.microFrontend).enableHtmlEntry;
+                    var disableCssExtract = ((_useConfig_output = useConfig.output) === null || _useConfig_output === void 0 ? void 0 : _useConfig_output.disableCssExtract) || false;
+                    if ((_useConfig_deploy = useConfig.deploy) === null || _useConfig_deploy === void 0 ? void 0 : _useConfig_deploy.microFrontend) {
+                        var _useConfig_deploy1;
+                        var enableHtmlEntry = getDefaultMicroFrontedConfig((_useConfig_deploy1 = useConfig.deploy) === null || _useConfig_deploy1 === void 0 ? void 0 : _useConfig_deploy1.microFrontend).enableHtmlEntry;
                         if (!enableHtmlEntry) {
                             disableCssExtract = true;
                         }
@@ -249,12 +249,12 @@ var cli_default = function() {
                             },
                             webpackChain: function(chain, param) {
                                 var webpack = param.webpack, env = param.env, CHAIN_ID = param.CHAIN_ID;
-                                var ref, ref1;
+                                var _resolveOptions_deploy, _resolveWebpackConfig_resolve;
                                 var resolveOptions = useResolvedConfigContext();
-                                if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (ref = resolveOptions.deploy) === null || ref === void 0 ? void 0 : ref.microFrontend) {
-                                    var ref2, ref3, ref4;
+                                if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
+                                    var _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
                                     chain.output.libraryTarget("umd");
-                                    if (!((ref2 = useConfig.dev) === null || ref2 === void 0 ? void 0 : ref2.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (ref3 = resolveOptions.server) === null || ref3 === void 0 ? void 0 : ref3.port) && env === "development") {
+                                    if (!((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
                                         chain.output.publicPath("//localhost:".concat(resolveOptions.server.port, "/"));
                                     }
                                     if (webpack.BannerPlugin) {
@@ -264,7 +264,7 @@ var cli_default = function() {
                                             }
                                         ]);
                                     }
-                                    var ref5 = getDefaultMicroFrontedConfig((ref4 = resolveOptions.deploy) === null || ref4 === void 0 ? void 0 : ref4.microFrontend), enableHtmlEntry = ref5.enableHtmlEntry, externalBasicLibrary = ref5.externalBasicLibrary;
+                                    var _getDefaultMicroFrontedConfig = getDefaultMicroFrontedConfig((_resolveOptions_deploy1 = resolveOptions.deploy) === null || _resolveOptions_deploy1 === void 0 ? void 0 : _resolveOptions_deploy1.microFrontend), enableHtmlEntry = _getDefaultMicroFrontedConfig.enableHtmlEntry, externalBasicLibrary = _getDefaultMicroFrontedConfig.externalBasicLibrary;
                                     if (externalBasicLibrary) {
                                         chain.externals(externals);
                                     }
@@ -282,7 +282,7 @@ var cli_default = function() {
                                     output: resolveWebpackConfig.output,
                                     externals: resolveWebpackConfig.externals,
                                     env: env,
-                                    alias: (ref1 = resolveWebpackConfig.resolve) === null || ref1 === void 0 ? void 0 : ref1.alias,
+                                    alias: (_resolveWebpackConfig_resolve = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig_resolve === void 0 ? void 0 : _resolveWebpackConfig_resolve.alias,
                                     plugins: resolveWebpackConfig.plugins
                                 });
                             }
@@ -366,9 +366,9 @@ var cli_default = function() {
                 },
                 modifyEntryRenderFunction: function modifyEntryRenderFunction(param) {
                     var entrypoint = param.entrypoint, code = param.code;
-                    var ref;
+                    var _config_deploy;
                     var config = useResolvedConfigContext();
-                    if (!(config === null || config === void 0 ? void 0 : (ref = config.deploy) === null || ref === void 0 ? void 0 : ref.microFrontend)) {
+                    if (!(config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend)) {
                         return {
                             entrypoint: entrypoint,
                             code: code
@@ -383,10 +383,10 @@ var cli_default = function() {
                 },
                 modifyAsyncEntry: function modifyAsyncEntry(param) {
                     var entrypoint = param.entrypoint, code = param.code;
-                    var ref, ref1;
+                    var _config_deploy, _config_source;
                     var config = useResolvedConfigContext();
                     var finalCode = code;
-                    if ((config === null || config === void 0 ? void 0 : (ref = config.deploy) === null || ref === void 0 ? void 0 : ref.microFrontend) && (config === null || config === void 0 ? void 0 : (ref1 = config.source) === null || ref1 === void 0 ? void 0 : ref1.enableAsyncEntry)) {
+                    if ((config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) && (config === null || config === void 0 ? void 0 : (_config_source = config.source) === null || _config_source === void 0 ? void 0 : _config_source.enableAsyncEntry)) {
                         finalCode = generateAsyncEntry(code);
                         return {
                             entrypoint: entrypoint,
@@ -400,9 +400,9 @@ var cli_default = function() {
                 },
                 modifyEntryExport: function modifyEntryExport(param) {
                     var entrypoint = param.entrypoint, exportStatement = param.exportStatement;
-                    var ref;
+                    var _config_deploy;
                     var config = useResolvedConfigContext();
-                    if (config === null || config === void 0 ? void 0 : (ref = config.deploy) === null || ref === void 0 ? void 0 : ref.microFrontend) {
+                    if (config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) {
                         var exportStatementCode = makeProvider();
                         logger("exportStatement", exportStatementCode);
                         return {

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

@@ -6,16 +6,16 @@ var makeRenderFunction = function(code) {
     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").replace("customBootstrap(AppWrapper)", "customBootstrap(AppWrapper, mountNode)");
 };
 function getRuntimeConfig(config) {
-    var ref;
-    if (config === null || config === void 0 ? void 0 : (ref = config.runtime) === null || ref === void 0 ? void 0 : ref.features) {
-        var ref1;
-        return config === null || config === void 0 ? void 0 : (ref1 = config.runtime) === null || ref1 === void 0 ? void 0 : ref1.features;
+    var _config_runtime;
+    if (config === null || config === void 0 ? void 0 : (_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.features) {
+        var _config_runtime1;
+        return config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features;
     }
     return (config === null || config === void 0 ? void 0 : config.runtime) || {};
 }
 function setRuntimeConfig(config, key, value) {
-    var ref, ref1;
-    if ((config === null || config === void 0 ? void 0 : (ref = config.runtime) === null || ref === void 0 ? void 0 : ref.features) && (config === null || config === void 0 ? void 0 : (ref1 = config.runtime) === null || ref1 === void 0 ? void 0 : ref1.features[key])) {
+    var _config_runtime, _config_runtime1;
+    if ((config === null || config === void 0 ? void 0 : (_config_runtime = config.runtime) === null || _config_runtime === void 0 ? void 0 : _config_runtime.features) && (config === null || config === void 0 ? void 0 : (_config_runtime1 = config.runtime) === null || _config_runtime1 === void 0 ? void 0 : _config_runtime1.features[key])) {
         config.runtime.features[key] = value;
         return void 0;
     }

package/dist/js/treeshaking/runtime/loadable.js

@@ -134,13 +134,13 @@ var DEFAULT_LOADABLE = {
 function Loadable(WrapComponent) {
     return function(defaultLoadable) {
         return function Lodable(props) {
-            var ref;
-            var _loadable = props.loadable, loadable = _loadable === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _loadable, otherProps = _objectWithoutProperties(props, [
+            var _props_loadable;
+            var _props_loadable1 = props.loadable, loadable = _props_loadable1 === void 0 ? defaultLoadable !== null && defaultLoadable !== void 0 ? defaultLoadable : DEFAULT_LOADABLE : _props_loadable1, otherProps = _objectWithoutProperties(props, [
                 "loadable"
             ]);
             var delayTimer = null;
             var timeoutTimer = null;
-            var ref1 = _slicedToArray(useState(function() {
+            var _useState = _slicedToArray(useState(function() {
                 var delay = loadable.delay, timeout = loadable.timeout;
                 var initState = {
                     error: null,
@@ -167,8 +167,8 @@ function Loadable(WrapComponent) {
                     }, timeout);
                 }
                 return initState;
-            }), 2), state = ref1[0], setState = ref1[1];
-            var LoadingComponent = (ref = props.loadable) === null || ref === void 0 ? void 0 : ref.loading;
+            }), 2), state = _useState[0], setState = _useState[1];
+            var LoadingComponent = (_props_loadable = props.loadable) === null || _props_loadable === void 0 ? void 0 : _props_loadable.loading;
             useEffect(function() {
                 logger("Loadable render state", {
                     state: state,

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

@@ -325,7 +325,7 @@ function initOptions() {
 }
 function _initOptions() {
     _initOptions = _asyncToGenerator(function() {
-        var manifest, options, ref, ref1, apps, getAppList, ref2;
+        var manifest, options, _window_modern_manifest, _window_modern_manifest1, apps, getAppList, _window_modern_manifest2;
         var _arguments = arguments;
         return __generator(this, function(_state) {
             switch(_state.label){
@@ -354,9 +354,9 @@ function _initOptions() {
                     logger("getAppList modules", apps);
                     _state.label = 2;
                 case 2:
-                    if ((window === null || window === void 0 ? void 0 : (ref = window.modern_manifest) === null || ref === void 0 ? void 0 : ref.modules) && (window === null || window === void 0 ? void 0 : (ref1 = window.modern_manifest) === null || ref1 === void 0 ? void 0 : ref1.modules.length) > 0) {
+                    if ((window === null || window === void 0 ? void 0 : (_window_modern_manifest = window.modern_manifest) === null || _window_modern_manifest === void 0 ? void 0 : _window_modern_manifest.modules) && (window === null || window === void 0 ? void 0 : (_window_modern_manifest1 = window.modern_manifest) === null || _window_modern_manifest1 === void 0 ? void 0 : _window_modern_manifest1.modules.length) > 0) {
                         ;
-                        apps = window === null || window === void 0 ? void 0 : (ref2 = window.modern_manifest) === null || ref2 === void 0 ? void 0 : ref2.modules;
+                        apps = window === null || window === void 0 ? void 0 : (_window_modern_manifest2 = window.modern_manifest) === null || _window_modern_manifest2 === void 0 ? void 0 : _window_modern_manifest2.modules;
                         logger("modern_manifest", apps);
                     }
                     return [
@@ -383,9 +383,9 @@ var plugin_default = function(config) {
             return {
                 hoc: function hoc(param, next) {
                     var App = param.App;
-                    var GetMicroFrontendApp = /*#__PURE__*/ function(_Component) {
+                    var GetMicroFrontendApp = /*#__PURE__*/ function(_React_Component) {
                         "use strict";
-                        _inherits(GetMicroFrontendApp, _Component);
+                        _inherits(GetMicroFrontendApp, _React_Component);
                         var _super = _createSuper(GetMicroFrontendApp);
                         function GetMicroFrontendApp(props) {
                             _classCallCheck(this, GetMicroFrontendApp);
@@ -408,7 +408,7 @@ var plugin_default = function(config) {
                             var _this1 = _assertThisInitialized(_this);
                             var load = function() {
                                 var _ref = _asyncToGenerator(function() {
-                                    var GarfishConfig, ref, appInfoList, apps, MApp;
+                                    var GarfishConfig, _generateApps, appInfoList, apps, MApp;
                                     return __generator(this, function(_state) {
                                         switch(_state.label){
                                             case 0:
@@ -424,7 +424,7 @@ var plugin_default = function(config) {
                                                 ];
                                             case 1:
                                                 GarfishConfig = _state.sent();
-                                                ref = generateApps(GarfishConfig, manifest), appInfoList = ref.appInfoList, apps = ref.apps;
+                                                _generateApps = generateApps(GarfishConfig, manifest), appInfoList = _generateApps.appInfoList, apps = _generateApps.apps;
                                                 GarfishInstance.registerApp(appInfoList);
                                                 MApp = generateMApp(GarfishConfig, manifest);
                                                 logger("initOptions result", {

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

@@ -30,7 +30,7 @@ import React, { useContext } from "react";
 import { logger } from "../util";
 import { GarfishContext } from "./utils/Context";
 function useModuleApps() {
-    var ref = useContext(GarfishContext), apps = ref.apps, MApp = ref.MApp, appInfoList = ref.appInfoList;
+    var _useContext = useContext(GarfishContext), apps = _useContext.apps, MApp = _useContext.MApp, appInfoList = _useContext.appInfoList;
     logger("call useModuleApps", _objectSpread({
         MApp: MApp,
         apps: appInfoList

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

@@ -169,9 +169,9 @@ import Garfish from "garfish";
 import { logger, generateSubAppContainerKey } from "../../util";
 import { Loadable } from "../loadable";
 function generateMApp(options, manifest) {
-    var MApp = /*#__PURE__*/ function(_Component) {
+    var MApp = /*#__PURE__*/ function(_React_Component) {
         "use strict";
-        _inherits(MApp, _Component);
+        _inherits(MApp, _React_Component);
         var _super = _createSuper(MApp);
         function MApp() {
             _classCallCheck(this, MApp);
@@ -325,7 +325,7 @@ function generateMApp(options, manifest) {
             {
                 key: "filterTransferProps",
                 value: function filterTransferProps() {
-                    var _props = this.props, style = _props.style, setLoadingState = _props.setLoadingState, others = _objectWithoutProperties(_props, [
+                    var _this_props = this.props, style = _this_props.style, setLoadingState = _this_props.setLoadingState, others = _objectWithoutProperties(_this_props, [
                         "style",
                         "setLoadingState"
                     ]);

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

@@ -287,14 +287,14 @@ function pathJoin() {
 }
 function getAppInstance(options, appInfo, manifest) {
     var MicroApp = function MicroApp(props) {
-        var ref, ref1, ref2, ref3, ref4, ref5;
+        var _context_router, _context_router_useRouteMatch, _context_router1, _context_router_useMatches, _context_router2, _context_router_useLocation;
         var appRef = useRef(null);
         var domId = generateSubAppContainerKey(appInfo);
-        var ref6 = _slicedToArray(useState(), 2), SubModuleComponent = ref6[0], setSubModuleComponent = ref6[1];
+        var _useState = _slicedToArray(useState(), 2), SubModuleComponent = _useState[0], setSubModuleComponent = _useState[1];
         var context = useContext(RuntimeReactContext);
-        var match = context === null || context === void 0 ? void 0 : (ref = context.router) === null || ref === void 0 ? void 0 : (ref1 = ref.useRouteMatch) === null || ref1 === void 0 ? void 0 : ref1.call(ref);
-        var matchs = context === null || context === void 0 ? void 0 : (ref2 = context.router) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.useMatches) === null || ref3 === void 0 ? void 0 : ref3.call(ref2);
-        var location = context === null || context === void 0 ? void 0 : (ref4 = context.router) === null || ref4 === void 0 ? void 0 : (ref5 = ref4.useLocation) === null || ref5 === void 0 ? void 0 : ref5.call(ref4);
+        var match = context === null || context === void 0 ? void 0 : (_context_router = context.router) === null || _context_router === void 0 ? void 0 : (_context_router_useRouteMatch = _context_router.useRouteMatch) === null || _context_router_useRouteMatch === void 0 ? void 0 : _context_router_useRouteMatch.call(_context_router);
+        var matchs = context === null || context === void 0 ? void 0 : (_context_router1 = context.router) === null || _context_router1 === void 0 ? void 0 : (_context_router_useMatches = _context_router1.useMatches) === null || _context_router_useMatches === void 0 ? void 0 : _context_router_useMatches.call(_context_router1);
+        var location = context === null || context === void 0 ? void 0 : (_context_router2 = context.router) === null || _context_router2 === void 0 ? void 0 : (_context_router_useLocation = _context_router2.useLocation) === null || _context_router_useLocation === void 0 ? void 0 : _context_router_useLocation.call(_context_router2);
         var basename = (options === null || options === void 0 ? void 0 : options.basename) || "/";
         if (matchs && matchs.length > 0) {
             var matchItem = _objectSpread({}, matchs[matchs.length - 1]);
@@ -449,15 +449,15 @@ function getAppInstance(options, appInfo, manifest) {
             renderApp();
             return function() {
                 if (appRef.current) {
-                    var _current = appRef.current, appInfo2 = _current.appInfo;
+                    var _appRef_current = appRef.current, appInfo2 = _appRef_current.appInfo;
                     if (appInfo2.cache) {
-                        var ref;
+                        var _appRef_current1;
                         logger('MicroApp Garfish.loadApp "'.concat(appInfo2.name, '" hide'));
-                        (ref = appRef.current) === null || ref === void 0 ? void 0 : ref.hide();
+                        (_appRef_current1 = appRef.current) === null || _appRef_current1 === void 0 ? void 0 : _appRef_current1.hide();
                     } else {
-                        var ref1;
+                        var _appRef_current2;
                         logger('MicroApp Garfish.loadApp "'.concat(appInfo2.name, '" unmount'));
-                        (ref1 = appRef.current) === null || ref1 === void 0 ? void 0 : ref1.unmount();
+                        (_appRef_current2 = appRef.current) === null || _appRef_current2 === void 0 ? void 0 : _appRef_current2.unmount();
                     }
                 }
             };
@@ -473,9 +473,9 @@ function getAppInstance(options, appInfo, manifest) {
     return Loadable(MicroApp)(manifest === null || manifest === void 0 ? void 0 : manifest.loadable);
 }
 function generateApps(options, manifest) {
-    var ref;
+    var _options_apps;
     var apps = {};
-    (ref = options.apps) === null || ref === void 0 ? void 0 : ref.forEach(function(appInfo) {
+    (_options_apps = options.apps) === null || _options_apps === void 0 ? void 0 : _options_apps.forEach(function(appInfo) {
         var Component = getAppInstance(options, appInfo, manifest);
         appInfo.Component = Component;
         apps[appInfo.name] = Component;

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.4.0",
+  "version": "2.4.1-beta.0",
   "jsnext:source": "./src/cli/index.ts",
   "types": "./dist/types/cli/index.d.ts",
   "typesVersions": {
@@ -63,10 +63,10 @@
     "garfish": "^1.8.1",
     "hoist-non-react-statics": "^3.3.2",
     "react-loadable": "^5.5.0",
-    "@modern-js/utils": "2.4.0"
+    "@modern-js/utils": "2.4.1-beta.0"
   },
   "peerDependencies": {
-    "@modern-js/runtime": "^2.4.0"
+    "@modern-js/runtime": "^2.4.1-beta.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/runtime": {
@@ -88,10 +88,10 @@
     "react-router-dom": "^6.6.0",
     "typescript": "^4",
     "webpack-chain": "^6.5.1",
-    "@modern-js/app-tools": "2.4.0",
-    "@modern-js/core": "2.4.0",
-    "@modern-js/runtime": "2.4.0",
-    "@modern-js/plugin-router-v5": "2.4.0",
+    "@modern-js/app-tools": "3.0.0-beta.0",
+    "@modern-js/core": "2.4.1-beta.0",
+    "@modern-js/runtime": "2.4.1-beta.0",
+    "@modern-js/plugin-router-v5": "2.4.1-beta.0",
     "@modern-js/types": "2.4.0",
     "@scripts/build": "2.4.0",
     "@scripts/jest-config": "2.4.0"