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

package/dist/cjs/cli/server/data-fetch-server-plugin.js

@@ -1,192 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var data_fetch_server_plugin_exports = {};
-__export(data_fetch_server_plugin_exports, {
-  default: () => data_fetch_server_plugin_default
-});
-module.exports = __toCommonJS(data_fetch_server_plugin_exports);
-var import_constant = require("../../constant");
-var import_logger = __toESM(require("../../logger"));
-var import_utils = require("../../utils");
-var import_dataFetch = require("../../utils/dataFetch");
-var import_sdk = require("@module-federation/sdk");
-function wrapSetTimeout(targetPromise, delay = 2e4, id) {
-  if (targetPromise && typeof targetPromise.then === "function") {
-    return new Promise((resolve, reject) => {
-      const timeoutId = setTimeout(() => {
-        import_logger.default.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) => {
-  var _globalThis___FEDERATION__;
-  let url;
-  let dataFetchId;
-  let params;
-  let remoteInfo;
-  try {
-    url = new URL(ctx.req.url);
-    dataFetchId = getDecodeQuery(url, import_constant.DATA_FETCH_QUERY);
-    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
-    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
-    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
-  } catch (e) {
-    console.log("fetch data from server, error: ", e);
-    console.error(e);
-    return next();
-  }
-  if (!dataFetchId) {
-    return next();
-  }
-  import_logger.default.log("fetch data from server, dataFetchId: ", dataFetchId);
-  console.log("fetch data from server, moduleInfo: ", (_globalThis___FEDERATION__ = globalThis.__FEDERATION__) === null || _globalThis___FEDERATION__ === void 0 ? void 0 : _globalThis___FEDERATION__.moduleInfo);
-  try {
-    var _dataFetchMap_dataFetchId, _dataFetchMap_dataFetchId1;
-    const dataFetchMap = (0, import_utils.getDataFetchMap)();
-    if (!dataFetchMap) {
-      (0, import_dataFetch.initDataFetchMap)();
-    }
-    const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
-    console.log("fetch data from server, fetchDataPromise: ", fetchDataPromise);
-    if (fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== import_constant.MF_DATA_FETCH_STATUS.ERROR) {
-      import_logger.default.log("fetch data from server, fetchDataPromise: ", fetchDataPromise);
-      const targetPromise = fetchDataPromise[0];
-      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
-      if (wrappedPromise) {
-        const res = await wrappedPromise;
-        import_logger.default.log("fetch data from server, fetchDataPromise res: ", res);
-        return ctx.json(res);
-      }
-      import_logger.default.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);
-        import_logger.default.debug("find remote: ", JSON.stringify(remote));
-        if (!remote) {
-          hostInstance2.registerRemotes([
-            {
-              name: remoteInfo.name,
-              entry: remoteEntry,
-              entryGlobalName: remoteInfo.globalName
-            }
-          ]);
-        } else if (!("entry" in remote) || !remote.entry.includes(import_sdk.MANIFEST_EXT)) {
-          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
-          import_logger.default.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
-          import_logger.default.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];
-    console.log("fetch data from server, dataFetchItem: ", dataFetchItem);
-    if (dataFetchItem) {
-      import_logger.default.log("fetch data from server, dataFetchItem: ", dataFetchItem);
-      const callFetchDataPromise = (0, import_dataFetch.fetchData)(dataFetchId, {
-        ...params,
-        isDowngrade: true
-      });
-      const wrappedPromise = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
-      if (wrappedPromise) {
-        const res = await wrappedPromise;
-        import_logger.default.log("fetch data from server, dataFetchItem res: ", res);
-        return ctx.json(res);
-      }
-    }
-    const remoteId = dataFetchId.split(import_sdk.SEPARATOR)[0];
-    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
-    if (!hostInstance) {
-      throw new Error("host instance not found!");
-    }
-    const dataFetchFn = await (0, import_dataFetch.loadDataFetchModule)(hostInstance, remoteId);
-    const data = await dataFetchFn({
-      ...params,
-      isDowngrade: !remoteInfo
-    });
-    import_logger.default.log("fetch data from server, loadDataFetchModule res: ", data);
-    return ctx.json(data);
-  } catch (e) {
-    console.log("server plugin data fetch 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;

package/dist/cjs/runtime/AwaitDataFetch.js

@@ -1,144 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AwaitDataFetch_exports = {};
-__export(AwaitDataFetch_exports, {
-  AwaitDataFetch: () => AwaitDataFetch,
-  transformError: () => transformError
-});
-module.exports = __toCommonJS(AwaitDataFetch_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_logger = __toESM(require("../logger"));
-var import_constant = require("../constant");
-var import_utils = require("../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 = (0, import_utils.getDataFetchIdWithErrorMsgs)(originalMsg);
-  if (originalMsg.indexOf(import_constant.DATA_FETCH_ERROR_PREFIX) === 0) {
-    return {
-      error: new Error(originalMsg.replace(import_constant.DATA_FETCH_ERROR_PREFIX, "").replace((0, import_utils.wrapDataFetchId)(dataFetchMapKey), "")),
-      errorType: import_constant.ERROR_TYPE.DATA_FETCH,
-      dataFetchMapKey
-    };
-  }
-  if (originalMsg.indexOf(import_constant.LOAD_REMOTE_ERROR_PREFIX) === 0) {
-    return {
-      error: new Error(originalMsg.replace(import_constant.LOAD_REMOTE_ERROR_PREFIX, "").replace((0, import_utils.wrapDataFetchId)(dataFetchMapKey), "")),
-      errorType: import_constant.ERROR_TYPE.LOAD_REMOTE,
-      dataFetchMapKey
-    };
-  }
-  return {
-    error: new Error(originalMsg.replace((0, import_utils.wrapDataFetchId)(dataFetchMapKey), "")),
-    errorType: import_constant.ERROR_TYPE.UNKNOWN,
-    dataFetchMapKey
-  };
-};
-const DefaultLoading = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-const DefaultErrorElement = (_data) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-  children: "Error"
-});
-function AwaitDataFetch({ resolve, loading = DefaultLoading, errorElement = DefaultErrorElement, children, params }) {
-  const dataRef = (0, import_react.useRef)();
-  const data = dataRef.current || resolve;
-  const getData = isPromise(data) ? fetchData(data, dataRef) : () => data;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AwaitSuspense, {
-    params,
-    loading,
-    errorElement,
-    // @ts-ignore
-    resolve: getData,
-    children
-  });
-}
-function AwaitSuspense({ resolve, children, loading = DefaultLoading, errorElement = DefaultErrorElement }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-    fallback: loading,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResolveAwait, {
-      resolve,
-      errorElement,
-      children
-    })
-  });
-}
-function ResolveAwait({ children, resolve, errorElement, params }) {
-  const data = resolve();
-  import_logger.default.debug("resolve data: ", data);
-  if (typeof data === "string" && data.indexOf(AWAIT_ERROR_PREFIX) === 0) {
-    const transformedError = transformError(data);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: typeof errorElement === "function" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          globalThis.FEDERATION_SSR && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-            suppressHydrationWarning: true,
-            dangerouslySetInnerHTML: {
-              __html: String.raw`
-                  globalThis['${import_constant.DATA_FETCH_FUNCTION}'] = globalThis['${import_constant.DATA_FETCH_FUNCTION}']  || []
-                  globalThis['${import_constant.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.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;
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AwaitDataFetch,
-  transformError
-});

package/dist/cjs/runtime/createRemoteComponent.js

@@ -1,327 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createRemoteComponent_exports = {};
-__export(createRemoteComponent_exports, {
-  collectSSRAssets: () => collectSSRAssets,
-  createRemoteComponent: () => createRemoteComponent,
-  createRemoteSSRComponent: () => createRemoteSSRComponent
-});
-module.exports = __toCommonJS(createRemoteComponent_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_logger = __toESM(require("../logger"));
-var import_runtime = require("@module-federation/enhanced/runtime");
-var import_AwaitDataFetch = require("./AwaitDataFetch");
-var import_dataFetch = require("../utils/dataFetch");
-var import_utils = require("../utils");
-var import_constant = require("../constant");
-function getTargetModuleInfo(id) {
-  const instance = (0, import_runtime.getInstance)();
-  if (!instance) {
-    return;
-  }
-  const loadedRemoteInfo = (0, import_utils.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 = (0, import_runtime.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__ */ (0, import_jsx_runtime.jsx)("link", {
-        href: `${publicPath}${file}`,
-        rel: "stylesheet",
-        type: "text/css"
-      }, `${file.split(".")[0]}_${index}`));
-    });
-  }
-  if (injectScript) {
-    scripts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-      async: true,
-      src: `${publicPath}${remoteEntry}`,
-      crossOrigin: "anonymous"
-    }, remoteEntry.split(".")[0]));
-    [
-      ...targetModule.assets.js.sync
-    ].sort().forEach((file, index) => {
-      scripts.push(/* @__PURE__ */ (0, import_jsx_runtime.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[import_constant.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 = (0, import_dataFetch.getDataFetchItem)(id);
-    const isFetchServer = (dataFetchItem === null || dataFetchItem === void 0 ? void 0 : (_dataFetchItem_ = dataFetchItem[0]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[1]) === import_constant.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 () => {
-    import_logger.default.debug("callLoader start", Date.now());
-    const m = await options.loader();
-    import_logger.default.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 = (0, import_runtime.getInstance)();
-    try {
-      const m = await callLoader();
-      moduleId = m && m[Symbol.for("mf_module_id")];
-      if (!moduleId) {
-        throw new Error("moduleId is empty");
-      }
-      loadedRemoteInfo = (0, import_utils.getLoadedRemoteInfos)(moduleId, instance);
-      if (!loadedRemoteInfo) {
-        throw new Error(`can not find loaded remote('${moduleId}') info!`);
-      }
-    } catch (e) {
-      const errMsg = `${import_constant.LOAD_REMOTE_ERROR_PREFIX}${e}`;
-      import_logger.default.debug(e);
-      throw new Error(errMsg);
-    }
-    let dataFetchMapKey;
-    try {
-      dataFetchMapKey = (0, import_dataFetch.getDataFetchMapKey)((0, import_utils.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
-      });
-      import_logger.default.debug("getData dataFetchMapKey: ", dataFetchMapKey);
-      if (!dataFetchMapKey) {
-        return;
-      }
-      const data = await (0, import_dataFetch.fetchData)(dataFetchMapKey, {
-        ...options.dataFetchParams,
-        isDowngrade: false
-      }, getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR));
-      (0, import_utils.setDataFetchItemLoadedStatus)(dataFetchMapKey);
-      import_logger.default.debug("get data res: \n", data);
-      return data;
-    } catch (err) {
-      const errMsg = `${import_constant.DATA_FETCH_ERROR_PREFIX}${(0, import_utils.wrapDataFetchId)(dataFetchMapKey)}${err}`;
-      import_logger.default.debug(errMsg);
-      throw new Error(errMsg);
-    }
-  };
-  const LazyComponent = /* @__PURE__ */ import_react.default.lazy(async () => {
-    const m = await callLoader();
-    const moduleId = m && m[Symbol.for("mf_module_id")];
-    const instance = (0, import_runtime.getInstance)();
-    const loadedRemoteInfo = (0, import_utils.getLoadedRemoteInfos)(moduleId, instance);
-    loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.snapshot;
-    const dataFetchMapKey = loadedRemoteInfo ? (0, import_dataFetch.getDataFetchMapKey)((0, import_utils.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;
-    import_logger.default.debug("LazyComponent dataFetchMapKey: ", dataFetchMapKey);
-    const assets = collectSSRAssets({
-      id: moduleId
-    });
-    const Com = m[exportName];
-    if (exportName in m && typeof Com === "function") {
-      return {
-        default: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [
-            globalThis.FEDERATION_SSR && dataFetchMapKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-              suppressHydrationWarning: true,
-              dangerouslySetInnerHTML: {
-                __html: String.raw`
-                  globalThis['${import_constant.DATA_FETCH_FUNCTION}'] = globalThis['${import_constant.DATA_FETCH_FUNCTION}'] || [];
-                  globalThis['${import_constant.DATA_FETCH_FUNCTION}'].push(['${dataFetchMapKey}',${JSON.stringify(props.mfData)}]);
-                  `
-              }
-            }),
-            globalThis.FEDERATION_SSR && assets,
-            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_AwaitDataFetch.AwaitDataFetch, {
-        resolve: getData(options.noSSR),
-        loading: options.loading,
-        errorElement: options.fallback,
-        children: (data) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {
-          ...args2,
-          mfData: data
-        })
-      });
-    } else {
-      const [data, setData] = (0, import_react.useState)(null);
-      const [loading, setLoading] = (0, import_react.useState)(true);
-      const [error, setError] = (0, import_react.useState)(null);
-      (0, import_react.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((0, import_AwaitDataFetch.transformError)(e));
-            }
-          } finally {
-            if (isMounted) {
-              setLoading(false);
-            }
-          }
-        };
-        fetchDataAsync();
-        return () => {
-          isMounted = false;
-        };
-      }, []);
-      if (loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-          children: options.loading
-        });
-      }
-      if (error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-          children: typeof options.fallback === "function" ? options.fallback(error) : options.fallback
-        });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {
-        ...args,
-        mfData: data
-      });
-    }
-  };
-}
-function createRemoteSSRComponent(options) {
-  import_logger.default.warn("createRemoteSSRComponent is deprecated, please use createRemoteComponent instead!");
-  return createRemoteComponent(options);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  collectSSRAssets,
-  createRemoteComponent,
-  createRemoteSSRComponent
-});