@module-federation/modern-js 0.0.0-next-20240605083609 → 0.0.0-next-20240620090145

package/dist/esm/cli/index.js

@@ -5,7 +5,7 @@ import { fs } from "@modern-js/utils";
 import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
-import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
+import { getMFConfig, getTargetEnvConfig, patchWebpackConfig, lookupIpv4 } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
 var SSR_PLUGIN_IDENTIFIER = "mfPluginSSR";
@@ -33,115 +33,133 @@ var moduleFederationPlugin = function() {
               return [
                 2,
                 {
-                  config: function() {
-                    var _modernjsConfig_dev;
-                    var bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-                    var WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-                    var RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
-                    var MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
-                    if (enableSSR) {
-                      process.env["MF_DISABLE_EMIT_STATS"] = "true";
-                      process.env["MF_SSR_PRJ"] = "true";
-                    }
-                    var modifyBundlerConfig = function(config, isServer) {
-                      var envConfig = getTargetEnvConfig(mfConfig, isServer);
-                      if (isServer) {
-                        var _config_plugins, _config_plugins1;
-                        nodePlugin = new MFBundlerPlugin(envConfig);
-                        (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
-                        (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
-                        if (isDev) {
-                          var _config_plugins2;
-                          (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
-                        }
-                      } else {
-                        var _config_output, _config_plugins3;
-                        outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
-                        browserPlugin = new MFBundlerPlugin(envConfig);
-                        (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
-                      }
-                      patchWebpackConfig({
-                        bundlerConfig: config,
-                        isServer,
-                        modernjsConfig,
-                        mfConfig: envConfig
-                      });
-                    };
-                    return {
-                      tools: {
-                        rspack: function rspack(config) {
-                          modifyBundlerConfig(config, false);
-                        },
-                        webpack: function webpack(config, param2) {
-                          var isServer = param2.isServer;
-                          var _modernjsConfig_source;
-                          modifyBundlerConfig(config, isServer);
-                          var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
-                          if (mfConfig.async || !enableAsyncEntry && mfConfig.async !== false) {
-                            var _config_plugins;
-                            var asyncBoundaryPluginOptions = typeof mfConfig.async === "object" ? mfConfig.async : {
-                              eager: function(module) {
-                                return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
-                              },
-                              excludeChunk: function(chunk) {
-                                return chunk.name === mfConfig.name;
-                              }
-                            };
-                            (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+                  config: /* @__PURE__ */ _async_to_generator(function() {
+                    var _modernjsConfig_dev, bundlerType, WebpackPluginConstructor, RspackPluginConstructor, MFBundlerPlugin, modifyBundlerConfig, ipv4;
+                    return _ts_generator(this, function(_state2) {
+                      switch (_state2.label) {
+                        case 0:
+                          bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+                          WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
+                          RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
+                          MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
+                          if (enableSSR) {
+                            process.env["MF_DISABLE_EMIT_STATS"] = "true";
+                            process.env["MF_SSR_PRJ"] = "true";
                           }
-                        },
-                        devServer: {
-                          headers: {
-                            "Access-Control-Allow-Origin": "*",
-                            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
-                            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
-                          },
-                          before: [
-                            function(req, res, next) {
-                              if (!enableSSR) {
-                                next();
-                                return;
+                          modifyBundlerConfig = function(config, isServer) {
+                            var envConfig = getTargetEnvConfig(mfConfig, isServer);
+                            if (isServer) {
+                              var _config_plugins, _config_plugins1;
+                              nodePlugin = new MFBundlerPlugin(envConfig);
+                              (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
+                              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
+                              if (isDev) {
+                                var _config_plugins2;
+                                (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
                               }
-                              try {
-                                var _req_url, _req_url1, _req_url2;
-                                var SERVER_PREFIX = "/".concat(MODERN_JS_SERVER_DIR);
-                                if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes(".json")) && !((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes("hot-update"))) {
-                                  var filepath = path.join(process.cwd(), "dist".concat(req.url));
-                                  fs.statSync(filepath);
-                                  res.setHeader("Access-Control-Allow-Origin", "*");
-                                  res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
-                                  res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
-                                  fs.createReadStream(filepath).pipe(res);
-                                } else {
-                                  next();
+                            } else {
+                              var _config_output, _config_plugins3;
+                              outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+                              browserPlugin = new MFBundlerPlugin(envConfig);
+                              (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
+                            }
+                            patchWebpackConfig({
+                              bundlerConfig: config,
+                              isServer,
+                              modernjsConfig,
+                              mfConfig: envConfig
+                            });
+                          };
+                          return [
+                            4,
+                            lookupIpv4()
+                          ];
+                        case 1:
+                          ipv4 = _state2.sent();
+                          return [
+                            2,
+                            {
+                              tools: {
+                                rspack: function rspack(config) {
+                                  modifyBundlerConfig(config, false);
+                                },
+                                webpack: function webpack(config, param2) {
+                                  var isServer = param2.isServer;
+                                  var _modernjsConfig_source;
+                                  modifyBundlerConfig(config, isServer);
+                                  var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
+                                  if (mfConfig.async || !enableAsyncEntry && mfConfig.async !== false) {
+                                    var _config_plugins;
+                                    var asyncBoundaryPluginOptions = typeof mfConfig.async === "object" ? mfConfig.async : {
+                                      eager: function(module) {
+                                        return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
+                                      },
+                                      excludeChunk: function(chunk) {
+                                        return chunk.name === mfConfig.name;
+                                      }
+                                    };
+                                    (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+                                  }
+                                },
+                                devServer: {
+                                  headers: {
+                                    "Access-Control-Allow-Origin": "*",
+                                    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+                                    "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+                                  },
+                                  before: [
+                                    function(req, res, next) {
+                                      if (!enableSSR) {
+                                        next();
+                                        return;
+                                      }
+                                      try {
+                                        var _req_url, _req_url1, _req_url2;
+                                        var SERVER_PREFIX = "/".concat(MODERN_JS_SERVER_DIR);
+                                        if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes(".json")) && !((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes("hot-update"))) {
+                                          var filepath = path.join(process.cwd(), "dist".concat(req.url));
+                                          fs.statSync(filepath);
+                                          res.setHeader("Access-Control-Allow-Origin", "*");
+                                          res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
+                                          res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
+                                          fs.createReadStream(filepath).pipe(res);
+                                        } else {
+                                          next();
+                                        }
+                                      } catch (err) {
+                                        if (process.env.FEDERATION_DEBUG) {
+                                          console.error(err);
+                                        }
+                                        next();
+                                      }
+                                    }
+                                  ]
+                                },
+                                bundlerChain: function bundlerChain(chain, param2) {
+                                  var isServer = param2.isServer;
+                                  if (isDev && !isServer) {
+                                    chain.externals({
+                                      "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+                                    });
+                                  }
                                 }
-                              } catch (err) {
-                                console.error(err);
-                                next();
+                              },
+                              source: {
+                                alias: {
+                                  "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
+                                },
+                                define: {
+                                  FEDERATION_IPV4: JSON.stringify(ipv4)
+                                }
+                              },
+                              dev: {
+                                assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
                               }
                             }
-                          ]
-                        },
-                        bundlerChain: function bundlerChain(chain, param2) {
-                          var isServer = param2.isServer;
-                          if (isDev && !isServer) {
-                            chain.externals({
-                              "@module-federation/node/utils": "NOT_USED_IN_BROWSER",
-                              "@module-federation/dts-plugin/server": "NOT_USED_IN_BROWSER"
-                            });
-                          }
-                        }
-                      },
-                      source: {
-                        alias: {
-                          "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
-                        }
-                      },
-                      dev: {
-                        assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
+                          ];
                       }
-                    };
-                  },
+                    });
+                  }),
                   modifyEntryImports: function modifyEntryImports(param2) {
                     var entrypoint = param2.entrypoint, imports = param2.imports;
                     if (!enableSSR || !isDev) {
@@ -173,9 +191,7 @@ var moduleFederationPlugin = function() {
                     }
                     plugins.unshift({
                       name: SSR_PLUGIN_IDENTIFIER,
-                      options: JSON.stringify({
-                        name: mfConfig.name
-                      })
+                      options: JSON.stringify({})
                     });
                     return {
                       entrypoint,

package/dist/esm/cli/mfRuntimePlugins/resolve-entry-ipv4.js

@@ -0,0 +1,54 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { LOCALHOST } from "../../constant";
+var ipv4 = typeof FEDERATION_IPV4 !== "undefined" ? FEDERATION_IPV4 : "127.0.0.1";
+function replaceLocalhost(url) {
+  return url.replace(LOCALHOST, ipv4);
+}
+var resolveEntryIpv4Plugin = function() {
+  return {
+    name: "resolve-entry-ipv4",
+    beforeRegisterRemote: function beforeRegisterRemote(args) {
+      var remote = args.remote;
+      if ("entry" in remote && remote.entry.includes(LOCALHOST)) {
+        remote.entry = replaceLocalhost(remote.entry);
+      }
+      return args;
+    },
+    afterResolve: (
+      // async fetch(manifestUrl) {
+      //   const ipv4ManifestUrl = manifestUrl.replace(LOCALHOST, ipv4);
+      //   return globalThis.fetch(ipv4ManifestUrl);
+      // },
+      function afterResolve(args) {
+        return _async_to_generator(function() {
+          var remoteInfo;
+          return _ts_generator(this, function(_state) {
+            remoteInfo = args.remoteInfo;
+            if (remoteInfo.entry.includes(LOCALHOST)) {
+              remoteInfo.entry = replaceLocalhost(remoteInfo.entry);
+            }
+            return [
+              2,
+              args
+            ];
+          });
+        })();
+      }
+    ),
+    loadRemoteSnapshot: function loadRemoteSnapshot(args) {
+      var remoteSnapshot = args.remoteSnapshot;
+      if ("publicPath" in remoteSnapshot && remoteSnapshot.publicPath.includes(LOCALHOST)) {
+        remoteSnapshot.publicPath = replaceLocalhost(remoteSnapshot.publicPath);
+      }
+      if ("getPublicPath" in remoteSnapshot && remoteSnapshot.getPublicPath.includes(LOCALHOST)) {
+        remoteSnapshot.getPublicPath = replaceLocalhost(remoteSnapshot.getPublicPath);
+      }
+      return args;
+    }
+  };
+};
+var resolve_entry_ipv4_default = resolveEntryIpv4Plugin;
+export {
+  resolve_entry_ipv4_default as default
+};

package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js

@@ -2,10 +2,11 @@ var sharedStrategy = function() {
   return {
     name: "shared-strategy-plugin",
     beforeInit: function beforeInit(args) {
-      var shareInfo = args.shareInfo;
-      if (shareInfo) {
-        Object.keys(shareInfo || {}).forEach(function(sharedKey) {
-          var sharedConfigs = shareInfo[sharedKey];
+      var userOptions = args.userOptions;
+      var shared = userOptions.shared;
+      if (shared) {
+        Object.keys(shared).forEach(function(sharedKey) {
+          var sharedConfigs = shared[sharedKey];
           var arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
             sharedConfigs
           ];

package/dist/esm/cli/utils.js

@@ -6,6 +6,8 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { encodeName } from "@module-federation/sdk";
 import path from "path";
 import { bundle } from "@modern-js/node-bundle-require";
+import dns from "dns";
+import { LOCALHOST } from "../constant";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
 var getMFConfig = function() {
   var _ref = _async_to_generator(function(userConfig) {
@@ -33,6 +35,12 @@ var getMFConfig = function() {
           ];
         case 2:
           mfConfig = _state.sent().default;
+          return [
+            4,
+            replaceRemoteUrl(mfConfig)
+          ];
+        case 3:
+          _state.sent();
           return [
             2,
             mfConfig
@@ -44,40 +52,81 @@ var getMFConfig = function() {
     return _ref.apply(this, arguments);
   };
 }();
+var injectRuntimePlugins = function(runtimePlugin, runtimePlugins) {
+  if (!runtimePlugins.includes(runtimePlugin)) {
+    runtimePlugins.push(runtimePlugin);
+  }
+};
+var replaceRemoteUrl = function() {
+  var _ref = _async_to_generator(function(mfConfig) {
+    var ipv4, handleRemoteObject;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          if (!mfConfig.remotes) {
+            return [
+              2
+            ];
+          }
+          return [
+            4,
+            lookupIpv4()
+          ];
+        case 1:
+          ipv4 = _state.sent();
+          handleRemoteObject = function(remoteObject) {
+            Object.keys(remoteObject).forEach(function(remoteKey) {
+              var remote = remoteObject[remoteKey];
+              if (Array.isArray(remote)) {
+                return;
+              }
+              if (typeof remote === "string" && remote.includes(LOCALHOST)) {
+                remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
+              }
+              if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
+                remote.external = remote.external.replace(LOCALHOST, ipv4);
+              }
+            });
+          };
+          if (Array.isArray(mfConfig.remotes)) {
+            mfConfig.remotes.forEach(function(remoteObject) {
+              if (typeof remoteObject === "string") {
+                return;
+              }
+              handleRemoteObject(remoteObject);
+            });
+          } else if (typeof mfConfig.remotes !== "string") {
+            handleRemoteObject(mfConfig.remotes);
+          }
+          return [
+            2
+          ];
+      }
+    });
+  });
+  return function replaceRemoteUrl2(mfConfig) {
+    return _ref.apply(this, arguments);
+  };
+}();
 var patchMFConfig = function(mfConfig, isServer) {
+  var isDev = process.env.NODE_ENV === "development";
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
-  var sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
-    runtimePlugins.push(sharedStrategyRuntimePluginPath);
+  injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
+  if (isDev) {
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    var isDev = process.env.NODE_ENV === "development";
     if (isDev) {
-      var nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-        runtimePlugins.push(nodeHmrPluginPath);
-      }
-    }
-    var injectNodeFetchRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
-    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
-      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
+      injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
   }
   if (typeof mfConfig.async === "undefined") {
     mfConfig.async = true;
   }
   if (!isServer) {
     return _object_spread_props(_object_spread({}, mfConfig), {
-      runtimePlugins,
-      dts: mfConfig.dts === false ? false : _object_spread({
-        generateTypes: false,
-        consumeTypes: false
-      }, typeof mfConfig.dts === "object" ? mfConfig.dts : {}),
-      dev: mfConfig.dev === false ? false : _object_spread({
-        disableHotTypesReload: true,
-        disableLiveReload: false,
-        injectWebClient: true
-      }, typeof mfConfig.dev === "object" ? mfConfig.dev : {})
+      runtimePlugins
     });
   }
   return _object_spread_props(_object_spread({}, mfConfig), {
@@ -111,6 +160,9 @@ function patchWebpackConfig(options) {
   var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig;
   var enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
   (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
+  if (!isServer) {
+    autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
+  }
   if (!isServer && enableSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn('[Modern.js Module Federation] splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"');
@@ -139,9 +191,109 @@ function patchWebpackConfig(options) {
     });
   }
 }
+var lookupIpv4 = function() {
+  var _ref = _async_to_generator(function() {
+    var res, err;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          _state.trys.push([
+            0,
+            2,
+            ,
+            3
+          ]);
+          return [
+            4,
+            dns.promises.lookup(LOCALHOST, {
+              family: 4
+            })
+          ];
+        case 1:
+          res = _state.sent();
+          return [
+            2,
+            res.address
+          ];
+        case 2:
+          err = _state.sent();
+          return [
+            2,
+            "127.0.0.1"
+          ];
+        case 3:
+          return [
+            2
+          ];
+      }
+    });
+  });
+  return function lookupIpv42() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var SPLIT_CHUNK_MAP = {
+  REACT: "lib-react",
+  ROUTER: "lib-router",
+  LODASH: "lib-lodash",
+  ANTD: "lib-antd",
+  ARCO: "lib-arco",
+  SEMI: "lib-semi",
+  AXIOS: "lib-axios"
+};
+var SHARED_SPLIT_CHUNK_MAP = {
+  react: SPLIT_CHUNK_MAP.REACT,
+  "react-dom": SPLIT_CHUNK_MAP.REACT,
+  "react-router": SPLIT_CHUNK_MAP.ROUTER,
+  "react-router-dom": SPLIT_CHUNK_MAP.ROUTER,
+  "@remix-run/router": SPLIT_CHUNK_MAP.ROUTER,
+  lodash: SPLIT_CHUNK_MAP.LODASH,
+  "lodash-es": SPLIT_CHUNK_MAP.LODASH,
+  antd: SPLIT_CHUNK_MAP.ANTD,
+  "@arco-design/web-react": SPLIT_CHUNK_MAP.ARCO,
+  "@douyinfe/semi-ui": SPLIT_CHUNK_MAP.SEMI,
+  axios: SPLIT_CHUNK_MAP.AXIOS
+};
+function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
+  var _bundlerConfig_optimization;
+  if (!mfConfig.shared) {
+    return;
+  }
+  if (!((_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? void 0 : _bundlerConfig_optimization.splitChunks) || !bundlerConfig.optimization.splitChunks.cacheGroups) {
+    return;
+  }
+  var arrayShared = Array.isArray(mfConfig.shared) ? mfConfig.shared : Object.keys(mfConfig.shared);
+  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+  try {
+    for (var _iterator = arrayShared[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var shared = _step.value;
+      var splitChunkKey = SHARED_SPLIT_CHUNK_MAP[shared];
+      if (!splitChunkKey) {
+        continue;
+      }
+      if (bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey]) {
+        delete bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey];
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
 export {
   getMFConfig,
   getTargetEnvConfig,
+  lookupIpv4,
   patchMFConfig,
   patchWebpackConfig
 };

package/dist/esm/constant.js

@@ -1,4 +1,6 @@
 var MODERN_JS_SERVER_DIR = "bundles";
+var LOCALHOST = "localhost";
 export {
+  LOCALHOST,
   MODERN_JS_SERVER_DIR
 };

package/dist/esm/runtime/LiveReload.js

@@ -0,0 +1,26 @@
+import { _ as _tagged_template_literal } from "@swc/helpers/_/_tagged_template_literal";
+function _templateObject() {
+  var data = _tagged_template_literal([
+    "\n      if(",
+    "){\n        location.reload();\n      }\n   "
+  ]);
+  _templateObject = function _templateObject2() {
+    return data;
+  };
+  return data;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+function LiveReload() {
+  if (process.env.NODE_ENV !== "development") {
+    return null;
+  }
+  return /* @__PURE__ */ _jsx("script", {
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: {
+      __html: String.raw(_templateObject(), globalThis.shouldUpdate)
+    }
+  });
+}
+export {
+  LiveReload
+};

package/dist/esm/runtime/MFReactComponent.js

@@ -54,7 +54,9 @@ function getTargetModuleInfo(id) {
   };
 }
 function collectAssets(options) {
-  var id = options.id, _options_injectLink = options.injectLink, injectLink = _options_injectLink === void 0 ? true : _options_injectLink, _options_injectScript = options.injectScript, injectScript = _options_injectScript === void 0 ? true : _options_injectScript;
+  var _ref = typeof options === "string" ? {
+    id: options
+  } : options, id = _ref.id, _ref_injectLink = _ref.injectLink, injectLink = _ref_injectLink === void 0 ? true : _ref_injectLink, _ref_injectScript = _ref.injectScript, injectScript = _ref_injectScript === void 0 ? true : _ref_injectScript;
   var links = [];
   var scripts = [];
   var instance = getInstance();
@@ -92,7 +94,9 @@ function collectAssets(options) {
   return _to_consumable_array(scripts).concat(_to_consumable_array(links));
 }
 function MFReactComponent(props) {
-  var _props_loading = props.loading, loading = _props_loading === void 0 ? "loading..." : _props_loading, id = props.id, fallback = props.fallback;
+  var _ref = typeof props === "string" ? {
+    id: props
+  } : props, _ref_loading = _ref.loading, loading = _ref_loading === void 0 ? "loading..." : _ref_loading, id = _ref.id, _ref_fallback = _ref.fallback, fallback = _ref_fallback === void 0 ? void 0 : _ref_fallback;
   var Component = /* @__PURE__ */ React.lazy(function() {
     return loadRemote(id).then(function(mod) {
       var assets = collectAssets(props);

package/dist/esm/runtime/index.js

@@ -1,6 +1,8 @@
 export * from "@module-federation/enhanced/runtime";
 import { MFReactComponent, collectAssets } from "./MFReactComponent";
+import { LiveReload } from "./LiveReload";
 export {
+  LiveReload,
   MFReactComponent,
   collectAssets
 };