@module-federation/modern-js 0.0.0-next-20240909073915 → 0.0.0-next-20240909092952

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

@@ -0,0 +1,209 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { transformName2Prefix } from "../../runtime/utils";
+import { DEFAULT_ENTRY } from "../../constant";
+import { META_NAME } from "../../constant";
+import { generateRoutes } from "./ast";
+import { generateRouteFile } from "./generateRouteFile";
+import { patchMFConfig } from "./patchMFConfig";
+import path from "path";
+function _transformRuntimeOptions(buildOptions) {
+  var remotes = buildOptions.remotes || {};
+  var runtimeRemotes = Object.entries(remotes).map(function(remote) {
+    var _remote = _sliced_to_array(remote, 2), alias = _remote[0], nameAndEntry = _remote[1];
+    var _nameAndEntry_split = _sliced_to_array(nameAndEntry.split("@"), 2), name = _nameAndEntry_split[0], entry = _nameAndEntry_split[1];
+    return {
+      name,
+      entry,
+      alias
+    };
+  });
+  return {
+    name: buildOptions.name,
+    remotes: runtimeRemotes
+  };
+}
+var moduleFederationDataLoaderPlugin = function(enable, internalOptions, userConfig) {
+  return {
+    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: function() {
+      var _ref = _async_to_generator(function(param) {
+        var useAppContext, _userConfig_metaName, metaName, _userConfig_serverPlugin, serverPlugin, transformRuntimeOptions, appContext, name, internalDirectory, transformRuntimeFn, partialSSRRemotes, entries, remotePathMap, ssrByRouteIdsMap, serverPluginOptions, csrConfig, _ref2, scanEntries, scanRemotePathMap;
+        return _ts_generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              useAppContext = param.useAppContext;
+              if (!enable) {
+                return [
+                  2
+                ];
+              }
+              _userConfig_metaName = userConfig.metaName, metaName = _userConfig_metaName === void 0 ? META_NAME : _userConfig_metaName, _userConfig_serverPlugin = userConfig.serverPlugin, serverPlugin = _userConfig_serverPlugin === void 0 ? "@module-federation/modern-js/data-loader-server" : _userConfig_serverPlugin, transformRuntimeOptions = userConfig.transformRuntimeOptions;
+              appContext = useAppContext();
+              name = internalOptions.csrConfig.name;
+              internalDirectory = appContext.internalDirectory.replace(META_NAME, metaName || META_NAME);
+              transformRuntimeFn = transformRuntimeOptions || _transformRuntimeOptions;
+              partialSSRRemotes = [];
+              entries = /* @__PURE__ */ new Set();
+              remotePathMap = {};
+              ssrByRouteIdsMap = {};
+              serverPluginOptions = {
+                runtimeOptions: transformRuntimeFn(internalOptions.csrConfig),
+                partialSSRRemotes,
+                ssrByRouteIdsMap
+              };
+              csrConfig = internalOptions.csrConfig;
+              if (!(typeof csrConfig.remotes === "object" && Object.keys(csrConfig.remotes).length))
+                return [
+                  3,
+                  2
+                ];
+              return [
+                4,
+                generateRouteFile({
+                  appDirectory: appContext.appDirectory
+                })
+              ];
+            case 1:
+              _ref2 = _state.sent(), scanEntries = _ref2.entries, scanRemotePathMap = _ref2.remotePathMap;
+              scanEntries.forEach(function(e) {
+                return entries.add(e);
+              });
+              remotePathMap = scanRemotePathMap;
+              return [
+                3,
+                3
+              ];
+            case 2:
+              entries.add(DEFAULT_ENTRY);
+              _state.label = 3;
+            case 3:
+              return [
+                2,
+                {
+                  _internalRuntimePlugins: function(param2) {
+                    var entrypoint = param2.entrypoint, plugins = param2.plugins;
+                    plugins.push({
+                      name: "ssrDataLoader",
+                      path: "@module-federation/modern-js/data-loader",
+                      config: {}
+                    });
+                    return {
+                      entrypoint,
+                      plugins
+                    };
+                  },
+                  _internalServerPlugins: function _internalServerPlugins(param2) {
+                    var plugins = param2.plugins;
+                    plugins.push({
+                      name: serverPlugin,
+                      options: serverPluginOptions
+                    });
+                    return {
+                      plugins
+                    };
+                  },
+                  modifyFileSystemRoutes: function modifyFileSystemRoutes(options) {
+                    return _async_to_generator(function() {
+                      var routes, entrypoint, entryName, prefix, modifyRouteIds;
+                      return _ts_generator(this, function(_state2) {
+                        routes = options.routes, entrypoint = options.entrypoint;
+                        entryName = entrypoint.entryName;
+                        prefix = transformName2Prefix(internalOptions.csrConfig.name);
+                        modifyRouteIds = function(route, pathName) {
+                          var currentPathName = route.path ? path.join(pathName, route.path) : pathName;
+                          if (route.id) {
+                            var _route_children;
+                            var originalId = route.id;
+                            route.originalId = originalId;
+                            var remoteName = remotePathMap[currentPathName];
+                            if (remoteName) {
+                              var remoteIdPrefix = transformName2Prefix(remoteName);
+                              var isLayout = Boolean(route.children);
+                              var newId = "".concat(remoteIdPrefix).concat(isLayout ? "layout" : "page");
+                              ssrByRouteIdsMap[originalId] = newId;
+                              route.id = newId;
+                              if (!partialSSRRemotes.includes(remoteName)) {
+                                partialSSRRemotes.push(remoteName);
+                              }
+                            } else {
+                              route.id = "".concat(prefix).concat(route.id);
+                            }
+                            (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach(function(r) {
+                              modifyRouteIds(r, currentPathName);
+                            });
+                          }
+                        };
+                        routes.forEach(function(route) {
+                          modifyRouteIds(route, entryName);
+                        });
+                        return [
+                          2,
+                          options
+                        ];
+                      });
+                    })();
+                  },
+                  config: /* @__PURE__ */ _async_to_generator(function() {
+                    return _ts_generator(this, function(_state2) {
+                      return [
+                        2,
+                        {
+                          tools: {
+                            // bundlerChain can not keep target order
+                            rspack: function rspack(_config, param2) {
+                              var isServer = param2.isServer;
+                              patchMFConfig({
+                                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                                metaName,
+                                isServer,
+                                internalDirectory,
+                                entries
+                              });
+                            },
+                            // bundlerChain can not keep target order
+                            webpack: function webpack(_config, param2) {
+                              var isServer = param2.isServer;
+                              patchMFConfig({
+                                mfConfig: isServer ? internalOptions.ssrConfig : internalOptions.csrConfig,
+                                metaName,
+                                isServer,
+                                internalDirectory,
+                                entries
+                              });
+                            }
+                          },
+                          source: {
+                            define: {
+                              MODERN_ROUTER_ID_PREFIX: JSON.stringify(transformName2Prefix(name))
+                            }
+                          }
+                        }
+                      ];
+                    });
+                  })
+                }
+              ];
+          }
+        });
+      });
+      return function(_) {
+        return _ref.apply(this, arguments);
+      };
+    }()
+  };
+};
+var plugin_default = moduleFederationDataLoaderPlugin;
+export {
+  plugin_default as default,
+  generateRoutes,
+  moduleFederationDataLoaderPlugin
+};

package/dist/esm/cli/index.js

@@ -1,9 +1,11 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import { moduleFederationConfigPlugin } from "./configPlugin";
 import { moduleFederationSSRPlugin } from "./ssrPlugin";
+import { moduleFederationDataLoaderPlugin } from "./dataLoader/plugin";
 var moduleFederationPlugin = function() {
   var userConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   var internalModernPluginOptions = {
@@ -79,7 +81,8 @@ var moduleFederationPlugin = function() {
     }(),
     usePlugins: [
       moduleFederationConfigPlugin(internalModernPluginOptions),
-      moduleFederationSSRPlugin(internalModernPluginOptions)
+      moduleFederationSSRPlugin(internalModernPluginOptions),
+      moduleFederationDataLoaderPlugin(Boolean(userConfig.dataLoader), internalModernPluginOptions, _object_spread({}, typeof userConfig.dataLoader === "boolean" ? {} : userConfig.dataLoader))
     ]
   };
 };

package/dist/esm/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -1,16 +1,13 @@
-import nodeFetch from "node-fetch";
-var injectNodeFetchPlugin = function() {
+import nodeRuntimePlugin from "@module-federation/node/runtimePlugin";
+var isContainer = typeof __filename === "string" ? __filename.includes("remote") ? true : false : false;
+var pluginName = "node-plugin-".concat(isContainer);
+var nodePlugin = function() {
   return {
-    name: "inject-node-fetch-plugin",
-    beforeInit: function beforeInit(args) {
-      if (!globalThis.fetch) {
-        globalThis.fetch = nodeFetch;
-      }
-      return args;
-    }
+    name: pluginName,
+    beforeInit: nodeRuntimePlugin().beforeInit
   };
 };
-var inject_node_fetch_default = injectNodeFetchPlugin;
+var inject_node_fetch_default = nodePlugin;
 export {
   inject_node_fetch_default as default
 };

package/dist/esm/cli/mfRuntimePlugins/node.js

@@ -0,0 +1,16 @@
+import nodeFetch from "node-fetch";
+var injectNodeFetchPlugin = function() {
+  return {
+    name: "inject-node-fetch-plugin",
+    beforeInit: function beforeInit(args) {
+      if (!globalThis.fetch) {
+        globalThis.fetch = nodeFetch;
+      }
+      return args;
+    }
+  };
+};
+var node_default = injectNodeFetchPlugin;
+export {
+  node_default as default
+};

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 } from "../constant";
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";

package/dist/esm/cli/utils.js

@@ -79,7 +79,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);
@@ -132,7 +134,7 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy) {
     injectRuntimePlugins(path.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);
     }
@@ -339,5 +341,6 @@ export {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 };

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

@@ -43,7 +43,7 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
           remoteType: "script",
           runtimePlugins: [
             path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-            require.resolve("@module-federation/node/runtimePlugin"),
+            require.resolve("./mfRuntimePlugins/node.js"),
             path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
           ],
           shared: {

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.js

@@ -0,0 +1,92 @@
+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() {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@modern-js/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
+};