@module-federation/modern-js 0.0.0-next-20240519120858 → 0.0.0-next-20240520072517

package/dist/cjs/cli/index.js

@@ -42,6 +42,8 @@ var import_utils2 = require("./utils");
 var import_manifest = require("./manifest");
 var import_constant = require("../constant");
 var import_enhanced2 = require("@module-federation/enhanced");
+const SSR_PLUGIN_IDENTIFIER = "mfPluginSSR";
+const isDev = process.env.NODE_ENV === "development";
 const moduleFederationPlugin = (userConfig = {}) => ({
   name: "@modern-js/plugin-module-federation",
   setup: async ({ useConfigContext, useAppContext }) => {
@@ -144,6 +146,42 @@ const moduleFederationPlugin = (userConfig = {}) => ({
           }
         };
       },
+      modifyEntryImports({ entrypoint, imports }) {
+        if (!enableSSR || !isDev) {
+          return {
+            entrypoint,
+            imports
+          };
+        }
+        imports.push({
+          value: "@module-federation/modern-js/ssr-runtime",
+          specifiers: [
+            {
+              imported: SSR_PLUGIN_IDENTIFIER
+            }
+          ]
+        });
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        if (!enableSSR || !isDev) {
+          return {
+            entrypoint,
+            plugins
+          };
+        }
+        plugins.unshift({
+          name: SSR_PLUGIN_IDENTIFIER,
+          options: JSON.stringify({})
+        });
+        return {
+          entrypoint,
+          plugins
+        };
+      },
       afterBuild: () => {
         if (enableSSR) {
           (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, outputDir);

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/mfRuntimePlugins/shared-strategy.js

@@ -22,7 +22,7 @@ __export(shared_strategy_exports, {
 });
 module.exports = __toCommonJS(shared_strategy_exports);
 const sharedStrategy = () => ({
-  name: "shared-strategy",
+  name: "shared-strategy-plugin",
   beforeInit(args) {
     const { shareInfo } = args;
     if (shareInfo) {

package/dist/cjs/cli/utils.js

@@ -47,55 +47,74 @@ const getMFConfig = async (userConfig) => {
   const mfConfig = (await Promise.resolve().then(() => __toESM(require(preBundlePath)))).default;
   return mfConfig;
 };
-const patchMFConfig = (mfConfig) => {
-  mfConfig.runtimePlugins = mfConfig.runtimePlugins || [];
-  const runtimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!mfConfig.runtimePlugins.includes(runtimePluginPath)) {
-    mfConfig.runtimePlugins.push(import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+const patchMFConfig = (mfConfig, isServer) => {
+  const runtimePlugins = [
+    ...mfConfig.runtimePlugins || []
+  ];
+  const sharedStrategyRuntimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
+  }
+  if (isServer) {
+    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;
   }
+  return {
+    ...mfConfig,
+    runtimePlugins
+  };
 };
 function getTargetEnvConfig(mfConfig, isServer) {
-  var _mfConfig_library;
-  patchMFConfig(mfConfig);
+  var _patchedMFConfig_library;
+  const patchedMFConfig = patchMFConfig(mfConfig, isServer);
   if (isServer) {
     return {
       library: {
         type: "commonjs-module",
         name: mfConfig.name
       },
-      ...mfConfig
+      ...patchedMFConfig
     };
   }
-  if (((_mfConfig_library = mfConfig.library) === null || _mfConfig_library === void 0 ? void 0 : _mfConfig_library.type) === "commonjs-module") {
+  if (((_patchedMFConfig_library = patchedMFConfig.library) === null || _patchedMFConfig_library === void 0 ? void 0 : _patchedMFConfig_library.type) === "commonjs-module") {
     return {
-      ...mfConfig,
+      ...patchedMFConfig,
       library: {
         ...mfConfig.library,
         type: "global"
       }
     };
   }
-  return mfConfig;
+  return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _modernjsConfig_server_ssr, _modernjsConfig_server1, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = options;
-  const isStreamSSR = typeof (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr) === "object" ? (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : (_modernjsConfig_server_ssr = _modernjsConfig_server1.ssr) === null || _modernjsConfig_server_ssr === void 0 ? void 0 : _modernjsConfig_server_ssr.mode) === "stream" : false;
+  const 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 && isStreamSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
+  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"');
   }
   if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
-    var _modernjsConfig_dev, _modernjsConfig_server2;
-    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server2 = modernjsConfig.server) === null || _modernjsConfig_server2 === void 0 ? void 0 : _modernjsConfig_server2.port) || 8080;
+    var _modernjsConfig_dev, _modernjsConfig_server1;
+    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
     bundlerConfig.output.publicPath = publicPath;
   }
-  if (isServer && isStreamSSR) {
+  if (isServer && enableSSR) {
     const { output } = bundlerConfig;
     const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
@@ -104,6 +123,15 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
+  const isDev = process.env.NODE_ENV === "development";
+  if (isDev && enableSSR && !isServer) {
+    bundlerConfig.resolve.fallback = {
+      ...bundlerConfig.resolve.fallback,
+      crypto: false,
+      stream: false,
+      vm: false
+    };
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -0,0 +1,22 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ssr_runtime_exports = {};
+module.exports = __toCommonJS(ssr_runtime_exports);
+__reExport(ssr_runtime_exports, require("./plugin"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./plugin")
+});

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

@@ -0,0 +1,59 @@
+"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 plugin_exports = {};
+__export(plugin_exports, {
+  mfPluginSSR: () => mfPluginSSR
+});
+module.exports = __toCommonJS(plugin_exports);
+const mfPluginSSR = () => ({
+  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") {
+        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 = {
+  mfPluginSSR
+});

package/dist/esm/cli/index.js

@@ -8,6 +8,8 @@ import { StreamingTargetPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
+var SSR_PLUGIN_IDENTIFIER = "mfPluginSSR";
+var isDev = process.env.NODE_ENV === "development";
 var moduleFederationPlugin = function() {
   var userConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return {
@@ -127,6 +129,44 @@ var moduleFederationPlugin = function() {
                       }
                     };
                   },
+                  modifyEntryImports: function modifyEntryImports(param2) {
+                    var entrypoint = param2.entrypoint, imports = param2.imports;
+                    if (!enableSSR || !isDev) {
+                      return {
+                        entrypoint,
+                        imports
+                      };
+                    }
+                    imports.push({
+                      value: "@module-federation/modern-js/ssr-runtime",
+                      specifiers: [
+                        {
+                          imported: SSR_PLUGIN_IDENTIFIER
+                        }
+                      ]
+                    });
+                    return {
+                      entrypoint,
+                      imports
+                    };
+                  },
+                  modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param2) {
+                    var entrypoint = param2.entrypoint, plugins = param2.plugins;
+                    if (!enableSSR || !isDev) {
+                      return {
+                        entrypoint,
+                        plugins
+                      };
+                    }
+                    plugins.unshift({
+                      name: SSR_PLUGIN_IDENTIFIER,
+                      options: JSON.stringify({})
+                    });
+                    return {
+                      entrypoint,
+                      plugins
+                    };
+                  },
                   afterBuild: function() {
                     if (enableSSR) {
                       updateStatsAndManifest(nodePlugin, browserPlugin, outputDir);

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/mfRuntimePlugins/shared-strategy.js

@@ -1,6 +1,6 @@
 var sharedStrategy = function() {
   return {
-    name: "shared-strategy",
+    name: "shared-strategy-plugin",
     beforeInit: function beforeInit(args) {
       var shareInfo = args.shareInfo;
       if (shareInfo) {

package/dist/esm/cli/utils.js

@@ -1,6 +1,7 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 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 path from "path";
 import { bundle } from "@modern-js/node-bundle-require";
@@ -42,52 +43,68 @@ var getMFConfig = function() {
     return _ref.apply(this, arguments);
   };
 }();
-var patchMFConfig = function(mfConfig) {
-  mfConfig.runtimePlugins = mfConfig.runtimePlugins || [];
-  var runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!mfConfig.runtimePlugins.includes(runtimePluginPath)) {
-    mfConfig.runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+var patchMFConfig = function(mfConfig, isServer) {
+  var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
+  var sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
+  }
+  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);
+    }
   }
   if (typeof mfConfig.async === "undefined") {
     mfConfig.async = true;
   }
+  return _object_spread_props(_object_spread({}, mfConfig), {
+    runtimePlugins
+  });
 };
 function getTargetEnvConfig(mfConfig, isServer) {
-  var _mfConfig_library;
-  patchMFConfig(mfConfig);
+  var _patchedMFConfig_library;
+  var patchedMFConfig = patchMFConfig(mfConfig, isServer);
   if (isServer) {
     return _object_spread({
       library: {
         type: "commonjs-module",
         name: mfConfig.name
       }
-    }, mfConfig);
+    }, patchedMFConfig);
   }
-  if (((_mfConfig_library = mfConfig.library) === null || _mfConfig_library === void 0 ? void 0 : _mfConfig_library.type) === "commonjs-module") {
-    return _object_spread_props(_object_spread({}, mfConfig), {
+  if (((_patchedMFConfig_library = patchedMFConfig.library) === null || _patchedMFConfig_library === void 0 ? void 0 : _patchedMFConfig_library.type) === "commonjs-module") {
+    return _object_spread_props(_object_spread({}, patchedMFConfig), {
       library: _object_spread_props(_object_spread({}, mfConfig.library), {
         type: "global"
       })
     });
   }
-  return mfConfig;
+  return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _modernjsConfig_server_ssr, _modernjsConfig_server1, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
   var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig;
-  var isStreamSSR = typeof (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr) === "object" ? (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : (_modernjsConfig_server_ssr = _modernjsConfig_server1.ssr) === null || _modernjsConfig_server_ssr === void 0 ? void 0 : _modernjsConfig_server_ssr.mode) === "stream" : false;
+  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 && isStreamSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
+  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"');
   }
   if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
-    var _modernjsConfig_dev, _modernjsConfig_server2;
-    var port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server2 = modernjsConfig.server) === null || _modernjsConfig_server2 === void 0 ? void 0 : _modernjsConfig_server2.port) || 8080;
+    var _modernjsConfig_dev, _modernjsConfig_server1;
+    var port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     var publicPath = "http://localhost:".concat(port, "/");
     bundlerConfig.output.publicPath = publicPath;
   }
-  if (isServer && isStreamSSR) {
+  if (isServer && enableSSR) {
     var output = bundlerConfig.output;
     var uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     var chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
@@ -96,6 +113,14 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
+  var isDev = process.env.NODE_ENV === "development";
+  if (isDev && enableSSR && !isServer) {
+    bundlerConfig.resolve.fallback = _object_spread_props(_object_spread({}, bundlerConfig.resolve.fallback), {
+      crypto: false,
+      stream: false,
+      vm: false
+    });
+  }
 }
 export {
   getMFConfig,

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

@@ -0,0 +1 @@
+export * from "./plugin";

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

@@ -0,0 +1,58 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+var mfPluginSSR = function() {
+  return {
+    name: "@module-federation/modern-js",
+    // eslint-disable-next-line max-lines-per-function
+    setup: function() {
+      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);
+                    }
+                    return [
+                      2,
+                      next({
+                        context
+                      })
+                    ];
+                }
+              });
+            })();
+          }
+        )
+      };
+    }
+  };
+};
+export {
+  mfPluginSSR
+};

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

@@ -6,6 +6,8 @@ import { StreamingTargetPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
+const SSR_PLUGIN_IDENTIFIER = "mfPluginSSR";
+const isDev = process.env.NODE_ENV === "development";
 const moduleFederationPlugin = (userConfig = {}) => ({
   name: "@modern-js/plugin-module-federation",
   setup: async ({ useConfigContext, useAppContext }) => {
@@ -108,6 +110,42 @@ const moduleFederationPlugin = (userConfig = {}) => ({
           }
         };
       },
+      modifyEntryImports({ entrypoint, imports }) {
+        if (!enableSSR || !isDev) {
+          return {
+            entrypoint,
+            imports
+          };
+        }
+        imports.push({
+          value: "@module-federation/modern-js/ssr-runtime",
+          specifiers: [
+            {
+              imported: SSR_PLUGIN_IDENTIFIER
+            }
+          ]
+        });
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        if (!enableSSR || !isDev) {
+          return {
+            entrypoint,
+            plugins
+          };
+        }
+        plugins.unshift({
+          name: SSR_PLUGIN_IDENTIFIER,
+          options: JSON.stringify({})
+        });
+        return {
+          entrypoint,
+          plugins
+        };
+      },
       afterBuild: () => {
         if (enableSSR) {
           updateStatsAndManifest(nodePlugin, browserPlugin, outputDir);

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/mfRuntimePlugins/shared-strategy.js

@@ -1,5 +1,5 @@
 const sharedStrategy = () => ({
-  name: "shared-strategy",
+  name: "shared-strategy-plugin",
   beforeInit(args) {
     const { shareInfo } = args;
     if (shareInfo) {

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

@@ -11,55 +11,74 @@ const getMFConfig = async (userConfig) => {
   const mfConfig = (await import(preBundlePath)).default;
   return mfConfig;
 };
-const patchMFConfig = (mfConfig) => {
-  mfConfig.runtimePlugins = mfConfig.runtimePlugins || [];
-  const runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!mfConfig.runtimePlugins.includes(runtimePluginPath)) {
-    mfConfig.runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+const patchMFConfig = (mfConfig, isServer) => {
+  const runtimePlugins = [
+    ...mfConfig.runtimePlugins || []
+  ];
+  const sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
+  }
+  if (isServer) {
+    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;
   }
+  return {
+    ...mfConfig,
+    runtimePlugins
+  };
 };
 function getTargetEnvConfig(mfConfig, isServer) {
-  var _mfConfig_library;
-  patchMFConfig(mfConfig);
+  var _patchedMFConfig_library;
+  const patchedMFConfig = patchMFConfig(mfConfig, isServer);
   if (isServer) {
     return {
       library: {
         type: "commonjs-module",
         name: mfConfig.name
       },
-      ...mfConfig
+      ...patchedMFConfig
     };
   }
-  if (((_mfConfig_library = mfConfig.library) === null || _mfConfig_library === void 0 ? void 0 : _mfConfig_library.type) === "commonjs-module") {
+  if (((_patchedMFConfig_library = patchedMFConfig.library) === null || _patchedMFConfig_library === void 0 ? void 0 : _patchedMFConfig_library.type) === "commonjs-module") {
     return {
-      ...mfConfig,
+      ...patchedMFConfig,
       library: {
         ...mfConfig.library,
         type: "global"
       }
     };
   }
-  return mfConfig;
+  return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _modernjsConfig_server_ssr, _modernjsConfig_server1, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = options;
-  const isStreamSSR = typeof (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr) === "object" ? (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : (_modernjsConfig_server_ssr = _modernjsConfig_server1.ssr) === null || _modernjsConfig_server_ssr === void 0 ? void 0 : _modernjsConfig_server_ssr.mode) === "stream" : false;
+  const 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 && isStreamSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
+  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"');
   }
   if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
-    var _modernjsConfig_dev, _modernjsConfig_server2;
-    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server2 = modernjsConfig.server) === null || _modernjsConfig_server2 === void 0 ? void 0 : _modernjsConfig_server2.port) || 8080;
+    var _modernjsConfig_dev, _modernjsConfig_server1;
+    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
     bundlerConfig.output.publicPath = publicPath;
   }
-  if (isServer && isStreamSSR) {
+  if (isServer && enableSSR) {
     const { output } = bundlerConfig;
     const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
@@ -68,6 +87,15 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
+  const isDev = process.env.NODE_ENV === "development";
+  if (isDev && enableSSR && !isServer) {
+    bundlerConfig.resolve.fallback = {
+      ...bundlerConfig.resolve.fallback,
+      crypto: false,
+      stream: false,
+      vm: false
+    };
+  }
 }
 export {
   getMFConfig,

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

@@ -0,0 +1 @@
+export * from "./plugin";

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

@@ -0,0 +1,25 @@
+const mfPluginSSR = () => ({
+  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") {
+        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

@@ -3,8 +3,40 @@ import { moduleFederationPlugin } from '@module-federation/sdk';
 import { PluginOptions } from '../types';
 export type ConfigType<T> = T extends 'webpack' ? webpack.Configuration : T extends 'rspack' ? Rspack.Configuration : never;
 export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
-export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions) => void;
-export declare function getTargetEnvConfig(mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean): moduleFederationPlugin.ModuleFederationPluginOptions;
+export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean) => {
+    runtimePlugins: string[];
+    exposes?: moduleFederationPlugin.Exposes | undefined;
+    filename?: string | undefined;
+    library?: moduleFederationPlugin.LibraryOptions | undefined;
+    name?: string | undefined;
+    remoteType?: moduleFederationPlugin.ExternalsType | undefined;
+    remotes?: moduleFederationPlugin.Remotes | undefined;
+    runtime?: moduleFederationPlugin.EntryRuntime | undefined;
+    shareScope?: string | undefined;
+    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[];
+    exposes?: moduleFederationPlugin.Exposes | undefined;
+    filename?: string | undefined;
+    library?: moduleFederationPlugin.LibraryOptions | undefined;
+    name?: string | undefined;
+    remoteType?: moduleFederationPlugin.ExternalsType | undefined;
+    remotes?: moduleFederationPlugin.Remotes | undefined;
+    runtime?: moduleFederationPlugin.EntryRuntime | undefined;
+    shareScope?: string | undefined;
+    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: {
     bundlerConfig: ConfigType<T>;
     isServer: boolean;

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

@@ -0,0 +1 @@
+export * from './plugin';

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

@@ -0,0 +1,2 @@
+import type { Plugin } from '@modern-js/runtime';
+export declare const mfPluginSSR: () => Plugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240519120858",
+  "version": "0.0.0-next-20240520072517",
   "files": [
     "dist/",
     "types.d.ts",
@@ -18,6 +18,10 @@
     "./runtime": {
       "types": "./dist/types/runtime/index.d.ts",
       "default": "./dist/esm/runtime/index.js"
+    },
+    "./ssr-runtime": {
+      "types": "./dist/types/ssr-runtime/index.d.ts",
+      "default": "./dist/esm/ssr-runtime/index.js"
     }
   },
   "typesVersions": {
@@ -27,6 +31,9 @@
       ],
       "runtime": [
         "./dist/types/runtime/index.d.ts"
+      ],
+      "ssr-runtime": [
+        "./dist/types/ssr-runtime/index.d.ts"
       ]
     }
   },
@@ -38,9 +45,10 @@
     "@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-20240519120858",
-    "@module-federation/enhanced": "0.0.0-next-20240519120858",
-    "@module-federation/node": "0.0.0-next-20240519120858"
+    "node-fetch": "~3.3.0",
+    "@module-federation/sdk": "0.0.0-next-20240520072517",
+    "@module-federation/enhanced": "0.0.0-next-20240520072517",
+    "@module-federation/node": "0.0.0-next-20240520072517"
   },
   "devDependencies": {
     "@modern-js/app-tools": "^2.49.2",
@@ -48,7 +56,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-20240519120858"
+    "@module-federation/manifest": "0.0.0-next-20240520072517"
   },
   "scripts": {
     "build": "modern build"

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

@@ -1 +0,0 @@
-"use strict";