@module-federation/modern-js 0.0.0-next-20240909062831 → 0.0.0-next-20240909083238

package/dist/cjs/cli/utils.js

@@ -32,7 +32,8 @@ __export(utils_exports, {
   getMFConfig: () => getMFConfig,
   patchBundlerConfig: () => patchBundlerConfig,
   patchIgnoreWarning: () => patchIgnoreWarning,
-  patchMFConfig: () => patchMFConfig
+  patchMFConfig: () => patchMFConfig,
+  replaceRemoteUrl: () => replaceRemoteUrl
 });
 module.exports = __toCommonJS(utils_exports);
 var import_sdk = require("@module-federation/sdk");
@@ -84,7 +85,9 @@ const replaceRemoteUrl = (mfConfig, remoteIpStrategy) => {
       if (typeof remoteObject === "string") {
         return;
       }
-      handleRemoteObject(remoteObject);
+      if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
+        remoteObject.entry = remoteObject.entry.replace(import_constant.LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -139,7 +142,7 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
     injectRuntimePlugins(import_path.default.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(require.resolve("./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
@@ -329,5 +332,6 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 });

package/dist/cjs/cli/utils.spec.js

@@ -61,7 +61,7 @@ const mfConfig = {
       remoteType: "script",
       runtimePlugins: [
         import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-        require.resolve("@module-federation/node/runtimePlugin"),
+        require.resolve("./mfRuntimePlugins/node.js"),
         import_path.default.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
       ],
       shared: {

package/dist/cjs/constant.js

@@ -18,17 +18,47 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constant_exports = {};
 __export(constant_exports, {
+  DEFAULT_ENTRY: () => DEFAULT_ENTRY,
+  DEFAULT_LAYOUT: () => DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER: () => FOLD_IDENTIFIER,
   LOCALHOST: () => LOCALHOST,
+  META_NAME: () => META_NAME,
+  MF_JSON: () => MF_JSON,
+  MF_ROUTES: () => MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME: () => MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER: () => MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR: () => MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER,
+  SEPARATOR: () => SEPARATOR,
+  isDev: () => isDev
 });
 module.exports = __toCommonJS(constant_exports);
 const MODERN_JS_SERVER_DIR = "bundles";
 const LOCALHOST = "localhost";
 const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+const isDev = process.env.NODE_ENV === "development";
+const MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+const MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+const META_NAME = "modern-js";
+const FOLD_IDENTIFIER = "@mf";
+const SEPARATOR = "_";
+const MF_ROUTES = "mf-routes";
+const DEFAULT_ENTRY = "main";
+const DEFAULT_LAYOUT = "layout";
+const MF_JSON = "mf.json";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DEFAULT_ENTRY,
+  DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER,
   LOCALHOST,
+  META_NAME,
+  MF_JSON,
+  MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER,
+  SEPARATOR,
+  isDev
 });

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

package/dist/cjs/runtime/dataLoader/plugin.js

@@ -0,0 +1,73 @@
+"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 plugin_exports = {};
+__export(plugin_exports, {
+  ssrDataLoaderPlugin: () => ssrDataLoaderPlugin
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_runtime = require("@module-federation/enhanced/runtime");
+var import_constant = require("../../constant");
+var import_utils = require("./utils");
+const ssrDataLoaderPlugin = () => {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@modern-js/plugin-router"
+    ],
+    setup: () => {
+      const remoteRoutesMap = {};
+      return {
+        async beforeRender() {
+          console.log("init");
+          if (Object.keys(remoteRoutesMap).length) {
+            return;
+          }
+          const instance = (0, import_runtime.getInstance)();
+          if (!instance) {
+            console.log("no instance!");
+            return;
+          }
+          if (!instance.options.remotes.length) {
+            return;
+          }
+          await Promise.all(instance.options.remotes.map(async (remote) => {
+            const remoteId = `${remote.name}/${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}`;
+            const { routes } = await instance.loadRemote(remoteId);
+            remoteRoutesMap[remote.name] = {
+              routes
+            };
+          }));
+        },
+        // runtime plugin not save route , so it needs to inject again when trigger
+        modifyRoutes: (routes) => {
+          (0, import_utils.injectRemoteRoutes)({
+            entry: {
+              routes
+            }
+          }, remoteRoutesMap);
+          return routes;
+        }
+      };
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ssrDataLoaderPlugin
+});

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

@@ -0,0 +1,89 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  getRemoteLayoutId: () => getRemoteLayoutId,
+  getRemoteRoutesInfos: () => getRemoteRoutesInfos,
+  injectRemoteRoutes: () => injectRemoteRoutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_constant = require("../../constant");
+var import_utils = require("../utils");
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  const remoteName = (0, import_utils.transformPrefix2Name)(route.id);
+  const remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  const remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  const prefix = (0, import_utils.transformName2Prefix)(remoteName);
+  return `${prefix}${import_constant.DEFAULT_LAYOUT}`;
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  const traverse = (route) => {
+    var _route_children;
+    const remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      const { routes, pathName } = remoteRoutesInfos;
+      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((r) => {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach((entryName) => {
+    const routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach((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((r) => {
+        traverse(r);
+      });
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes
+});

package/dist/cjs/runtime/index.js

@@ -19,13 +19,16 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent
+  createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent,
+  withMFRouteId: () => import_withMFRouteId.withMFRouteId
 });
 module.exports = __toCommonJS(runtime_exports);
 __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
 var import_createRemoteSSRComponent = require("./createRemoteSSRComponent");
+var import_withMFRouteId = require("./withMFRouteId");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createRemoteSSRComponent,
+  withMFRouteId,
   ...require("@module-federation/enhanced/runtime")
 });

package/dist/cjs/runtime/utils.js

@@ -0,0 +1,38 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  transformName2Prefix: () => transformName2Prefix,
+  transformPrefix2Name: () => transformPrefix2Name
+});
+module.exports = __toCommonJS(utils_exports);
+var import_sdk = require("@module-federation/sdk");
+const SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return `${(0, import_sdk.encodeName)(name, "", false)}${SPLIT_SYMBOL}`;
+}
+function transformPrefix2Name(prefix) {
+  const realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return (0, import_sdk.decodeName)(realPrefix, "", false);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transformName2Prefix,
+  transformPrefix2Name
+});

package/dist/cjs/{cli/constant.js → runtime/withMFRouteId.js}

@@ -16,13 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var constant_exports = {};
-__export(constant_exports, {
-  isDev: () => isDev
+var withMFRouteId_exports = {};
+__export(withMFRouteId_exports, {
+  withMFRouteId: () => withMFRouteId
 });
-module.exports = __toCommonJS(constant_exports);
-const isDev = process.env.NODE_ENV === "development";
+module.exports = __toCommonJS(withMFRouteId_exports);
+function withMFRouteId(id) {
+  const prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
+  return prefix + id;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  isDev
+  withMFRouteId
 });

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

@@ -34,15 +34,17 @@ module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
 var import_SSRLiveReload = require("./SSRLiveReload");
+console.log("mfSSRPlugin trigger");
 const mfSSRPlugin = () => ({
   name: "@module-federation/modern-js",
+  pre: [
+    "@modern-js/plugin-router"
+  ],
   setup: () => {
     return {
-      async init({ context }, next) {
+      async beforeRender() {
         if (typeof window !== "undefined") {
-          return next({
-            context
-          });
+          return;
         }
         globalThis.shouldUpdate = false;
         const nodeUtils = await Promise.resolve().then(() => __toESM(require("@module-federation/node/utils")));
@@ -52,9 +54,7 @@ const mfSSRPlugin = () => ({
           await nodeUtils.flushChunks();
           globalThis.shouldUpdate = true;
         }
-        return next({
-          context
-        });
+        return;
       },
       wrapRoot(App) {
         const AppWrapper = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {

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

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

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

@@ -0,0 +1,109 @@
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+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(function(p) {
+    return t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key;
+  });
+}
+function generateRoutes(param) {
+  var sourceCode = param.sourceCode, filePath = param.filePath, prefix = param.prefix, baseName = param.baseName;
+  var ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  var lazyComponentDeclarations = [];
+  var componentDeclarations = [];
+  var 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: function ObjectExpression(path) {
+      var componentName = "";
+      var lazyComponentName = "";
+      if (!Array.isArray(path.node.properties)) {
+        return;
+      }
+      var idNode = findTargetKeyNode(path.node.properties, "id");
+      if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
+      }
+      var isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
+      if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
+        isRootNode.value.value = false;
+      }
+      if (!isRootNode) {
+        var lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
+        if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
+          lazyComponentName = "LazyComponent_".concat(componentId);
+          var lazyDeclaration = t.variableDeclaration("const", [
+            t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
+          ]);
+          lazyComponentNode.value = t.identifier(lazyComponentName);
+          var componentNode = findTargetKeyNode(path.node.properties, "component");
+          if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
+            componentNode.value = t.callExpression(t.identifier("lazy"), [
+              t.identifier(lazyComponentName)
+            ]);
+          }
+          lazyComponentDeclarations.push(lazyDeclaration);
+        }
+      }
+      var componentNode1 = findTargetKeyNode(path.node.properties, "component");
+      if (componentNode1 && t.isObjectProperty(componentNode1) && t.isCallExpression(componentNode1.value) && t.isIdentifier(componentNode1.value.callee)) {
+        componentName = "Component_".concat(componentId);
+        var componentDeclaration = t.variableDeclaration("const", [
+          t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
+            t.identifier(lazyComponentName)
+          ]) : componentNode1.value)
+        ]);
+        componentDeclarations.push(componentDeclaration);
+        componentNode1.value = t.identifier(componentName);
+      }
+      if (lazyComponentName || componentName) {
+        componentId++;
+        if (componentName) {
+          var upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
+          var jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
+          path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    Program: function Program(path) {
+      var lastImportIndex = path.get("body").reduce(function(lastIndex, p, index) {
+        if (t.isImportDeclaration(p.node)) {
+          lastIndex = index;
+        }
+        return lastIndex;
+      }, -1);
+      if (lastImportIndex >= 0) {
+        var lastImport = path.get("body.".concat(lastImportIndex));
+        _to_consumable_array(componentDeclarations).concat(_to_consumable_array(lazyComponentDeclarations)).forEach(function(declaration) {
+          if ("insertAfter" in lastImport) {
+            lastImport.insertAfter(declaration);
+          }
+        });
+      }
+    }
+  });
+  var _generate = generate(ast), newCode = _generate.code;
+  var finalCode = "".concat(newCode, "export const baseName = '").concat(baseName, "';");
+  fs.writeFileSync(filePath, finalCode);
+}
+export {
+  generateRoutes
+};

package/dist/esm/cli/dataLoader/ast/generateSelfRoutes.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+import * as t from "@babel/types";
+function findTargetKeyNode(nodeProperties, key) {
+  return nodeProperties.find(function(p) {
+    return t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key;
+  });
+}
+function generateSelfRoutes(param) {
+  var sourceCode = param.sourceCode, filePath = param.filePath, prefix = param.prefix, baseName = param.baseName;
+  var lazyComponentDeclarations = [];
+  var componentDeclarations = [];
+  var componentId = 0;
+  fs.writeFileSync(filePath, sourceCode);
+}
+export {
+  generateSelfRoutes
+};

package/dist/esm/cli/dataLoader/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(param) {
+  var sourceCode = param.sourceCode, prefix = param.prefix;
+  var ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  var removedKeys = [
+    COMPONENT,
+    SHOULD_REVALIDATE,
+    LAZY_COMPONENT,
+    PRIVATE_COMPONENT,
+    LOADER
+  ];
+  traverse(ast, {
+    ObjectExpression: function ObjectExpression(path1) {
+      if (!Array.isArray(path1.node.properties)) {
+        return;
+      }
+      path1.node.properties.forEach(function(prop1) {
+        if (t.isObjectProperty(prop1) && t.isStringLiteral(prop1.key) && t.isStringLiteral(prop1.value) && prop1.key.value === ID) {
+        }
+      });
+      path1.node.properties = path1.node.properties.filter(function(p1) {
+        if (t.isObjectProperty(p1) && t.isStringLiteral(p1.key)) {
+          return !removedKeys.includes(p1.key.value);
+        } else {
+          return true;
+        }
+      });
+    }
+  });
+  var routesValue = "";
+  traverse(ast, {
+    VariableDeclarator: function VariableDeclarator(path) {
+      if (t.isVariableDeclarator(path.node) && t.isIdentifier(path.node.id) && path.node.id.name === "routes") {
+        var routesAst = path.node.init;
+        if (!routesAst) {
+          return;
+        }
+        var code = generate(routesAst, {
+          compact: true,
+          retainLines: false,
+          concise: true
+        }).code;
+        routesValue = eval("(" + code + ")");
+      }
+    }
+  });
+  return routesValue;
+}
+export {
+  generateSerializableRoutes
+};

package/dist/esm/cli/dataLoader/ast/generateSlimRoutes.js

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