@module-federation/modern-js 0.0.0-next-20250522124810 → 0.0.0-next-20250522130707

package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.js

@@ -0,0 +1,23 @@
+const sharedStrategy = () => ({
+  name: "shared-strategy-plugin",
+  beforeInit(args) {
+    const { userOptions } = args;
+    const shared = userOptions.shared;
+    if (shared) {
+      Object.keys(shared).forEach((sharedKey) => {
+        const sharedConfigs = shared[sharedKey];
+        const arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
+          sharedConfigs
+        ];
+        arraySharedConfigs.forEach((s) => {
+          s.strategy = "loaded-first";
+        });
+      });
+    }
+    return args;
+  }
+});
+var shared_strategy_default = sharedStrategy;
+export {
+  shared_strategy_default as default
+};

package/dist/esm-node/cli/server/data-fetch-server-plugin.js

@@ -0,0 +1,154 @@
+import { DATA_FETCH_QUERY } from "../../constant";
+import logger from "../../logger";
+import { getDataFetchMap } from "../../utils";
+import { fetchData, initDataFetchMap, loadDataFetchModule } from "../../utils/dataFetch";
+import { SEPARATOR } from "@module-federation/sdk";
+function wrapSetTimeout(targetPromise, delay = 2e4, id) {
+  if (targetPromise && typeof targetPromise.then === "function") {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => {
+        logger.warn(`Data fetch for ID ${id} timed out after 20 seconds.`);
+        reject(new Error(`Data fetch for ID ${id} timed out after 20 seconds`));
+      }, delay);
+      targetPromise.then((value) => {
+        clearTimeout(timeoutId);
+        resolve(value);
+      }).catch((err) => {
+        clearTimeout(timeoutId);
+        reject(err);
+      });
+    });
+  }
+}
+function addProtocol(url) {
+  if (url.startsWith("//")) {
+    return "https:" + url;
+  }
+  return url;
+}
+const getDecodeQuery = (url, name) => {
+  const res = url.searchParams.get(name);
+  if (!res) {
+    return null;
+  }
+  return decodeURIComponent(res);
+};
+const middleware = async (ctx, next) => {
+  let url;
+  let dataFetchId;
+  let params;
+  let remoteInfo;
+  try {
+    url = new URL(ctx.req.url);
+    dataFetchId = getDecodeQuery(url, DATA_FETCH_QUERY);
+    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
+    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
+    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
+  } catch (e) {
+    console.error(e);
+    return next();
+  }
+  if (!dataFetchId) {
+    return next();
+  }
+  logger.debug("dataFetchId: ", dataFetchId);
+  try {
+    var _dataFetchMap_dataFetchId;
+    const dataFetchMap = getDataFetchMap();
+    if (!dataFetchMap) {
+      initDataFetchMap();
+    }
+    const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
+    if (fetchDataPromise) {
+      const targetPromise = fetchDataPromise[0];
+      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        return ctx.json(res);
+      }
+      logger.error(`Expected a Promise from fetchDataPromise[0] for dataFetchId ${dataFetchId}, but received:`, targetPromise, "Will try call new dataFetch again...");
+    }
+    if (remoteInfo) {
+      try {
+        const hostInstance2 = globalThis.__FEDERATION__.__INSTANCES__[0];
+        const remoteEntry = `${addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry}`;
+        if (!hostInstance2) {
+          throw new Error("host instance not found!");
+        }
+        const remote = hostInstance2.options.remotes.find((remote2) => remote2.name === remoteInfo.name);
+        logger.debug("find remote: ", JSON.stringify(remote));
+        if (!remote) {
+          hostInstance2.registerRemotes([
+            {
+              name: remoteInfo.name,
+              entry: remoteEntry,
+              entryGlobalName: remoteInfo.globalName
+            }
+          ]);
+        } else {
+          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
+          logger.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
+          logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
+          if (!hostGlobalSnapshot || !remoteSnapshot) {
+            if ("version" in remote) {
+              delete remote.version;
+            }
+            remote.entry = remoteEntry;
+            remote.entryGlobalName = remoteInfo.globalName;
+          }
+        }
+      } catch (e) {
+        ctx.status(500);
+        return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+      }
+    }
+    const dataFetchItem = dataFetchMap[dataFetchId];
+    if (dataFetchItem) {
+      const callFetchDataPromise = fetchData(dataFetchId, {
+        ...params,
+        isDowngrade: true
+      });
+      const wrappedPromise = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        return ctx.json(res);
+      }
+      return next();
+    }
+    const remoteId = dataFetchId.split(SEPARATOR)[0];
+    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
+    if (!hostInstance) {
+      throw new Error("host instance not found!");
+    }
+    const dataFetchFn = await loadDataFetchModule(hostInstance, remoteId);
+    const data = await dataFetchFn({
+      ...params,
+      isDowngrade: !remoteInfo
+    });
+    return ctx.json(data);
+  } catch (e) {
+    console.log("data fetch error:");
+    console.error(e);
+    ctx.status(500);
+    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+  }
+};
+const dataFetchServePlugin = () => ({
+  name: "mf-data-fetch-server-plugin",
+  setup: (api) => {
+    api.onPrepare(() => {
+      const { middlewares } = api.getServerContext();
+      middlewares.push({
+        name: "module-federation-serve-manifest",
+        // @ts-ignore type error
+        handler: middleware
+      });
+    });
+  }
+});
+var data_fetch_server_plugin_default = dataFetchServePlugin;
+export {
+  data_fetch_server_plugin_default as default
+};

package/dist/esm-node/cli/ssrPlugin.js

@@ -0,0 +1,186 @@
+import path from "path";
+import { fs } from "@modern-js/utils";
+import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
+import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
+import { updateStatsAndManifest } from "./manifest";
+import logger from "../logger";
+import { isDev } from "./utils";
+import { isWebTarget, skipByTarget } from "./utils";
+function setEnv() {
+  process.env["MF_DISABLE_EMIT_STATS"] = "true";
+  process.env["MF_SSR_PRJ"] = "true";
+}
+const CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
+const mfSSRRsbuildPlugin = (pluginOptions) => {
+  return {
+    name: "@modern-js/plugin-mf-post-config",
+    pre: [
+      "@modern-js/builder-plugin-ssr"
+    ],
+    setup(api) {
+      if (pluginOptions.csrConfig.getPublicPath) {
+        return;
+      }
+      let csrOutputPath = "";
+      let ssrOutputPath = "";
+      let ssrEnv = "";
+      api.modifyEnvironmentConfig((config, { name }) => {
+        const target = config.output.target;
+        if (skipByTarget(target)) {
+          return config;
+        }
+        if (isWebTarget(target)) {
+          csrOutputPath = config.output.distPath.root;
+        } else {
+          ssrOutputPath = config.output.distPath.root;
+          ssrEnv = name;
+        }
+        return config;
+      });
+      const modifySSRPublicPath = (config, utils) => {
+        if (ssrEnv !== utils.environment.name) {
+          return config;
+        }
+        const userSSRConfig = pluginOptions.userConfig.ssr ? typeof pluginOptions.userConfig.ssr === "object" ? pluginOptions.userConfig.ssr : {} : {};
+        if (userSSRConfig.distOutputDir) {
+          return;
+        }
+        config.output.publicPath = `${config.output.publicPath}${path.relative(csrOutputPath, ssrOutputPath)}/`;
+        return config;
+      };
+      api.modifyWebpackConfig((config, utils) => {
+        modifySSRPublicPath(config, utils);
+        return config;
+      });
+      api.modifyRspackConfig((config, utils) => {
+        modifySSRPublicPath(config, utils);
+        return config;
+      });
+    }
+  };
+};
+const moduleFederationSSRPlugin = (pluginOptions) => ({
+  name: "@modern-js/plugin-module-federation-ssr",
+  pre: [
+    "@modern-js/plugin-module-federation-config",
+    "@modern-js/plugin-module-federation"
+  ],
+  setup: async (api) => {
+    var _pluginOptions_userConfig, _modernjsConfig_server;
+    const modernjsConfig = api.getConfig();
+    var _pluginOptions_userConfig_ssr;
+    const enableSSR = (_pluginOptions_userConfig_ssr = (_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) !== null && _pluginOptions_userConfig_ssr !== void 0 ? _pluginOptions_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
+    if (!enableSSR) {
+      return;
+    }
+    setEnv();
+    api._internalRuntimePlugins(({ entrypoint, plugins }) => {
+      plugins.push({
+        name: "injectDataFetchFunction",
+        path: "@module-federation/modern-js/ssr-inject-data-fetch-function-plugin",
+        config: {}
+      });
+      if (!isDev()) {
+        return {
+          entrypoint,
+          plugins
+        };
+      }
+      plugins.push({
+        name: "mfSSRDev",
+        path: "@module-federation/modern-js/ssr-dev-plugin",
+        config: {}
+      });
+      return {
+        entrypoint,
+        plugins
+      };
+    });
+    api.modifyBundlerChain((chain) => {
+      const target = chain.get("target");
+      if (skipByTarget(target)) {
+        return;
+      }
+      const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+      const MFPlugin = bundlerType === "webpack" ? ModuleFederationPlugin : RspackModuleFederationPlugin;
+      const isWeb = isWebTarget(target);
+      if (!isWeb) {
+        if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
+          chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+            pluginOptions.ssrConfig
+          ]).init((Plugin, args) => {
+            pluginOptions.nodePlugin = new Plugin(args[0]);
+            return pluginOptions.nodePlugin;
+          });
+        }
+      }
+      if (!isWeb) {
+        chain.target("async-node");
+        if (isDev()) {
+          chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
+        }
+        const userSSRConfig = pluginOptions.userConfig.ssr ? typeof pluginOptions.userConfig.ssr === "object" ? pluginOptions.userConfig.ssr : {} : {};
+        const publicPath = chain.output.get("publicPath");
+        if (userSSRConfig.distOutputDir && publicPath) {
+          chain.output.publicPath(`${publicPath}${userSSRConfig.distOutputDir}/`);
+        }
+      }
+      if (isDev() && isWeb) {
+        chain.externals({
+          "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+        });
+      }
+    });
+    api.config(() => {
+      return {
+        builderPlugins: [
+          mfSSRRsbuildPlugin(pluginOptions)
+        ],
+        tools: {
+          devServer: {
+            before: [
+              (req, res, next) => {
+                if (!enableSSR) {
+                  next();
+                  return;
+                }
+                try {
+                  var _req_url, _req_url1;
+                  if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.includes(".json")) && !((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes("hot-update"))) {
+                    const filepath = path.join(process.cwd(), `dist${req.url}`);
+                    fs.statSync(filepath);
+                    res.setHeader("Access-Control-Allow-Origin", "*");
+                    res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
+                    res.setHeader("Access-Control-Allow-Headers", "*");
+                    fs.createReadStream(filepath).pipe(res);
+                  } else {
+                    next();
+                  }
+                } catch (err) {
+                  logger.debug(err);
+                  next();
+                }
+              }
+            ]
+          }
+        }
+      };
+    });
+    api.onAfterBuild(() => {
+      const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
+      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
+    });
+    api.onDevCompileDone(() => {
+      const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
+      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
+    });
+  }
+});
+var ssrPlugin_default = moduleFederationSSRPlugin;
+export {
+  CHAIN_MF_PLUGIN_ID,
+  ssrPlugin_default as default,
+  moduleFederationSSRPlugin,
+  setEnv
+};

package/dist/esm-node/cli/utils.js

@@ -0,0 +1,53 @@
+import os from "os";
+const localIpv4 = "127.0.0.1";
+const getIpv4Interfaces = () => {
+  try {
+    const interfaces = os.networkInterfaces();
+    const ipv4Interfaces = [];
+    Object.values(interfaces).forEach((detail) => {
+      detail === null || detail === void 0 ? void 0 : detail.forEach((detail2) => {
+        const familyV4Value = typeof detail2.family === "string" ? "IPv4" : 4;
+        if (detail2.family === familyV4Value && detail2.address !== localIpv4) {
+          ipv4Interfaces.push(detail2);
+        }
+      });
+    });
+    return ipv4Interfaces;
+  } catch (_err) {
+    return [];
+  }
+};
+const getIPV4 = () => {
+  const ipv4Interfaces = getIpv4Interfaces();
+  const ipv4Interface = ipv4Interfaces[0] || {
+    address: localIpv4
+  };
+  return ipv4Interface.address;
+};
+const isWebTarget = (target) => {
+  const WEB_TARGET = "web";
+  if (Array.isArray(target)) {
+    return target.includes(WEB_TARGET);
+  } else if (typeof target === "string") {
+    return target === WEB_TARGET;
+  }
+  return false;
+};
+const skipByTarget = (target) => {
+  const IGNORE_TARGET = "webworker";
+  if (Array.isArray(target)) {
+    return target.includes(IGNORE_TARGET);
+  } else if (typeof target === "string") {
+    return target === IGNORE_TARGET;
+  }
+  return false;
+};
+function isDev() {
+  return process.env.NODE_ENV === "development";
+}
+export {
+  getIPV4,
+  isDev,
+  isWebTarget,
+  skipByTarget
+};

package/dist/esm-node/constant.js

@@ -0,0 +1,42 @@
+const LOCALHOST = "localhost";
+const PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+const DATA_FETCH_QUERY = "x-mf-data-fetch";
+const DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
+const LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
+const DOWNGRADE_KEY = "_mfSSRDowngrade";
+const DATA_FETCH_MAP_KEY = "__MF_DATA_FETCH_MAP__";
+const DATA_FETCH_FUNCTION = "_mfDataFetch";
+const FS_HREF = "_mfFSHref";
+const ERROR_TYPE = {
+  DATA_FETCH: 1,
+  LOAD_REMOTE: 2,
+  UNKNOWN: 3
+};
+const WRAP_DATA_FETCH_ID_IDENTIFIER = "wrap_dfip_identifier";
+var MF_DATA_FETCH_TYPE;
+(function(MF_DATA_FETCH_TYPE2) {
+  MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_SERVER"] = 1] = "FETCH_SERVER";
+  MF_DATA_FETCH_TYPE2[MF_DATA_FETCH_TYPE2["FETCH_CLIENT"] = 2] = "FETCH_CLIENT";
+})(MF_DATA_FETCH_TYPE || (MF_DATA_FETCH_TYPE = {}));
+var MF_DATA_FETCH_STATUS;
+(function(MF_DATA_FETCH_STATUS2) {
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADED"] = 1] = "LOADED";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["LOADING"] = 2] = "LOADING";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["AWAIT"] = 0] = "AWAIT";
+  MF_DATA_FETCH_STATUS2[MF_DATA_FETCH_STATUS2["ERROR"] = 3] = "ERROR";
+})(MF_DATA_FETCH_STATUS || (MF_DATA_FETCH_STATUS = {}));
+export {
+  DATA_FETCH_ERROR_PREFIX,
+  DATA_FETCH_FUNCTION,
+  DATA_FETCH_MAP_KEY,
+  DATA_FETCH_QUERY,
+  DOWNGRADE_KEY,
+  ERROR_TYPE,
+  FS_HREF,
+  LOAD_REMOTE_ERROR_PREFIX,
+  LOCALHOST,
+  MF_DATA_FETCH_STATUS,
+  MF_DATA_FETCH_TYPE,
+  PLUGIN_IDENTIFIER,
+  WRAP_DATA_FETCH_ID_IDENTIFIER
+};

package/dist/esm-node/logger.js

@@ -0,0 +1,7 @@
+import { createLogger } from "@module-federation/sdk";
+import { PLUGIN_IDENTIFIER } from "./constant";
+const logger = createLogger(PLUGIN_IDENTIFIER);
+var logger_default = logger;
+export {
+  logger_default as default
+};

package/dist/esm-node/runtime/AwaitDataFetch.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, useRef } from "react";
+import logger from "../logger";
+import { DATA_FETCH_ERROR_PREFIX, LOAD_REMOTE_ERROR_PREFIX, ERROR_TYPE, DATA_FETCH_FUNCTION } from "../constant";
+import { getDataFetchIdWithErrorMsgs, wrapDataFetchId } from "../utils";
+function isPromise(obj) {
+  return !!obj && (typeof obj === "object" || typeof obj === "function") && typeof obj.then === "function";
+}
+const AWAIT_ERROR_PREFIX = "<Await /> caught the following error during render: ";
+const transformError = (err) => {
+  const errMsg = err instanceof Error ? err.message : err;
+  const originalMsg = errMsg.replace(AWAIT_ERROR_PREFIX, "");
+  const dataFetchMapKey = getDataFetchIdWithErrorMsgs(originalMsg);
+  if (originalMsg.indexOf(DATA_FETCH_ERROR_PREFIX) === 0) {
+    return {
+      error: new Error(originalMsg.replace(DATA_FETCH_ERROR_PREFIX, "").replace(wrapDataFetchId(dataFetchMapKey), "")),
+      errorType: ERROR_TYPE.DATA_FETCH,
+      dataFetchMapKey
+    };
+  }
+  if (originalMsg.indexOf(LOAD_REMOTE_ERROR_PREFIX) === 0) {
+    return {
+      error: new Error(originalMsg.replace(LOAD_REMOTE_ERROR_PREFIX, "").replace(wrapDataFetchId(dataFetchMapKey), "")),
+      errorType: ERROR_TYPE.LOAD_REMOTE,
+      dataFetchMapKey
+    };
+  }
+  return {
+    error: new Error(originalMsg.replace(wrapDataFetchId(dataFetchMapKey), "")),
+    errorType: ERROR_TYPE.UNKNOWN,
+    dataFetchMapKey
+  };
+};
+const DefaultLoading = /* @__PURE__ */ _jsx(_Fragment, {});
+const DefaultErrorElement = (_data) => /* @__PURE__ */ _jsx("div", {
+  children: "Error"
+});
+function AwaitDataFetch({ resolve, loading = DefaultLoading, errorElement = DefaultErrorElement, children, params }) {
+  const dataRef = useRef();
+  const data = dataRef.current || resolve;
+  const getData = isPromise(data) ? fetchData(data, dataRef) : () => data;
+  return /* @__PURE__ */ _jsx(AwaitSuspense, {
+    params,
+    loading,
+    errorElement,
+    // @ts-ignore
+    resolve: getData,
+    children
+  });
+}
+function AwaitSuspense({ resolve, children, loading = DefaultLoading, errorElement = DefaultErrorElement }) {
+  return /* @__PURE__ */ _jsx(Suspense, {
+    fallback: loading,
+    children: /* @__PURE__ */ _jsx(ResolveAwait, {
+      resolve,
+      errorElement,
+      children
+    })
+  });
+}
+function ResolveAwait({ children, resolve, errorElement, params }) {
+  const data = resolve();
+  logger.debug("resolve data: ", data);
+  if (typeof data === "string" && data.indexOf(AWAIT_ERROR_PREFIX) === 0) {
+    const transformedError = transformError(data);
+    return /* @__PURE__ */ _jsx(_Fragment, {
+      children: typeof errorElement === "function" ? /* @__PURE__ */ _jsxs(_Fragment, {
+        children: [
+          globalThis.FEDERATION_SSR && /* @__PURE__ */ _jsx("script", {
+            suppressHydrationWarning: true,
+            dangerouslySetInnerHTML: {
+              __html: String.raw`
+                  globalThis['${DATA_FETCH_FUNCTION}'] = globalThis['${DATA_FETCH_FUNCTION}']  || []
+                  globalThis['${DATA_FETCH_FUNCTION}'].push([${transformedError.dataFetchMapKey ? `'${transformedError.dataFetchMapKey}'` : ""},${params ? JSON.stringify(params) : null},true]);`
+            }
+          }),
+          errorElement(transformedError)
+        ]
+      }) : errorElement
+    });
+  }
+  const toRender = typeof children === "function" ? children(data) : children;
+  return /* @__PURE__ */ _jsx(_Fragment, {
+    children: toRender
+  });
+}
+const fetchData = (promise, ref) => {
+  let data;
+  let status = "pending";
+  const suspender = promise.then((res) => {
+    status = "success";
+    data = res;
+    ref.current = res;
+  }).catch((e) => {
+    status = "success";
+    console.warn(e);
+    data = AWAIT_ERROR_PREFIX + e;
+  });
+  return () => {
+    if (status === "pending") {
+      throw suspender;
+    }
+    return data;
+  };
+};
+export {
+  AwaitDataFetch,
+  transformError
+};