@module-federation/modern-js 0.0.0-next-20240819040425 → 0.0.0-next-20240820034939

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,18 @@ 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() {
+        console.log(111, "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 +55,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/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/ast/generateRoutes.js

@@ -0,0 +1,107 @@
+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, prefix = param.prefix, baseName = param.baseName;
+  var ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  var lazyComponentDeclarations = [];
+  var componentDeclarations = [];
+  var componentId = 0;
+  traverse(ast, {
+    ImportDeclaration: function ImportDeclaration(path) {
+      var source = path.node.source.value;
+      var routeIdMatch = source.match(/routeId=([^&]+)/);
+      if (routeIdMatch) {
+        var originalRouteId = routeIdMatch[1];
+        var newRouteId = "".concat(prefix).concat(originalRouteId);
+        var newSource = source.replace(/routeId=[^&]+/, "routeId=".concat(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)) {
+        idNode.value = t.stringLiteral("".concat(prefix).concat(idNode.value.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 _generate = generate(ast), newCode = _generate.code;
+  var finalCode = "".concat(newCode, "export const baseName = '").concat(baseName, "';");
+  fs.writeFileSync(filePath, finalCode);
+}
+export {
+  generateRoutes
+};

package/dist/esm/cli/ast/generateSerializableRoutes.js

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

package/dist/esm/cli/ast/generateSlimRoutes.js

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

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

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

package/dist/esm/cli/bundler-plugins/SerializableRoutesPlugin.js

@@ -0,0 +1,45 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import fs from "fs";
+import { generateSerializableRoutes } from "../ast";
+var SERIALIZABLE_ROUTES = "serializable-routes.json";
+var SerializableRoutesPlugin = /* @__PURE__ */ function() {
+  "use strict";
+  function SerializableRoutesPlugin2(options) {
+    _class_call_check(this, SerializableRoutesPlugin2);
+    var routesFilePath = options.routesFilePath, prefix = options.prefix;
+    this.routesFilePath = routesFilePath;
+    this.prefix = prefix;
+  }
+  var _proto = SerializableRoutesPlugin2.prototype;
+  _proto.apply = function apply(compiler) {
+    var _this = this;
+    compiler.hooks.thisCompilation.tap("generateStats", function(compilation) {
+      var _this1 = _this;
+      compilation.hooks.processAssets.tapPromise({
+        name: "generateSerializableRoutes",
+        // @ts-ignore use runtime variable in case peer dep not installed
+        stage: compilation.constructor.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER
+      }, /* @__PURE__ */ _async_to_generator(function() {
+        var sourceCode, routesCode;
+        return _ts_generator(this, function(_state) {
+          sourceCode = fs.readFileSync(_this1.routesFilePath, "utf-8");
+          routesCode = generateSerializableRoutes({
+            sourceCode,
+            prefix: _this1.prefix
+          });
+          compilation.emitAsset(SERIALIZABLE_ROUTES, new compiler.webpack.sources.RawSource(JSON.stringify(routesCode, null, 2)));
+          return [
+            2
+          ];
+        });
+      }));
+    });
+  };
+  return SerializableRoutesPlugin2;
+}();
+export {
+  SERIALIZABLE_ROUTES,
+  SerializableRoutesPlugin
+};

package/dist/esm/cli/constant.js

@@ -1,4 +1,8 @@
 var isDev = process.env.NODE_ENV === "development";
+var MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes.js";
+var META_NAME = "modern-js";
 export {
+  META_NAME,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
   isDev
 };