@module-federation/modern-js 0.0.0-next-20240910102933 → 0.0.0-next-20240911025819

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

@@ -1,82 +0,0 @@
-"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 dataLoaderPlugin_exports = {};
-__export(dataLoaderPlugin_exports, {
-  default: () => dataLoaderPlugin_default
-});
-module.exports = __toCommonJS(dataLoaderPlugin_exports);
-var import_runtime = require("@module-federation/enhanced/runtime");
-var import_sdk = require("@module-federation/sdk");
-var import_fetchRemoteFullRoutesMap = require("./fetchRemoteFullRoutesMap");
-var import_utils = require("../../runtime/dataLoader/utils");
-var import_constant = require("../../constant");
-var dataLoaderPlugin_default = ({ runtimeOptions, partialSSRRemotes, ssrByRouteIdsMap }) => ({
-  name: "MFDataLoaderServerPlugin",
-  pre: [
-    "@modern-js/plugin-inject-resource"
-  ],
-  setup(api) {
-    const { remotes, name } = runtimeOptions;
-    if (!remotes.length) {
-      return {};
-    }
-    let isHandled = false;
-    return {
-      prepare() {
-        const { middlewares } = api.useAppContext();
-        middlewares.push({
-          name: "MFDataLoaderServerPlugin",
-          handler: async (c, next) => {
-            const serverManifest = c.get("serverManifest");
-            const { loaderBundles, nestedRoutesJson } = serverManifest;
-            if (isHandled) {
-              await next();
-            } else {
-              var _api_useConfigContext_server;
-              const instance = (0, import_runtime.init)({
-                name,
-                remotes
-              });
-              const remoteFullRoutesMap = await (0, import_fetchRemoteFullRoutesMap.fetchRemoteFullRoutesMap)({
-                instance,
-                remotePath: (0, import_sdk.isBrowserEnv)() ? `${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}` : `${import_constant.DEFAULT_ENTRY}/${import_constant.MODERN_JS_ROUTE_SERVER_LOADER}`
-              });
-              const originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
-              if (originalSSRByRouteIds && partialSSRRemotes.length) {
-                const remoteSSRByRouteIds = (0, import_fetchRemoteFullRoutesMap.getSSRByRouteIds)(partialSSRRemotes, remoteFullRoutesMap) || [];
-                const ssrByRouteIds = /* @__PURE__ */ new Set([
-                  ...originalSSRByRouteIds,
-                  ...remoteSSRByRouteIds.map((id) => ssrByRouteIdsMap[id] || id)
-                ]);
-                api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
-              }
-              (0, import_utils.injectRemoteRoutes)(loaderBundles, remoteFullRoutesMap);
-              (0, import_utils.injectRemoteRoutes)(nestedRoutesJson, remoteFullRoutesMap);
-              isHandled = true;
-              await next();
-            }
-          },
-          before: [
-            "render"
-          ]
-        });
-      }
-    };
-  }
-});

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

@@ -1,69 +0,0 @@
-"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 fetchRemoteFullRoutesMap_exports = {};
-__export(fetchRemoteFullRoutesMap_exports, {
-  fetchRemoteFullRoutesMap: () => fetchRemoteFullRoutesMap,
-  getSSRByRouteIds: () => getSSRByRouteIds
-});
-module.exports = __toCommonJS(fetchRemoteFullRoutesMap_exports);
-async function fetchRemoteFullRoutesMap(options) {
-  const { instance, remotePath } = options;
-  const { remotes } = instance.options;
-  const remoteRoutesMap = {};
-  if (!remotes.length) {
-    return remoteRoutesMap;
-  }
-  await Promise.all(remotes.map(async (remote) => {
-    const remoteId = `${remote.name}/${remotePath}`;
-    const { routes } = await instance.loadRemote(remoteId);
-    remoteRoutesMap[remote.name] = {
-      routes
-    };
-  }));
-  return remoteRoutesMap;
-}
-function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
-  const remoteProviderRouteIds = /* @__PURE__ */ new Set();
-  const collectIds = (route) => {
-    remoteProviderRouteIds.add(route.id);
-    if (route.children) {
-      route.children.forEach((r) => {
-        collectIds(r);
-      });
-    }
-  };
-  Object.entries(remoteRoutesMap).forEach((item) => {
-    const [remoteName, routesObj] = item;
-    if (!partialSSRRemotes.includes(remoteName)) {
-      return;
-    }
-    const { routes } = routesObj;
-    routes.forEach((route) => {
-      collectIds(route);
-    });
-  });
-  return [
-    ...remoteProviderRouteIds
-  ];
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fetchRemoteFullRoutesMap,
-  getSSRByRouteIds
-});

package/dist/cjs/interfaces/route.js

@@ -1,16 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 route_exports = {};
-module.exports = __toCommonJS(route_exports);

package/dist/cjs/runtime/dataLoader/plugin-inject-assets.js

@@ -1,84 +0,0 @@
-"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 plugin_inject_assets_exports = {};
-__export(plugin_inject_assets_exports, {
-  ssrDataLoaderInjectAssetsPlugin: () => ssrDataLoaderInjectAssetsPlugin
-});
-module.exports = __toCommonJS(plugin_inject_assets_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_runtime = require("@module-federation/enhanced/runtime");
-var import_createRemoteSSRComponent = require("../createRemoteSSRComponent");
-var import_runtime2 = require("@meta/runtime");
-var import_utils = require("./utils");
-const ssrDataLoaderInjectAssetsPlugin = () => {
-  return {
-    name: "@modern-js/plugin-mf-data-loader-inject-assets",
-    pre: [
-      "@modern-js/plugin-router",
-      "@modern-js/plugin-mf-data-loader"
-    ],
-    setup: () => {
-      return {
-        wrapRoot(App) {
-          const AppWrapper = (props) => {
-            var _context_routerContext;
-            const instance = (0, import_runtime.getInstance)();
-            if (!instance || !instance.options.remotes.length) {
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
-                  ...props
-                })
-              });
-            }
-            const context = (0, import_react.useContext)(import_runtime2.RuntimeReactContext);
-            const { remotes } = instance.options;
-            const remoteNames = ((_context_routerContext = context.routerContext) === null || _context_routerContext === void 0 ? void 0 : _context_routerContext.matches.map((match) => (0, import_utils.decodeId)(match.route.id))) || [];
-            const remoteIds = remoteNames.reduce((sum, cur) => {
-              const matchRemote = remotes.find((r) => r.name === cur);
-              if (matchRemote) {
-                sum.add((0, import_utils.getRemoteId)(cur));
-              }
-              return sum;
-            }, /* @__PURE__ */ new Set());
-            const assets = [];
-            remoteIds.forEach((remoteId) => {
-              assets.push(...(0, import_createRemoteSSRComponent.collectSSRAssets)({
-                id: remoteId
-              }));
-            });
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-              children: [
-                assets,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
-                  ...props
-                })
-              ]
-            });
-          };
-          return AppWrapper;
-        }
-      };
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ssrDataLoaderInjectAssetsPlugin
-});

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

@@ -1,74 +0,0 @@
-"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 plugin_exports = {};
-__export(plugin_exports, {
-  ssrDataLoaderPlugin: () => ssrDataLoaderPlugin
-});
-module.exports = __toCommonJS(plugin_exports);
-var import_runtime = require("@module-federation/enhanced/runtime");
-var import_constant = require("../../constant");
-var import_utils = require("./utils");
-const ssrDataLoaderPlugin = () => {
-  return {
-    name: "@modern-js/plugin-mf-data-loader",
-    post: [
-      "@modern-js/plugin-router"
-    ],
-    setup: () => {
-      const remoteRoutesMap = {};
-      const pathRemoteMap = {};
-      return {
-        async beforeRender() {
-          console.log("init");
-          if (Object.keys(remoteRoutesMap).length) {
-            return;
-          }
-          const instance = (0, import_runtime.getInstance)();
-          if (!instance) {
-            console.log("no instance!");
-            return;
-          }
-          if (!instance.options.remotes.length) {
-            return;
-          }
-          await Promise.all(instance.options.remotes.map(async (remote) => {
-            const remoteId = `${remote.name}/${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}`;
-            const { routes } = await instance.loadRemote(remoteId);
-            remoteRoutesMap[remote.name] = {
-              routes
-            };
-          }));
-        },
-        // runtime plugin not save route , so it needs to inject again when trigger
-        modifyRoutes: (routes) => {
-          (0, import_utils.injectRemoteRoutes)({
-            entry: {
-              routes
-            }
-          }, remoteRoutesMap);
-          return routes;
-        }
-      };
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ssrDataLoaderPlugin
-});

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

@@ -1,106 +0,0 @@
-"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 utils_exports = {};
-__export(utils_exports, {
-  decodeId: () => decodeId,
-  getRemoteId: () => getRemoteId,
-  getRemoteLayoutId: () => getRemoteLayoutId,
-  getRemoteRoutesInfos: () => getRemoteRoutesInfos,
-  injectRemoteRoutes: () => injectRemoteRoutes,
-  transformName2Prefix: () => transformName2Prefix
-});
-module.exports = __toCommonJS(utils_exports);
-var import_sdk = require("@module-federation/sdk");
-var import_constant = require("../../constant");
-const SPLIT_SYMBOL = "@";
-function transformName2Prefix(name) {
-  return `${(0, import_sdk.encodeName)(name, "", false)}${SPLIT_SYMBOL}`;
-}
-function decodeId(prefix) {
-  const realPrefix = prefix.split(SPLIT_SYMBOL)[0];
-  return (0, import_sdk.decodeName)(realPrefix, "", false);
-}
-function getRemoteRoutesInfos(route, remoteRoutesMap) {
-  if (!route.id) {
-    return;
-  }
-  const remoteName = decodeId(route.id);
-  const remoteRouteObj = remoteRoutesMap[remoteName];
-  if (!remoteRouteObj) {
-    return;
-  }
-  const remoteRoutes = remoteRouteObj.routes[0];
-  return {
-    routes: remoteRoutes,
-    name: remoteName,
-    pathName: route.path
-  };
-}
-function getRemoteLayoutId(remoteName) {
-  const prefix = transformName2Prefix(remoteName);
-  return `${prefix}${import_constant.DEFAULT_LAYOUT}`;
-}
-function getRemoteId(remoteName) {
-  return `${remoteName}/${import_constant.DEFAULT_ENTRY}/${import_constant.MF_ROUTES}`;
-}
-function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
-  const traverse = (route) => {
-    var _route_children;
-    const remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
-    if (remoteRoutesInfos) {
-      const { routes, pathName } = remoteRoutesInfos;
-      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((r) => {
-      traverse(r);
-    });
-  };
-  Object.keys(initialRoutes).forEach((entryName) => {
-    const routes = initialRoutes[entryName];
-    if (Array.isArray(routes)) {
-      routes.forEach((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((r) => {
-        traverse(r);
-      });
-    }
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  decodeId,
-  getRemoteId,
-  getRemoteLayoutId,
-  getRemoteRoutesInfos,
-  injectRemoteRoutes,
-  transformName2Prefix
-});

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

@@ -1,18 +0,0 @@
-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

@@ -1,108 +0,0 @@
-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

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