@module-federation/modern-js 0.0.0-next-20240909073915 → 0.0.0-next-20240909092952

package/dist/cjs/cli/index.js

@@ -27,6 +27,7 @@ var import_enhanced = require("@module-federation/enhanced");
 var import_rspack = require("@module-federation/enhanced/rspack");
 var import_configPlugin = require("./configPlugin");
 var import_ssrPlugin = require("./ssrPlugin");
+var import_plugin = require("./dataLoader/plugin");
 var import_enhanced2 = require("@module-federation/enhanced");
 const moduleFederationPlugin = (userConfig = {}) => {
   const internalModernPluginOptions = {
@@ -79,7 +80,10 @@ const moduleFederationPlugin = (userConfig = {}) => {
     },
     usePlugins: [
       (0, import_configPlugin.moduleFederationConfigPlugin)(internalModernPluginOptions),
-      (0, import_ssrPlugin.moduleFederationSSRPlugin)(internalModernPluginOptions)
+      (0, import_ssrPlugin.moduleFederationSSRPlugin)(internalModernPluginOptions),
+      (0, import_plugin.moduleFederationDataLoaderPlugin)(Boolean(userConfig.dataLoader), internalModernPluginOptions, {
+        ...typeof userConfig.dataLoader === "boolean" ? {} : userConfig.dataLoader
+      })
     ]
   };
 };

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

@@ -31,14 +31,11 @@ __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 import_runtimePlugin = __toESM(require("@module-federation/node/runtimePlugin"));
+const isContainer = typeof __filename === "string" ? __filename.includes("remote") ? true : false : false;
+const pluginName = `node-plugin-${isContainer}`;
+const nodePlugin = () => ({
+  name: pluginName,
+  beforeInit: (0, import_runtimePlugin.default)().beforeInit
 });
-var inject_node_fetch_default = injectNodeFetchPlugin;
+var inject_node_fetch_default = nodePlugin;

package/dist/cjs/cli/mfRuntimePlugins/node.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 node_exports = {};
+__export(node_exports, {
+  default: () => node_default
+});
+module.exports = __toCommonJS(node_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 node_default = injectNodeFetchPlugin;

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

@@ -39,44 +39,46 @@ function replaceObjectLocalhost(key, obj) {
 function replaceLocalhost(url) {
   return url.replace(import_constant.LOCALHOST, ipv4);
 }
-const resolveEntryIpv4Plugin = () => ({
-  name: "resolve-entry-ipv4",
-  beforeRegisterRemote(args) {
-    const { remote } = args;
-    replaceObjectLocalhost("entry", remote);
-    return args;
-  },
-  async afterResolve(args) {
-    const { remoteInfo } = args;
-    replaceObjectLocalhost("entry", remoteInfo);
-    return args;
-  },
-  beforeLoadRemoteSnapshot(args) {
-    const { moduleInfo } = args;
-    if ("entry" in moduleInfo) {
-      replaceObjectLocalhost("entry", moduleInfo);
+const resolveEntryIpv4Plugin = () => {
+  return {
+    name: "resolve-entry-ipv4",
+    beforeRegisterRemote(args) {
+      const { remote } = args;
+      replaceObjectLocalhost("entry", remote);
+      return args;
+    },
+    async afterResolve(args) {
+      const { remoteInfo } = args;
+      replaceObjectLocalhost("entry", remoteInfo);
+      return args;
+    },
+    beforeLoadRemoteSnapshot(args) {
+      const { moduleInfo } = args;
+      if ("entry" in moduleInfo) {
+        replaceObjectLocalhost("entry", moduleInfo);
+        return args;
+      }
+      if ("version" in moduleInfo) {
+        replaceObjectLocalhost("version", moduleInfo);
+      }
+      return args;
+    },
+    loadRemoteSnapshot(args) {
+      const { remoteSnapshot } = args;
+      if ("publicPath" in remoteSnapshot) {
+        replaceObjectLocalhost("publicPath", remoteSnapshot);
+      }
+      if ("getPublicPath" in remoteSnapshot) {
+        replaceObjectLocalhost("getPublicPath", remoteSnapshot);
+      }
+      if (remoteSnapshot.remotesInfo) {
+        Object.keys(remoteSnapshot.remotesInfo).forEach((key) => {
+          const remoteInfo = remoteSnapshot.remotesInfo[key];
+          replaceObjectLocalhost("matchedVersion", remoteInfo);
+        });
+      }
       return args;
     }
-    if ("version" in moduleInfo) {
-      replaceObjectLocalhost("version", moduleInfo);
-    }
-    return args;
-  },
-  loadRemoteSnapshot(args) {
-    const { remoteSnapshot } = args;
-    if ("publicPath" in remoteSnapshot) {
-      replaceObjectLocalhost("publicPath", remoteSnapshot);
-    }
-    if ("getPublicPath" in remoteSnapshot) {
-      replaceObjectLocalhost("getPublicPath", remoteSnapshot);
-    }
-    if (remoteSnapshot.remotesInfo) {
-      Object.keys(remoteSnapshot.remotesInfo).forEach((key) => {
-        const remoteInfo = remoteSnapshot.remotesInfo[key];
-        replaceObjectLocalhost("matchedVersion", remoteInfo);
-      });
-    }
-    return args;
-  }
-});
+  };
+};
 var resolve_entry_ipv4_default = resolveEntryIpv4Plugin;

package/dist/cjs/cli/server/dataLoaderPlugin.js

@@ -0,0 +1,82 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dataLoaderPlugin_exports = {};
+__export(dataLoaderPlugin_exports, {
+  default: () => dataLoaderPlugin_default
+});
+module.exports = __toCommonJS(dataLoaderPlugin_exports);
+var import_runtime = require("@module-federation/enhanced/runtime");
+var import_sdk = require("@module-federation/sdk");
+var import_fetchRemoteFullRoutesMap = require("./fetchRemoteFullRoutesMap");
+var import_utils = require("../../runtime/dataLoader/utils");
+var import_constant = require("../../constant");
+var dataLoaderPlugin_default = ({ runtimeOptions, partialSSRRemotes, ssrByRouteIdsMap }) => ({
+  name: "MFDataLoaderServerPlugin",
+  pre: [
+    "@modern-js/plugin-inject-resource"
+  ],
+  setup(api) {
+    const { remotes, name } = runtimeOptions;
+    if (!remotes.length) {
+      return {};
+    }
+    let isHandled = false;
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "MFDataLoaderServerPlugin",
+          handler: async (c, next) => {
+            const serverManifest = c.get("serverManifest");
+            const { loaderBundles, nestedRoutesJson } = serverManifest;
+            if (isHandled) {
+              await next();
+            } else {
+              var _api_useConfigContext_server;
+              const instance = (0, import_runtime.init)({
+                name,
+                remotes
+              });
+              const remoteFullRoutesMap = await (0, import_fetchRemoteFullRoutesMap.fetchRemoteFullRoutesMap)({
+                instance,
+                remotePath: (0, import_sdk.isBrowserEnv)() ? `${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}` : `${import_constant.DEFAULT_ENTRY}/${import_constant.MODERN_JS_ROUTE_SERVER_LOADER}`
+              });
+              const originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
+              if (originalSSRByRouteIds && partialSSRRemotes.length) {
+                const remoteSSRByRouteIds = (0, import_fetchRemoteFullRoutesMap.getSSRByRouteIds)(partialSSRRemotes, remoteFullRoutesMap) || [];
+                const ssrByRouteIds = /* @__PURE__ */ new Set([
+                  ...originalSSRByRouteIds,
+                  ...remoteSSRByRouteIds.map((id) => ssrByRouteIdsMap[id] || id)
+                ]);
+                api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
+              }
+              (0, import_utils.injectRemoteRoutes)(loaderBundles, remoteFullRoutesMap);
+              (0, import_utils.injectRemoteRoutes)(nestedRoutesJson, remoteFullRoutesMap);
+              isHandled = true;
+              await next();
+            }
+          },
+          before: [
+            "render"
+          ]
+        });
+      }
+    };
+  }
+});

package/dist/cjs/cli/server/fetchRemoteFullRoutesMap.js

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fetchRemoteFullRoutesMap_exports = {};
+__export(fetchRemoteFullRoutesMap_exports, {
+  fetchRemoteFullRoutesMap: () => fetchRemoteFullRoutesMap,
+  getSSRByRouteIds: () => getSSRByRouteIds
+});
+module.exports = __toCommonJS(fetchRemoteFullRoutesMap_exports);
+async function fetchRemoteFullRoutesMap(options) {
+  const { instance, remotePath } = options;
+  const { remotes } = instance.options;
+  const remoteRoutesMap = {};
+  if (!remotes.length) {
+    return remoteRoutesMap;
+  }
+  await Promise.all(remotes.map(async (remote) => {
+    const remoteId = `${remote.name}/${remotePath}`;
+    const { routes } = await instance.loadRemote(remoteId);
+    remoteRoutesMap[remote.name] = {
+      routes
+    };
+  }));
+  return remoteRoutesMap;
+}
+function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
+  const remoteProviderRouteIds = /* @__PURE__ */ new Set();
+  const collectIds = (route) => {
+    remoteProviderRouteIds.add(route.id);
+    if (route.children) {
+      route.children.forEach((r) => {
+        collectIds(r);
+      });
+    }
+  };
+  Object.entries(remoteRoutesMap).forEach((item) => {
+    const [remoteName, routesObj] = item;
+    if (!partialSSRRemotes.includes(remoteName)) {
+      return;
+    }
+    const { routes } = routesObj;
+    routes.forEach((route) => {
+      collectIds(route);
+    });
+  });
+  return [
+    ...remoteProviderRouteIds
+  ];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchRemoteFullRoutesMap,
+  getSSRByRouteIds
+});

package/dist/cjs/cli/ssrPlugin.js

@@ -39,7 +39,7 @@ 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_constant = require("../constant");
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";

package/dist/cjs/cli/utils.js

@@ -32,7 +32,8 @@ __export(utils_exports, {
   getMFConfig: () => getMFConfig,
   patchBundlerConfig: () => patchBundlerConfig,
   patchIgnoreWarning: () => patchIgnoreWarning,
-  patchMFConfig: () => patchMFConfig
+  patchMFConfig: () => patchMFConfig,
+  replaceRemoteUrl: () => replaceRemoteUrl
 });
 module.exports = __toCommonJS(utils_exports);
 var import_sdk = require("@module-federation/sdk");
@@ -84,7 +85,9 @@ const replaceRemoteUrl = (mfConfig, remoteIpStrategy) => {
       if (typeof remoteObject === "string") {
         return;
       }
-      handleRemoteObject(remoteObject);
+      if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
+        remoteObject.entry = remoteObject.entry.replace(import_constant.LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -139,7 +142,7 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
     injectRuntimePlugins(import_path.default.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(require.resolve("./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
@@ -329,5 +332,6 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 });

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

@@ -61,7 +61,7 @@ const mfConfig = {
       remoteType: "script",
       runtimePlugins: [
         import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-        require.resolve("@module-federation/node/runtimePlugin"),
+        require.resolve("./mfRuntimePlugins/node.js"),
         import_path.default.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
       ],
       shared: {

package/dist/cjs/constant.js

@@ -18,17 +18,47 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constant_exports = {};
 __export(constant_exports, {
+  DEFAULT_ENTRY: () => DEFAULT_ENTRY,
+  DEFAULT_LAYOUT: () => DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER: () => FOLD_IDENTIFIER,
   LOCALHOST: () => LOCALHOST,
+  META_NAME: () => META_NAME,
+  MF_JSON: () => MF_JSON,
+  MF_ROUTES: () => MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME: () => MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER: () => MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR: () => MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER,
+  SEPARATOR: () => SEPARATOR,
+  isDev: () => isDev
 });
 module.exports = __toCommonJS(constant_exports);
 const MODERN_JS_SERVER_DIR = "bundles";
 const LOCALHOST = "localhost";
 const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+const isDev = process.env.NODE_ENV === "development";
+const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+const MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+const META_NAME = "modern-js";
+const FOLD_IDENTIFIER = "@mf";
+const SEPARATOR = "_";
+const MF_ROUTES = "mf-routes";
+const DEFAULT_ENTRY = "main";
+const DEFAULT_LAYOUT = "layout";
+const MF_JSON = "mf.json";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DEFAULT_ENTRY,
+  DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER,
   LOCALHOST,
+  META_NAME,
+  MF_JSON,
+  MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER,
+  SEPARATOR,
+  isDev
 });

package/dist/cjs/interfaces/route.js

@@ -0,0 +1,16 @@
+"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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var route_exports = {};
+module.exports = __toCommonJS(route_exports);

package/dist/cjs/runtime/dataLoader/plugin.js

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var plugin_exports = {};
+__export(plugin_exports, {
+  ssrDataLoaderPlugin: () => ssrDataLoaderPlugin
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_runtime = require("@module-federation/enhanced/runtime");
+var import_constant = require("../../constant");
+var import_utils = require("./utils");
+const ssrDataLoaderPlugin = () => {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@modern-js/plugin-router"
+    ],
+    setup: () => {
+      const remoteRoutesMap = {};
+      return {
+        async beforeRender() {
+          console.log("init");
+          if (Object.keys(remoteRoutesMap).length) {
+            return;
+          }
+          const instance = (0, import_runtime.getInstance)();
+          if (!instance) {
+            console.log("no instance!");
+            return;
+          }
+          if (!instance.options.remotes.length) {
+            return;
+          }
+          await Promise.all(instance.options.remotes.map(async (remote) => {
+            const remoteId = `${remote.name}/${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}`;
+            const { routes } = await instance.loadRemote(remoteId);
+            remoteRoutesMap[remote.name] = {
+              routes
+            };
+          }));
+        },
+        // runtime plugin not save route , so it needs to inject again when trigger
+        modifyRoutes: (routes) => {
+          (0, import_utils.injectRemoteRoutes)({
+            entry: {
+              routes
+            }
+          }, remoteRoutesMap);
+          return routes;
+        }
+      };
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ssrDataLoaderPlugin
+});

package/dist/cjs/runtime/dataLoader/utils.js

@@ -0,0 +1,89 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  getRemoteLayoutId: () => getRemoteLayoutId,
+  getRemoteRoutesInfos: () => getRemoteRoutesInfos,
+  injectRemoteRoutes: () => injectRemoteRoutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_constant = require("../../constant");
+var import_utils = require("../utils");
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  const remoteName = (0, import_utils.transformPrefix2Name)(route.id);
+  const remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  const remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  const prefix = (0, import_utils.transformName2Prefix)(remoteName);
+  return `${prefix}${import_constant.DEFAULT_LAYOUT}`;
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  const traverse = (route) => {
+    var _route_children;
+    const remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      const { routes, pathName } = remoteRoutesInfos;
+      route.id = routes.id;
+      route.path = pathName;
+      if (routes.loader) {
+        route.loader = routes.loader;
+      }
+      if (routes.children) {
+        route.children = routes.children;
+      }
+      route.element = routes.element;
+      route.Component = routes.Component;
+      return;
+    }
+    (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach((r) => {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach((entryName) => {
+    const routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach((route) => {
+        traverse(route);
+      });
+    } else {
+      var _routes_routes;
+      routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach((r) => {
+        traverse(r);
+      });
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes
+});

package/dist/cjs/runtime/index.js

@@ -19,13 +19,16 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent
+  createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent,
+  withMFRouteId: () => import_withMFRouteId.withMFRouteId
 });
 module.exports = __toCommonJS(runtime_exports);
 __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
 var import_createRemoteSSRComponent = require("./createRemoteSSRComponent");
+var import_withMFRouteId = require("./withMFRouteId");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createRemoteSSRComponent,
+  withMFRouteId,
   ...require("@module-federation/enhanced/runtime")
 });

package/dist/cjs/runtime/utils.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  transformName2Prefix: () => transformName2Prefix,
+  transformPrefix2Name: () => transformPrefix2Name
+});
+module.exports = __toCommonJS(utils_exports);
+var import_sdk = require("@module-federation/sdk");
+const SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return `${(0, import_sdk.encodeName)(name, "", false)}${SPLIT_SYMBOL}`;
+}
+function transformPrefix2Name(prefix) {
+  const realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return (0, import_sdk.decodeName)(realPrefix, "", false);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transformName2Prefix,
+  transformPrefix2Name
+});