@module-federation/modern-js 0.0.0-next-20240819040425 → 0.0.0-next-20240820034939

package/dist/esm/runtime/utils.js

@@ -0,0 +1,16 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+function transformName2Prefix(name) {
+  var NameTransformSymbol = {
+    AT: "@",
+    HYPHEN: "-",
+    SLASH: "/",
+    UNDERLINE: "_"
+  };
+  var _obj;
+  var NameTransformMap = (_obj = {}, _define_property(_obj, NameTransformSymbol.AT, "SCOPE"), _define_property(_obj, NameTransformSymbol.HYPHEN, "HYPHEN"), _define_property(_obj, NameTransformSymbol.SLASH, "SLASH"), _define_property(_obj, NameTransformSymbol.UNDERLINE, "UNDERLINE"), _obj);
+  var SPLIT_SYMBOL = "@";
+  return "".concat(name.replace(new RegExp("".concat(NameTransformSymbol.AT), "g"), NameTransformMap[NameTransformSymbol.AT]).replace(new RegExp("".concat(NameTransformSymbol.HYPHEN), "g"), NameTransformMap[NameTransformSymbol.HYPHEN]).replace(new RegExp("".concat(NameTransformSymbol.SLASH), "g"), NameTransformMap[NameTransformSymbol.SLASH]).replace(new RegExp("".concat(NameTransformSymbol.UNDERLINE), "g"), NameTransformMap[NameTransformSymbol.UNDERLINE])).concat(SPLIT_SYMBOL);
+}
+export {
+  transformName2Prefix
+};

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,24 +4,25 @@ 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) {
               switch (_state.label) {
                 case 0:
+                  console.log(111, "beforeRender");
                   if (typeof window !== "undefined") {
                     return [
-                      2,
-                      next({
-                        context
-                      })
+                      2
                     ];
                   }
                   globalThis.shouldUpdate = false;
@@ -53,10 +54,7 @@ var mfSSRPlugin = function() {
                   _state.label = 4;
                 case 4:
                   return [
-                    2,
-                    next({
-                      context
-                    })
+                    2
                   ];
               }
             });

package/dist/esm-node/cli/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/ast/generateRoutes.js

@@ -0,0 +1,106 @@
+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, prefix, baseName }) {
+  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)) {
+        idNode.value = t.stringLiteral(`${prefix}${idNode.value.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: newCode } = generate(ast);
+  const finalCode = `${newCode}export const baseName = '${baseName}';`;
+  fs.writeFileSync(filePath, finalCode);
+}
+export {
+  generateRoutes
+};

package/dist/esm-node/cli/ast/generateSerializableRoutes.js

@@ -0,0 +1,57 @@
+import traverse from "@babel/traverse";
+import * as babelParser from "@babel/parser";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+import { COMPONENT, ID, SHOULD_REVALIDATE, LAZY_COMPONENT, PRIVATE_COMPONENT, LOADER } from "./constant";
+function generateSerializableRoutes({ sourceCode, prefix }) {
+  const ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  const removedKeys = [
+    COMPONENT,
+    SHOULD_REVALIDATE,
+    LAZY_COMPONENT,
+    PRIVATE_COMPONENT,
+    LOADER
+  ];
+  traverse(ast, {
+    ObjectExpression(path1) {
+      if (!Array.isArray(path1.node.properties)) {
+        return;
+      }
+      path1.node.properties.forEach((prop1) => {
+        if (t.isObjectProperty(prop1) && t.isStringLiteral(prop1.key) && t.isStringLiteral(prop1.value) && prop1.key.value === ID) {
+          prop1.value = t.stringLiteral(`${prefix}${prop1.value.value}`);
+        }
+      });
+      path1.node.properties = path1.node.properties.filter((p1) => {
+        if (t.isObjectProperty(p1) && t.isStringLiteral(p1.key)) {
+          return !removedKeys.includes(p1.key.value);
+        } else {
+          return true;
+        }
+      });
+    }
+  });
+  let routesValue = "";
+  traverse(ast, {
+    VariableDeclarator(path) {
+      if (t.isVariableDeclarator(path.node) && t.isIdentifier(path.node.id) && path.node.id.name === "routes") {
+        const routesAst = path.node.init;
+        if (!routesAst) {
+          return;
+        }
+        const { code } = generate(routesAst, {
+          compact: true,
+          retainLines: false,
+          concise: true
+        });
+        routesValue = eval("(" + code + ")");
+      }
+    }
+  });
+  return routesValue;
+}
+export {
+  generateSerializableRoutes
+};

package/dist/esm-node/cli/ast/generateSlimRoutes.js

@@ -0,0 +1,72 @@
+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";
+import { COMPONENT, ID, SHOULD_REVALIDATE, LAZY_COMPONENT, PRIVATE_COMPONENT } from "./constant";
+function generateSlimRoutes({ sourceCode, filePath, prefix, baseName }) {
+  const ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  const removedKeys = [
+    COMPONENT,
+    SHOULD_REVALIDATE,
+    LAZY_COMPONENT,
+    PRIVATE_COMPONENT
+  ];
+  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) {
+      if (!Array.isArray(path.node.properties)) {
+        return;
+      }
+      path.node.properties.forEach((prop) => {
+        if (t.isObjectProperty(prop) && t.isStringLiteral(prop.key) && t.isStringLiteral(prop.value) && prop.key.value === ID) {
+          prop.value = t.stringLiteral(`${prefix}${prop.value.value}`);
+        }
+      });
+      path.node.properties = path.node.properties.filter((p) => {
+        if (t.isObjectProperty(p) && t.isStringLiteral(p.key)) {
+          return !removedKeys.includes(p.key.value);
+        } else {
+          return true;
+        }
+      });
+    }
+  });
+  const tempCode = generate(ast).code;
+  const tempAst = babelParser.parse(tempCode, {
+    sourceType: "module"
+  });
+  const usedIdentifiers = /* @__PURE__ */ new Set();
+  traverse(tempAst, {
+    Identifier(path) {
+      if (t.isProperty(path.parent)) {
+        usedIdentifiers.add(path.node.name);
+      }
+    }
+  });
+  traverse(tempAst, {
+    ImportDeclaration(path) {
+      path.node.specifiers = path.node.specifiers.filter((specifier) => usedIdentifiers.has(specifier.local.name));
+      if (!path.node.specifiers.length) {
+        path.remove();
+      }
+    }
+  });
+  const { code: newCode } = generate(tempAst);
+  const finalCode = `${newCode}export const baseName = '${baseName}';`;
+  fs.writeFileSync(filePath, finalCode);
+}
+export {
+  generateSlimRoutes
+};

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

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

package/dist/esm-node/cli/bundler-plugins/SerializableRoutesPlugin.js

@@ -0,0 +1,30 @@
+import fs from "fs";
+import { generateSerializableRoutes } from "../ast";
+const SERIALIZABLE_ROUTES = "serializable-routes.json";
+class SerializableRoutesPlugin {
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap("generateStats", (compilation) => {
+      compilation.hooks.processAssets.tapPromise({
+        name: "generateSerializableRoutes",
+        // @ts-ignore use runtime variable in case peer dep not installed
+        stage: compilation.constructor.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER
+      }, async () => {
+        const sourceCode = fs.readFileSync(this.routesFilePath, "utf-8");
+        const routesCode = generateSerializableRoutes({
+          sourceCode,
+          prefix: this.prefix
+        });
+        compilation.emitAsset(SERIALIZABLE_ROUTES, new compiler.webpack.sources.RawSource(JSON.stringify(routesCode, null, 2)));
+      });
+    });
+  }
+  constructor(options) {
+    const { routesFilePath, prefix } = options;
+    this.routesFilePath = routesFilePath;
+    this.prefix = prefix;
+  }
+}
+export {
+  SERIALIZABLE_ROUTES,
+  SerializableRoutesPlugin
+};

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

@@ -1,4 +1,8 @@
 const isDev = process.env.NODE_ENV === "development";
+const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes.js";
+const META_NAME = "modern-js";
 export {
+  META_NAME,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
   isDev
 };

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

@@ -0,0 +1,252 @@
+import path from "path";
+import { fs } from "@modern-js/utils";
+import { transformName2Prefix } from "../runtime/utils";
+import { PLUGIN_IDENTIFIER } from "../constant";
+import { MF_FULL_ROUTES, MF_SLIM_ROUTES, MF_ROUTES_META } from "../runtime/constant";
+import { generateRoutes, generateSlimRoutes } from "./ast";
+import { MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME, META_NAME } from "./constant";
+import { getIPV4, replaceRemoteUrl } from "./utils";
+import { SerializableRoutesPlugin, SERIALIZABLE_ROUTES } from "./bundler-plugins/SerializableRoutesPlugin";
+function generateExtraExposeFiles(options) {
+  const { routesFilePath, mfConfig, isServer, baseName } = options;
+  const outputDir = path.resolve(process.cwd(), "node_modules/.federation");
+  fs.ensureDirSync(outputDir);
+  const addSuffix = (fileName) => {
+    if (!isServer) {
+      return `${fileName}.jsx`;
+    }
+    return `${fileName}.server.jsx`;
+  };
+  const routesFileContent = fs.readFileSync(routesFilePath, "utf-8");
+  const outputSlimRoutesPath = path.resolve(outputDir, addSuffix(MF_SLIM_ROUTES));
+  const outputFullRoutesPath = path.resolve(outputDir, addSuffix(MF_FULL_ROUTES));
+  const outputRoutesMetaPath = path.resolve(outputDir, `${MF_ROUTES_META}.js`);
+  generateSlimRoutes({
+    sourceCode: routesFileContent,
+    filePath: outputSlimRoutesPath,
+    prefix: transformName2Prefix(mfConfig.name),
+    baseName
+  });
+  generateRoutes({
+    sourceCode: routesFileContent,
+    filePath: outputFullRoutesPath,
+    prefix: transformName2Prefix(mfConfig.name),
+    baseName
+  });
+  fs.writeFileSync(outputRoutesMetaPath, `export const baseName = '${baseName}';`);
+  return {
+    outputSlimRoutesPath,
+    outputFullRoutesPath,
+    outputRoutesMetaPath
+  };
+}
+function addExpose(options) {
+  const { mfConfig } = options;
+  const { outputSlimRoutesPath, outputFullRoutesPath, outputRoutesMetaPath } = generateExtraExposeFiles(options);
+  const fullRoutesKey = `./${MF_FULL_ROUTES}`;
+  const slimRoutesKey = `./${MF_SLIM_ROUTES}`;
+  const routeMetaKey = `./${MF_ROUTES_META}`;
+  if (!mfConfig.exposes) {
+    mfConfig.exposes = {
+      [fullRoutesKey]: outputFullRoutesPath,
+      [slimRoutesKey]: outputSlimRoutesPath,
+      [routeMetaKey]: outputRoutesMetaPath
+    };
+  } else {
+    if (!Array.isArray(mfConfig.exposes)) {
+      if (!mfConfig.exposes[fullRoutesKey]) {
+        mfConfig.exposes[fullRoutesKey] = outputFullRoutesPath;
+      }
+      if (!mfConfig.exposes[slimRoutesKey]) {
+        mfConfig.exposes[slimRoutesKey] = outputSlimRoutesPath;
+      }
+      if (!mfConfig.exposes[routeMetaKey]) {
+        mfConfig.exposes[routeMetaKey] = outputRoutesMetaPath;
+      }
+    }
+  }
+}
+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);
+}
+async function _fetchSSRByRouteIds(partialSSRRemotes, mfConfig, transformRuntimeFn) {
+  const partialMfConfig = {
+    name: mfConfig.name,
+    remotes: {
+      ...mfConfig.remotes
+    }
+  };
+  const runtimeInitOptions = transformRuntimeFn(partialMfConfig);
+  replaceRemoteUrl(runtimeInitOptions, "ipv4");
+  if (!runtimeInitOptions.remotes.length || !partialSSRRemotes.length) {
+    return void 0;
+  }
+  const remoteProviderRouteIds = /* @__PURE__ */ new Set();
+  const collectIds = (route) => {
+    remoteProviderRouteIds.add(route.id);
+    if (route.children) {
+      route.children.forEach((r) => {
+        collectIds(r);
+      });
+    }
+  };
+  await Promise.all(runtimeInitOptions.remotes.map(async (remote) => {
+    const entry = "entry" in remote ? remote.entry : "";
+    if (!entry) {
+      return void 0;
+    }
+    const ipv4 = getIPV4();
+    const url = new URL(entry);
+    const serializableRoutesUrl = url.href.replace(url.pathname, `/${SERIALIZABLE_ROUTES}`).replace("localhost", ipv4);
+    const serializableRoutesRet = await fetch(serializableRoutesUrl);
+    const serializableRoutes = await serializableRoutesRet.json();
+    serializableRoutes.forEach((serializableRoute) => {
+      collectIds(serializableRoute);
+    });
+  }));
+  return [
+    ...remoteProviderRouteIds
+  ];
+}
+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
+    };
+  });
+  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 ({ useConfigContext, useAppContext }) => {
+    var _modernjsConfig_server, _internalOptions_csrConfig;
+    if (!enable) {
+      return;
+    }
+    const {
+      baseName,
+      partialSSRRemotes = [],
+      fetchSSRByRouteIds,
+      // patchMFConfig,
+      metaName = META_NAME,
+      serverPlugin = "@module-federation/modern-js/data-loader-server",
+      transformRuntimeOptions
+    } = userConfig;
+    if (!baseName) {
+      throw new Error(`${PLUGIN_IDENTIFIER} 'baseName' is required if you enable 'dataLoader'!`);
+    }
+    const modernjsConfig = useConfigContext();
+    const appContext = useAppContext();
+    const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
+    const name = (_internalOptions_csrConfig = internalOptions.csrConfig) === null || _internalOptions_csrConfig === void 0 ? void 0 : _internalOptions_csrConfig.name;
+    const routesFilePath = path.resolve(appContext.internalDirectory.replace(META_NAME, metaName || META_NAME), `./main/${MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME}`);
+    const transformRuntimeFn = transformRuntimeOptions || _transformRuntimeOptions;
+    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: transformRuntimeFn(internalOptions.csrConfig)
+        });
+        return {
+          plugins
+        };
+      },
+      config: async () => {
+        const fetchFn = fetchSSRByRouteIds || _fetchSSRByRouteIds;
+        const ssrByRouteIds = await fetchFn(partialSSRRemotes, internalOptions.csrConfig, transformRuntimeFn);
+        return {
+          server: {
+            ssrByRouteIds
+          },
+          tools: {
+            rspack(_config, { isServer }) {
+              patchMfConfig({
+                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                baseName,
+                metaName,
+                isServer,
+                routesFilePath
+              });
+            },
+            webpack(_config, { isServer }) {
+              patchMfConfig({
+                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                baseName,
+                metaName,
+                isServer,
+                routesFilePath
+              });
+            },
+            bundlerChain(chain, { isServer }) {
+              if (!isServer && internalOptions.csrConfig && Object.keys(internalOptions.csrConfig.exposes).length) {
+                chain.plugin("SerializableRoutesPlugin").use(SerializableRoutesPlugin, [
+                  {
+                    routesFilePath,
+                    prefix: transformName2Prefix(internalOptions.csrConfig.name)
+                  }
+                ]);
+              }
+            }
+          },
+          source: {
+            define: {
+              MODERN_ROUTER_ID_PREFIX: JSON.stringify(transformName2Prefix(name))
+            }
+          }
+        };
+      }
+    };
+  }
+});
+var dataLoaderPlugin_default = moduleFederationDataLoaderPlugin;
+export {
+  dataLoaderPlugin_default as default,
+  generateRoutes,
+  generateSlimRoutes,
+  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 "./dataLoaderPlugin";
 const moduleFederationPlugin = (userConfig = {}) => {
   const internalModernPluginOptions = {
     csrConfig: void 0,
@@ -53,7 +54,11 @@ const moduleFederationPlugin = (userConfig = {}) => {
     },
     usePlugins: [
       moduleFederationConfigPlugin(internalModernPluginOptions),
-      moduleFederationSSRPlugin(internalModernPluginOptions)
+      moduleFederationSSRPlugin(internalModernPluginOptions),
+      moduleFederationDataLoaderPlugin(Boolean(userConfig.dataLoader), internalModernPluginOptions, {
+        baseName: "",
+        ...userConfig.dataLoader
+      })
     ]
   };
 };