@module-federation/modern-js 0.0.0-next-20250526033636 → 0.0.0-next-20250526035905

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

@@ -1,109 +0,0 @@
-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
-};

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

@@ -1,291 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
-import logger from "../logger";
-import { getInstance } from "@module-federation/enhanced/runtime";
-import { AwaitDataFetch, transformError } from "./AwaitDataFetch";
-import { fetchData, getDataFetchItem, getDataFetchMapKey } from "../utils/dataFetch";
-import { getDataFetchInfo, getLoadedRemoteInfos, setDataFetchItemLoadedStatus, wrapDataFetchId } from "../utils";
-import { DATA_FETCH_ERROR_PREFIX, DATA_FETCH_FUNCTION, FS_HREF, LOAD_REMOTE_ERROR_PREFIX, MF_DATA_FETCH_TYPE } from "../constant";
-function getTargetModuleInfo(id) {
-  const instance = getInstance();
-  if (!instance) {
-    return;
-  }
-  const loadedRemoteInfo = getLoadedRemoteInfos(id, instance);
-  if (!loadedRemoteInfo) {
-    return;
-  }
-  const snapshot = loadedRemoteInfo.snapshot;
-  if (!snapshot) {
-    return;
-  }
-  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
-  if (!publicPath) {
-    return;
-  }
-  const modules = "modules" in snapshot ? snapshot.modules : [];
-  const targetModule = modules.find((m) => m.modulePath === loadedRemoteInfo.expose);
-  if (!targetModule) {
-    return;
-  }
-  const remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
-  if (!remoteEntry) {
-    return;
-  }
-  return {
-    module: targetModule,
-    publicPath,
-    remoteEntry
-  };
-}
-function collectSSRAssets(options) {
-  const { id, injectLink = true, injectScript = false } = typeof options === "string" ? {
-    id: options
-  } : options;
-  const links = [];
-  const scripts = [];
-  const instance = getInstance();
-  if (!instance || !injectLink && !injectScript) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const moduleAndPublicPath = getTargetModuleInfo(id);
-  if (!moduleAndPublicPath) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const { module: targetModule, publicPath, remoteEntry } = moduleAndPublicPath;
-  if (injectLink) {
-    [
-      ...targetModule.assets.css.sync,
-      ...targetModule.assets.css.async
-    ].sort().forEach((file, index) => {
-      links.push(/* @__PURE__ */ _jsx("link", {
-        href: `${publicPath}${file}`,
-        rel: "stylesheet",
-        type: "text/css"
-      }, `${file.split(".")[0]}_${index}`));
-    });
-  }
-  if (injectScript) {
-    scripts.push(/* @__PURE__ */ _jsx("script", {
-      async: true,
-      src: `${publicPath}${remoteEntry}`,
-      crossOrigin: "anonymous"
-    }, remoteEntry.split(".")[0]));
-    [
-      ...targetModule.assets.js.sync
-    ].sort().forEach((file, index) => {
-      scripts.push(/* @__PURE__ */ _jsx("script", {
-        async: true,
-        src: `${publicPath}${file}`,
-        crossOrigin: "anonymous"
-      }, `${file.split(".")[0]}_${index}`));
-    });
-  }
-  return [
-    ...scripts,
-    ...links
-  ];
-}
-function getServerNeedRemoteInfo(loadedRemoteInfo, id, noSSR) {
-  if (noSSR || typeof window !== "undefined" && window.location.href !== window[FS_HREF]) {
-    var _dataFetchItem_;
-    if (!(loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.version)) {
-      throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} version is empty`);
-    }
-    const { snapshot } = loadedRemoteInfo;
-    if (!snapshot) {
-      throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} snapshot is empty`);
-    }
-    const dataFetchItem = getDataFetchItem(id);
-    const isFetchServer = (dataFetchItem === null || dataFetchItem === void 0 ? void 0 : (_dataFetchItem_ = dataFetchItem[0]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[1]) === MF_DATA_FETCH_TYPE.FETCH_SERVER;
-    if (isFetchServer && (!("ssrPublicPath" in snapshot) || !snapshot.ssrPublicPath)) {
-      throw new Error(`ssrPublicPath is required while fetching ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data in SSR project!`);
-    }
-    if (isFetchServer && (!("ssrRemoteEntry" in snapshot) || !snapshot.ssrRemoteEntry)) {
-      throw new Error(`ssrRemoteEntry is required while loading ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data loader in SSR project!`);
-    }
-    return {
-      name: loadedRemoteInfo.name,
-      version: loadedRemoteInfo.version,
-      ssrPublicPath: "ssrPublicPath" in snapshot ? snapshot.ssrPublicPath || "" : "",
-      ssrRemoteEntry: "ssrRemoteEntry" in snapshot ? snapshot.ssrRemoteEntry || "" : "",
-      globalName: loadedRemoteInfo.entryGlobalName
-    };
-  }
-  return;
-}
-function createRemoteComponent(options) {
-  const exportName = (options === null || options === void 0 ? void 0 : options.export) || "default";
-  const callLoader = async () => {
-    logger.debug("callLoader start", Date.now());
-    const m = await options.loader();
-    logger.debug("callLoader end", Date.now());
-    if (!m) {
-      throw new Error("load remote failed");
-    }
-    return m;
-  };
-  const getData = async (noSSR) => {
-    let loadedRemoteInfo;
-    let moduleId;
-    const instance = getInstance();
-    try {
-      const m = await callLoader();
-      moduleId = m && m[Symbol.for("mf_module_id")];
-      if (!moduleId) {
-        throw new Error("moduleId is empty");
-      }
-      loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
-      if (!loadedRemoteInfo) {
-        throw new Error(`can not find loaded remote('${moduleId}') info!`);
-      }
-    } catch (e) {
-      const errMsg = `${LOAD_REMOTE_ERROR_PREFIX}${e}`;
-      logger.debug(e);
-      throw new Error(errMsg);
-    }
-    let dataFetchMapKey;
-    try {
-      dataFetchMapKey = getDataFetchMapKey(getDataFetchInfo({
-        name: loadedRemoteInfo.name,
-        alias: loadedRemoteInfo.alias,
-        id: moduleId,
-        remoteSnapshot: loadedRemoteInfo.snapshot
-      }), {
-        name: instance.name,
-        version: instance === null || instance === void 0 ? void 0 : instance.options.version
-      });
-      logger.debug("getData dataFetchMapKey: ", dataFetchMapKey);
-      if (!dataFetchMapKey) {
-        return;
-      }
-      const data = await fetchData(dataFetchMapKey, {
-        ...options.dataFetchParams,
-        isDowngrade: false
-      }, getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR));
-      setDataFetchItemLoadedStatus(dataFetchMapKey);
-      logger.debug("get data res: \n", data);
-      return data;
-    } catch (err) {
-      const errMsg = `${DATA_FETCH_ERROR_PREFIX}${wrapDataFetchId(dataFetchMapKey)}${err}`;
-      logger.debug(errMsg);
-      throw new Error(errMsg);
-    }
-  };
-  const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
-    const m = await callLoader();
-    const moduleId = m && m[Symbol.for("mf_module_id")];
-    const instance = getInstance();
-    const loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
-    loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.snapshot;
-    const dataFetchMapKey = loadedRemoteInfo ? getDataFetchMapKey(getDataFetchInfo({
-      name: loadedRemoteInfo.name,
-      alias: loadedRemoteInfo.alias,
-      id: moduleId,
-      remoteSnapshot: loadedRemoteInfo.snapshot
-    }), {
-      name: instance.name,
-      version: instance === null || instance === void 0 ? void 0 : instance.options.version
-    }) : void 0;
-    logger.debug("LazyComponent dataFetchMapKey: ", dataFetchMapKey);
-    const assets = collectSSRAssets({
-      id: moduleId
-    });
-    const Com = m[exportName];
-    if (exportName in m && typeof Com === "function") {
-      return {
-        default: (props) => /* @__PURE__ */ _jsxs(_Fragment, {
-          children: [
-            globalThis.FEDERATION_SSR && dataFetchMapKey && /* @__PURE__ */ _jsx("script", {
-              suppressHydrationWarning: true,
-              dangerouslySetInnerHTML: {
-                __html: String.raw`
-                  globalThis['${DATA_FETCH_FUNCTION}'] = globalThis['${DATA_FETCH_FUNCTION}'] || [];
-                  globalThis['${DATA_FETCH_FUNCTION}'].push(['${dataFetchMapKey}',${JSON.stringify(props.mfData)}]);
-                  `
-              }
-            }),
-            globalThis.FEDERATION_SSR && assets,
-            /* @__PURE__ */ _jsx(Com, {
-              ...props
-            })
-          ]
-        })
-      };
-    } else {
-      throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
-    }
-  });
-  return (props) => {
-    const { key, ...args } = props;
-    if (globalThis.FEDERATION_SSR && !options.noSSR) {
-      const { key: key2, ...args2 } = props;
-      return /* @__PURE__ */ _jsx(AwaitDataFetch, {
-        resolve: getData(options.noSSR),
-        loading: options.loading,
-        errorElement: options.fallback,
-        children: (data) => /* @__PURE__ */ _jsx(LazyComponent, {
-          ...args2,
-          mfData: data
-        })
-      });
-    } else {
-      const [data, setData] = useState(null);
-      const [loading, setLoading] = useState(true);
-      const [error, setError] = useState(null);
-      useEffect(() => {
-        let isMounted = true;
-        const fetchDataAsync = async () => {
-          try {
-            setLoading(true);
-            const result = await getData(options.noSSR);
-            if (isMounted) {
-              setData(result);
-            }
-          } catch (e) {
-            if (isMounted) {
-              setError(transformError(e));
-            }
-          } finally {
-            if (isMounted) {
-              setLoading(false);
-            }
-          }
-        };
-        fetchDataAsync();
-        return () => {
-          isMounted = false;
-        };
-      }, []);
-      if (loading) {
-        return /* @__PURE__ */ _jsx(_Fragment, {
-          children: options.loading
-        });
-      }
-      if (error) {
-        return /* @__PURE__ */ _jsx(_Fragment, {
-          children: typeof options.fallback === "function" ? options.fallback(error) : options.fallback
-        });
-      }
-      return /* @__PURE__ */ _jsx(LazyComponent, {
-        ...args,
-        mfData: data
-      });
-    }
-  };
-}
-function createRemoteSSRComponent(options) {
-  logger.warn("createRemoteSSRComponent is deprecated, please use createRemoteComponent instead!");
-  return createRemoteComponent(options);
-}
-export {
-  collectSSRAssets,
-  createRemoteComponent,
-  createRemoteSSRComponent
-};

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

@@ -1,11 +0,0 @@
-function wrapNoSSR(createComponentFn) {
-  return (options) => {
-    return createComponentFn({
-      ...options,
-      noSSR: true
-    });
-  };
-}
-export {
-  wrapNoSSR
-};

package/dist/esm-node/ssr-runtime/downgrade.js

@@ -1,82 +0,0 @@
-import { DATA_FETCH_QUERY, DOWNGRADE_KEY } from "../constant";
-import { MF_DATA_FETCH_STATUS, MF_DATA_FETCH_TYPE } from "../constant";
-import { getDataFetchMap } from "../utils";
-function getDowngradeTag() {
-  return globalThis[DOWNGRADE_KEY];
-}
-function callAllDowngrade() {
-  const dataFetchMap = getDataFetchMap();
-  if (!dataFetchMap) {
-    return;
-  }
-  Object.keys(dataFetchMap).forEach((key) => {
-    callDowngrade(key);
-  });
-}
-async function callDowngrade(id, params, remoteInfo) {
-  const dataFetchMap = getDataFetchMap();
-  if (!dataFetchMap) {
-    return;
-  }
-  const mfDataFetch = dataFetchMap[id];
-  if ((mfDataFetch === null || mfDataFetch === void 0 ? void 0 : mfDataFetch[2]) === MF_DATA_FETCH_STATUS.AWAIT) {
-    mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADING;
-    let promise, res, rej;
-    if (mfDataFetch[1]) {
-      promise = mfDataFetch[1][0];
-      res = mfDataFetch[1][1];
-      rej = mfDataFetch[1][2];
-    } else {
-      promise = new Promise((resolve, reject) => {
-        res = resolve;
-        rej = reject;
-      });
-      mfDataFetch[1] = [
-        promise,
-        res,
-        rej
-      ];
-    }
-    const dataFetchType = mfDataFetch[0][1];
-    if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_CLIENT) {
-      try {
-        mfDataFetch[0][0]().then((getDataFetchFn) => {
-          return getDataFetchFn({
-            ...params,
-            isDowngrade: true
-          }).then((data) => {
-            mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
-            res(data);
-          });
-        });
-      } catch (e) {
-        mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
-        rej(e);
-      }
-    } else if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_SERVER) {
-      try {
-        const currentUrl = new URL(window.location.href);
-        currentUrl.searchParams.set(DATA_FETCH_QUERY, encodeURIComponent(id));
-        if (params) {
-          currentUrl.searchParams.set("params", encodeURIComponent(JSON.stringify(params)));
-        }
-        if (remoteInfo) {
-          currentUrl.searchParams.set("remoteInfo", encodeURIComponent(JSON.stringify(remoteInfo)));
-        }
-        const fetchUrl = currentUrl.toString();
-        const data = await fetch(fetchUrl).then((res2) => res2.json());
-        mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
-        res(data);
-      } catch (e) {
-        mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
-        rej(e);
-      }
-    }
-    return promise;
-  }
-}
-export {
-  callAllDowngrade,
-  callDowngrade,
-  getDowngradeTag
-};

package/dist/esm-node/ssr-runtime/injectDataFetchFunctionPlugin.js

@@ -1,94 +0,0 @@
-import { DATA_FETCH_FUNCTION, DOWNGRADE_KEY, FS_HREF, MF_DATA_FETCH_STATUS, MF_DATA_FETCH_TYPE } from "../constant";
-import logger from "../logger";
-import { getDataFetchMap, getDataFetchItem, initDataFetchMap } from "../utils";
-import { callAllDowngrade, callDowngrade, getDowngradeTag } from "./downgrade";
-const injectDataFetchFunctionPlugin = () => ({
-  name: "@module-federation/inject-data-fetch-function-plugin",
-  setup: (api) => {
-    api.onBeforeRender(async () => {
-      var _globalThis, _DATA_FETCH_FUNCTION;
-      globalThis.FEDERATION_SSR = true;
-      if (typeof window === "undefined") {
-        return;
-      }
-      const dataFetchFunction = async function(options) {
-        const [id, data, downgrade] = options;
-        logger.debug("==========call data fetch function!");
-        if (data) {
-          if (!id) {
-            throw new Error("id is required!");
-          }
-          if (!getDataFetchMap()) {
-            initDataFetchMap();
-          }
-          const dataFetchItem = getDataFetchItem(id);
-          if (dataFetchItem) {
-            var _dataFetchItem__, _dataFetchItem_;
-            (_dataFetchItem_ = dataFetchItem[1]) === null || _dataFetchItem_ === void 0 ? void 0 : (_dataFetchItem__ = _dataFetchItem_[1]) === null || _dataFetchItem__ === void 0 ? void 0 : _dataFetchItem__.call(_dataFetchItem_, data);
-            dataFetchItem[2] = MF_DATA_FETCH_STATUS.LOADED;
-            return;
-          }
-          if (!dataFetchItem) {
-            const dataFetchMap = getDataFetchMap();
-            let res;
-            let rej;
-            const p = new Promise((resolve, reject) => {
-              res = resolve;
-              rej = reject;
-            });
-            dataFetchMap[id] = [
-              [
-                async () => async () => {
-                  return "";
-                },
-                MF_DATA_FETCH_TYPE.FETCH_SERVER
-              ],
-              [
-                p,
-                res,
-                rej
-              ],
-              MF_DATA_FETCH_STATUS.LOADED
-            ];
-            res(data);
-            return;
-          }
-        }
-        if (downgrade) {
-          const mfDowngrade2 = getDowngradeTag();
-          if (!mfDowngrade2) {
-            globalThis[DOWNGRADE_KEY] = id ? [
-              id
-            ] : true;
-          } else if (Array.isArray(mfDowngrade2) && id && !mfDowngrade2.includes(id)) {
-            mfDowngrade2.push(id);
-          }
-        }
-        const mfDowngrade = getDowngradeTag();
-        if (typeof mfDowngrade === "boolean") {
-          return callAllDowngrade();
-        }
-        if (Array.isArray(mfDowngrade)) {
-          if (!id) {
-            globalThis[DOWNGRADE_KEY] = true;
-            return callAllDowngrade();
-          }
-          if (!mfDowngrade.includes(id)) {
-            mfDowngrade.push(id);
-          }
-          return callDowngrade(id);
-        }
-      };
-      globalThis[FS_HREF] = window.location.href;
-      (_globalThis = globalThis)[_DATA_FETCH_FUNCTION = DATA_FETCH_FUNCTION] || (_globalThis[_DATA_FETCH_FUNCTION] = []);
-      const dataFetch = globalThis[DATA_FETCH_FUNCTION];
-      await Promise.all(dataFetch.map(async (options) => {
-        await dataFetchFunction(options);
-      }));
-      dataFetch.push = dataFetchFunction;
-    });
-  }
-});
-export {
-  injectDataFetchFunctionPlugin
-};