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

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

@@ -1,105 +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/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) {
-                        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

@@ -1,86 +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";
-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) {
-  if (!partialSSRRemotes.length) {
-    return void 0;
-  }
-  var remoteProviderRouteIds = /* @__PURE__ */ new Set();
-  var collectIds = function(route) {
-    remoteProviderRouteIds.add(route.id);
-    if (route.children) {
-      route.children.forEach(function(r) {
-        collectIds(r);
-      });
-    }
-  };
-  Object.values(remoteRoutesMap).forEach(function(item) {
-    var routes = item.routes;
-    routes.forEach(function(route) {
-      collectIds(route);
-    });
-  });
-  return _to_consumable_array(remoteProviderRouteIds);
-}
-export {
-  fetchRemoteFullRoutesMap,
-  getSSRByRouteIds
-};

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

@@ -1,92 +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() {
-  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
-};

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

@@ -1,63 +0,0 @@
-import { DEFAULT_LAYOUT } from "../../constant";
-import { transformName2Prefix, transformPrefix2Name } from "../utils";
-function getRemoteRoutesInfos(route, remoteRoutesMap) {
-  if (!route.id) {
-    return;
-  }
-  var remoteName = transformPrefix2Name(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 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 {
-  getRemoteLayoutId,
-  getRemoteRoutesInfos,
-  injectRemoteRoutes
-};

package/dist/esm/runtime/utils.js

@@ -1,13 +0,0 @@
-import { encodeName, decodeName } from "@module-federation/sdk";
-var SPLIT_SYMBOL = "@";
-function transformName2Prefix(name) {
-  return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
-}
-function transformPrefix2Name(prefix) {
-  var realPrefix = prefix.split(SPLIT_SYMBOL)[0];
-  return decodeName(realPrefix, "", false);
-}
-export {
-  transformName2Prefix,
-  transformPrefix2Name
-};

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/dataLoader/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
-};

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

@@ -1,108 +0,0 @@
-import fs from "fs";
-import traverse from "@babel/traverse";
-import * as babelParser from "@babel/parser";
-import generate from "@babel/generator";
-import * as t from "@babel/types";
-function findTargetKeyNode(nodeProperties, key) {
-  return nodeProperties.find((p) => t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key);
-}
-function generateRoutes({ sourceCode, filePath, prefix, baseName }) {
-  const ast = babelParser.parse(sourceCode, {
-    sourceType: "module"
-  });
-  const lazyComponentDeclarations = [];
-  const componentDeclarations = [];
-  let componentId = 0;
-  traverse(ast, {
-    // ImportDeclaration(path) {
-    //   const source = path.node.source.value;
-    //   const routeIdMatch = source.match(/routeId=([^&]+)/);
-    //   if (routeIdMatch) {
-    //     const originalRouteId = routeIdMatch[1];
-    //     const newRouteId = `${prefix}${originalRouteId}`;
-    //     const newSource = source.replace(
-    //       /routeId=[^&]+/,
-    //       `routeId=${newRouteId}`,
-    //     );
-    //     path.node.source = t.stringLiteral(newSource);
-    //   }
-    // },
-    ObjectExpression(path) {
-      let componentName = "";
-      let lazyComponentName = "";
-      if (!Array.isArray(path.node.properties)) {
-        return;
-      }
-      const idNode = findTargetKeyNode(path.node.properties, "id");
-      if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
-      }
-      const isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
-      if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
-        isRootNode.value.value = false;
-      }
-      if (!isRootNode) {
-        const lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
-        if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
-          lazyComponentName = `LazyComponent_${componentId}`;
-          const lazyDeclaration = t.variableDeclaration("const", [
-            t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
-          ]);
-          lazyComponentNode.value = t.identifier(lazyComponentName);
-          const componentNode2 = findTargetKeyNode(path.node.properties, "component");
-          if (componentNode2 && t.isObjectProperty(componentNode2) && t.isCallExpression(componentNode2.value) && t.isIdentifier(componentNode2.value.callee)) {
-            componentNode2.value = t.callExpression(t.identifier("lazy"), [
-              t.identifier(lazyComponentName)
-            ]);
-          }
-          lazyComponentDeclarations.push(lazyDeclaration);
-        }
-      }
-      const componentNode = findTargetKeyNode(path.node.properties, "component");
-      if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
-        componentName = `Component_${componentId}`;
-        const componentDeclaration = t.variableDeclaration("const", [
-          t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
-            t.identifier(lazyComponentName)
-          ]) : componentNode.value)
-        ]);
-        componentDeclarations.push(componentDeclaration);
-        componentNode.value = t.identifier(componentName);
-      }
-      if (lazyComponentName || componentName) {
-        componentId++;
-        if (componentName) {
-          const upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
-          const jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
-          path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
-        }
-      }
-    }
-  });
-  traverse(ast, {
-    Program(path) {
-      const lastImportIndex = path.get("body").reduce((lastIndex, p, index) => {
-        if (t.isImportDeclaration(p.node)) {
-          lastIndex = index;
-        }
-        return lastIndex;
-      }, -1);
-      if (lastImportIndex >= 0) {
-        const lastImport = path.get(`body.${lastImportIndex}`);
-        [
-          ...componentDeclarations,
-          ...lazyComponentDeclarations
-        ].forEach((declaration) => {
-          if ("insertAfter" in lastImport) {
-            lastImport.insertAfter(declaration);
-          }
-        });
-      }
-    }
-  });
-  const { code: newCode } = generate(ast);
-  const finalCode = `${newCode}export const baseName = '${baseName}';`;
-  fs.writeFileSync(filePath, finalCode);
-}
-export {
-  generateRoutes
-};

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

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

package/dist/esm-node/cli/dataLoader/ast/generateSerializableRoutes.js

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

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

@@ -1,70 +0,0 @@
-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({ sourceCode, filePath, prefix, baseName }) {
-  const ast = babelParser.parse(sourceCode, {
-    sourceType: "module"
-  });
-  const removedKeys = [
-    COMPONENT,
-    SHOULD_REVALIDATE,
-    LAZY_COMPONENT,
-    PRIVATE_COMPONENT
-  ];
-  traverse(ast, {
-    // ImportDeclaration(path) {
-    //   const source = path.node.source.value;
-    //   const routeIdMatch = source.match(/routeId=([^&]+)/);
-    //   if (routeIdMatch) {
-    //     const originalRouteId = routeIdMatch[1];
-    //     const newRouteId = `${prefix}${originalRouteId}`;
-    //     const newSource = source.replace(
-    //       /routeId=[^&]+/,
-    //       `routeId=${newRouteId}`,
-    //     );
-    //     path.node.source = t.stringLiteral(newSource);
-    //   }
-    // },
-    ObjectExpression(path) {
-      if (!Array.isArray(path.node.properties)) {
-        return;
-      }
-      path.node.properties = path.node.properties.filter((p) => {
-        if (t.isObjectProperty(p) && t.isStringLiteral(p.key)) {
-          return !removedKeys.includes(p.key.value);
-        } else {
-          return true;
-        }
-      });
-    }
-  });
-  const tempCode = generate(ast).code;
-  const tempAst = babelParser.parse(tempCode, {
-    sourceType: "module"
-  });
-  const usedIdentifiers = /* @__PURE__ */ new Set();
-  traverse(tempAst, {
-    Identifier(path) {
-      if (t.isProperty(path.parent)) {
-        usedIdentifiers.add(path.node.name);
-      }
-    }
-  });
-  traverse(tempAst, {
-    ImportDeclaration(path) {
-      path.node.specifiers = path.node.specifiers.filter((specifier) => usedIdentifiers.has(specifier.local.name));
-      if (!path.node.specifiers.length) {
-        path.remove();
-      }
-    }
-  });
-  const { code: newCode } = generate(tempAst);
-  const finalCode = `${newCode}export const baseName = '${baseName}';`;
-  fs.writeFileSync(filePath, finalCode);
-}
-export {
-  generateSlimRoutes
-};

package/dist/esm-node/cli/dataLoader/ast/index.js

@@ -1,10 +0,0 @@
-import { generateRoutes } from "./generateRoutes";
-import { generateSlimRoutes } from "./generateSlimRoutes";
-import { generateSerializableRoutes } from "./generateSerializableRoutes";
-import { generateSelfRoutes } from "./generateSelfRoutes";
-export {
-  generateRoutes,
-  generateSelfRoutes,
-  generateSerializableRoutes,
-  generateSlimRoutes
-};