@module-federation/modern-js 0.0.0-next-20241016062654 → 0.0.0-next-20241016082124

package/dist/esm-node/cli/dataLoader/patchMFConfig.js

@@ -0,0 +1,126 @@
+import path from "path";
+import { fs } from "@modern-js/utils";
+import { MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
+import { MF_ROUTES, MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME } from "../../constant";
+import { generateRoutes } from "./ast";
+function generateExtraExposeFiles(options) {
+  const { internalDirectory, mfConfig, isServer, entries } = options;
+  const entryMap = {};
+  const outputDir = path.resolve(process.cwd(), "node_modules/.federation/data-loader");
+  fs.ensureDirSync(outputDir);
+  const addSuffix = (fileName, ext = ".jsx") => {
+    if (!isServer) {
+      return `${fileName}${ext}`;
+    }
+    return `${fileName}.server${ext}`;
+  };
+  const generateEntryRoutes = (entry) => {
+    const outputEntryDir = path.resolve(outputDir, entry);
+    fs.ensureDirSync(outputEntryDir);
+    const sourceDir = path.resolve(internalDirectory, entry);
+    const routesFilePath = path.resolve(sourceDir, addSuffix(MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME, ".js"));
+    const routesFileContent = fs.readFileSync(routesFilePath, "utf-8");
+    const outputFullRoutesPath = path.resolve(outputEntryDir, addSuffix(MF_ROUTES));
+    generateRoutes({
+      sourceCode: routesFileContent,
+      filePath: outputFullRoutesPath
+    });
+    const routeServerLoaderPath = path.resolve(sourceDir, `${MODERN_JS_ROUTE_SERVER_LOADER}.js`);
+    const outputRouteServerLoaderPath = path.resolve(outputEntryDir, `${MODERN_JS_ROUTE_SERVER_LOADER}.js`);
+    const clientRouteServerLoaderPath = outputRouteServerLoaderPath.replace(MODERN_JS_ROUTE_SERVER_LOADER, `${MODERN_JS_ROUTE_SERVER_LOADER}-client`);
+    if (isServer) {
+      const routeServerLoaderContent = fs.readFileSync(routeServerLoaderPath, "utf-8");
+      generateRoutes({
+        sourceCode: routeServerLoaderContent,
+        filePath: outputRouteServerLoaderPath
+      });
+    } else {
+      fs.writeFileSync(clientRouteServerLoaderPath, `export const routes = []`);
+    }
+    entryMap[entry] = {
+      routesPath: outputFullRoutesPath,
+      routeServerLoaderPath: outputRouteServerLoaderPath,
+      clientRouteServerLoaderPath
+    };
+  };
+  entries.forEach((entry) => {
+    generateEntryRoutes(entry);
+  });
+  return {
+    entryMap
+  };
+}
+function addExpose(options) {
+  const { mfConfig, isServer } = options;
+  const { entryMap } = generateExtraExposeFiles(options);
+  const addExposeByEntry = (entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath) => {
+    if (!mfConfig.exposes) {
+      mfConfig.exposes = {};
+    }
+    const routesKey = `./${entry}/${MF_ROUTES}`;
+    if (!mfConfig.exposes[routesKey]) {
+      mfConfig.exposes[routesKey] = routesPath;
+    }
+    const routeServerLoaderKey = `./${entry}/${MODERN_JS_ROUTE_SERVER_LOADER}`;
+    if (!mfConfig.exposes[routeServerLoaderKey]) {
+      if (isServer) {
+        mfConfig.exposes[routeServerLoaderKey] = routeServerLoaderPath;
+      } else {
+        mfConfig.exposes[routeServerLoaderKey] = clientRouteServerLoaderPath;
+      }
+    }
+  };
+  Object.keys(entryMap).forEach((entry) => {
+    const { routesPath, routeServerLoaderPath, clientRouteServerLoaderPath } = entryMap[entry];
+    addExposeByEntry(entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath);
+  });
+}
+function addShared(options) {
+  const { metaName, mfConfig } = options;
+  const reactRouterDom = `react-router-dom`;
+  const reactRouterDomServer = `react-router-dom/server`;
+  if (!mfConfig.shared) {
+    mfConfig.shared = {
+      [reactRouterDom]: {
+        singleton: true
+      },
+      [reactRouterDomServer]: {
+        singleton: true
+      }
+    };
+  } else {
+    if (!Array.isArray(mfConfig.shared)) {
+      mfConfig.shared[reactRouterDom] = {
+        singleton: true
+      };
+      mfConfig.shared[reactRouterDomServer] = {
+        singleton: true
+      };
+    } else {
+      mfConfig.shared = mfConfig.shared.reduce((sum, cur) => {
+        if (typeof cur === "string") {
+          sum[cur] = {};
+        } else {
+          sum = {
+            ...sum,
+            ...cur
+          };
+        }
+        return sum;
+      }, {});
+      mfConfig.shared[reactRouterDom] = {
+        singleton: true
+      };
+      mfConfig.shared[reactRouterDomServer] = {
+        singleton: true
+      };
+    }
+  }
+}
+function patchMFConfig(options) {
+  addShared(options);
+  addExpose(options);
+}
+export {
+  patchMFConfig
+};

package/dist/esm-node/cli/dataLoader/plugin.js

@@ -0,0 +1,184 @@
+import { fs } from "@modern-js/utils";
+import { transformName2Prefix } from "../../runtime/dataLoader/utils";
+import { DEFAULT_ENTRY, ROUTE_ID } from "../../constant";
+import { META_NAME } from "../../constant";
+import { generateRoutes } from "./ast";
+import { generateRouteFile } from "./generateRouteFile";
+import { patchMFConfig } from "./patchMFConfig";
+import { clearMFCache } from "./clearMFCache";
+import path from "path";
+function _transformRuntimeOptions(buildOptions) {
+  const remotes = buildOptions.remotes || {};
+  const runtimeRemotes = Object.entries(remotes).map((remote) => {
+    const [alias, nameAndEntry] = remote;
+    const [name, entry] = nameAndEntry.split("@");
+    return {
+      name,
+      entry,
+      alias
+    };
+  });
+  return {
+    name: buildOptions.name,
+    remotes: runtimeRemotes
+  };
+}
+const moduleFederationDataLoaderPlugin = (enable, internalOptions, userConfig) => ({
+  name: "@modern-js/plugin-module-federation-data-loader",
+  pre: [
+    "@modern-js/plugin-module-federation-config"
+  ],
+  post: [
+    "@modern-js/plugin-router",
+    "@modern-js/plugin-module-federation"
+  ],
+  setup: async ({ useAppContext }) => {
+    if (!enable) {
+      return;
+    }
+    const { serverPlugin = "@module-federation/modern-js/data-loader-server", transformRuntimeOptions } = userConfig;
+    const appContext = useAppContext();
+    const name = internalOptions.csrConfig.name;
+    const { metaName = META_NAME } = internalOptions;
+    const internalDirectory = appContext.internalDirectory.replace(META_NAME, metaName || META_NAME);
+    const transformRuntimeFn = transformRuntimeOptions || _transformRuntimeOptions;
+    const entries = /* @__PURE__ */ new Set();
+    let remotePathMap = {};
+    const ssrByRouteIdsMap = {};
+    const csrConfig = internalOptions.csrConfig;
+    if (typeof csrConfig.remotes === "object" && Object.keys(csrConfig.remotes).length) {
+      const { entries: scanEntries, remotePathMap: scanRemotePathMap } = await generateRouteFile({
+        appDirectory: appContext.appDirectory
+      });
+      scanEntries.forEach((e) => entries.add(e));
+      remotePathMap = scanRemotePathMap;
+    } else {
+      entries.add(DEFAULT_ENTRY);
+    }
+    const dataLoaderRemotes = [
+      ...new Set(Object.values(remotePathMap).map((i) => i.name))
+    ];
+    const serverPluginOptions = {
+      runtimeOptions: transformRuntimeFn(internalOptions.csrConfig),
+      dataLoaderRemotes,
+      ssrByRouteIdsMap
+    };
+    const hasDataLoaderRemotes = () => Boolean(serverPluginOptions.dataLoaderRemotes.length);
+    return {
+      _internalRuntimePlugins: ({ entrypoint, plugins }) => {
+        if (!hasDataLoaderRemotes()) {
+          return {
+            entrypoint,
+            plugins
+          };
+        }
+        plugins.push({
+          name: "ssrDataLoader",
+          path: "@module-federation/modern-js/data-loader",
+          config: {
+            metaName,
+            dataLoaderRemotes
+          }
+        });
+        plugins.push({
+          name: "ssrDataLoaderInjectAssets",
+          path: "@module-federation/modern-js/data-loader-inject-assets",
+          config: {
+            metaName,
+            dataLoaderRemotes
+          }
+        });
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      _internalServerPlugins({ plugins }) {
+        if (!hasDataLoaderRemotes()) {
+          return {
+            plugins
+          };
+        }
+        plugins.push({
+          name: serverPlugin,
+          options: serverPluginOptions
+        });
+        return {
+          plugins
+        };
+      },
+      async modifyFileSystemRoutes(options) {
+        const { routes, entrypoint } = options;
+        const { entryName } = entrypoint;
+        const prefix = transformName2Prefix(internalOptions.csrConfig.name);
+        const modifyRouteIds = async (route, pathName) => {
+          const currentPathName = route.path ? path.join("/", pathName, route.path) : pathName;
+          if (route.id) {
+            const originalId = route.id;
+            route.originalId = originalId;
+            const remoteInfo = remotePathMap[currentPathName];
+            if (remoteInfo) {
+              const { path: path2, name: name2 } = remoteInfo;
+              const remoteIdPrefix = transformName2Prefix(name2);
+              const isLayout = Boolean(route.children);
+              const newId = `${remoteIdPrefix}${isLayout ? "layout" : "page"}`;
+              ssrByRouteIdsMap[originalId] = newId;
+              const content = fs.readFileSync(path2, "utf-8");
+              await fs.writeFile(path2, content.replace(ROUTE_ID, originalId));
+              route.id = newId;
+            } else {
+              route.id = `${prefix}${route.id}`;
+            }
+            route.children && await Promise.all(route.children.map(async (r) => {
+              return await modifyRouteIds(r, currentPathName);
+            }));
+          }
+        };
+        await Promise.all(routes.map(async (route) => {
+          await modifyRouteIds(route, entryName === DEFAULT_ENTRY ? "" : entryName);
+        }));
+        return options;
+      },
+      config: async () => {
+        return {
+          tools: {
+            // bundlerChain can not keep target order
+            rspack(_config, { isServer }) {
+              patchMFConfig({
+                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                metaName,
+                isServer,
+                internalDirectory,
+                entries
+              });
+            },
+            // bundlerChain can not keep target order
+            webpack(_config, { isServer }) {
+              patchMFConfig({
+                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                metaName,
+                isServer,
+                internalDirectory,
+                entries
+              });
+            }
+          },
+          source: {
+            define: {
+              MODERN_ROUTER_ID_PREFIX: JSON.stringify(transformName2Prefix(name))
+            }
+          }
+        };
+      },
+      async afterDev() {
+        clearMFCache();
+      }
+    };
+  }
+});
+var plugin_default = moduleFederationDataLoaderPlugin;
+export {
+  plugin_default as default,
+  generateRoutes,
+  moduleFederationDataLoaderPlugin
+};

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

@@ -2,6 +2,7 @@ import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryP
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import { moduleFederationConfigPlugin } from "./configPlugin";
 import { moduleFederationSSRPlugin } from "./ssrPlugin";
+import { moduleFederationDataLoaderPlugin } from "./dataLoader/plugin";
 const moduleFederationPlugin = (userConfig = {}) => {
   const internalModernPluginOptions = {
     csrConfig: void 0,
@@ -53,7 +54,10 @@ const moduleFederationPlugin = (userConfig = {}) => {
     },
     usePlugins: [
       moduleFederationConfigPlugin(internalModernPluginOptions),
-      moduleFederationSSRPlugin(internalModernPluginOptions)
+      moduleFederationSSRPlugin(internalModernPluginOptions),
+      moduleFederationDataLoaderPlugin(Boolean(userConfig.dataLoader), internalModernPluginOptions, {
+        ...typeof userConfig.dataLoader === "boolean" ? {} : userConfig.dataLoader
+      })
     ]
   };
 };

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

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

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

@@ -0,0 +1,11 @@
+import nodeRuntimePlugin from "@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: nodeRuntimePlugin().beforeInit
+});
+var node_default = nodePlugin;
+export {
+  node_default as default
+};

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

@@ -16,46 +16,48 @@ function replaceObjectLocalhost(key, obj) {
 function replaceLocalhost(url) {
   return url.replace(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;
 export {
   resolve_entry_ipv4_default as default

package/dist/esm-node/cli/server/dataLoaderPlugin.js

@@ -0,0 +1,61 @@
+import { init } from "@module-federation/enhanced/runtime";
+import { isBrowserEnv } from "@module-federation/sdk";
+import { fetchRemoteFullRoutesMap, getSSRByRouteIds } from "./fetchRemoteFullRoutesMap";
+import { injectRemoteRoutes } from "../../runtime/dataLoader/utils";
+import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
+var dataLoaderPlugin_default = ({ runtimeOptions, dataLoaderRemotes, ssrByRouteIdsMap }) => ({
+  name: "MFDataLoaderServerPlugin",
+  pre: [
+    "@modern-js/plugin-inject-resource"
+  ],
+  setup(api) {
+    const { remotes, name } = runtimeOptions;
+    let isHandled = false;
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "MFPatchRouteMiddleWare",
+          handler: async (c, next) => {
+            const serverManifest = c.get("serverManifest");
+            const { loaderBundles, nestedRoutesJson } = serverManifest;
+            if (isHandled && !globalThis.FORCE_MF_REFRESH) {
+              await next();
+            } else {
+              var _api_useConfigContext_server;
+              const instance = init({
+                name,
+                remotes
+              });
+              const remoteFullRoutesMap = await fetchRemoteFullRoutesMap({
+                instance,
+                remotePath: isBrowserEnv() ? `${DEFAULT_ENTRY}/${MF_ROUTES}` : `${DEFAULT_ENTRY}/${MODERN_JS_ROUTE_SERVER_LOADER}`,
+                dataLoaderRemotes
+              });
+              const originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
+              if (originalSSRByRouteIds && dataLoaderRemotes.length) {
+                const remoteSSRByRouteIds = getSSRByRouteIds(dataLoaderRemotes, remoteFullRoutesMap) || [];
+                const ssrByRouteIds = /* @__PURE__ */ new Set([
+                  ...originalSSRByRouteIds,
+                  ...remoteSSRByRouteIds.map((id) => ssrByRouteIdsMap[id] || id)
+                ]);
+                api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
+              }
+              injectRemoteRoutes(loaderBundles, remoteFullRoutesMap);
+              injectRemoteRoutes(nestedRoutesJson, remoteFullRoutesMap);
+              isHandled = true;
+              globalThis.FORCE_MF_REFRESH = false;
+              await next();
+            }
+          },
+          before: [
+            "render"
+          ]
+        });
+      }
+    };
+  }
+});
+export {
+  dataLoaderPlugin_default as default
+};

package/dist/esm-node/cli/server/fetchRemoteFullRoutesMap.js

@@ -0,0 +1,47 @@
+async function fetchRemoteFullRoutesMap(options) {
+  const { instance, remotePath, dataLoaderRemotes } = options;
+  const { remotes } = instance.options;
+  const remoteRoutesMap = {};
+  if (!remotes.length) {
+    return remoteRoutesMap;
+  }
+  await Promise.all(remotes.map(async (remote) => {
+    if (!dataLoaderRemotes.includes(remote.name)) {
+      return;
+    }
+    const remoteId = `${remote.name}/${remotePath}`;
+    const { routes } = await instance.loadRemote(remoteId);
+    remoteRoutesMap[remote.name] = {
+      routes
+    };
+  }));
+  return remoteRoutesMap;
+}
+function getSSRByRouteIds(dataLoaderRemotes, 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 (!dataLoaderRemotes.includes(remoteName)) {
+      return;
+    }
+    const { routes } = routesObj;
+    routes.forEach((route) => {
+      collectIds(route);
+    });
+  });
+  return [
+    ...remoteProviderRouteIds
+  ];
+}
+export {
+  fetchRemoteFullRoutesMap,
+  getSSRByRouteIds
+};

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

@@ -4,7 +4,7 @@ import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import { updateStatsAndManifest } from "./manifest";
-import { isDev } from "./constant";
+import { isDev, META_NAME } from "../constant";
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
@@ -18,6 +18,7 @@ const moduleFederationSSRPlugin = (userConfig) => ({
   setup: async ({ useConfigContext, useAppContext }) => {
     var _modernjsConfig_server;
     const modernjsConfig = useConfigContext();
+    const { metaName = META_NAME } = userConfig;
     const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     if (!enableSSR) {
       return {};
@@ -34,7 +35,9 @@ const moduleFederationSSRPlugin = (userConfig) => ({
         plugins.push({
           name: "mfSSR",
           path: "@module-federation/modern-js/ssr-runtime",
-          config: {}
+          config: {
+            metaName
+          }
         });
         return {
           entrypoint,

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

@@ -47,7 +47,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(LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -96,17 +98,18 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
+  var _mfConfig_shareStrategy;
+  mfConfig.shareStrategy = (_mfConfig_shareStrategy = mfConfig.shareStrategy) !== null && _mfConfig_shareStrategy !== void 0 ? _mfConfig_shareStrategy : "loaded-first";
   patchDTSConfig(mfConfig, isServer);
-  injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
   if (isDev) {
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
-    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js"), runtimePlugins);
     if (!mfConfig.library) {
       mfConfig.library = {
         type: "commonjs-module",
@@ -291,5 +294,6 @@ export {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 };

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

@@ -36,10 +36,10 @@ describe("patchMFConfig", async () => {
         remote: `http://${ipv4}:3000/remoteEntry.js`
       },
       remoteType: "script",
+      shareStrategy: "loaded-first",
       runtimePlugins: [
-        path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-        require.resolve("@module-federation/node/runtimePlugin"),
-        path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
+        path.resolve(__dirname, "./mfRuntimePlugins/node.js"),
+        path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js")
       ],
       shared: {
         react: {
@@ -64,9 +64,8 @@ describe("patchMFConfig", async () => {
         remote: `http://${ipv4}:3000/remoteEntry.js`
       },
       remoteType: "script",
-      runtimePlugins: [
-        path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js")
-      ],
+      runtimePlugins: [],
+      shareStrategy: "loaded-first",
       shared: {
         react: {
           eager: true,

package/dist/esm-node/constant.js

@@ -1,8 +1,30 @@
 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";
+const ROUTE_ID = "ROUTE_ID";
 export {
+  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,
+  ROUTE_ID,
+  SEPARATOR,
+  isDev
 };