@module-federation/modern-js 0.16.0 → 0.17.1

package/dist/cjs/utils/dataFetch.js

@@ -1,211 +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 dataFetch_exports = {};
-__export(dataFetch_exports, {
-  fetchData: () => fetchData,
-  flushDataFetch: () => flushDataFetch,
-  getDataFetchIdWithErrorMsgs: () => getDataFetchIdWithErrorMsgs,
-  getDataFetchInfo: () => getDataFetchInfo,
-  getDataFetchItem: () => getDataFetchItem,
-  getDataFetchMap: () => getDataFetchMap,
-  getDataFetchMapKey: () => getDataFetchMapKey,
-  initDataFetchMap: () => initDataFetchMap,
-  isDataLoaderExpose: () => isDataLoaderExpose,
-  loadDataFetchModule: () => loadDataFetchModule,
-  setDataFetchItemLoadedStatus: () => setDataFetchItemLoadedStatus,
-  wrapDataFetchId: () => wrapDataFetchId
-});
-module.exports = __toCommonJS(dataFetch_exports);
-var import_sdk = require("@module-federation/sdk");
-var import_utils = require("../utils");
-var import_logger = __toESM(require("../logger"));
-var import_downgrade = require("../ssr-runtime/downgrade");
-var import_constant = require("../constant");
-var import_constant2 = require("@module-federation/rsbuild-plugin/constant");
-const getDataFetchInfo = ({ name, alias, id, remoteSnapshot }) => {
-  if (!remoteSnapshot) {
-    return;
-  }
-  if (!("modules" in remoteSnapshot)) {
-    return;
-  }
-  const regex = new RegExp(`^${name}(/[^/].*|)$`);
-  const nameOrAlias = regex.test(id) ? name : alias || name;
-  const expose = id.replace(nameOrAlias, "");
-  let dataFetchName = "";
-  let dataFetchId = "";
-  if (expose.startsWith("/")) {
-    dataFetchName = `${expose.slice(1)}.${import_constant2.DATA_FETCH_IDENTIFIER}`;
-    dataFetchId = `${id}.${import_constant2.DATA_FETCH_IDENTIFIER}`;
-  } else if (expose === "") {
-    dataFetchName = import_constant2.DATA_FETCH_IDENTIFIER;
-    dataFetchId = `${id}/${import_constant2.DATA_FETCH_IDENTIFIER}`;
-  } else {
-    return;
-  }
-  if (!dataFetchName || !dataFetchId) {
-    return;
-  }
-  if (!remoteSnapshot.modules.find((module2) => module2.moduleName === dataFetchName)) {
-    return;
-  }
-  return {
-    dataFetchName,
-    dataFetchId
-  };
-};
-function initDataFetchMap() {
-  var _globalThis;
-  (_globalThis = globalThis).__MF_DATA_FETCH_MAP__ || (_globalThis.__MF_DATA_FETCH_MAP__ = {});
-}
-function getDataFetchItem(id) {
-  var _globalThis___MF_DATA_FETCH_MAP__;
-  return (_globalThis___MF_DATA_FETCH_MAP__ = globalThis.__MF_DATA_FETCH_MAP__) === null || _globalThis___MF_DATA_FETCH_MAP__ === void 0 ? void 0 : _globalThis___MF_DATA_FETCH_MAP__[id];
-}
-function getDataFetchMap() {
-  return globalThis.__MF_DATA_FETCH_MAP__;
-}
-const flushDataFetch = () => {
-  globalThis.__MF_DATA_FETCH_MAP__ = {};
-  globalThis[import_constant.DOWNGRADE_KEY] = void 0;
-};
-function setDataFetchItemLoadedStatus(id) {
-  const dataFetchItem = getDataFetchItem(id);
-  if (!dataFetchItem) {
-    return;
-  }
-  dataFetchItem[2] = import_constant.MF_DATA_FETCH_STATUS.LOADED;
-}
-const wrapDataFetchId = (id) => {
-  return `${import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER}${id}${import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER}`;
-};
-const getDataFetchIdWithErrorMsgs = (errMsgs) => {
-  const firstIdentifierIndex = errMsgs.indexOf(import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER);
-  if (firstIdentifierIndex === -1) {
-    return void 0;
-  }
-  const secondIdentifierIndex = errMsgs.indexOf(import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER, firstIdentifierIndex + import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER.length);
-  if (secondIdentifierIndex === -1) {
-    return void 0;
-  }
-  return errMsgs.substring(firstIdentifierIndex + import_constant.WRAP_DATA_FETCH_ID_IDENTIFIER.length, secondIdentifierIndex);
-};
-async function fetchData(id, params, remoteInfo) {
-  const callFetchData = async () => {
-    const item = getDataFetchItem(id);
-    if (!item) {
-      return;
-    }
-    const [fetchDataFnArr, ..._rest] = item;
-    const fetchDataFn = await fetchDataFnArr[2];
-    if (!fetchDataFn) {
-      return;
-    }
-    return fetchDataFn(params);
-  };
-  if ((0, import_sdk.isBrowserEnv)()) {
-    var _dataFetchItem_;
-    const dataFetchItem = getDataFetchItem(id);
-    if (!dataFetchItem) {
-      throw new Error(`dataFetchItem not found, id: ${id}`);
-    }
-    if ((_dataFetchItem_ = dataFetchItem[1]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[0]) {
-      return dataFetchItem[1][0];
-    }
-    if ((0, import_utils.isCSROnly)()) {
-      import_logger.default.debug("==========csr only!");
-      return callFetchData();
-    }
-    if (remoteInfo) {
-      return (0, import_downgrade.callDowngrade)(id, params, remoteInfo);
-    }
-    const mfDowngrade = (0, import_downgrade.getDowngradeTag)();
-    if (mfDowngrade) {
-      if (typeof mfDowngrade === "boolean") {
-        return (0, import_downgrade.callDowngrade)(id, {
-          ...params,
-          isDowngrade: true
-        });
-      }
-      if (mfDowngrade.includes(id)) {
-        return (0, import_downgrade.callDowngrade)(id, {
-          ...params,
-          isDowngrade: true
-        });
-      }
-    }
-    let res;
-    let rej;
-    const p = new Promise((resolve, reject) => {
-      res = resolve;
-      rej = reject;
-    });
-    dataFetchItem[1] = [
-      p,
-      res,
-      rej
-    ];
-    dataFetchItem[2] = import_constant.MF_DATA_FETCH_STATUS.AWAIT;
-    return dataFetchItem[1][0];
-  }
-  return callFetchData();
-}
-function getDataFetchMapKey(dataFetchInfo, hostInfo) {
-  if (!dataFetchInfo || !hostInfo) {
-    return;
-  }
-  const { dataFetchId } = dataFetchInfo;
-  return (0, import_sdk.composeKeyWithSeparator)(dataFetchId, hostInfo.name, hostInfo.version);
-}
-async function loadDataFetchModule(instance, id) {
-  return instance.loadRemote(id).then((m) => {
-    if (m && typeof m === "object" && "fetchData" in m && typeof m.fetchData === "function") {
-      return m.fetchData;
-    }
-    throw new Error(`fetchData not found in remote ${id}, ${JSON.stringify(m)}`);
-  });
-}
-function isDataLoaderExpose(exposeKey) {
-  return exposeKey.endsWith(import_constant2.DATA_FETCH_IDENTIFIER) || exposeKey.endsWith(import_constant2.DATA_FETCH_CLIENT_SUFFIX);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fetchData,
-  flushDataFetch,
-  getDataFetchIdWithErrorMsgs,
-  getDataFetchInfo,
-  getDataFetchItem,
-  getDataFetchMap,
-  getDataFetchMapKey,
-  initDataFetchMap,
-  isDataLoaderExpose,
-  loadDataFetchModule,
-  setDataFetchItemLoadedStatus,
-  wrapDataFetchId
-});

package/dist/cjs/utils/index.js

@@ -1,54 +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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  getLoadedRemoteInfos: () => getLoadedRemoteInfos,
-  isCSROnly: () => isCSROnly
-});
-module.exports = __toCommonJS(utils_exports);
-__reExport(utils_exports, require("./dataFetch"), module.exports);
-function getLoadedRemoteInfos(id, instance) {
-  if (!instance) {
-    return;
-  }
-  const { name, expose } = instance.remoteHandler.idToRemoteMap[id] || {};
-  if (!name) {
-    return;
-  }
-  const module2 = instance.moduleCache.get(name);
-  if (!module2) {
-    return;
-  }
-  const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(module2.remoteInfo);
-  return {
-    ...module2.remoteInfo,
-    snapshot: remoteSnapshot,
-    expose
-  };
-}
-function isCSROnly() {
-  return window._SSR_DATA === void 0;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getLoadedRemoteInfos,
-  isCSROnly,
-  ...require("./dataFetch")
-});

package/dist/esm/cli/mfRuntimePlugins/auto-fetch-data.js

@@ -1,76 +0,0 @@
-import { getDataFetchInfo, initDataFetchMap, getDataFetchItem, getDataFetchMap, isCSROnly } from "../../utils";
-import logger from "../../logger";
-import { getDataFetchMapKey, isDataLoaderExpose, loadDataFetchModule } from "../../utils/dataFetch";
-import { MF_DATA_FETCH_TYPE, MF_DATA_FETCH_STATUS } from "../../constant";
-import { DATA_FETCH_CLIENT_SUFFIX } from "@module-federation/rsbuild-plugin/constant";
-var autoFetchData = function() {
-  return {
-    name: "auto-fetch-data-plugin",
-    beforeInit: function beforeInit(args) {
-      initDataFetchMap();
-      return args;
-    },
-    afterLoadSnapshot: function afterLoadSnapshot(args) {
-      var id = args.id, moduleInfo = args.moduleInfo, remoteSnapshot = args.remoteSnapshot, host = args.host;
-      if (typeof id === "string" && isDataLoaderExpose(id)) {
-        return args;
-      }
-      if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
-        return args;
-      }
-      var name = moduleInfo.name, alias = moduleInfo.alias;
-      var dataFetchInfo = getDataFetchInfo({
-        name,
-        alias,
-        id,
-        remoteSnapshot
-      });
-      if (!dataFetchInfo) {
-        return args;
-      }
-      var dataFetchId = dataFetchInfo.dataFetchId, dataFetchName = dataFetchInfo.dataFetchName;
-      var dataFetchMapKey = getDataFetchMapKey(dataFetchInfo, {
-        name: host.name,
-        version: host.options.version
-      });
-      logger.debug("======= auto fetch plugin dataFetchMapKey: ", dataFetchMapKey);
-      if (!dataFetchMapKey) {
-        return args;
-      }
-      var dataFetchItem = getDataFetchItem(dataFetchMapKey);
-      if (dataFetchItem) {
-        return args;
-      }
-      var dataFetchMap = getDataFetchMap();
-      var hasSSRAsset = Boolean(remoteSnapshot.ssrRemoteEntry);
-      var hasDataFetchClient = Boolean(remoteSnapshot.modules.find(function(module) {
-        return module.moduleName === "".concat(dataFetchName).concat(DATA_FETCH_CLIENT_SUFFIX);
-      }));
-      var downgradeType = hasDataFetchClient ? MF_DATA_FETCH_TYPE.FETCH_CLIENT : hasSSRAsset ? MF_DATA_FETCH_TYPE.FETCH_SERVER : MF_DATA_FETCH_TYPE.FETCH_CLIENT;
-      var finalDataFetchId = dataFetchId;
-      if (typeof window !== "undefined") {
-        finalDataFetchId = downgradeType === MF_DATA_FETCH_TYPE.FETCH_CLIENT ? hasDataFetchClient ? "".concat(dataFetchId).concat(DATA_FETCH_CLIENT_SUFFIX) : dataFetchId : dataFetchId;
-      }
-      var getDataFetchGetter = function() {
-        return loadDataFetchModule(host, finalDataFetchId);
-      };
-      var dataFetchFnItem = [
-        getDataFetchGetter,
-        downgradeType
-      ];
-      if (typeof window === "undefined" || isCSROnly()) {
-        dataFetchFnItem.push(getDataFetchGetter());
-      }
-      dataFetchMap[dataFetchMapKey] = [
-        dataFetchFnItem,
-        void 0,
-        MF_DATA_FETCH_STATUS.AWAIT
-      ];
-      return args;
-    }
-  };
-};
-var auto_fetch_data_default = autoFetchData;
-export {
-  auto_fetch_data_default as default
-};

package/dist/esm/runtime/AwaitDataFetch.js

@@ -1,131 +0,0 @@
-import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
-import { _ as _tagged_template_literal } from "@swc/helpers/_/_tagged_template_literal";
-import { _ as _type_of } from "@swc/helpers/_/_type_of";
-function _templateObject() {
-  var data = _tagged_template_literal([
-    "\n                  globalThis['",
-    "'] = globalThis['",
-    "']  || []\n                  globalThis['",
-    "'].push([",
-    ",",
-    ",true]);"
-  ]);
-  _templateObject = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-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 === "undefined" ? "undefined" : _type_of(obj)) === "object" || typeof obj === "function") && typeof obj.then === "function";
-}
-var AWAIT_ERROR_PREFIX = "<Await /> caught the following error during render: ";
-var transformError = function(err) {
-  var errMsg = _instanceof(err, Error) ? err.message : err;
-  var originalMsg = errMsg.replace(AWAIT_ERROR_PREFIX, "");
-  var 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
-  };
-};
-var DefaultLoading = /* @__PURE__ */ _jsx(_Fragment, {});
-var DefaultErrorElement = function(_data) {
-  return /* @__PURE__ */ _jsx("div", {
-    children: "Error"
-  });
-};
-function AwaitDataFetch(param) {
-  var resolve = param.resolve, _param_loading = param.loading, loading = _param_loading === void 0 ? DefaultLoading : _param_loading, _param_errorElement = param.errorElement, errorElement = _param_errorElement === void 0 ? DefaultErrorElement : _param_errorElement, children = param.children, params = param.params;
-  var dataRef = useRef();
-  var data = dataRef.current || resolve;
-  var getData = isPromise(data) ? fetchData(data, dataRef) : function() {
-    return data;
-  };
-  return /* @__PURE__ */ _jsx(AwaitSuspense, {
-    params,
-    loading,
-    errorElement,
-    // @ts-ignore
-    resolve: getData,
-    children
-  });
-}
-function AwaitSuspense(param) {
-  var resolve = param.resolve, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? DefaultLoading : _param_loading, _param_errorElement = param.errorElement, errorElement = _param_errorElement === void 0 ? DefaultErrorElement : _param_errorElement;
-  return /* @__PURE__ */ _jsx(Suspense, {
-    fallback: loading,
-    children: /* @__PURE__ */ _jsx(ResolveAwait, {
-      resolve,
-      errorElement,
-      children
-    })
-  });
-}
-function ResolveAwait(param) {
-  var children = param.children, resolve = param.resolve, errorElement = param.errorElement, params = param.params;
-  var data = resolve();
-  logger.debug("resolve data: ", data);
-  if (typeof data === "string" && data.indexOf(AWAIT_ERROR_PREFIX) === 0) {
-    var 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(_templateObject(), DATA_FETCH_FUNCTION, DATA_FETCH_FUNCTION, DATA_FETCH_FUNCTION, transformedError.dataFetchMapKey ? "'".concat(transformedError.dataFetchMapKey, "'") : "", params ? JSON.stringify(params) : null)
-            }
-          }),
-          errorElement(transformedError)
-        ]
-      }) : errorElement
-    });
-  }
-  var toRender = typeof children === "function" ? children(data) : children;
-  return /* @__PURE__ */ _jsx(_Fragment, {
-    children: toRender
-  });
-}
-var fetchData = function(promise, ref) {
-  var data;
-  var status = "pending";
-  var suspender = promise.then(function(res) {
-    status = "success";
-    data = res;
-    ref.current = res;
-  }).catch(function(e) {
-    status = "success";
-    console.warn(e);
-    data = AWAIT_ERROR_PREFIX + e;
-  });
-  return function() {
-    if (status === "pending") {
-      throw suspender;
-    }
-    return data;
-  };
-};
-export {
-  AwaitDataFetch,
-  transformError
-};