@module-federation/modern-js 0.0.0-next-20240813065037 → 0.0.0-next-20240814082511

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/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,6 @@
+import { generateRoutes } from "./generateRoutes";
+import { generateSlimRoutes } from "./generateSlimRoutes";
+export {
+  generateRoutes,
+  generateSlimRoutes
+};

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

@@ -32,6 +32,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 = 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/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,184 @@
+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";
+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 _pathMfConfig(options) {
+  addShared(options);
+  addExpose(options);
+}
+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", runtimeOptions } = 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}`);
+    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: runtimeOptions || transformRuntimeOptions(internalOptions.csrConfig)
+        });
+        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,
+                metaName,
+                isServer,
+                routesFilePath
+              });
+              console.log("dataloader plugin rspack");
+            }
+          },
+          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
+      })
     ]
   };
 };

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

@@ -0,0 +1,58 @@
+import { getInstance, init } from "@module-federation/enhanced/runtime";
+import { MF_SLIM_ROUTES } from "../../runtime/constant";
+var dataLoaderPlugin_default = (mfRuntimeOptions) => ({
+  name: "MFDataLoaderServerPlugin",
+  pre: [
+    "@modern-js/plugin-inject-resource"
+  ],
+  setup(api) {
+    const { remotes, name } = mfRuntimeOptions;
+    if (!remotes.length) {
+      return {};
+    }
+    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 = getInstance() || init({
+                name,
+                remotes
+              });
+              const slimRoutes = await Promise.all(remotes.map(async (remote) => {
+                const { routes, baseName } = await instance.loadRemote(`${remote.name}/${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"
+          ]
+        });
+      }
+    };
+  }
+});
+export {
+  dataLoaderPlugin_default as default
+};

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

@@ -1,8 +1,8 @@
 import path from "path";
 import { fs } from "@modern-js/utils";
-import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
+import { ModuleFederationPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
-import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
+import { UniverseEntryChunkTrackerPlugin } from "@module-federation/node";
 import { updateStatsAndManifest } from "./manifest";
 import { isDev } from "./constant";
 function setEnv() {

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

@@ -0,0 +1,8 @@
+const MF_SLIM_ROUTES = "mf-slim-routes";
+const MF_FULL_ROUTES = "mf-full-routes";
+const MF_ROUTES_META = "mf-routes-meta";
+export {
+  MF_FULL_ROUTES,
+  MF_ROUTES_META,
+  MF_SLIM_ROUTES
+};

package/dist/esm-node/runtime/dataLoader.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getInstance, loadRemote } from "@module-federation/enhanced/runtime";
+import { MF_FULL_ROUTES } from "./constant";
+globalThis.mfRemoteRoutes = globalThis.mfRemoteRoutes || [];
+var _globalThis_mfHasLoadedRemoteRoutes;
+globalThis.mfHasLoadedRemoteRoutes = (_globalThis_mfHasLoadedRemoteRoutes = globalThis.mfHasLoadedRemoteRoutes) !== null && _globalThis_mfHasLoadedRemoteRoutes !== void 0 ? _globalThis_mfHasLoadedRemoteRoutes : false;
+async function loadRoutes() {
+  var _getInstance;
+  if (globalThis.mfHasLoadedRemoteRoutes) {
+    return;
+  }
+  const remotes = (_getInstance = getInstance()) === null || _getInstance === void 0 ? void 0 : _getInstance.options.remotes;
+  if (!remotes) {
+    return;
+  }
+  const remoteModuleIds = remotes.map((remote) => {
+    return `${remote.name}/${MF_FULL_ROUTES}`;
+  });
+  const traverse = (cRoutes, prefix) => {
+    cRoutes.forEach((i) => {
+      i.id = prefix + i.id;
+      const Comp = i.component;
+      i.element = /* @__PURE__ */ _jsx(Comp, {});
+      if (i.children) {
+        traverse(i.children, prefix);
+      }
+    });
+  };
+  await Promise.all(remoteModuleIds.map(async (remoteModuleId) => {
+    const remoteName = remoteModuleId.split(`/${MF_FULL_ROUTES}`)[0];
+    const { routes, baseName } = await loadRemote(remoteModuleId);
+    routes[0].path = `/${baseName}`;
+    routes[0].isRoot = false;
+    globalThis.mfRemoteRoutes.push(...routes);
+  }));
+  globalThis.mfHasLoadedRemoteRoutes = true;
+  return globalThis.mfRemoteRoutes;
+}
+const ssrDataLoaderPlugin = () => {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@modern-js/plugin-router"
+    ],
+    setup: () => {
+      return {
+        async beforeRender({ context }) {
+          console.log("init");
+          await loadRoutes();
+        },
+        modifyRoutes: (routes) => {
+          console.log("modifyRoutes");
+          routes.push(...globalThis.mfRemoteRoutes);
+          console.log("routes: ", routes);
+          return routes;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderPlugin
+};

package/dist/esm-node/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-node/runtime/utils.js

@@ -0,0 +1,19 @@
+function transformName2Prefix(name) {
+  const NameTransformSymbol = {
+    AT: "@",
+    HYPHEN: "-",
+    SLASH: "/",
+    UNDERLINE: "_"
+  };
+  const NameTransformMap = {
+    [NameTransformSymbol.AT]: "SCOPE",
+    [NameTransformSymbol.HYPHEN]: "HYPHEN",
+    [NameTransformSymbol.SLASH]: "SLASH",
+    [NameTransformSymbol.UNDERLINE]: "UNDERLINE"
+  };
+  const SPLIT_SYMBOL = "@";
+  return `${name.replace(new RegExp(`${NameTransformSymbol.AT}`, "g"), NameTransformMap[NameTransformSymbol.AT]).replace(new RegExp(`${NameTransformSymbol.HYPHEN}`, "g"), NameTransformMap[NameTransformSymbol.HYPHEN]).replace(new RegExp(`${NameTransformSymbol.SLASH}`, "g"), NameTransformMap[NameTransformSymbol.SLASH]).replace(new RegExp(`${NameTransformSymbol.UNDERLINE}`, "g"), NameTransformMap[NameTransformSymbol.UNDERLINE])}${SPLIT_SYMBOL}`;
+}
+export {
+  transformName2Prefix
+};

package/dist/esm-node/runtime/withMFRouteId.js

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

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

@@ -1,15 +1,15 @@
 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");
 const mfSSRPlugin = () => ({
   name: "@module-federation/modern-js",
   setup: () => {
     return {
-      async init({ context }, next) {
+      async beforeRender() {
+        console.log(111, "beforeRender");
         if (typeof window !== "undefined") {
-          return next({
-            context
-          });
+          return;
         }
         globalThis.shouldUpdate = false;
         const nodeUtils = await import("@module-federation/node/utils");
@@ -19,9 +19,7 @@ const mfSSRPlugin = () => ({
           await nodeUtils.flushChunks();
           globalThis.shouldUpdate = true;
         }
-        return next({
-          context
-        });
+        return;
       },
       wrapRoot(App) {
         const AppWrapper = (props) => /* @__PURE__ */ _jsxs(_Fragment, {

package/dist/types/cli/ast/constant.d.ts

@@ -0,0 +1,7 @@
+export declare const IS_ROOT = "isRoot";
+export declare const ID = "id";
+export declare const COMPONENT = "component";
+export declare const LAZY_COMPONENT = "lazyImport";
+export declare const SHOULD_REVALIDATE = "shouldRevalidate";
+export declare const PRIVATE_COMPONENT = "_component";
+export declare const ELEMENT = "element";

package/dist/types/cli/ast/generateRoutes.d.ts

@@ -0,0 +1,7 @@
+declare function generateRoutes({ sourceCode, filePath, prefix, baseName, }: {
+    sourceCode: string;
+    filePath: string;
+    prefix: string;
+    baseName: string;
+}): void;
+export { generateRoutes };

package/dist/types/cli/ast/generateSlimRoutes.d.ts

@@ -0,0 +1,7 @@
+declare function generateSlimRoutes({ sourceCode, filePath, prefix, baseName, }: {
+    sourceCode: string;
+    filePath: string;
+    prefix: string;
+    baseName: string;
+}): void;
+export { generateSlimRoutes };

package/dist/types/cli/ast/index.d.ts

@@ -0,0 +1,2 @@
+export { generateRoutes } from './generateRoutes';
+export { generateSlimRoutes } from './generateSlimRoutes';

package/dist/types/cli/constant.d.ts

@@ -1 +1,3 @@
 export declare const isDev: boolean;
+export declare const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes.js";
+export declare const META_NAME = "modern-js";

package/dist/types/cli/dataLoaderPlugin.d.ts

@@ -0,0 +1,6 @@
+import type { CliPlugin, AppTools } from '@modern-js/app-tools';
+import type { DataLoaderOptions, InternalModernPluginOptions } from '../types';
+import { generateRoutes, generateSlimRoutes } from './ast';
+export declare const moduleFederationDataLoaderPlugin: (enable: boolean, internalOptions: InternalModernPluginOptions, userConfig: DataLoaderOptions) => CliPlugin<AppTools>;
+export default moduleFederationDataLoaderPlugin;
+export { generateRoutes, generateSlimRoutes };