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

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

@@ -0,0 +1,63 @@
+import { DEFAULT_LAYOUT } from "../../constant";
+import { transformName2Prefix, transformPrefix2Name } from "../utils";
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  var remoteName = transformPrefix2Name(route.id);
+  var remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  var remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  var prefix = transformName2Prefix(remoteName);
+  return "".concat(prefix).concat(DEFAULT_LAYOUT);
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  var traverse = function(route) {
+    var _route_children;
+    var remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      var routes = remoteRoutesInfos.routes, pathName = remoteRoutesInfos.pathName;
+      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(function(r) {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach(function(entryName) {
+    var routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach(function(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(function(r) {
+        traverse(r);
+      });
+    }
+  });
+}
+export {
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes
+};

package/dist/esm/runtime/index.js

@@ -1,5 +1,7 @@
 export * from "@module-federation/enhanced/runtime";
 import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
+import { withMFRouteId } from "./withMFRouteId";
 export {
-  createRemoteSSRComponent
+  createRemoteSSRComponent,
+  withMFRouteId
 };

package/dist/esm/runtime/utils.js

@@ -0,0 +1,13 @@
+import { encodeName, decodeName } from "@module-federation/sdk";
+var SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
+}
+function transformPrefix2Name(prefix) {
+  var realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return decodeName(realPrefix, "", false);
+}
+export {
+  transformName2Prefix,
+  transformPrefix2Name
+};

package/dist/esm/runtime/withMFRouteId.js

@@ -0,0 +1,7 @@
+function withMFRouteId(id) {
+  var prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
+  return prefix + id;
+}
+export {
+  withMFRouteId
+};

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

@@ -4,13 +4,16 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import { SSRLiveReload } from "./SSRLiveReload";
+console.log("mfSSRPlugin trigger");
 var mfSSRPlugin = function() {
   return {
     name: "@module-federation/modern-js",
+    pre: [
+      "@modern-js/plugin-router"
+    ],
     setup: function() {
       return {
-        init: function init(param, next) {
-          var context = param.context;
+        beforeRender: function beforeRender() {
           return _async_to_generator(function() {
             var nodeUtils, shouldUpdate;
             return _ts_generator(this, function(_state) {
@@ -18,10 +21,7 @@ var mfSSRPlugin = function() {
                 case 0:
                   if (typeof window !== "undefined") {
                     return [
-                      2,
-                      next({
-                        context
-                      })
+                      2
                     ];
                   }
                   globalThis.shouldUpdate = false;
@@ -53,10 +53,7 @@ var mfSSRPlugin = function() {
                   _state.label = 4;
                 case 4:
                   return [
-                    2,
-                    next({
-                      context
-                    })
+                    2
                   ];
               }
             });

package/dist/esm-node/cli/dataLoader/ast/constant.js

@@ -0,0 +1,18 @@
+const IS_ROOT = "isRoot";
+const ID = "id";
+const COMPONENT = "component";
+const LAZY_COMPONENT = "lazyImport";
+const SHOULD_REVALIDATE = "shouldRevalidate";
+const PRIVATE_COMPONENT = "_component";
+const ELEMENT = "element";
+const LOADER = "loader";
+export {
+  COMPONENT,
+  ELEMENT,
+  ID,
+  IS_ROOT,
+  LAZY_COMPONENT,
+  LOADER,
+  PRIVATE_COMPONENT,
+  SHOULD_REVALIDATE
+};

package/dist/esm-node/cli/dataLoader/ast/generateRoutes.js

@@ -0,0 +1,107 @@
+import fs from "fs";
+import traverse from "@babel/traverse";
+import * as babelParser from "@babel/parser";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+function findTargetKeyNode(nodeProperties, key) {
+  return nodeProperties.find((p) => t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key);
+}
+function generateRoutes({ sourceCode, filePath }) {
+  const ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  const lazyComponentDeclarations = [];
+  const componentDeclarations = [];
+  let componentId = 0;
+  traverse(ast, {
+    // ImportDeclaration(path) {
+    //   const source = path.node.source.value;
+    //   const routeIdMatch = source.match(/routeId=([^&]+)/);
+    //   if (routeIdMatch) {
+    //     const originalRouteId = routeIdMatch[1];
+    //     const newRouteId = `${prefix}${originalRouteId}`;
+    //     const newSource = source.replace(
+    //       /routeId=[^&]+/,
+    //       `routeId=${newRouteId}`,
+    //     );
+    //     path.node.source = t.stringLiteral(newSource);
+    //   }
+    // },
+    ObjectExpression(path) {
+      let componentName = "";
+      let lazyComponentName = "";
+      if (!Array.isArray(path.node.properties)) {
+        return;
+      }
+      const idNode = findTargetKeyNode(path.node.properties, "id");
+      if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
+      }
+      const isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
+      if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
+        isRootNode.value.value = false;
+      }
+      if (!isRootNode) {
+        const lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
+        if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
+          lazyComponentName = `LazyComponent_${componentId}`;
+          const lazyDeclaration = t.variableDeclaration("const", [
+            t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
+          ]);
+          lazyComponentNode.value = t.identifier(lazyComponentName);
+          const componentNode2 = findTargetKeyNode(path.node.properties, "component");
+          if (componentNode2 && t.isObjectProperty(componentNode2) && t.isCallExpression(componentNode2.value) && t.isIdentifier(componentNode2.value.callee)) {
+            componentNode2.value = t.callExpression(t.identifier("lazy"), [
+              t.identifier(lazyComponentName)
+            ]);
+          }
+          lazyComponentDeclarations.push(lazyDeclaration);
+        }
+      }
+      const componentNode = findTargetKeyNode(path.node.properties, "component");
+      if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
+        componentName = `Component_${componentId}`;
+        const componentDeclaration = t.variableDeclaration("const", [
+          t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
+            t.identifier(lazyComponentName)
+          ]) : componentNode.value)
+        ]);
+        componentDeclarations.push(componentDeclaration);
+        componentNode.value = t.identifier(componentName);
+      }
+      if (lazyComponentName || componentName) {
+        componentId++;
+        if (componentName) {
+          const upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
+          const jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
+          path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    Program(path) {
+      const lastImportIndex = path.get("body").reduce((lastIndex, p, index) => {
+        if (t.isImportDeclaration(p.node)) {
+          lastIndex = index;
+        }
+        return lastIndex;
+      }, -1);
+      if (lastImportIndex >= 0) {
+        const lastImport = path.get(`body.${lastImportIndex}`);
+        [
+          ...componentDeclarations,
+          ...lazyComponentDeclarations
+        ].forEach((declaration) => {
+          if ("insertAfter" in lastImport) {
+            lastImport.insertAfter(declaration);
+          }
+        });
+      }
+    }
+  });
+  const { code } = generate(ast);
+  fs.writeFileSync(filePath, code);
+}
+export {
+  generateRoutes
+};

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

@@ -0,0 +1,4 @@
+import { generateRoutes } from "./generateRoutes";
+export {
+  generateRoutes
+};

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

@@ -0,0 +1,108 @@
+import { fs, normalizeToPosixPath } from "@modern-js/utils";
+import path from "path";
+import { MF_JSON } from "../../constant";
+import { getRemoteLayoutId } from "../../runtime/dataLoader/utils";
+const ROUTES = "routes";
+function calcPathName(filePath, rootDir, entry) {
+  const relativePath = path.relative(rootDir, filePath);
+  const conditionalReg = /^\[(.*)\]$/;
+  const splitPaths = relativePath.split("/").reduce((sum, cur) => {
+    if (cur.includes(".")) {
+      const split = cur.split(".").map((i) => {
+        const match = i.match(conditionalReg);
+        if (match) {
+          return `:${match[1]}`;
+        }
+        return i.startsWith("__") ? "" : i;
+      });
+      sum.push(...split);
+    } else {
+      const match = cur.match(conditionalReg);
+      if (match) {
+        sum.push(`:${match[1]}`);
+      } else {
+        if (!cur.startsWith("__")) {
+          sum.push(cur);
+        }
+      }
+    }
+    return sum;
+  }, []);
+  return path.join(entry, splitPaths.filter((p) => !!p).join("/"));
+}
+async function generateRouteFile(options) {
+  const { appDirectory } = options;
+  const entries = [];
+  const remotePathMap = {};
+  const srcPath = `${appDirectory}/src`;
+  const traverse = async (filepath, rootDir, entry) => {
+    if (!await fs.pathExists(filepath)) {
+      return null;
+    }
+    const isDirectory = (await fs.stat(filepath)).isDirectory();
+    if (!isDirectory) {
+      return null;
+    }
+    const items = await fs.readdir(filepath);
+    const mfJson = items.find((i) => i === MF_JSON);
+    if (mfJson) {
+      const mfJsonContent = await fs.readJSON(normalizeToPosixPath(path.join(filepath, mfJson)));
+      const { remoteName } = mfJsonContent;
+      const remoteLayoutId = getRemoteLayoutId(remoteName);
+      const writeFile = async (id, type, pathname) => {
+        const generatedFilePath = normalizeToPosixPath(path.join(filepath, `${type}.tsx`));
+        const content = [
+          "// Do not edit this file. It is a auto generated.",
+          `// It will render ${remoteName}'s ${type}.`,
+          `// The ${type} pathname is: ${pathname}`,
+          `// The ${type} route id is: ${id}`
+        ];
+        await fs.writeFile(generatedFilePath, content.join("\n"));
+      };
+      if (remoteLayoutId) {
+        const pathname = calcPathName(filepath, rootDir, entry);
+        writeFile(remoteLayoutId, "layout", pathname);
+        remotePathMap[pathname] = remoteName;
+      }
+      return;
+    }
+    await Promise.all(items.map(async (item) => {
+      await traverse(normalizeToPosixPath(path.join(filepath, item)), rootDir, entry);
+    }));
+  };
+  const traverseRoutes = async (dir, level = 1) => {
+    if (level > 3) {
+      return;
+    }
+    const isDirectory = (await fs.stat(dir)).isDirectory();
+    if (!isDirectory) {
+      return;
+    }
+    const items = await fs.readdir(dir);
+    if (items.find((i) => i === ROUTES)) {
+      const entry = path.relative(srcPath, dir);
+      entries.push(entry);
+      const rootDir = `${dir}/${ROUTES}`;
+      await traverse(rootDir, rootDir, entry);
+    } else {
+      await Promise.all(items.map(async (item) => {
+        await traverseRoutes(path.join(dir, item), level++);
+      }));
+    }
+  };
+  await traverseRoutes(srcPath);
+  const normalizedEntries = entries.map((entry) => {
+    if (entry === "") {
+      return "main";
+    }
+    return entry;
+  });
+  return {
+    entries: normalizedEntries,
+    remotePathMap
+  };
+}
+export {
+  calcPathName,
+  generateRouteFile
+};

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

@@ -0,0 +1,98 @@
+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`);
+    if (isServer) {
+      const routeServerLoaderContent = fs.readFileSync(routeServerLoaderPath, "utf-8");
+      generateRoutes({
+        sourceCode: routeServerLoaderContent,
+        filePath: outputRouteServerLoaderPath
+      });
+    }
+    entryMap[entry] = {
+      routesPath: outputFullRoutesPath,
+      routeServerLoaderPath: outputRouteServerLoaderPath
+    };
+  };
+  entries.forEach((entry) => {
+    generateEntryRoutes(entry);
+  });
+  return {
+    entryMap
+  };
+}
+function addExpose(options) {
+  const { mfConfig, isServer } = options;
+  if (mfConfig.remotes && mfConfig.exposes) {
+    throw new Error(`dataLoader only support for pure provider/consumer !`);
+  }
+  const { entryMap } = generateExtraExposeFiles(options);
+  const addExposeByEntry = (entry, routesPath, routeServerLoaderPath) => {
+    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 (isServer && !mfConfig.exposes[routeServerLoaderKey]) {
+      mfConfig.exposes[routeServerLoaderKey] = routeServerLoaderPath;
+    }
+  };
+  Object.keys(entryMap).forEach((entry) => {
+    const { routesPath, routeServerLoaderPath } = entryMap[entry];
+    addExposeByEntry(entry, routesPath, routeServerLoaderPath);
+  });
+}
+function addShared(options) {
+  const { metaName, mfConfig } = options;
+  const alias = `@${metaName}/runtime/router`;
+  if (!mfConfig.shared) {
+    mfConfig.shared = {
+      [alias]: {
+        singleton: true
+      }
+    };
+  } else {
+    if (!Array.isArray(mfConfig.shared)) {
+      mfConfig.shared[alias] = {
+        singleton: true
+      };
+    } else {
+      mfConfig.shared.push(alias);
+    }
+  }
+}
+function patchMFConfig(options) {
+  addShared(options);
+  addExpose(options);
+}
+export {
+  patchMFConfig
+};

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

@@ -0,0 +1,159 @@
+import { transformName2Prefix } from "../../runtime/utils";
+import { DEFAULT_ENTRY } from "../../constant";
+import { META_NAME } from "../../constant";
+import { generateRoutes } from "./ast";
+import { generateRouteFile } from "./generateRouteFile";
+import { patchMFConfig } from "./patchMFConfig";
+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 {
+      // patchMFConfig,
+      metaName = META_NAME,
+      serverPlugin = "@module-federation/modern-js/data-loader-server",
+      transformRuntimeOptions
+    } = userConfig;
+    const appContext = useAppContext();
+    const name = internalOptions.csrConfig.name;
+    const internalDirectory = appContext.internalDirectory.replace(META_NAME, metaName || META_NAME);
+    const transformRuntimeFn = transformRuntimeOptions || _transformRuntimeOptions;
+    const partialSSRRemotes = [];
+    const entries = /* @__PURE__ */ new Set();
+    let remotePathMap = {};
+    const ssrByRouteIdsMap = {};
+    const serverPluginOptions = {
+      runtimeOptions: transformRuntimeFn(internalOptions.csrConfig),
+      partialSSRRemotes,
+      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);
+    }
+    return {
+      _internalRuntimePlugins: ({ entrypoint, plugins }) => {
+        plugins.push({
+          name: "ssrDataLoader",
+          path: "@module-federation/modern-js/data-loader",
+          config: {}
+        });
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      _internalServerPlugins({ 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 = (route, pathName) => {
+          const currentPathName = route.path ? path.join(pathName, route.path) : pathName;
+          if (route.id) {
+            var _route_children;
+            const originalId = route.id;
+            route.originalId = originalId;
+            const remoteName = remotePathMap[currentPathName];
+            if (remoteName) {
+              const remoteIdPrefix = transformName2Prefix(remoteName);
+              const isLayout = Boolean(route.children);
+              const newId = `${remoteIdPrefix}${isLayout ? "layout" : "page"}`;
+              ssrByRouteIdsMap[originalId] = newId;
+              route.id = newId;
+              if (!partialSSRRemotes.includes(remoteName)) {
+                partialSSRRemotes.push(remoteName);
+              }
+            } else {
+              route.id = `${prefix}${route.id}`;
+            }
+            (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach((r) => {
+              modifyRouteIds(r, currentPathName);
+            });
+          }
+        };
+        routes.forEach((route) => {
+          modifyRouteIds(route, 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))
+            }
+          }
+        };
+      }
+    };
+  }
+});
+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

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