@module-federation/modern-js 0.14.3 → 0.16.0

package/dist/cjs/cli/configPlugin.js

@@ -45,9 +45,9 @@ var import_sdk = require("@module-federation/sdk");
 var import_node_bundle_require = require("@modern-js/node-bundle-require");
 var import_constant = require("../constant");
 var import_utils2 = require("@module-federation/rsbuild-plugin/utils");
-var import_logger = __toESM(require("./logger"));
+var import_logger = __toESM(require("../logger"));
+var import_utils3 = require("./utils");
 const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
-const isDev = process.env.NODE_ENV === "development";
 function setEnv(enableSSR) {
   if (enableSSR) {
     process.env["MF_DISABLE_EMIT_STATS"] = "true";
@@ -134,8 +134,9 @@ const patchDTSConfig = (mfConfig, isServer) => {
     }
   }
 };
-const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
+const patchMFConfig = (mfConfig, isServer, remoteIpStrategy, enableSSR) => {
   replaceRemoteUrl(mfConfig, remoteIpStrategy);
+  (0, import_utils2.addDataFetchExposes)(mfConfig.exposes, isServer);
   if (mfConfig.remoteType === void 0) {
     mfConfig.remoteType = "script";
   }
@@ -147,12 +148,13 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   ];
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(require.resolve("@module-federation/modern-js/shared-strategy"), runtimePlugins);
-  if (isDev) {
+  injectRuntimePlugins(require.resolve("@module-federation/modern-js/auto-fetch-data"), runtimePlugins);
+  if (enableSSR && (0, import_utils3.isDev)()) {
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
   }
   if (isServer) {
     injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
-    if (isDev) {
+    if ((0, import_utils3.isDev)()) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/inject-node-fetch"), runtimePlugins);
@@ -252,7 +254,7 @@ function patchBundlerConfig(options) {
     splitChunkConfig.chunks = "async";
     import_logger.default.warn(`splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (isDev && chain.output.get("publicPath") === "auto") {
+  if ((0, import_utils3.isDev)() && chain.output.get("publicPath") === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
@@ -262,11 +264,11 @@ function patchBundlerConfig(options) {
     const uniqueName = mfConfig.name || chain.output.get("uniqueName");
     const chunkFileName = chain.output.get("chunkFilename");
     if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
-      const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[chunkhash].js`;
+      const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[contenthash].js`;
       chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
     }
   }
-  if (isDev && enableSSR && !isServer) {
+  if ((0, import_utils3.isDev)() && enableSSR && !isServer) {
     chain.resolve.fallback.set("crypto", false).set("stream", false).set("vm", false);
   }
   if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
@@ -299,9 +301,8 @@ const moduleFederationConfigPlugin = (userConfig) => ({
       const isWeb = (0, import_utils.isWebTarget)(target);
       addMyTypes2Ignored(chain, !isWeb ? ssrConfig : csrConfig);
       const targetMFConfig = !isWeb ? ssrConfig : csrConfig;
-      patchMFConfig(targetMFConfig, !isWeb, userConfig.remoteIpStrategy || "ipv4");
+      patchMFConfig(targetMFConfig, !isWeb, userConfig.remoteIpStrategy || "ipv4", enableSSR);
       patchBundlerConfig({
-        // @ts-expect-error chain type is not correct
         chain,
         isServer: !isWeb,
         modernjsConfig,
@@ -338,6 +339,12 @@ const moduleFederationConfigPlugin = (userConfig) => ({
         "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
         "Access-Control-Allow-Headers": "*"
       } : void 0;
+      const defineConfig = {
+        REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
+      };
+      if (enableSSR && (0, import_utils3.isDev)()) {
+        defineConfig["FEDERATION_IPV4"] = JSON.stringify(ipv4);
+      }
       var _modernjsConfig_source_enableAsyncEntry;
       return {
         tools: {
@@ -350,10 +357,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
             // TODO: deprecated
             "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
           },
-          define: {
-            FEDERATION_IPV4: JSON.stringify(ipv4),
-            REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
-          },
+          define: defineConfig,
           enableAsyncEntry: bundlerType === "rspack" ? (_modernjsConfig_source_enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry) !== null && _modernjsConfig_source_enableAsyncEntry !== void 0 ? _modernjsConfig_source_enableAsyncEntry : true : (_modernjsConfig_source1 = modernjsConfig.source) === null || _modernjsConfig_source1 === void 0 ? void 0 : _modernjsConfig_source1.enableAsyncEntry
         },
         dev: {

package/dist/cjs/cli/configPlugin.spec.js

@@ -61,6 +61,7 @@ const mfConfig = {
       remoteType: "script",
       runtimePlugins: [
         require.resolve("@module-federation/modern-js/shared-strategy"),
+        require.resolve("@module-federation/modern-js/auto-fetch-data"),
         require.resolve("@module-federation/node/runtimePlugin"),
         require.resolve("@module-federation/modern-js/inject-node-fetch")
       ],
@@ -88,7 +89,8 @@ const mfConfig = {
       },
       remoteType: "script",
       runtimePlugins: [
-        require.resolve("@module-federation/modern-js/shared-strategy")
+        require.resolve("@module-federation/modern-js/shared-strategy"),
+        require.resolve("@module-federation/modern-js/auto-fetch-data")
       ],
       shared: {
         react: {

package/dist/cjs/cli/index.js

@@ -30,6 +30,7 @@ var import_ssrPlugin = require("./ssrPlugin");
 var import_utils = require("./utils");
 var import_enhanced2 = require("@module-federation/enhanced");
 const moduleFederationPlugin = (userConfig = {}) => {
+  var _userConfig_fetchServerQuery;
   const internalModernPluginOptions = {
     csrConfig: void 0,
     ssrConfig: void 0,
@@ -38,7 +39,8 @@ const moduleFederationPlugin = (userConfig = {}) => {
     distOutputDir: "",
     originPluginOptions: userConfig,
     remoteIpStrategy: userConfig === null || userConfig === void 0 ? void 0 : userConfig.remoteIpStrategy,
-    userConfig: userConfig || {}
+    userConfig: userConfig || {},
+    fetchServerQuery: (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) !== null && _userConfig_fetchServerQuery !== void 0 ? _userConfig_fetchServerQuery : void 0
   };
   return {
     name: "@modern-js/plugin-module-federation",

package/dist/cjs/cli/mfRuntimePlugins/auto-fetch-data.js

@@ -0,0 +1,100 @@
+"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 auto_fetch_data_exports = {};
+__export(auto_fetch_data_exports, {
+  default: () => auto_fetch_data_default
+});
+module.exports = __toCommonJS(auto_fetch_data_exports);
+var import_utils = require("../../utils");
+var import_logger = __toESM(require("../../logger"));
+var import_dataFetch = require("../../utils/dataFetch");
+var import_constant = require("../../constant");
+var import_constant2 = require("@module-federation/rsbuild-plugin/constant");
+const autoFetchData = () => ({
+  name: "auto-fetch-data-plugin",
+  beforeInit(args) {
+    (0, import_utils.initDataFetchMap)();
+    return args;
+  },
+  afterLoadSnapshot(args) {
+    const { id, moduleInfo, remoteSnapshot, host } = args;
+    if (typeof id === "string" && (0, import_dataFetch.isDataLoaderExpose)(id)) {
+      return args;
+    }
+    if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
+      return args;
+    }
+    const { name, alias } = moduleInfo;
+    const dataFetchInfo = (0, import_utils.getDataFetchInfo)({
+      name,
+      alias,
+      id,
+      remoteSnapshot
+    });
+    if (!dataFetchInfo) {
+      return args;
+    }
+    const { dataFetchId, dataFetchName } = dataFetchInfo;
+    const dataFetchMapKey = (0, import_dataFetch.getDataFetchMapKey)(dataFetchInfo, {
+      name: host.name,
+      version: host.options.version
+    });
+    import_logger.default.debug("======= auto fetch plugin dataFetchMapKey: ", dataFetchMapKey);
+    if (!dataFetchMapKey) {
+      return args;
+    }
+    const dataFetchItem = (0, import_utils.getDataFetchItem)(dataFetchMapKey);
+    if (dataFetchItem) {
+      return args;
+    }
+    const dataFetchMap = (0, import_utils.getDataFetchMap)();
+    const hasSSRAsset = Boolean(remoteSnapshot.ssrRemoteEntry);
+    const hasDataFetchClient = Boolean(remoteSnapshot.modules.find((module2) => module2.moduleName === `${dataFetchName}${import_constant2.DATA_FETCH_CLIENT_SUFFIX}`));
+    const downgradeType = hasDataFetchClient ? import_constant.MF_DATA_FETCH_TYPE.FETCH_CLIENT : hasSSRAsset ? import_constant.MF_DATA_FETCH_TYPE.FETCH_SERVER : import_constant.MF_DATA_FETCH_TYPE.FETCH_CLIENT;
+    let finalDataFetchId = dataFetchId;
+    if (typeof window !== "undefined") {
+      finalDataFetchId = downgradeType === import_constant.MF_DATA_FETCH_TYPE.FETCH_CLIENT ? hasDataFetchClient ? `${dataFetchId}${import_constant2.DATA_FETCH_CLIENT_SUFFIX}` : dataFetchId : dataFetchId;
+    }
+    const getDataFetchGetter = () => (0, import_dataFetch.loadDataFetchModule)(host, finalDataFetchId);
+    const dataFetchFnItem = [
+      getDataFetchGetter,
+      downgradeType
+    ];
+    if (typeof window === "undefined" || (0, import_utils.isCSROnly)()) {
+      dataFetchFnItem.push(getDataFetchGetter());
+    }
+    dataFetchMap[dataFetchMapKey] = [
+      dataFetchFnItem,
+      void 0,
+      import_constant.MF_DATA_FETCH_STATUS.AWAIT
+    ];
+    return args;
+  }
+});
+var auto_fetch_data_default = autoFetchData;

package/dist/cjs/cli/server/data-fetch-server-plugin.js

@@ -0,0 +1,189 @@
+"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 data_fetch_server_plugin_exports = {};
+__export(data_fetch_server_plugin_exports, {
+  default: () => data_fetch_server_plugin_default
+});
+module.exports = __toCommonJS(data_fetch_server_plugin_exports);
+var import_constant = require("../../constant");
+var import_logger = __toESM(require("../../logger"));
+var import_utils = require("../../utils");
+var import_dataFetch = require("../../utils/dataFetch");
+var import_sdk = require("@module-federation/sdk");
+function wrapSetTimeout(targetPromise, delay = 2e4, id) {
+  if (targetPromise && typeof targetPromise.then === "function") {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => {
+        import_logger.default.warn(`Data fetch for ID ${id} timed out after 20 seconds.`);
+        reject(new Error(`Data fetch for ID ${id} timed out after 20 seconds`));
+      }, delay);
+      targetPromise.then((value) => {
+        clearTimeout(timeoutId);
+        resolve(value);
+      }).catch((err) => {
+        clearTimeout(timeoutId);
+        reject(err);
+      });
+    });
+  }
+}
+function addProtocol(url) {
+  if (url.startsWith("//")) {
+    return "https:" + url;
+  }
+  return url;
+}
+const getDecodeQuery = (url, name) => {
+  const res = url.searchParams.get(name);
+  if (!res) {
+    return null;
+  }
+  return decodeURIComponent(res);
+};
+const middleware = async (ctx, next) => {
+  var _globalThis___FEDERATION__;
+  let url;
+  let dataFetchId;
+  let params;
+  let remoteInfo;
+  try {
+    url = new URL(ctx.req.url);
+    dataFetchId = getDecodeQuery(url, import_constant.DATA_FETCH_QUERY);
+    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
+    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
+    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
+  } catch (e) {
+    import_logger.default.error("fetch data from server, error: ", e);
+    return next();
+  }
+  if (!dataFetchId) {
+    return next();
+  }
+  import_logger.default.log("fetch data from server, dataFetchId: ", dataFetchId);
+  import_logger.default.debug("fetch data from server, moduleInfo: ", (_globalThis___FEDERATION__ = globalThis.__FEDERATION__) === null || _globalThis___FEDERATION__ === void 0 ? void 0 : _globalThis___FEDERATION__.moduleInfo);
+  try {
+    var _dataFetchMap_dataFetchId, _dataFetchMap_dataFetchId1;
+    const dataFetchMap = (0, import_utils.getDataFetchMap)();
+    if (!dataFetchMap) {
+      (0, import_dataFetch.initDataFetchMap)();
+    }
+    const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
+    import_logger.default.debug("fetch data from server, fetchDataPromise: ", fetchDataPromise);
+    if (fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== import_constant.MF_DATA_FETCH_STATUS.ERROR) {
+      const targetPromise = fetchDataPromise[0];
+      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        import_logger.default.log("fetch data from server, fetchDataPromise res: ", res);
+        return ctx.json(res);
+      }
+      import_logger.default.error(`Expected a Promise from fetchDataPromise[0] for dataFetchId ${dataFetchId}, but received:`, targetPromise, "Will try call new dataFetch again...");
+    }
+    if (remoteInfo) {
+      try {
+        const hostInstance2 = globalThis.__FEDERATION__.__INSTANCES__[0];
+        const remoteEntry = `${addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry}`;
+        if (!hostInstance2) {
+          throw new Error("host instance not found!");
+        }
+        const remote = hostInstance2.options.remotes.find((remote2) => remote2.name === remoteInfo.name);
+        import_logger.default.debug("find remote: ", JSON.stringify(remote));
+        if (!remote) {
+          hostInstance2.registerRemotes([
+            {
+              name: remoteInfo.name,
+              entry: remoteEntry,
+              entryGlobalName: remoteInfo.globalName
+            }
+          ]);
+        } else if (!("entry" in remote) || !remote.entry.includes(import_sdk.MANIFEST_EXT)) {
+          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
+          import_logger.default.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
+          import_logger.default.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
+          if (!hostGlobalSnapshot || !remoteSnapshot) {
+            if ("version" in remote) {
+              delete remote.version;
+            }
+            remote.entry = remoteEntry;
+            remote.entryGlobalName = remoteInfo.globalName;
+          }
+        }
+      } catch (e) {
+        ctx.status(500);
+        return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+      }
+    }
+    const dataFetchItem = dataFetchMap[dataFetchId];
+    import_logger.default.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
+    if (dataFetchItem) {
+      const callFetchDataPromise = (0, import_dataFetch.fetchData)(dataFetchId, {
+        ...params,
+        isDowngrade: !remoteInfo
+      });
+      const wrappedPromise = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        import_logger.default.log("fetch data from server, dataFetchItem res: ", res);
+        return ctx.json(res);
+      }
+    }
+    const remoteId = dataFetchId.split(import_sdk.SEPARATOR)[0];
+    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
+    if (!hostInstance) {
+      throw new Error("host instance not found!");
+    }
+    const dataFetchFn = await (0, import_dataFetch.loadDataFetchModule)(hostInstance, remoteId);
+    const data = await dataFetchFn({
+      ...params,
+      isDowngrade: !remoteInfo
+    });
+    import_logger.default.log("fetch data from server, loadDataFetchModule res: ", data);
+    return ctx.json(data);
+  } catch (e) {
+    import_logger.default.error("server plugin data fetch error: ", e);
+    ctx.status(500);
+    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+  }
+};
+const dataFetchServePlugin = () => ({
+  name: "mf-data-fetch-server-plugin",
+  setup: (api) => {
+    api.onPrepare(() => {
+      const { middlewares } = api.getServerContext();
+      middlewares.push({
+        name: "module-federation-serve-manifest",
+        // @ts-ignore type error
+        handler: middleware
+      });
+    });
+  }
+});
+var data_fetch_server_plugin_default = dataFetchServePlugin;

package/dist/cjs/cli/ssrPlugin.js

@@ -39,10 +39,10 @@ var import_fs_extra = __toESM(require("fs-extra"));
 var import_webpack = require("@module-federation/enhanced/webpack");
 var import_rspack = require("@module-federation/enhanced/rspack");
 var import_universe_entry_chunk_tracker_plugin = __toESM(require("@module-federation/node/universe-entry-chunk-tracker-plugin"));
-var import_manifest = require("./manifest");
-var import_constant = require("./constant");
-var import_logger = __toESM(require("./logger"));
+var import_logger = __toESM(require("../logger"));
 var import_utils = require("./utils");
+var import_utils2 = require("@module-federation/rsbuild-plugin/utils");
+var import_utils3 = require("./utils");
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
@@ -63,10 +63,10 @@ const mfSSRRsbuildPlugin = (pluginOptions) => {
       let ssrEnv = "";
       api.modifyEnvironmentConfig((config, { name }) => {
         const target = config.output.target;
-        if ((0, import_utils.skipByTarget)(target)) {
+        if ((0, import_utils3.skipByTarget)(target)) {
           return config;
         }
-        if ((0, import_utils.isWebTarget)(target)) {
+        if ((0, import_utils3.isWebTarget)(target)) {
           csrOutputPath = config.output.distPath.root;
         } else {
           ssrOutputPath = config.output.distPath.root;
@@ -112,15 +112,23 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
     }
     setEnv();
     api._internalRuntimePlugins(({ entrypoint, plugins }) => {
-      if (!import_constant.isDev) {
+      const { fetchServerQuery } = pluginOptions;
+      plugins.push({
+        name: "injectDataFetchFunction",
+        path: "@module-federation/modern-js/ssr-inject-data-fetch-function-plugin",
+        config: {
+          fetchServerQuery
+        }
+      });
+      if (!(0, import_utils.isDev)()) {
         return {
           entrypoint,
           plugins
         };
       }
       plugins.push({
-        name: "mfSSR",
-        path: "@module-federation/modern-js/ssr-runtime",
+        name: "mfSSRDev",
+        path: "@module-federation/modern-js/ssr-dev-plugin",
         config: {}
       });
       return {
@@ -128,14 +136,25 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
         plugins
       };
     });
+    if (pluginOptions.ssrConfig.remotes) {
+      api._internalServerPlugins(({ plugins }) => {
+        plugins.push({
+          name: "@module-federation/modern-js/data-fetch-server-plugin",
+          options: {}
+        });
+        return {
+          plugins
+        };
+      });
+    }
     api.modifyBundlerChain((chain) => {
       const target = chain.get("target");
-      if ((0, import_utils.skipByTarget)(target)) {
+      if ((0, import_utils3.skipByTarget)(target)) {
         return;
       }
       const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
       const MFPlugin = bundlerType === "webpack" ? import_webpack.ModuleFederationPlugin : import_rspack.ModuleFederationPlugin;
-      const isWeb = (0, import_utils.isWebTarget)(target);
+      const isWeb = (0, import_utils3.isWebTarget)(target);
       if (!isWeb) {
         if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
           chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
@@ -148,7 +167,7 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
       }
       if (!isWeb) {
         chain.target("async-node");
-        if (import_constant.isDev) {
+        if ((0, import_utils.isDev)()) {
           chain.plugin("UniverseEntryChunkTrackerPlugin").use(import_universe_entry_chunk_tracker_plugin.default);
         }
         const userSSRConfig = pluginOptions.userConfig.ssr ? typeof pluginOptions.userConfig.ssr === "object" ? pluginOptions.userConfig.ssr : {} : {};
@@ -157,7 +176,7 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
           chain.output.publicPath(`${publicPath}${userSSRConfig.distOutputDir}/`);
         }
       }
-      if (import_constant.isDev && isWeb) {
+      if ((0, import_utils.isDev)() && isWeb) {
         chain.externals({
           "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
         });
@@ -200,11 +219,11 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
     });
     api.onAfterBuild(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
+      (0, import_utils2.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
     });
     api.onDevCompileDone(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
+      (0, import_utils2.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
     });
   }
 });

package/dist/cjs/cli/utils.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   getIPV4: () => getIPV4,
+  isDev: () => isDev,
   isWebTarget: () => isWebTarget,
   skipByTarget: () => skipByTarget
 });
@@ -77,9 +78,13 @@ const skipByTarget = (target) => {
   }
   return false;
 };
+function isDev() {
+  return process.env.NODE_ENV === "development";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getIPV4,
+  isDev,
   isWebTarget,
   skipByTarget
 });

package/dist/cjs/constant.js

@@ -18,14 +18,61 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constant_exports = {};
 __export(constant_exports, {
+  DATA_FETCH_ERROR_PREFIX: () => DATA_FETCH_ERROR_PREFIX,
+  DATA_FETCH_FUNCTION: () => DATA_FETCH_FUNCTION,
+  DATA_FETCH_MAP_KEY: () => DATA_FETCH_MAP_KEY,
+  DATA_FETCH_QUERY: () => DATA_FETCH_QUERY,
+  DOWNGRADE_KEY: () => DOWNGRADE_KEY,
+  ERROR_TYPE: () => ERROR_TYPE,
+  FS_HREF: () => FS_HREF,
+  LOAD_REMOTE_ERROR_PREFIX: () => LOAD_REMOTE_ERROR_PREFIX,
   LOCALHOST: () => LOCALHOST,
-  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER
+  MF_DATA_FETCH_STATUS: () => MF_DATA_FETCH_STATUS,
+  MF_DATA_FETCH_TYPE: () => MF_DATA_FETCH_TYPE,
+  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER,
+  WRAP_DATA_FETCH_ID_IDENTIFIER: () => WRAP_DATA_FETCH_ID_IDENTIFIER
 });
 module.exports = __toCommonJS(constant_exports);
 const LOCALHOST = "localhost";
 const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+const DATA_FETCH_QUERY = "x-mf-data-fetch";
+const DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
+const LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
+const DOWNGRADE_KEY = "_mfSSRDowngrade";
+const DATA_FETCH_MAP_KEY = "__MF_DATA_FETCH_MAP__";
+const DATA_FETCH_FUNCTION = "_mfDataFetch";
+const FS_HREF = "_mfFSHref";
+const ERROR_TYPE = {
+  DATA_FETCH: 1,
+  LOAD_REMOTE: 2,
+  UNKNOWN: 3
+};
+const WRAP_DATA_FETCH_ID_IDENTIFIER = "wrap_dfip_identifier";
+var MF_DATA_FETCH_TYPE;
+(function(MF_DATA_FETCH_TYPE2) {
+  MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_SERVER"] = 1] = "FETCH_SERVER";
+  MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_CLIENT"] = 2] = "FETCH_CLIENT";
+})(MF_DATA_FETCH_TYPE || (MF_DATA_FETCH_TYPE = {}));
+var MF_DATA_FETCH_STATUS;
+(function(MF_DATA_FETCH_STATUS2) {
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADED"] = 1] = "LOADED";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADING"] = 2] = "LOADING";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["AWAIT"] = 0] = "AWAIT";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["ERROR"] = 3] = "ERROR";
+})(MF_DATA_FETCH_STATUS || (MF_DATA_FETCH_STATUS = {}));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DATA_FETCH_ERROR_PREFIX,
+  DATA_FETCH_FUNCTION,
+  DATA_FETCH_MAP_KEY,
+  DATA_FETCH_QUERY,
+  DOWNGRADE_KEY,
+  ERROR_TYPE,
+  FS_HREF,
+  LOAD_REMOTE_ERROR_PREFIX,
   LOCALHOST,
-  PLUGIN_IDENTIFIER
+  MF_DATA_FETCH_STATUS,
+  MF_DATA_FETCH_TYPE,
+  PLUGIN_IDENTIFIER,
+  WRAP_DATA_FETCH_ID_IDENTIFIER
 });

package/dist/cjs/{ssr-runtime/index.js → interfaces/global.js}

@@ -11,12 +11,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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")
-});
+var global_exports = {};
+module.exports = __toCommonJS(global_exports);

package/dist/cjs/{cli/logger.js → logger.js}

@@ -22,6 +22,6 @@ __export(logger_exports, {
 });
 module.exports = __toCommonJS(logger_exports);
 var import_sdk = require("@module-federation/sdk");
-var import_constant = require("../constant");
+var import_constant = require("./constant");
 const logger = (0, import_sdk.createLogger)(import_constant.PLUGIN_IDENTIFIER);
 var logger_default = logger;