@module-federation/modern-js 0.0.0-next-20241017102355 → 0.0.0-next-20241018034800

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

@@ -1,130 +0,0 @@
-import { _ as _define_property } from "@swc/helpers/_/_define_property";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import path from "path";
-import { fs } from "@modern-js/utils";
-import { MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
-import { MF_ROUTES, MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME } from "../../constant";
-import { generateRoutes } from "./ast";
-function generateExtraExposeFiles(options) {
-  var internalDirectory = options.internalDirectory, mfConfig = options.mfConfig, isServer = options.isServer, entries = options.entries;
-  var entryMap = {};
-  var outputDir = path.resolve(process.cwd(), "node_modules/.federation/data-loader");
-  fs.ensureDirSync(outputDir);
-  var addSuffix = function(fileName) {
-    var ext = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ".jsx";
-    if (!isServer) {
-      return "".concat(fileName).concat(ext);
-    }
-    return "".concat(fileName, ".server").concat(ext);
-  };
-  var generateEntryRoutes = function(entry) {
-    var outputEntryDir = path.resolve(outputDir, entry);
-    fs.ensureDirSync(outputEntryDir);
-    var sourceDir = path.resolve(internalDirectory, entry);
-    var routesFilePath = path.resolve(sourceDir, addSuffix(MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME, ".js"));
-    var routesFileContent = fs.readFileSync(routesFilePath, "utf-8");
-    var outputFullRoutesPath = path.resolve(outputEntryDir, addSuffix(MF_ROUTES));
-    generateRoutes({
-      sourceCode: routesFileContent,
-      filePath: outputFullRoutesPath
-    });
-    var routeServerLoaderPath = path.resolve(sourceDir, "".concat(MODERN_JS_ROUTE_SERVER_LOADER, ".js"));
-    var outputRouteServerLoaderPath = path.resolve(outputEntryDir, "".concat(MODERN_JS_ROUTE_SERVER_LOADER, ".js"));
-    var clientRouteServerLoaderPath = outputRouteServerLoaderPath.replace(MODERN_JS_ROUTE_SERVER_LOADER, "".concat(MODERN_JS_ROUTE_SERVER_LOADER, "-client"));
-    if (isServer) {
-      var routeServerLoaderContent = fs.readFileSync(routeServerLoaderPath, "utf-8");
-      generateRoutes({
-        sourceCode: routeServerLoaderContent,
-        filePath: outputRouteServerLoaderPath
-      });
-    } else {
-      fs.writeFileSync(clientRouteServerLoaderPath, "export const routes = []");
-    }
-    entryMap[entry] = {
-      routesPath: outputFullRoutesPath,
-      routeServerLoaderPath: outputRouteServerLoaderPath,
-      clientRouteServerLoaderPath
-    };
-  };
-  entries.forEach(function(entry) {
-    generateEntryRoutes(entry);
-  });
-  return {
-    entryMap
-  };
-}
-function addExpose(options) {
-  var mfConfig = options.mfConfig, isServer = options.isServer;
-  var entryMap = generateExtraExposeFiles(options).entryMap;
-  var addExposeByEntry = function(entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath) {
-    if (!mfConfig.exposes) {
-      mfConfig.exposes = {};
-    }
-    var routesKey = "./".concat(entry, "/").concat(MF_ROUTES);
-    if (!mfConfig.exposes[routesKey]) {
-      mfConfig.exposes[routesKey] = routesPath;
-    }
-    var routeServerLoaderKey = "./".concat(entry, "/").concat(MODERN_JS_ROUTE_SERVER_LOADER);
-    if (!mfConfig.exposes[routeServerLoaderKey]) {
-      if (isServer) {
-        mfConfig.exposes[routeServerLoaderKey] = routeServerLoaderPath;
-      } else {
-        mfConfig.exposes[routeServerLoaderKey] = clientRouteServerLoaderPath;
-      }
-    }
-  };
-  Object.keys(entryMap).forEach(function(entry) {
-    var _entryMap_entry = entryMap[entry], routesPath = _entryMap_entry.routesPath, routeServerLoaderPath = _entryMap_entry.routeServerLoaderPath, clientRouteServerLoaderPath = _entryMap_entry.clientRouteServerLoaderPath;
-    addExposeByEntry(entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath);
-  });
-}
-function addShared(options) {
-  var mfConfig = options.mfConfig;
-  var styledComponents = "styled-components";
-  var reactRouterDom = "react-router-dom";
-  var reactRouterDomServer = "react-router-dom/server";
-  if (!mfConfig.shared) {
-    var _obj;
-    mfConfig.shared = (_obj = {}, _define_property(_obj, reactRouterDom, {
-      singleton: true
-    }), _define_property(_obj, reactRouterDomServer, {
-      singleton: true
-    }), _define_property(_obj, styledComponents, {
-      singleton: true
-    }), _obj);
-  } else {
-    if (!Array.isArray(mfConfig.shared)) {
-      mfConfig.shared[reactRouterDom] = {
-        singleton: true
-      };
-      mfConfig.shared[reactRouterDomServer] = {
-        singleton: true
-      };
-      mfConfig.shared[styledComponents] = {
-        singleton: true
-      };
-    } else {
-      mfConfig.shared = mfConfig.shared.reduce(function(sum, cur) {
-        if (typeof cur === "string") {
-          sum[cur] = {};
-        } else {
-          sum = _object_spread({}, sum, cur);
-        }
-        return sum;
-      }, {});
-      mfConfig.shared[reactRouterDom] = {
-        singleton: true
-      };
-      mfConfig.shared[reactRouterDomServer] = {
-        singleton: true
-      };
-      mfConfig.shared[styledComponents] = {
-        singleton: true
-      };
-    }
-  }
-}
-export {
-  addExpose,
-  addShared
-};

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

@@ -1,93 +0,0 @@
-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, dataLoaderRemotes, remotes, remoteRoutesMap;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          instance = options.instance, remotePath = options.remotePath, dataLoaderRemotes = options.dataLoaderRemotes;
-          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:
-                      if (!dataLoaderRemotes.includes(remote.name)) {
-                        return [
-                          2
-                        ];
-                      }
-                      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(dataLoaderRemotes, 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 (!dataLoaderRemotes.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/server/fetchRoutePlugin.js

@@ -1,104 +0,0 @@
-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/routes/utils";
-import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
-function fetchRoutePlugin_default(param) {
-  var runtimeOptions = param.runtimeOptions, dataLoaderRemotes = param.dataLoaderRemotes, ssrByRouteIdsMap = param.ssrByRouteIdsMap;
-  return {
-    name: "@module-federation/modern-js-fetch-route",
-    pre: [
-      "@modern-js/plugin-inject-resource"
-    ],
-    setup: function setup(api) {
-      var remotes = runtimeOptions.remotes, name = runtimeOptions.name;
-      var isHandled = false;
-      return {
-        prepare: function prepare() {
-          var middlewares = api.useAppContext().middlewares;
-          middlewares.push({
-            name: "MFPatchRouteMiddleWare",
-            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 && !globalThis.FORCE_MF_REFRESH))
-                        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),
-                          dataLoaderRemotes
-                        })
-                      ];
-                    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 && dataLoaderRemotes.length) {
-                        remoteSSRByRouteIds = getSSRByRouteIds(dataLoaderRemotes, 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;
-                      globalThis.FORCE_MF_REFRESH = false;
-                      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 {
-  fetchRoutePlugin_default as default
-};

package/dist/esm/runtime/routes/plugin-inject-assets.js

@@ -1,71 +0,0 @@
-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";
-function traverseRoutes(routes, remoteNames) {
-  routes.forEach(function(route) {
-    route.id && remoteNames.add(decodeId(route.id));
-    route.children && traverseRoutes(route.children, remoteNames);
-  });
-}
-var ssrDataLoaderInjectAssetsPlugin = function(param) {
-  var metaName = param.metaName;
-  return {
-    name: "@modern-js/plugin-mf-routes-inject-assets",
-    pre: [
-      "@modern-js/plugin-mf-routes"
-    ],
-    post: [
-      "@module-federation/modern-js",
-      "@".concat(metaName, "/plugin-router")
-    ],
-    setup: function() {
-      return {
-        wrapRoot: function wrapRoot() {
-          var AppWrapper = function(props) {
-            var instance = getInstance();
-            if (!instance || !instance.options.remotes.length) {
-              return /* @__PURE__ */ _jsx(_Fragment, {
-                children: props.children
-              });
-            }
-            var context = useContext(RuntimeReactContext);
-            var remotes = instance.options.remotes;
-            var remoteNames = /* @__PURE__ */ new Set();
-            traverseRoutes(context.routes, remoteNames);
-            var remoteIds = _to_consumable_array(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
-              })));
-            });
-            return /* @__PURE__ */ _jsxs(_Fragment, {
-              children: [
-                assets,
-                props.children
-              ]
-            });
-          };
-          return AppWrapper;
-        }
-      };
-    }
-  };
-};
-export {
-  ssrDataLoaderInjectAssetsPlugin
-};

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

@@ -1,97 +0,0 @@
-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, dataLoaderRemotes = param.dataLoaderRemotes;
-  return {
-    name: "@modern-js/plugin-mf-routes",
-    post: [
-      "@".concat(metaName, "/plugin-router"),
-      "@module-federation/modern-js"
-    ],
-    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:
-                  if (Object.keys(remoteRoutesMap).length) {
-                    return [
-                      2
-                    ];
-                  }
-                  instance = getInstance();
-                  if (!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:
-                              if (!dataLoaderRemotes.includes(remote.name)) {
-                                return [
-                                  2
-                                ];
-                              }
-                              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/routes/utils.js

@@ -1,86 +0,0 @@
-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;
-      }
-      if (routes.Component) {
-        route.Component = routes.Component;
-        if (route.element) {
-          delete route.element;
-        }
-      } else if (routes.element) {
-        route.element = routes.element;
-        if (route.Component) {
-          delete route.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/withMFRouteId.js

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

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

@@ -1,11 +0,0 @@
-import nodeRuntimePlugin from "@module-federation/node/runtimePlugin";
-const isContainer = typeof __filename === "string" ? __filename.includes("remote") ? true : false : false;
-const pluginName = `node-plugin-${isContainer}`;
-const nodePlugin = () => ({
-  name: pluginName,
-  beforeInit: nodeRuntimePlugin().beforeInit
-});
-var node_default = nodePlugin;
-export {
-  node_default as default
-};

package/dist/esm-node/cli/routes/ast/constant.js

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