@module-federation/modern-js 0.0.0-next-20240919023345 → 0.0.0-next-20240919075108

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

@@ -1,99 +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-data-loader",
-    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:
-                  console.log("init ", dataLoaderRemotes);
-                  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:
-                              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/dataLoader/utils.js

@@ -1,77 +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;
-      }
-      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/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,107 +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 }) {
-  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 } = generate(ast);
-  fs.writeFileSync(filePath, code);
-}
-export {
-  generateRoutes
-};

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

@@ -1,4 +0,0 @@
-import { generateRoutes } from "./generateRoutes";
-export {
-  generateRoutes
-};

package/dist/esm-node/cli/dataLoader/clearMFCache.js

@@ -1,33 +0,0 @@
-function clearMFCache() {
-  if (!globalThis.__FEDERATION__) {
-    console.log("clearMFCache no globalThis.__FEDERATION__");
-    return;
-  }
-  globalThis.__FEDERATION__.__INSTANCES__.map((i) => {
-    i.moduleCache.forEach((mc) => {
-      if (mc.remoteInfo && mc.remoteInfo.entryGlobalName) {
-        delete globalThis[mc.remoteInfo.entryGlobalName];
-      }
-    });
-    i.moduleCache.clear();
-    if (globalThis[i.name]) {
-      delete globalThis[i.name];
-    }
-  });
-  Object.keys(globalThis.__FEDERATION__).forEach((key) => {
-    if (Array.isArray(globalThis.__FEDERATION__[key])) {
-      globalThis.__FEDERATION__[key] = [];
-    } else if (key === "__PRELOADED_MAP__") {
-      globalThis.__FEDERATION__[key] = /* @__PURE__ */ new Map();
-    } else if (typeof globalThis.__FEDERATION__[key] === "object") {
-      globalThis.__FEDERATION__[key] = {};
-    }
-  });
-  if (globalThis.__GLOBAL_LOADING_REMOTE_ENTRY__) {
-    globalThis.__GLOBAL_LOADING_REMOTE_ENTRY__ = {};
-  }
-  globalThis.FORCE_MF_REFRESH = true;
-}
-export {
-  clearMFCache
-};

package/dist/esm-node/cli/dataLoader/generateRouteFile.js

@@ -1,112 +0,0 @@
-import { fs, normalizeToPosixPath } from "@modern-js/utils";
-import path from "path";
-import { MF_JSON, ROUTE_ID } from "../../constant";
-import { getRemoteLayoutId } from "../../runtime/dataLoader/utils";
-const ROUTES = "routes";
-function calcPathName(filePath, rootDir, entry) {
-  const relativePath = path.relative(rootDir, filePath);
-  const conditionalReg = /^\[(.*)\]$/;
-  const splitPaths = relativePath.split("/").reduce((sum, cur) => {
-    if (cur.includes(".")) {
-      const split = cur.split(".").map((i) => {
-        const match = i.match(conditionalReg);
-        if (match) {
-          return `:${match[1]}`;
-        }
-        return i.startsWith("__") ? "" : i;
-      });
-      sum.push(...split);
-    } else {
-      const match = cur.match(conditionalReg);
-      if (match) {
-        sum.push(`:${match[1]}`);
-      } else {
-        if (!cur.startsWith("__")) {
-          sum.push(cur);
-        }
-      }
-    }
-    return sum;
-  }, []);
-  return path.join(entry, splitPaths.filter((p) => !!p).join("/"));
-}
-async function generateRouteFile(options) {
-  const { appDirectory } = options;
-  const entries = [];
-  const remotePathMap = {};
-  const srcPath = `${appDirectory}/src`;
-  const traverse = async (filepath, rootDir, entry) => {
-    if (!await fs.pathExists(filepath)) {
-      return null;
-    }
-    const isDirectory = (await fs.stat(filepath)).isDirectory();
-    if (!isDirectory) {
-      return null;
-    }
-    const items = await fs.readdir(filepath);
-    const mfJson = items.find((i) => i === MF_JSON);
-    if (mfJson) {
-      const mfJsonContent = await fs.readJSON(normalizeToPosixPath(path.join(filepath, mfJson)));
-      const { remoteName } = mfJsonContent;
-      const remoteLayoutId = getRemoteLayoutId(remoteName);
-      const writeFile = async (id, type, pathname) => {
-        const generatedFilePath = normalizeToPosixPath(path.join(filepath, `${type}.tsx`));
-        const content = [
-          "// Do not edit this file. It is a auto generated.",
-          `// It will render ${remoteName}'s ${type}.`,
-          `// The ${type} pathname is: ${pathname}`,
-          `// The ${type} route id is: ${ROUTE_ID}`
-        ];
-        await fs.writeFile(generatedFilePath, content.join("\n"));
-        return generatedFilePath;
-      };
-      if (remoteLayoutId) {
-        const pathname = calcPathName(filepath, rootDir, entry);
-        const filePath = await writeFile(remoteLayoutId, "layout", pathname);
-        remotePathMap[pathname] = {
-          name: remoteName,
-          path: filePath
-        };
-      }
-      return;
-    }
-    await Promise.all(items.map(async (item) => {
-      await traverse(normalizeToPosixPath(path.join(filepath, item)), rootDir, entry);
-    }));
-  };
-  const traverseRoutes = async (dir, level = 1) => {
-    if (level > 3) {
-      return;
-    }
-    const isDirectory = (await fs.stat(dir)).isDirectory();
-    if (!isDirectory) {
-      return;
-    }
-    const items = await fs.readdir(dir);
-    if (items.find((i) => i === ROUTES)) {
-      const entry = path.relative(srcPath, dir);
-      entries.push(entry);
-      const rootDir = `${dir}/${ROUTES}`;
-      await traverse(rootDir, rootDir, entry);
-    } else {
-      await Promise.all(items.map(async (item) => {
-        await traverseRoutes(path.join(dir, item), level++);
-      }));
-    }
-  };
-  await traverseRoutes(srcPath);
-  const normalizedEntries = entries.map((entry) => {
-    if (entry === "") {
-      return "main";
-    }
-    return entry;
-  });
-  return {
-    entries: normalizedEntries,
-    remotePathMap
-  };
-}
-export {
-  calcPathName,
-  generateRouteFile
-};

package/dist/esm-node/cli/dataLoader/patchMFConfig.js

@@ -1,103 +0,0 @@
-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) {
-  const { internalDirectory, mfConfig, isServer, entries } = options;
-  const entryMap = {};
-  const outputDir = path.resolve(process.cwd(), "node_modules/.federation/data-loader");
-  fs.ensureDirSync(outputDir);
-  const addSuffix = (fileName, ext = ".jsx") => {
-    if (!isServer) {
-      return `${fileName}${ext}`;
-    }
-    return `${fileName}.server${ext}`;
-  };
-  const generateEntryRoutes = (entry) => {
-    const outputEntryDir = path.resolve(outputDir, entry);
-    fs.ensureDirSync(outputEntryDir);
-    const sourceDir = path.resolve(internalDirectory, entry);
-    const routesFilePath = path.resolve(sourceDir, addSuffix(MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME, ".js"));
-    const routesFileContent = fs.readFileSync(routesFilePath, "utf-8");
-    const outputFullRoutesPath = path.resolve(outputEntryDir, addSuffix(MF_ROUTES));
-    generateRoutes({
-      sourceCode: routesFileContent,
-      filePath: outputFullRoutesPath
-    });
-    const routeServerLoaderPath = path.resolve(sourceDir, `${MODERN_JS_ROUTE_SERVER_LOADER}.js`);
-    const outputRouteServerLoaderPath = path.resolve(outputEntryDir, `${MODERN_JS_ROUTE_SERVER_LOADER}.js`);
-    const clientRouteServerLoaderPath = outputRouteServerLoaderPath.replace(MODERN_JS_ROUTE_SERVER_LOADER, `${MODERN_JS_ROUTE_SERVER_LOADER}-client`);
-    if (isServer) {
-      const 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((entry) => {
-    generateEntryRoutes(entry);
-  });
-  return {
-    entryMap
-  };
-}
-function addExpose(options) {
-  const { mfConfig, isServer } = options;
-  const { entryMap } = generateExtraExposeFiles(options);
-  const addExposeByEntry = (entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath) => {
-    if (!mfConfig.exposes) {
-      mfConfig.exposes = {};
-    }
-    const routesKey = `./${entry}/${MF_ROUTES}`;
-    if (!mfConfig.exposes[routesKey]) {
-      mfConfig.exposes[routesKey] = routesPath;
-    }
-    const routeServerLoaderKey = `./${entry}/${MODERN_JS_ROUTE_SERVER_LOADER}`;
-    if (!mfConfig.exposes[routeServerLoaderKey]) {
-      if (isServer) {
-        mfConfig.exposes[routeServerLoaderKey] = routeServerLoaderPath;
-      } else {
-        mfConfig.exposes[routeServerLoaderKey] = clientRouteServerLoaderPath;
-      }
-    }
-  };
-  Object.keys(entryMap).forEach((entry) => {
-    const { routesPath, routeServerLoaderPath, clientRouteServerLoaderPath } = entryMap[entry];
-    addExposeByEntry(entry, routesPath, routeServerLoaderPath, clientRouteServerLoaderPath);
-  });
-}
-function addShared(options) {
-  const { metaName, mfConfig } = options;
-  const alias = `@${metaName}/runtime/router`;
-  if (!mfConfig.shared) {
-    mfConfig.shared = {
-      [alias]: {
-        singleton: true
-      }
-    };
-  } else {
-    if (!Array.isArray(mfConfig.shared)) {
-      mfConfig.shared[alias] = {
-        singleton: true
-      };
-    } else {
-      mfConfig.shared.push(alias);
-    }
-  }
-}
-function patchMFConfig(options) {
-  addShared(options);
-  addExpose(options);
-}
-export {
-  patchMFConfig
-};