@module-federation/modern-js 0.0.0-next-20240812114132 → 0.0.0-next-20240814073142

package/dist/cjs/cli/ast/constant.js

@@ -0,0 +1,46 @@
+"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 constant_exports = {};
+__export(constant_exports, {
+  COMPONENT: () => COMPONENT,
+  ELEMENT: () => ELEMENT,
+  ID: () => ID,
+  IS_ROOT: () => IS_ROOT,
+  LAZY_COMPONENT: () => LAZY_COMPONENT,
+  PRIVATE_COMPONENT: () => PRIVATE_COMPONENT,
+  SHOULD_REVALIDATE: () => SHOULD_REVALIDATE
+});
+module.exports = __toCommonJS(constant_exports);
+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";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COMPONENT,
+  ELEMENT,
+  ID,
+  IS_ROOT,
+  LAZY_COMPONENT,
+  PRIVATE_COMPONENT,
+  SHOULD_REVALIDATE
+});

package/dist/cjs/cli/ast/generateRoutes.js

@@ -0,0 +1,140 @@
+"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 generateRoutes_exports = {};
+__export(generateRoutes_exports, {
+  generateRoutes: () => generateRoutes
+});
+module.exports = __toCommonJS(generateRoutes_exports);
+var import_fs = __toESM(require("fs"));
+var import_traverse = __toESM(require("@babel/traverse"));
+var babelParser = __toESM(require("@babel/parser"));
+var import_generator = __toESM(require("@babel/generator"));
+var t = __toESM(require("@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;
+  (0, import_traverse.default)(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));
+        }
+      }
+    }
+  });
+  (0, import_traverse.default)(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 } = (0, import_generator.default)(ast);
+  const finalCode = `${newCode}export const baseName = '${baseName}';`;
+  import_fs.default.writeFileSync(filePath, finalCode);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateRoutes
+});

package/dist/cjs/cli/ast/generateSlimRoutes.js

@@ -0,0 +1,106 @@
+"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 generateSlimRoutes_exports = {};
+__export(generateSlimRoutes_exports, {
+  generateSlimRoutes: () => generateSlimRoutes
+});
+module.exports = __toCommonJS(generateSlimRoutes_exports);
+var import_fs = __toESM(require("fs"));
+var import_traverse = __toESM(require("@babel/traverse"));
+var babelParser = __toESM(require("@babel/parser"));
+var import_generator = __toESM(require("@babel/generator"));
+var t = __toESM(require("@babel/types"));
+var import_constant = require("./constant");
+function generateSlimRoutes({ sourceCode, filePath, prefix, baseName }) {
+  const ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  const removedKeys = [
+    import_constant.COMPONENT,
+    import_constant.SHOULD_REVALIDATE,
+    import_constant.LAZY_COMPONENT,
+    import_constant.PRIVATE_COMPONENT
+  ];
+  (0, import_traverse.default)(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 === import_constant.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 = (0, import_generator.default)(ast).code;
+  const tempAst = babelParser.parse(tempCode, {
+    sourceType: "module"
+  });
+  const usedIdentifiers = /* @__PURE__ */ new Set();
+  (0, import_traverse.default)(tempAst, {
+    Identifier(path) {
+      if (t.isProperty(path.parent)) {
+        usedIdentifiers.add(path.node.name);
+      }
+    }
+  });
+  (0, import_traverse.default)(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 } = (0, import_generator.default)(tempAst);
+  const finalCode = `${newCode}export const baseName = '${baseName}';`;
+  import_fs.default.writeFileSync(filePath, finalCode);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateSlimRoutes
+});

package/dist/cjs/cli/ast/index.js

@@ -0,0 +1,31 @@
+"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 ast_exports = {};
+__export(ast_exports, {
+  generateRoutes: () => import_generateRoutes.generateRoutes,
+  generateSlimRoutes: () => import_generateSlimRoutes.generateSlimRoutes
+});
+module.exports = __toCommonJS(ast_exports);
+var import_generateRoutes = require("./generateRoutes");
+var import_generateSlimRoutes = require("./generateSlimRoutes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateRoutes,
+  generateSlimRoutes
+});

package/dist/cjs/cli/configPlugin.js

@@ -68,6 +68,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
     return {
       config: async () => {
         var _modernjsConfig_server, _modernjsConfig_dev;
+        console.log("config plugin config");
         const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
         const ipv4 = (0, import_utils.getIPV4)();
         const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);

package/dist/cjs/cli/constant.js

@@ -18,11 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constant_exports = {};
 __export(constant_exports, {
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME: () => MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
   isDev: () => isDev
 });
 module.exports = __toCommonJS(constant_exports);
 const isDev = process.env.NODE_ENV === "development";
+const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes.js";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
   isDev
 });

package/dist/cjs/cli/dataLoaderPlugin.js

@@ -0,0 +1,205 @@
+"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 dataLoaderPlugin_exports = {};
+__export(dataLoaderPlugin_exports, {
+  default: () => dataLoaderPlugin_default,
+  generateRoutes: () => import_ast.generateRoutes,
+  generateSlimRoutes: () => import_ast.generateSlimRoutes,
+  moduleFederationDataLoaderPlugin: () => moduleFederationDataLoaderPlugin
+});
+module.exports = __toCommonJS(dataLoaderPlugin_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var import_utils2 = require("../runtime/utils");
+var import_constant = require("../constant");
+var import_constant2 = require("../runtime/constant");
+var import_ast = require("./ast");
+var import_constant3 = require("./constant");
+function generateExtraExposeFiles(options) {
+  const { routesFilePath, mfConfig, isServer, baseName } = options;
+  const outputDir = import_path.default.resolve(process.cwd(), "node_modules/.federation");
+  import_utils.fs.ensureDirSync(outputDir);
+  const addSuffix = (fileName) => {
+    if (!isServer) {
+      return `${fileName}.jsx`;
+    }
+    return `${fileName}.server.jsx`;
+  };
+  const routesFileContent = import_utils.fs.readFileSync(routesFilePath, "utf-8");
+  const outputSlimRoutesPath = import_path.default.resolve(outputDir, addSuffix(import_constant2.MF_SLIM_ROUTES));
+  const outputFullRoutesPath = import_path.default.resolve(outputDir, addSuffix(import_constant2.MF_FULL_ROUTES));
+  const outputRoutesMetaPath = import_path.default.resolve(outputDir, `${import_constant2.MF_ROUTES_META}.js`);
+  (0, import_ast.generateSlimRoutes)({
+    sourceCode: routesFileContent,
+    filePath: outputSlimRoutesPath,
+    prefix: (0, import_utils2.transformName2Prefix)(mfConfig.name),
+    baseName
+  });
+  (0, import_ast.generateRoutes)({
+    sourceCode: routesFileContent,
+    filePath: outputFullRoutesPath,
+    prefix: (0, import_utils2.transformName2Prefix)(mfConfig.name),
+    baseName
+  });
+  import_utils.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 = `./${import_constant2.MF_FULL_ROUTES}`;
+  const slimRoutesKey = `./${import_constant2.MF_SLIM_ROUTES}`;
+  const routeMetaKey = `./${import_constant2.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 { pkgName, mfConfig } = options;
+  const alias = `@${pkgName}/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 _pathMfConfig(options) {
+  addShared(options);
+  addExpose(options);
+}
+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, pkgName = "modern-js", serverPlugin = "@module-federation/modern-js/data-loader-server" } = userConfig;
+    if (!baseName) {
+      throw new Error(`${import_constant.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 = import_path.default.resolve(appContext.internalDirectory, `./main/${import_constant3.MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME}`);
+    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: internalOptions
+        });
+        return {
+          plugins
+        };
+      },
+      config: async () => {
+        console.log("dataloader plugin config");
+        const patchMFConfigFn = patchMFConfig || _pathMfConfig;
+        return {
+          // server: {
+          //   ssrByRouteIds: ssrByRouteIds,
+          // },
+          tools: {
+            rspack(_config, { isServer }) {
+              patchMFConfigFn({
+                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                baseName,
+                pkgName,
+                isServer,
+                routesFilePath
+              });
+              console.log("dataloader plugin rspack");
+            }
+          },
+          source: {
+            define: {
+              MODERN_ROUTER_ID_PREFIX: JSON.stringify((0, import_utils2.transformName2Prefix)(name))
+            }
+          }
+        };
+      }
+    };
+  }
+});
+var dataLoaderPlugin_default = moduleFederationDataLoaderPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateRoutes,
+  generateSlimRoutes,
+  moduleFederationDataLoaderPlugin
+});

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_dataLoaderPlugin = require("./dataLoaderPlugin");
 var import_enhanced2 = require("@module-federation/enhanced");
 const moduleFederationPlugin = (userConfig = {}) => {
   const internalModernPluginOptions = {
@@ -79,7 +80,11 @@ const moduleFederationPlugin = (userConfig = {}) => {
     },
     usePlugins: [
       (0, import_configPlugin.moduleFederationConfigPlugin)(internalModernPluginOptions),
-      (0, import_ssrPlugin.moduleFederationSSRPlugin)(internalModernPluginOptions)
+      (0, import_ssrPlugin.moduleFederationSSRPlugin)(internalModernPluginOptions),
+      (0, import_dataLoaderPlugin.moduleFederationDataLoaderPlugin)(Boolean(userConfig.dataLoader), internalModernPluginOptions, {
+        baseName: "",
+        ...userConfig.dataLoader
+      })
     ]
   };
 };

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

@@ -0,0 +1,87 @@
+"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_constant = require("../../runtime/constant");
+var dataLoaderPlugin_default = (options) => ({
+  name: "MFDataLoaderServerPlugin",
+  pre: [
+    "@modern-js/plugin-inject-resource"
+  ],
+  setup(api) {
+    const mfConfig = options.csrConfig;
+    const remotes = mfConfig.remotes;
+    if (!remotes || !Object.keys(remotes).length) {
+      return {};
+    }
+    const runtimeRemotes = Object.entries(remotes).map((item) => {
+      const [_alias, nameAndEntry] = item;
+      const [name, entry] = nameAndEntry.split("@");
+      return {
+        name,
+        entry
+      };
+    });
+    let isHandled = false;
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "MFDataLoaderServerPlugin",
+          handler: async (c, next) => {
+            console.log("isHandled : ", isHandled);
+            const serverManifest = c.get("serverManifest");
+            const { loaderBundles } = serverManifest;
+            console.log("loaderBundles.main.routes : ", loaderBundles.main.routes);
+            if (isHandled) {
+              await next();
+            } else {
+              const instance = (0, import_runtime.getInstance)() || (0, import_runtime.init)({
+                name: mfConfig.name,
+                remotes: runtimeRemotes
+              });
+              const slimRoutes = await Promise.all(runtimeRemotes.map(async (remote) => {
+                const { routes, baseName } = await instance.loadRemote(`${remote.name}/${import_constant.MF_SLIM_ROUTES}`);
+                return {
+                  routes,
+                  baseName
+                };
+              }));
+              slimRoutes.forEach((slimRoute) => {
+                const { routes, baseName } = slimRoute;
+                routes[0].path = `/${baseName}`;
+                loaderBundles.main.routes.push(...routes);
+              });
+              console.log("loaderBundles.main.routes : ", loaderBundles.main.routes);
+              isHandled = true;
+              await next();
+            }
+          },
+          before: [
+            "render"
+          ]
+        });
+      }
+    };
+  }
+});

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);