@module-federation/modern-js 0.0.0-next-20240911095451 → 0.0.0-next-20240912070754

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

@@ -0,0 +1,105 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { init } from "@module-federation/enhanced/runtime";
+import { isBrowserEnv } from "@module-federation/sdk";
+import { fetchRemoteFullRoutesMap, getSSRByRouteIds } from "./fetchRemoteFullRoutesMap";
+import { injectRemoteRoutes } from "../../runtime/dataLoader/utils";
+import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
+function dataLoaderPlugin_default(param) {
+  var runtimeOptions = param.runtimeOptions, partialSSRRemotes = param.partialSSRRemotes, ssrByRouteIdsMap = param.ssrByRouteIdsMap;
+  return {
+    name: "MFDataLoaderServerPlugin",
+    pre: [
+      "@modern-js/plugin-inject-resource"
+    ],
+    setup: function setup(api) {
+      var remotes = runtimeOptions.remotes, name = runtimeOptions.name;
+      if (!remotes.length) {
+        return {};
+      }
+      var isHandled = false;
+      return {
+        prepare: function prepare() {
+          var middlewares = api.useAppContext().middlewares;
+          middlewares.push({
+            name: "MFDataLoaderServerPlugin",
+            handler: function() {
+              var _ref = _async_to_generator(function(c, next) {
+                var serverManifest, loaderBundles, nestedRoutesJson, _api_useConfigContext_server, instance, remoteFullRoutesMap, originalSSRByRouteIds, remoteSSRByRouteIds, ssrByRouteIds;
+                return _ts_generator(this, function(_state) {
+                  switch (_state.label) {
+                    case 0:
+                      serverManifest = c.get("serverManifest");
+                      loaderBundles = serverManifest.loaderBundles, nestedRoutesJson = serverManifest.nestedRoutesJson;
+                      if (!isHandled)
+                        return [
+                          3,
+                          2
+                        ];
+                      return [
+                        4,
+                        next()
+                      ];
+                    case 1:
+                      _state.sent();
+                      return [
+                        3,
+                        5
+                      ];
+                    case 2:
+                      instance = init({
+                        name,
+                        remotes
+                      });
+                      return [
+                        4,
+                        fetchRemoteFullRoutesMap({
+                          instance,
+                          remotePath: isBrowserEnv() ? "".concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES) : "".concat(DEFAULT_ENTRY, "/").concat(MODERN_JS_ROUTE_SERVER_LOADER)
+                        })
+                      ];
+                    case 3:
+                      remoteFullRoutesMap = _state.sent();
+                      originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
+                      if (originalSSRByRouteIds && partialSSRRemotes.length) {
+                        remoteSSRByRouteIds = getSSRByRouteIds(partialSSRRemotes, remoteFullRoutesMap) || [];
+                        ssrByRouteIds = new Set(_to_consumable_array(originalSSRByRouteIds).concat(_to_consumable_array(remoteSSRByRouteIds.map(function(id) {
+                          return ssrByRouteIdsMap[id] || id;
+                        }))));
+                        api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
+                      }
+                      injectRemoteRoutes(loaderBundles, remoteFullRoutesMap);
+                      injectRemoteRoutes(nestedRoutesJson, remoteFullRoutesMap);
+                      isHandled = true;
+                      return [
+                        4,
+                        next()
+                      ];
+                    case 4:
+                      _state.sent();
+                      _state.label = 5;
+                    case 5:
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(c, next) {
+                return _ref.apply(this, arguments);
+              };
+            }(),
+            before: [
+              "render"
+            ]
+          });
+        }
+      };
+    }
+  };
+}
+;
+export {
+  dataLoaderPlugin_default as default
+};

package/dist/esm/cli/server/fetchRemoteFullRoutesMap.js

@@ -0,0 +1,88 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+function fetchRemoteFullRoutesMap(options) {
+  return _fetchRemoteFullRoutesMap.apply(this, arguments);
+}
+function _fetchRemoteFullRoutesMap() {
+  _fetchRemoteFullRoutesMap = _async_to_generator(function(options) {
+    var instance, remotePath, remotes, remoteRoutesMap;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          instance = options.instance, remotePath = options.remotePath;
+          remotes = instance.options.remotes;
+          remoteRoutesMap = {};
+          if (!remotes.length) {
+            return [
+              2,
+              remoteRoutesMap
+            ];
+          }
+          return [
+            4,
+            Promise.all(remotes.map(function() {
+              var _ref = _async_to_generator(function(remote) {
+                var remoteId, routes;
+                return _ts_generator(this, function(_state2) {
+                  switch (_state2.label) {
+                    case 0:
+                      remoteId = "".concat(remote.name, "/").concat(remotePath);
+                      return [
+                        4,
+                        instance.loadRemote(remoteId)
+                      ];
+                    case 1:
+                      routes = _state2.sent().routes;
+                      remoteRoutesMap[remote.name] = {
+                        routes
+                      };
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(remote) {
+                return _ref.apply(this, arguments);
+              };
+            }()))
+          ];
+        case 1:
+          _state.sent();
+          return [
+            2,
+            remoteRoutesMap
+          ];
+      }
+    });
+  });
+  return _fetchRemoteFullRoutesMap.apply(this, arguments);
+}
+function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
+  var remoteProviderRouteIds = /* @__PURE__ */ new Set();
+  var collectIds = function(route) {
+    remoteProviderRouteIds.add(route.id);
+    if (route.children) {
+      route.children.forEach(function(r) {
+        collectIds(r);
+      });
+    }
+  };
+  Object.entries(remoteRoutesMap).forEach(function(item) {
+    var _item = _sliced_to_array(item, 2), remoteName = _item[0], routesObj = _item[1];
+    if (!partialSSRRemotes.includes(remoteName)) {
+      return;
+    }
+    var routes = routesObj.routes;
+    routes.forEach(function(route) {
+      collectIds(route);
+    });
+  });
+  return _to_consumable_array(remoteProviderRouteIds);
+}
+export {
+  fetchRemoteFullRoutesMap,
+  getSSRByRouteIds
+};

package/dist/esm/cli/ssrPlugin.js

@@ -6,7 +6,7 @@ import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import { updateStatsAndManifest } from "./manifest";
-import { isDev } from "./constant";
+import { isDev, META_NAME } from "../constant";
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
@@ -20,10 +20,11 @@ var moduleFederationSSRPlugin = function(userConfig) {
     ],
     setup: function() {
       var _ref = _async_to_generator(function(param) {
-        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, enableSSR;
+        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, _userConfig_metaName, metaName, enableSSR;
         return _ts_generator(this, function(_state) {
           useConfigContext = param.useConfigContext, useAppContext = param.useAppContext;
           modernjsConfig = useConfigContext();
+          _userConfig_metaName = userConfig.metaName, metaName = _userConfig_metaName === void 0 ? META_NAME : _userConfig_metaName;
           enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
           if (!enableSSR) {
             return [
@@ -46,7 +47,9 @@ var moduleFederationSSRPlugin = function(userConfig) {
                 plugins.push({
                   name: "mfSSR",
                   path: "@module-federation/modern-js/ssr-runtime",
-                  config: {}
+                  config: {
+                    metaName
+                  }
                 });
                 return {
                   entrypoint,

package/dist/esm/cli/utils.js

@@ -2,6 +2,7 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _type_of } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { encodeName } from "@module-federation/sdk";
 import path from "path";
@@ -69,7 +70,7 @@ var replaceRemoteUrl = function(mfConfig, remoteIpStrategy) {
       if (typeof remote === "string" && remote.includes(LOCALHOST)) {
         remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
       }
-      if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
+      if ((typeof remote === "undefined" ? "undefined" : _type_of(remote)) === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
         remote.external = remote.external.replace(LOCALHOST, ipv4);
       }
     });
@@ -79,7 +80,9 @@ var replaceRemoteUrl = function(mfConfig, remoteIpStrategy) {
       if (typeof remoteObject === "string") {
         return;
       }
-      handleRemoteObject(remoteObject);
+      if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
+        remoteObject.entry = remoteObject.entry.replace(LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -126,17 +129,18 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy) {
     throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
   }
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
+  var _mfConfig_shareStrategy;
+  mfConfig.shareStrategy = (_mfConfig_shareStrategy = mfConfig.shareStrategy) !== null && _mfConfig_shareStrategy !== void 0 ? _mfConfig_shareStrategy : "loaded-first";
   patchDTSConfig(mfConfig, isServer);
-  injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
   if (isDev) {
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
-    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
+    injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js"), runtimePlugins);
     if (!mfConfig.library) {
       mfConfig.library = {
         type: "commonjs-module",
@@ -197,7 +201,7 @@ function patchBundlerConfig(options) {
       }
     }
     if (mfConfig.dts !== false) {
-      if (typeof mfConfig.dts === "object" && typeof mfConfig.dts.consumeTypes === "object" && mfConfig.dts.consumeTypes.remoteTypesFolder) {
+      if (_type_of(mfConfig.dts) === "object" && _type_of(mfConfig.dts.consumeTypes) === "object" && mfConfig.dts.consumeTypes.remoteTypesFolder) {
         bundlerConfig.watchOptions.ignored.push("**/".concat(mfConfig.dts.consumeTypes.remoteTypesFolder, "/**"));
       } else {
         bundlerConfig.watchOptions.ignored.push("**/@mf-types/**");
@@ -218,7 +222,7 @@ function patchBundlerConfig(options) {
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
-  if (!isServer && enableSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
+  if (!isServer && enableSSR && _type_of((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn("".concat(PLUGIN_IDENTIFIER, ' splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"'));
   }
@@ -339,5 +343,6 @@ export {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 };

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

@@ -41,10 +41,10 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
             remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
           },
           remoteType: "script",
+          shareStrategy: "loaded-first",
           runtimePlugins: [
-            path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-            require.resolve("@module-federation/node/runtimePlugin"),
-            path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
+            path.resolve(__dirname, "./mfRuntimePlugins/node.js"),
+            path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js")
           ],
           shared: {
             react: {
@@ -75,9 +75,8 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
             remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
           },
           remoteType: "script",
-          runtimePlugins: [
-            path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js")
-          ],
+          runtimePlugins: [],
+          shareStrategy: "loaded-first",
           shared: {
             react: {
               eager: true,

package/dist/esm/constant.js

@@ -1,8 +1,28 @@
 var MODERN_JS_SERVER_DIR = "bundles";
 var LOCALHOST = "localhost";
 var PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+var isDev = process.env.NODE_ENV === "development";
+var MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+var MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+var META_NAME = "modern-js";
+var FOLD_IDENTIFIER = "@mf";
+var SEPARATOR = "_";
+var MF_ROUTES = "mf-routes";
+var DEFAULT_ENTRY = "main";
+var DEFAULT_LAYOUT = "layout";
+var MF_JSON = "mf.json";
 export {
+  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/esm/runtime/dataLoader/plugin-inject-assets.js

@@ -0,0 +1,67 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { collectSSRAssets } from "../createRemoteSSRComponent";
+import { RuntimeReactContext } from "@meta/runtime";
+import { decodeId, getRemoteId } from "./utils";
+var ssrDataLoaderInjectAssetsPlugin = function(param) {
+  var metaName = param.metaName;
+  return {
+    name: "@modern-js/plugin-mf-data-loader-inject-assets",
+    pre: [
+      "@".concat(metaName, "/plugin-router"),
+      "@modern-js/plugin-mf-data-loader"
+    ],
+    setup: function() {
+      return {
+        wrapRoot: function wrapRoot(App) {
+          var AppWrapper = function(props) {
+            var _context_routerContext;
+            var instance = getInstance();
+            if (!instance || !instance.options.remotes.length) {
+              console.log("plugin-mf-data-loader-inject-assets no instance!");
+              return /* @__PURE__ */ _jsx(_Fragment, {
+                children: /* @__PURE__ */ _jsx(App, _object_spread({}, props))
+              });
+            }
+            var context = useContext(RuntimeReactContext);
+            var remotes = instance.options.remotes;
+            var remoteNames = ((_context_routerContext = context.routerContext) === null || _context_routerContext === void 0 ? void 0 : _context_routerContext.matches.map(function(match) {
+              return decodeId(match.route.id);
+            })) || [];
+            var remoteIds = remoteNames.reduce(function(sum, cur) {
+              var matchRemote = remotes.find(function(r) {
+                return r.name === cur;
+              });
+              if (matchRemote) {
+                sum.add(getRemoteId(cur));
+              }
+              return sum;
+            }, /* @__PURE__ */ new Set());
+            var assets = [];
+            remoteIds.forEach(function(remoteId) {
+              var _assets;
+              (_assets = assets).push.apply(_assets, _to_consumable_array(collectSSRAssets({
+                id: remoteId,
+                injectScript: false
+              })));
+            });
+            console.log("plugin-mf-data-loader-inject-assets has assets: ", assets);
+            return /* @__PURE__ */ _jsxs(_Fragment, {
+              children: [
+                assets,
+                /* @__PURE__ */ _jsx(App, _object_spread({}, props))
+              ]
+            });
+          };
+          return AppWrapper;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderInjectAssetsPlugin
+};

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

@@ -0,0 +1,93 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
+import { injectRemoteRoutes } from "./utils";
+var ssrDataLoaderPlugin = function(param) {
+  var metaName = param.metaName;
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@".concat(metaName, "/plugin-router")
+    ],
+    setup: function() {
+      var remoteRoutesMap = {};
+      return {
+        beforeRender: function beforeRender() {
+          return _async_to_generator(function() {
+            var instance;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  console.log("init");
+                  if (Object.keys(remoteRoutesMap).length) {
+                    return [
+                      2
+                    ];
+                  }
+                  instance = getInstance();
+                  if (!instance) {
+                    console.log("no instance!");
+                    return [
+                      2
+                    ];
+                  }
+                  if (!instance.options.remotes.length) {
+                    return [
+                      2
+                    ];
+                  }
+                  return [
+                    4,
+                    Promise.all(instance.options.remotes.map(function() {
+                      var _ref = _async_to_generator(function(remote) {
+                        var remoteId, routes;
+                        return _ts_generator(this, function(_state2) {
+                          switch (_state2.label) {
+                            case 0:
+                              remoteId = "".concat(remote.name, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
+                              return [
+                                4,
+                                instance.loadRemote(remoteId)
+                              ];
+                            case 1:
+                              routes = _state2.sent().routes;
+                              remoteRoutesMap[remote.name] = {
+                                routes
+                              };
+                              return [
+                                2
+                              ];
+                          }
+                        });
+                      });
+                      return function(remote) {
+                        return _ref.apply(this, arguments);
+                      };
+                    }()))
+                  ];
+                case 1:
+                  _state.sent();
+                  return [
+                    2
+                  ];
+              }
+            });
+          })();
+        },
+        // runtime plugin not save route , so it needs to inject again when trigger
+        modifyRoutes: function(routes) {
+          injectRemoteRoutes({
+            entry: {
+              routes
+            }
+          }, remoteRoutesMap);
+          return routes;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderPlugin
+};

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

@@ -0,0 +1,77 @@
+import { encodeName, decodeName } from "@module-federation/sdk";
+import { DEFAULT_ENTRY, DEFAULT_LAYOUT, MF_ROUTES } from "../../constant";
+var SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
+}
+function decodeId(prefix) {
+  var realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return decodeName(realPrefix, "", false);
+}
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  var remoteName = decodeId(route.id);
+  var remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  var remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  var prefix = transformName2Prefix(remoteName);
+  return "".concat(prefix).concat(DEFAULT_LAYOUT);
+}
+function getRemoteId(remoteName) {
+  return "".concat(remoteName, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  var traverse = function(route) {
+    var _route_children;
+    var remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      var routes = remoteRoutesInfos.routes, pathName = remoteRoutesInfos.pathName;
+      route.id = routes.id;
+      route.path = pathName;
+      if (routes.loader) {
+        route.loader = routes.loader;
+      }
+      if (routes.children) {
+        route.children = routes.children;
+      }
+      route.element = routes.element;
+      route.Component = routes.Component;
+      return;
+    }
+    (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach(function(r) {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach(function(entryName) {
+    var routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach(function(route) {
+        traverse(route);
+      });
+    } else {
+      var _routes_routes;
+      routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach(function(r) {
+        traverse(r);
+      });
+    }
+  });
+}
+export {
+  decodeId,
+  getRemoteId,
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes,
+  transformName2Prefix
+};

package/dist/esm/runtime/index.js

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

package/dist/esm/runtime/withMFRouteId.js

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

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

@@ -4,13 +4,17 @@ 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";
-var mfSSRPlugin = function() {
+console.log("mfSSRPlugin trigger");
+var mfSSRPlugin = function(param) {
+  var metaName = param.metaName;
   return {
     name: "@module-federation/modern-js",
+    pre: [
+      "@".concat(metaName, "/plugin-router")
+    ],
     setup: function() {
       return {
-        init: function init(param, next) {
-          var context = param.context;
+        beforeRender: function beforeRender() {
           return _async_to_generator(function() {
             var nodeUtils, shouldUpdate;
             return _ts_generator(this, function(_state) {
@@ -18,10 +22,7 @@ var mfSSRPlugin = function() {
                 case 0:
                   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
                   ];
               }
             });