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

package/dist/cjs/runtime/withMFRouteId.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var withMFRouteId_exports = {};
+__export(withMFRouteId_exports, {
+  withMFRouteId: () => withMFRouteId
+});
+module.exports = __toCommonJS(withMFRouteId_exports);
+function withMFRouteId(id) {
+  const prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
+  return prefix + id;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withMFRouteId
+});

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

@@ -34,15 +34,17 @@ module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
 var import_SSRLiveReload = require("./SSRLiveReload");
+console.log("mfSSRPlugin trigger");
 const mfSSRPlugin = () => ({
   name: "@module-federation/modern-js",
+  pre: [
+    "@modern-js/plugin-router"
+  ],
   setup: () => {
     return {
-      async init({ context }, next) {
+      async beforeRender() {
         if (typeof window !== "undefined") {
-          return next({
-            context
-          });
+          return;
         }
         globalThis.shouldUpdate = false;
         const nodeUtils = await Promise.resolve().then(() => __toESM(require("@module-federation/node/utils")));
@@ -52,9 +54,7 @@ const mfSSRPlugin = () => ({
           await nodeUtils.flushChunks();
           globalThis.shouldUpdate = true;
         }
-        return next({
-          context
-        });
+        return;
       },
       wrapRoot(App) {
         const AppWrapper = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {

package/dist/esm/cli/dataLoader/ast/constant.js

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

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

@@ -0,0 +1,108 @@
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+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(function(p) {
+    return t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key;
+  });
+}
+function generateRoutes(param) {
+  var sourceCode = param.sourceCode, filePath = param.filePath;
+  var ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  var lazyComponentDeclarations = [];
+  var componentDeclarations = [];
+  var 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: function ObjectExpression(path) {
+      var componentName = "";
+      var lazyComponentName = "";
+      if (!Array.isArray(path.node.properties)) {
+        return;
+      }
+      var idNode = findTargetKeyNode(path.node.properties, "id");
+      if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
+      }
+      var isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
+      if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
+        isRootNode.value.value = false;
+      }
+      if (!isRootNode) {
+        var lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
+        if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
+          lazyComponentName = "LazyComponent_".concat(componentId);
+          var lazyDeclaration = t.variableDeclaration("const", [
+            t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
+          ]);
+          lazyComponentNode.value = t.identifier(lazyComponentName);
+          var componentNode = findTargetKeyNode(path.node.properties, "component");
+          if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
+            componentNode.value = t.callExpression(t.identifier("lazy"), [
+              t.identifier(lazyComponentName)
+            ]);
+          }
+          lazyComponentDeclarations.push(lazyDeclaration);
+        }
+      }
+      var componentNode1 = findTargetKeyNode(path.node.properties, "component");
+      if (componentNode1 && t.isObjectProperty(componentNode1) && t.isCallExpression(componentNode1.value) && t.isIdentifier(componentNode1.value.callee)) {
+        componentName = "Component_".concat(componentId);
+        var componentDeclaration = t.variableDeclaration("const", [
+          t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
+            t.identifier(lazyComponentName)
+          ]) : componentNode1.value)
+        ]);
+        componentDeclarations.push(componentDeclaration);
+        componentNode1.value = t.identifier(componentName);
+      }
+      if (lazyComponentName || componentName) {
+        componentId++;
+        if (componentName) {
+          var upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
+          var jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
+          path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    Program: function Program(path) {
+      var lastImportIndex = path.get("body").reduce(function(lastIndex, p, index) {
+        if (t.isImportDeclaration(p.node)) {
+          lastIndex = index;
+        }
+        return lastIndex;
+      }, -1);
+      if (lastImportIndex >= 0) {
+        var lastImport = path.get("body.".concat(lastImportIndex));
+        _to_consumable_array(componentDeclarations).concat(_to_consumable_array(lazyComponentDeclarations)).forEach(function(declaration) {
+          if ("insertAfter" in lastImport) {
+            lastImport.insertAfter(declaration);
+          }
+        });
+      }
+    }
+  });
+  var code = generate(ast).code;
+  fs.writeFileSync(filePath, code);
+}
+export {
+  generateRoutes
+};

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

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

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

@@ -0,0 +1,293 @@
+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 { fs, normalizeToPosixPath } from "@modern-js/utils";
+import path from "path";
+import { MF_JSON } from "../../constant";
+import { getRemoteLayoutId } from "../../runtime/dataLoader/utils";
+var ROUTES = "routes";
+function calcPathName(filePath, rootDir, entry) {
+  var relativePath = path.relative(rootDir, filePath);
+  var conditionalReg = /^\[(.*)\]$/;
+  var splitPaths = relativePath.split("/").reduce(function(sum, cur) {
+    if (cur.includes(".")) {
+      var _sum;
+      var split = cur.split(".").map(function(i) {
+        var match2 = i.match(conditionalReg);
+        if (match2) {
+          return ":".concat(match2[1]);
+        }
+        return i.startsWith("__") ? "" : i;
+      });
+      (_sum = sum).push.apply(_sum, _to_consumable_array(split));
+    } else {
+      var match = cur.match(conditionalReg);
+      if (match) {
+        sum.push(":".concat(match[1]));
+      } else {
+        if (!cur.startsWith("__")) {
+          sum.push(cur);
+        }
+      }
+    }
+    return sum;
+  }, []);
+  return path.join(entry, splitPaths.filter(function(p) {
+    return !!p;
+  }).join("/"));
+}
+function generateRouteFile(options) {
+  return _generateRouteFile.apply(this, arguments);
+}
+function _generateRouteFile() {
+  _generateRouteFile = _async_to_generator(function(options) {
+    var appDirectory, entries, remotePathMap, srcPath, traverse, traverseRoutes, normalizedEntries;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          appDirectory = options.appDirectory;
+          entries = [];
+          remotePathMap = {};
+          srcPath = "".concat(appDirectory, "/src");
+          traverse = function() {
+            var _ref = _async_to_generator(function(filepath, rootDir, entry) {
+              var isDirectory, items, mfJson, mfJsonContent, remoteName, remoteLayoutId, writeFile, pathname;
+              return _ts_generator(this, function(_state2) {
+                switch (_state2.label) {
+                  case 0:
+                    return [
+                      4,
+                      fs.pathExists(filepath)
+                    ];
+                  case 1:
+                    if (!_state2.sent()) {
+                      return [
+                        2,
+                        null
+                      ];
+                    }
+                    return [
+                      4,
+                      fs.stat(filepath)
+                    ];
+                  case 2:
+                    isDirectory = _state2.sent().isDirectory();
+                    if (!isDirectory) {
+                      return [
+                        2,
+                        null
+                      ];
+                    }
+                    return [
+                      4,
+                      fs.readdir(filepath)
+                    ];
+                  case 3:
+                    items = _state2.sent();
+                    mfJson = items.find(function(i) {
+                      return i === MF_JSON;
+                    });
+                    if (!mfJson)
+                      return [
+                        3,
+                        5
+                      ];
+                    return [
+                      4,
+                      fs.readJSON(normalizeToPosixPath(path.join(filepath, mfJson)))
+                    ];
+                  case 4:
+                    mfJsonContent = _state2.sent();
+                    remoteName = mfJsonContent.remoteName;
+                    remoteLayoutId = getRemoteLayoutId(remoteName);
+                    writeFile = function() {
+                      var _ref2 = _async_to_generator(function(id, type, pathname2) {
+                        var generatedFilePath, content;
+                        return _ts_generator(this, function(_state3) {
+                          switch (_state3.label) {
+                            case 0:
+                              generatedFilePath = normalizeToPosixPath(path.join(filepath, "".concat(type, ".tsx")));
+                              content = [
+                                "// Do not edit this file. It is a auto generated.",
+                                "// It will render ".concat(remoteName, "'s ").concat(type, "."),
+                                "// The ".concat(type, " pathname is: ").concat(pathname2),
+                                "// The ".concat(type, " route id is: ").concat(id)
+                              ];
+                              return [
+                                4,
+                                fs.writeFile(generatedFilePath, content.join("\n"))
+                              ];
+                            case 1:
+                              _state3.sent();
+                              return [
+                                2
+                              ];
+                          }
+                        });
+                      });
+                      return function writeFile2(id, type, pathname2) {
+                        return _ref2.apply(this, arguments);
+                      };
+                    }();
+                    if (remoteLayoutId) {
+                      pathname = calcPathName(filepath, rootDir, entry);
+                      writeFile(remoteLayoutId, "layout", pathname);
+                      remotePathMap[pathname] = remoteName;
+                    }
+                    return [
+                      2
+                    ];
+                  case 5:
+                    return [
+                      4,
+                      Promise.all(items.map(function() {
+                        var _ref2 = _async_to_generator(function(item) {
+                          return _ts_generator(this, function(_state3) {
+                            switch (_state3.label) {
+                              case 0:
+                                return [
+                                  4,
+                                  traverse(normalizeToPosixPath(path.join(filepath, item)), rootDir, entry)
+                                ];
+                              case 1:
+                                _state3.sent();
+                                return [
+                                  2
+                                ];
+                            }
+                          });
+                        });
+                        return function(item) {
+                          return _ref2.apply(this, arguments);
+                        };
+                      }()))
+                    ];
+                  case 6:
+                    _state2.sent();
+                    return [
+                      2
+                    ];
+                }
+              });
+            });
+            return function traverse2(filepath, rootDir, entry) {
+              return _ref.apply(this, arguments);
+            };
+          }();
+          traverseRoutes = function() {
+            var _ref = _async_to_generator(function(dir) {
+              var level, isDirectory, items, entry, rootDir;
+              var _arguments = arguments;
+              return _ts_generator(this, function(_state2) {
+                switch (_state2.label) {
+                  case 0:
+                    level = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 1;
+                    if (level > 3) {
+                      return [
+                        2
+                      ];
+                    }
+                    return [
+                      4,
+                      fs.stat(dir)
+                    ];
+                  case 1:
+                    isDirectory = _state2.sent().isDirectory();
+                    if (!isDirectory) {
+                      return [
+                        2
+                      ];
+                    }
+                    return [
+                      4,
+                      fs.readdir(dir)
+                    ];
+                  case 2:
+                    items = _state2.sent();
+                    if (!items.find(function(i) {
+                      return i === ROUTES;
+                    }))
+                      return [
+                        3,
+                        4
+                      ];
+                    entry = path.relative(srcPath, dir);
+                    entries.push(entry);
+                    rootDir = "".concat(dir, "/").concat(ROUTES);
+                    return [
+                      4,
+                      traverse(rootDir, rootDir, entry)
+                    ];
+                  case 3:
+                    _state2.sent();
+                    return [
+                      3,
+                      6
+                    ];
+                  case 4:
+                    return [
+                      4,
+                      Promise.all(items.map(function() {
+                        var _ref2 = _async_to_generator(function(item) {
+                          return _ts_generator(this, function(_state3) {
+                            switch (_state3.label) {
+                              case 0:
+                                return [
+                                  4,
+                                  traverseRoutes(path.join(dir, item), level++)
+                                ];
+                              case 1:
+                                _state3.sent();
+                                return [
+                                  2
+                                ];
+                            }
+                          });
+                        });
+                        return function(item) {
+                          return _ref2.apply(this, arguments);
+                        };
+                      }()))
+                    ];
+                  case 5:
+                    _state2.sent();
+                    _state2.label = 6;
+                  case 6:
+                    return [
+                      2
+                    ];
+                }
+              });
+            });
+            return function traverseRoutes2(dir) {
+              return _ref.apply(this, arguments);
+            };
+          }();
+          return [
+            4,
+            traverseRoutes(srcPath)
+          ];
+        case 1:
+          _state.sent();
+          normalizedEntries = entries.map(function(entry) {
+            if (entry === "") {
+              return "main";
+            }
+            return entry;
+          });
+          return [
+            2,
+            {
+              entries: normalizedEntries,
+              remotePathMap
+            }
+          ];
+      }
+    });
+  });
+  return _generateRouteFile.apply(this, arguments);
+}
+export {
+  calcPathName,
+  generateRouteFile
+};

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

@@ -0,0 +1,98 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+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"));
+    if (isServer) {
+      var routeServerLoaderContent = fs.readFileSync(routeServerLoaderPath, "utf-8");
+      generateRoutes({
+        sourceCode: routeServerLoaderContent,
+        filePath: outputRouteServerLoaderPath
+      });
+    }
+    entryMap[entry] = {
+      routesPath: outputFullRoutesPath,
+      routeServerLoaderPath: outputRouteServerLoaderPath
+    };
+  };
+  entries.forEach(function(entry) {
+    generateEntryRoutes(entry);
+  });
+  return {
+    entryMap
+  };
+}
+function addExpose(options) {
+  var mfConfig = options.mfConfig, isServer = options.isServer;
+  if (mfConfig.remotes && mfConfig.exposes) {
+    throw new Error("dataLoader only support for pure provider/consumer !");
+  }
+  var entryMap = generateExtraExposeFiles(options).entryMap;
+  var addExposeByEntry = function(entry, routesPath, routeServerLoaderPath) {
+    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 (isServer && !mfConfig.exposes[routeServerLoaderKey]) {
+      mfConfig.exposes[routeServerLoaderKey] = routeServerLoaderPath;
+    }
+  };
+  Object.keys(entryMap).forEach(function(entry) {
+    var _entryMap_entry = entryMap[entry], routesPath = _entryMap_entry.routesPath, routeServerLoaderPath = _entryMap_entry.routeServerLoaderPath;
+    addExposeByEntry(entry, routesPath, routeServerLoaderPath);
+  });
+}
+function addShared(options) {
+  var metaName = options.metaName, mfConfig = options.mfConfig;
+  var alias = "@".concat(metaName, "/runtime/router");
+  if (!mfConfig.shared) {
+    mfConfig.shared = _define_property({}, 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
+};