@module-federation/modern-js 0.0.0-next-20240521123600 → 0.0.0-next-20240523080317

package/dist/cjs/cli/index.js

@@ -52,15 +52,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
     const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     const mfConfig = await (0, import_utils2.getMFConfig)(userConfig);
     let outputDir = "";
-    const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-    const WebpackPluginConstructor = userConfig.webpackPluginImplementation || import_enhanced.ModuleFederationPlugin;
-    const RspackPluginConstructor = userConfig.webpackPluginImplementation || import_rspack.ModuleFederationPlugin;
-    const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
     let browserPlugin;
     let nodePlugin;
     return {
       config: () => {
         var _modernjsConfig_dev;
+        const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const WebpackPluginConstructor = userConfig.webpackPluginImplementation || import_enhanced.ModuleFederationPlugin;
+        const RspackPluginConstructor = userConfig.rspackPluginImplementation || import_rspack.ModuleFederationPlugin;
+        const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
         if (enableSSR) {
           process.env["MF_DISABLE_EMIT_STATS"] = "true";
           process.env["MF_SSR_PRJ"] = "true";
@@ -72,11 +72,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
             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 import_node.StreamingTargetPlugin(envConfig));
+            if (isDev) {
+              var _config_plugins2;
+              (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new import_node.EntryChunkTrackerPlugin());
+            }
           } else {
-            var _config_output, _config_plugins2;
+            var _config_output, _config_plugins3;
             outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
             browserPlugin = new MFBundlerPlugin(envConfig);
-            (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+            (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
           }
           (0, import_utils2.patchWebpackConfig)({
             bundlerConfig: config,
@@ -116,9 +120,9 @@ const moduleFederationPlugin = (userConfig = {}) => ({
                     return;
                   }
                   try {
-                    var _req_url, _req_url1;
+                    var _req_url, _req_url1, _req_url2;
                     const SERVER_PREFIX = `/${import_constant.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"))) {
+                    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"))) {
                       const filepath = import_path.default.join(process.cwd(), `dist${req.url}`);
                       import_utils.fs.statSync(filepath);
                       res.setHeader("Access-Control-Allow-Origin", "*");
@@ -134,6 +138,14 @@ const moduleFederationPlugin = (userConfig = {}) => ({
                   }
                 }
               ]
+            },
+            bundlerChain(chain, { isServer }) {
+              if (isDev && !isServer) {
+                chain.externals({
+                  "@module-federation/node/utils": "NOT_USED_IN_BROWSER",
+                  "@module-federation/dts-plugin/server": "NOT_USED_IN_BROWSER"
+                });
+              }
             }
           },
           source: {
@@ -175,7 +187,9 @@ const moduleFederationPlugin = (userConfig = {}) => ({
         }
         plugins.unshift({
           name: SSR_PLUGIN_IDENTIFIER,
-          options: JSON.stringify({})
+          options: JSON.stringify({
+            name: mfConfig.name
+          })
         });
         return {
           entrypoint,

package/dist/cjs/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inject_node_fetch_exports = {};
+__export(inject_node_fetch_exports, {
+  default: () => inject_node_fetch_default
+});
+module.exports = __toCommonJS(inject_node_fetch_exports);
+var import_node_fetch = __toESM(require("node-fetch"));
+const injectNodeFetchPlugin = () => ({
+  name: "inject-node-fetch-plugin",
+  beforeInit(args) {
+    if (!globalThis.fetch) {
+      globalThis.fetch = import_node_fetch.default;
+    }
+    return args;
+  }
+});
+var inject_node_fetch_default = injectNodeFetchPlugin;

package/dist/cjs/cli/utils.js

@@ -34,6 +34,7 @@ __export(utils_exports, {
   patchWebpackConfig: () => patchWebpackConfig
 });
 module.exports = __toCommonJS(utils_exports);
+var import_sdk = require("@module-federation/sdk");
 var import_path = __toESM(require("path"));
 var import_node_bundle_require = require("@modern-js/node-bundle-require");
 const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
@@ -51,22 +52,48 @@ const patchMFConfig = (mfConfig, isServer) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
-  const runtimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  const sharedStrategyRuntimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    const isDev = process.env.NODE_ENV === "development";
+    if (isDev) {
+      const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
+      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
+        runtimePlugins.push(nodeHmrPluginPath);
+      }
+    }
+    const injectNodeFetchRuntimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
+    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
+      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
     }
   }
   if (typeof mfConfig.async === "undefined") {
     mfConfig.async = true;
   }
+  if (!isServer) {
+    return {
+      ...mfConfig,
+      runtimePlugins,
+      dts: mfConfig.dts === false ? false : {
+        generateTypes: false,
+        consumeTypes: false,
+        ...typeof mfConfig.dts === "object" ? mfConfig.dts : {}
+      },
+      dev: mfConfig.dev === false ? false : {
+        disableHotTypesReload: true,
+        disableLiveReload: false,
+        injectWebClient: true,
+        ...typeof mfConfig.dev === "object" ? mfConfig.dev : {}
+      }
+    };
+  }
   return {
     ...mfConfig,
-    runtimePlugins
+    runtimePlugins,
+    dts: false,
+    dev: false
   };
 };
 function getTargetEnvConfig(mfConfig, isServer) {
@@ -112,7 +139,7 @@ function patchWebpackConfig(options) {
     const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
     if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
-      const suffix = `-[chunkhash].js`;
+      const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[chunkhash].js`;
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

package/dist/cjs/ssr-runtime/plugin.js

@@ -31,27 +31,44 @@ __export(plugin_exports, {
   mfPluginSSR: () => mfPluginSSR
 });
 module.exports = __toCommonJS(plugin_exports);
-const mfPluginSSR = () => ({
+const mfPluginSSR = ({ name }) => ({
   name: "@module-federation/modern-js",
-  // eslint-disable-next-line max-lines-per-function
-  setup: () => ({
-    // eslint-disable-next-line max-lines-per-function
-    async init({ context }, next) {
-      if (typeof window !== "undefined") {
+  setup: () => {
+    let mfDevServer;
+    return {
+      async init({ context }, next) {
+        if (typeof window !== "undefined") {
+          return next({
+            context
+          });
+        }
+        const devServer = await Promise.resolve().then(() => __toESM(require("@module-federation/dts-plugin/server")));
+        if (name) {
+          mfDevServer = new devServer.ModuleFederationDevServer({
+            name: `${name}-server`,
+            remotes: [],
+            updateCallback: async () => {
+            },
+            remoteTypeTarPath: ""
+          });
+        }
+        const nodeUtils = await Promise.resolve().then(() => __toESM(require("@module-federation/node/utils")));
+        const shouldUpdate = await nodeUtils.revalidate();
+        if (shouldUpdate) {
+          console.log("should RELOAD", shouldUpdate);
+          await nodeUtils.flushChunks();
+          mfDevServer && mfDevServer.update({
+            updateKind: devServer.UpdateKind.RELOAD_PAGE,
+            updateMode: devServer.UpdateMode.POSITIVE,
+            clientName: name
+          });
+        }
         return next({
           context
         });
       }
-      const nodeUtils = await Promise.resolve().then(() => __toESM(require("@module-federation/node/utils")));
-      const shouldUpdate = await nodeUtils.revalidate();
-      if (shouldUpdate) {
-        console.log("should HMR", shouldUpdate);
-      }
-      return next({
-        context
-      });
-    }
-  })
+    };
+  }
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/esm/cli/index.js

@@ -4,7 +4,7 @@ import path from "path";
 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 } from "@module-federation/node";
+import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
@@ -16,7 +16,7 @@ var moduleFederationPlugin = function() {
     name: "@modern-js/plugin-module-federation",
     setup: function() {
       var _ref = _async_to_generator(function(param) {
-        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, enableSSR, mfConfig, outputDir, bundlerType, WebpackPluginConstructor, RspackPluginConstructor, MFBundlerPlugin, browserPlugin, nodePlugin;
+        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, enableSSR, mfConfig, outputDir, browserPlugin, nodePlugin;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -30,15 +30,15 @@ var moduleFederationPlugin = function() {
             case 1:
               mfConfig = _state.sent();
               outputDir = "";
-              bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-              WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-              RspackPluginConstructor = userConfig.webpackPluginImplementation || RspackModuleFederationPlugin;
-              MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
               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";
@@ -50,11 +50,15 @@ var moduleFederationPlugin = function() {
                         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_plugins2;
+                        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_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+                        (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
                       }
                       patchWebpackConfig({
                         bundlerConfig: config,
@@ -99,9 +103,9 @@ var moduleFederationPlugin = function() {
                                 return;
                               }
                               try {
-                                var _req_url, _req_url1;
+                                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"))) {
+                                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", "*");
@@ -117,6 +121,15 @@ var moduleFederationPlugin = function() {
                               }
                             }
                           ]
+                        },
+                        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: {
@@ -160,7 +173,9 @@ var moduleFederationPlugin = function() {
                     }
                     plugins.unshift({
                       name: SSR_PLUGIN_IDENTIFIER,
-                      options: JSON.stringify({})
+                      options: JSON.stringify({
+                        name: mfConfig.name
+                      })
                     });
                     return {
                       entrypoint,

package/dist/esm/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,16 @@
+import nodeFetch from "node-fetch";
+var injectNodeFetchPlugin = function() {
+  return {
+    name: "inject-node-fetch-plugin",
+    beforeInit: function beforeInit(args) {
+      if (!globalThis.fetch) {
+        globalThis.fetch = nodeFetch;
+      }
+      return args;
+    }
+  };
+};
+var inject_node_fetch_default = injectNodeFetchPlugin;
+export {
+  inject_node_fetch_default as default
+};

package/dist/esm/cli/utils.js

@@ -3,6 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 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";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
@@ -45,21 +46,44 @@ var getMFConfig = function() {
 }();
 var patchMFConfig = function(mfConfig, isServer) {
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
-  var runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  var sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    var nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    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);
     }
   }
   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 : {})
+    });
+  }
   return _object_spread_props(_object_spread({}, mfConfig), {
-    runtimePlugins
+    runtimePlugins,
+    dts: false,
+    dev: false
   });
 };
 function getTargetEnvConfig(mfConfig, isServer) {
@@ -102,7 +126,7 @@ function patchWebpackConfig(options) {
     var uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     var chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
     if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
-      var suffix = "-[chunkhash].js";
+      var suffix = "".concat(encodeName(uniqueName), "-[chunkhash].js");
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

package/dist/esm/ssr-runtime/plugin.js

@@ -1,54 +1,88 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-var mfPluginSSR = function() {
+var mfPluginSSR = function(param) {
+  var name = param.name;
   return {
     name: "@module-federation/modern-js",
-    // eslint-disable-next-line max-lines-per-function
     setup: function() {
+      var mfDevServer;
       return {
-        init: (
-          // eslint-disable-next-line max-lines-per-function
-          function init(param, next) {
-            var context = param.context;
-            return _async_to_generator(function() {
-              var nodeUtils, shouldUpdate;
-              return _ts_generator(this, function(_state) {
-                switch (_state.label) {
-                  case 0:
-                    if (typeof window !== "undefined") {
-                      return [
-                        2,
-                        next({
-                          context
-                        })
-                      ];
-                    }
-                    return [
-                      4,
-                      import("@module-federation/node/utils")
-                    ];
-                  case 1:
-                    nodeUtils = _state.sent();
-                    return [
-                      4,
-                      nodeUtils.revalidate()
-                    ];
-                  case 2:
-                    shouldUpdate = _state.sent();
-                    if (shouldUpdate) {
-                      console.log("should HMR", shouldUpdate);
-                    }
+        init: function init(param2, next) {
+          var context = param2.context;
+          return _async_to_generator(function() {
+            var devServer, nodeUtils, shouldUpdate;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  if (typeof window !== "undefined") {
                     return [
                       2,
                       next({
                         context
                       })
                     ];
-                }
-              });
-            })();
-          }
-        )
+                  }
+                  return [
+                    4,
+                    import("@module-federation/dts-plugin/server")
+                  ];
+                case 1:
+                  devServer = _state.sent();
+                  if (name) {
+                    mfDevServer = new devServer.ModuleFederationDevServer({
+                      name: "".concat(name, "-server"),
+                      remotes: [],
+                      updateCallback: /* @__PURE__ */ _async_to_generator(function() {
+                        return _ts_generator(this, function(_state2) {
+                          return [
+                            2
+                          ];
+                        });
+                      }),
+                      remoteTypeTarPath: ""
+                    });
+                  }
+                  return [
+                    4,
+                    import("@module-federation/node/utils")
+                  ];
+                case 2:
+                  nodeUtils = _state.sent();
+                  return [
+                    4,
+                    nodeUtils.revalidate()
+                  ];
+                case 3:
+                  shouldUpdate = _state.sent();
+                  if (!shouldUpdate)
+                    return [
+                      3,
+                      5
+                    ];
+                  console.log("should RELOAD", shouldUpdate);
+                  return [
+                    4,
+                    nodeUtils.flushChunks()
+                  ];
+                case 4:
+                  _state.sent();
+                  mfDevServer && mfDevServer.update({
+                    updateKind: devServer.UpdateKind.RELOAD_PAGE,
+                    updateMode: devServer.UpdateMode.POSITIVE,
+                    clientName: name
+                  });
+                  _state.label = 5;
+                case 5:
+                  return [
+                    2,
+                    next({
+                      context
+                    })
+                  ];
+              }
+            });
+          })();
+        }
       };
     }
   };

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

@@ -2,7 +2,7 @@ import path from "path";
 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 } from "@module-federation/node";
+import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
@@ -16,15 +16,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
     const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     const mfConfig = await getMFConfig(userConfig);
     let outputDir = "";
-    const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-    const WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-    const RspackPluginConstructor = userConfig.webpackPluginImplementation || RspackModuleFederationPlugin;
-    const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
     let browserPlugin;
     let nodePlugin;
     return {
       config: () => {
         var _modernjsConfig_dev;
+        const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
+        const RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
+        const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
         if (enableSSR) {
           process.env["MF_DISABLE_EMIT_STATS"] = "true";
           process.env["MF_SSR_PRJ"] = "true";
@@ -36,11 +36,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
             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_plugins2;
+            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_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+            (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
           }
           patchWebpackConfig({
             bundlerConfig: config,
@@ -80,9 +84,9 @@ const moduleFederationPlugin = (userConfig = {}) => ({
                     return;
                   }
                   try {
-                    var _req_url, _req_url1;
+                    var _req_url, _req_url1, _req_url2;
                     const SERVER_PREFIX = `/${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"))) {
+                    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"))) {
                       const filepath = path.join(process.cwd(), `dist${req.url}`);
                       fs.statSync(filepath);
                       res.setHeader("Access-Control-Allow-Origin", "*");
@@ -98,6 +102,14 @@ const moduleFederationPlugin = (userConfig = {}) => ({
                   }
                 }
               ]
+            },
+            bundlerChain(chain, { isServer }) {
+              if (isDev && !isServer) {
+                chain.externals({
+                  "@module-federation/node/utils": "NOT_USED_IN_BROWSER",
+                  "@module-federation/dts-plugin/server": "NOT_USED_IN_BROWSER"
+                });
+              }
             }
           },
           source: {
@@ -139,7 +151,9 @@ const moduleFederationPlugin = (userConfig = {}) => ({
         }
         plugins.unshift({
           name: SSR_PLUGIN_IDENTIFIER,
-          options: JSON.stringify({})
+          options: JSON.stringify({
+            name: mfConfig.name
+          })
         });
         return {
           entrypoint,

package/dist/esm-node/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,14 @@
+import nodeFetch from "node-fetch";
+const injectNodeFetchPlugin = () => ({
+  name: "inject-node-fetch-plugin",
+  beforeInit(args) {
+    if (!globalThis.fetch) {
+      globalThis.fetch = nodeFetch;
+    }
+    return args;
+  }
+});
+var inject_node_fetch_default = injectNodeFetchPlugin;
+export {
+  inject_node_fetch_default as default
+};

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

@@ -1,3 +1,4 @@
+import { encodeName } from "@module-federation/sdk";
 import path from "path";
 import { bundle } from "@modern-js/node-bundle-require";
 const defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
@@ -15,22 +16,48 @@ const patchMFConfig = (mfConfig, isServer) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
-  const runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  const sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    const isDev = process.env.NODE_ENV === "development";
+    if (isDev) {
+      const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
+      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
+        runtimePlugins.push(nodeHmrPluginPath);
+      }
+    }
+    const injectNodeFetchRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
+    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
+      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
     }
   }
   if (typeof mfConfig.async === "undefined") {
     mfConfig.async = true;
   }
+  if (!isServer) {
+    return {
+      ...mfConfig,
+      runtimePlugins,
+      dts: mfConfig.dts === false ? false : {
+        generateTypes: false,
+        consumeTypes: false,
+        ...typeof mfConfig.dts === "object" ? mfConfig.dts : {}
+      },
+      dev: mfConfig.dev === false ? false : {
+        disableHotTypesReload: true,
+        disableLiveReload: false,
+        injectWebClient: true,
+        ...typeof mfConfig.dev === "object" ? mfConfig.dev : {}
+      }
+    };
+  }
   return {
     ...mfConfig,
-    runtimePlugins
+    runtimePlugins,
+    dts: false,
+    dev: false
   };
 };
 function getTargetEnvConfig(mfConfig, isServer) {
@@ -76,7 +103,7 @@ function patchWebpackConfig(options) {
     const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
     if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
-      const suffix = `-[chunkhash].js`;
+      const suffix = `${encodeName(uniqueName)}-[chunkhash].js`;
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

package/dist/esm-node/ssr-runtime/plugin.js

@@ -1,24 +1,41 @@
-const mfPluginSSR = () => ({
+const mfPluginSSR = ({ name }) => ({
   name: "@module-federation/modern-js",
-  // eslint-disable-next-line max-lines-per-function
-  setup: () => ({
-    // eslint-disable-next-line max-lines-per-function
-    async init({ context }, next) {
-      if (typeof window !== "undefined") {
+  setup: () => {
+    let mfDevServer;
+    return {
+      async init({ context }, next) {
+        if (typeof window !== "undefined") {
+          return next({
+            context
+          });
+        }
+        const devServer = await import("@module-federation/dts-plugin/server");
+        if (name) {
+          mfDevServer = new devServer.ModuleFederationDevServer({
+            name: `${name}-server`,
+            remotes: [],
+            updateCallback: async () => {
+            },
+            remoteTypeTarPath: ""
+          });
+        }
+        const nodeUtils = await import("@module-federation/node/utils");
+        const shouldUpdate = await nodeUtils.revalidate();
+        if (shouldUpdate) {
+          console.log("should RELOAD", shouldUpdate);
+          await nodeUtils.flushChunks();
+          mfDevServer && mfDevServer.update({
+            updateKind: devServer.UpdateKind.RELOAD_PAGE,
+            updateMode: devServer.UpdateMode.POSITIVE,
+            clientName: name
+          });
+        }
         return next({
           context
         });
       }
-      const nodeUtils = await import("@module-federation/node/utils");
-      const shouldUpdate = await nodeUtils.revalidate();
-      if (shouldUpdate) {
-        console.log("should HMR", shouldUpdate);
-      }
-      return next({
-        context
-      });
-    }
-  })
+    };
+  }
 });
 export {
   mfPluginSSR

package/dist/types/cli/mfRuntimePlugins/inject-node-fetch.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+declare const injectNodeFetchPlugin: () => FederationRuntimePlugin;
+export default injectNodeFetchPlugin;

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

@@ -5,6 +5,18 @@ export type ConfigType<T> = T extends 'webpack' ? webpack.Configuration : T exte
 export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
 export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean) => {
     runtimePlugins: string[];
+    dts: boolean | {
+        generateTypes: boolean | moduleFederationPlugin.DtsRemoteOptions;
+        consumeTypes: boolean | moduleFederationPlugin.DtsHostOptions;
+        tsConfigPath?: string | undefined;
+        extraOptions?: Record<string, any> | undefined;
+        implementation?: string | undefined;
+    };
+    dev: boolean | {
+        disableLiveReload: boolean;
+        disableHotTypesReload: boolean;
+        injectWebClient: boolean;
+    };
     exposes?: moduleFederationPlugin.Exposes | undefined;
     filename?: string | undefined;
     library?: moduleFederationPlugin.LibraryOptions | undefined;
@@ -16,12 +28,22 @@ export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFede
     shared?: moduleFederationPlugin.Shared | undefined;
     implementation?: string | undefined;
     manifest?: boolean | moduleFederationPlugin.PluginManifestOptions | undefined;
-    dev?: boolean | moduleFederationPlugin.PluginDevOptions | undefined;
-    dts?: boolean | moduleFederationPlugin.PluginDtsOptions | undefined;
     async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions | undefined;
 };
 export declare function getTargetEnvConfig(mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean): {
     runtimePlugins: string[];
+    dts: boolean | {
+        generateTypes: boolean | moduleFederationPlugin.DtsRemoteOptions;
+        consumeTypes: boolean | moduleFederationPlugin.DtsHostOptions;
+        tsConfigPath?: string | undefined;
+        extraOptions?: Record<string, any> | undefined;
+        implementation?: string | undefined;
+    };
+    dev: boolean | {
+        disableLiveReload: boolean;
+        disableHotTypesReload: boolean;
+        injectWebClient: boolean;
+    };
     exposes?: moduleFederationPlugin.Exposes | undefined;
     filename?: string | undefined;
     library?: moduleFederationPlugin.LibraryOptions | undefined;
@@ -33,8 +55,6 @@ export declare function getTargetEnvConfig(mfConfig: moduleFederationPlugin.Modu
     shared?: moduleFederationPlugin.Shared | undefined;
     implementation?: string | undefined;
     manifest?: boolean | moduleFederationPlugin.PluginManifestOptions | undefined;
-    dev?: boolean | moduleFederationPlugin.PluginDevOptions | undefined;
-    dts?: boolean | moduleFederationPlugin.PluginDtsOptions | undefined;
     async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions | undefined;
 };
 export declare function patchWebpackConfig<T>(options: {

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

@@ -1,2 +1,4 @@
 import type { Plugin } from '@modern-js/runtime';
-export declare const mfPluginSSR: () => Plugin;
+export declare const mfPluginSSR: ({ name }: {
+    name?: string | undefined;
+}) => Plugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240521123600",
+  "version": "0.0.0-next-20240523080317",
   "files": [
     "dist/",
     "types.d.ts",
@@ -45,9 +45,11 @@
     "@swc/helpers": "0.5.3",
     "@modern-js/utils": "^2.49.2",
     "@modern-js/node-bundle-require": "^2.49.2",
-    "@module-federation/sdk": "0.0.0-next-20240521123600",
-    "@module-federation/enhanced": "0.0.0-next-20240521123600",
-    "@module-federation/node": "0.0.0-next-20240521123600"
+    "node-fetch": "~3.3.0",
+    "@module-federation/sdk": "0.0.0-next-20240523080317",
+    "@module-federation/enhanced": "0.0.0-next-20240523080317",
+    "@module-federation/node": "0.0.0-next-20240523080317",
+    "@module-federation/dts-plugin": "0.0.0-next-20240523080317"
   },
   "devDependencies": {
     "@modern-js/app-tools": "^2.49.2",
@@ -55,7 +57,7 @@
     "@modern-js/runtime": "^2.49.2",
     "@modern-js/module-tools": "^2.35.0",
     "@modern-js/tsconfig": "^2.35.0",
-    "@module-federation/manifest": "0.0.0-next-20240521123600"
+    "@module-federation/manifest": "0.0.0-next-20240523080317"
   },
   "peerDependencies": {
     "react": ">=17",