@module-federation/modern-js 0.15.0 → 0.17.0

package/dist/esm/utils/dataFetch.js

@@ -1,237 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _to_array } from "@swc/helpers/_/_to_array";
-import { _ as _type_of } from "@swc/helpers/_/_type_of";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { isBrowserEnv, composeKeyWithSeparator } from "@module-federation/sdk";
-import { isCSROnly } from "../utils";
-import logger from "../logger";
-import { callDowngrade, getDowngradeTag } from "../ssr-runtime/downgrade";
-import { DOWNGRADE_KEY, MF_DATA_FETCH_STATUS, WRAP_DATA_FETCH_ID_IDENTIFIER } from "../constant";
-import { DATA_FETCH_CLIENT_SUFFIX, DATA_FETCH_IDENTIFIER } from "@module-federation/rsbuild-plugin/constant";
-var getDataFetchInfo = function(param) {
-  var name = param.name, alias = param.alias, id = param.id, remoteSnapshot = param.remoteSnapshot;
-  if (!remoteSnapshot) {
-    return;
-  }
-  if (!("modules" in remoteSnapshot)) {
-    return;
-  }
-  var regex = new RegExp("^".concat(name, "(/[^/].*|)$"));
-  var nameOrAlias = regex.test(id) ? name : alias || name;
-  var expose = id.replace(nameOrAlias, "");
-  var dataFetchName = "";
-  var dataFetchId = "";
-  if (expose.startsWith("/")) {
-    dataFetchName = "".concat(expose.slice(1), ".").concat(DATA_FETCH_IDENTIFIER);
-    dataFetchId = "".concat(id, ".").concat(DATA_FETCH_IDENTIFIER);
-  } else if (expose === "") {
-    dataFetchName = DATA_FETCH_IDENTIFIER;
-    dataFetchId = "".concat(id, "/").concat(DATA_FETCH_IDENTIFIER);
-  } else {
-    return;
-  }
-  if (!dataFetchName || !dataFetchId) {
-    return;
-  }
-  if (!remoteSnapshot.modules.find(function(module) {
-    return module.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__;
-}
-var flushDataFetch = function() {
-  globalThis.__MF_DATA_FETCH_MAP__ = {};
-  globalThis[DOWNGRADE_KEY] = void 0;
-};
-function setDataFetchItemLoadedStatus(id) {
-  var dataFetchItem = getDataFetchItem(id);
-  if (!dataFetchItem) {
-    return;
-  }
-  dataFetchItem[2] = MF_DATA_FETCH_STATUS.LOADED;
-}
-var wrapDataFetchId = function(id) {
-  return "".concat(WRAP_DATA_FETCH_ID_IDENTIFIER).concat(id).concat(WRAP_DATA_FETCH_ID_IDENTIFIER);
-};
-var getDataFetchIdWithErrorMsgs = function(errMsgs) {
-  var firstIdentifierIndex = errMsgs.indexOf(WRAP_DATA_FETCH_ID_IDENTIFIER);
-  if (firstIdentifierIndex === -1) {
-    return void 0;
-  }
-  var secondIdentifierIndex = errMsgs.indexOf(WRAP_DATA_FETCH_ID_IDENTIFIER, firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length);
-  if (secondIdentifierIndex === -1) {
-    return void 0;
-  }
-  return errMsgs.substring(firstIdentifierIndex + WRAP_DATA_FETCH_ID_IDENTIFIER.length, secondIdentifierIndex);
-};
-function fetchData(id, params, remoteInfo) {
-  return _fetchData.apply(this, arguments);
-}
-function _fetchData() {
-  _fetchData = _async_to_generator(function(id, params, remoteInfo) {
-    var callFetchData, _dataFetchItem_, dataFetchItem, mfDowngrade, res, rej, p;
-    return _ts_generator(this, function(_state) {
-      callFetchData = function() {
-        var _ref = _async_to_generator(function() {
-          var item, _item, fetchDataFnArr, _rest, fetchDataFn;
-          return _ts_generator(this, function(_state2) {
-            switch (_state2.label) {
-              case 0:
-                item = getDataFetchItem(id);
-                if (!item) {
-                  return [
-                    2
-                  ];
-                }
-                _item = _to_array(item), fetchDataFnArr = _item[0], _rest = _item.slice(1);
-                return [
-                  4,
-                  fetchDataFnArr[2]
-                ];
-              case 1:
-                fetchDataFn = _state2.sent();
-                if (!fetchDataFn) {
-                  return [
-                    2
-                  ];
-                }
-                return [
-                  2,
-                  fetchDataFn(params)
-                ];
-            }
-          });
-        });
-        return function callFetchData2() {
-          return _ref.apply(this, arguments);
-        };
-      }();
-      if (isBrowserEnv()) {
-        ;
-        dataFetchItem = getDataFetchItem(id);
-        if (!dataFetchItem) {
-          throw new Error("dataFetchItem not found, id: ".concat(id));
-        }
-        if ((_dataFetchItem_ = dataFetchItem[1]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[0]) {
-          return [
-            2,
-            dataFetchItem[1][0]
-          ];
-        }
-        if (isCSROnly()) {
-          logger.debug("==========csr only!");
-          return [
-            2,
-            callFetchData()
-          ];
-        }
-        if (remoteInfo) {
-          return [
-            2,
-            callDowngrade(id, params, remoteInfo)
-          ];
-        }
-        mfDowngrade = getDowngradeTag();
-        if (mfDowngrade) {
-          if (typeof mfDowngrade === "boolean") {
-            return [
-              2,
-              callDowngrade(id, _object_spread_props(_object_spread({}, params), {
-                isDowngrade: true
-              }))
-            ];
-          }
-          if (mfDowngrade.includes(id)) {
-            return [
-              2,
-              callDowngrade(id, _object_spread_props(_object_spread({}, params), {
-                isDowngrade: true
-              }))
-            ];
-          }
-        }
-        ;
-        ;
-        p = new Promise(function(resolve, reject) {
-          res = resolve;
-          rej = reject;
-        });
-        dataFetchItem[1] = [
-          p,
-          res,
-          rej
-        ];
-        dataFetchItem[2] = MF_DATA_FETCH_STATUS.AWAIT;
-        return [
-          2,
-          dataFetchItem[1][0]
-        ];
-      }
-      return [
-        2,
-        callFetchData()
-      ];
-    });
-  });
-  return _fetchData.apply(this, arguments);
-}
-function getDataFetchMapKey(dataFetchInfo, hostInfo) {
-  if (!dataFetchInfo || !hostInfo) {
-    return;
-  }
-  var dataFetchId = dataFetchInfo.dataFetchId;
-  return composeKeyWithSeparator(dataFetchId, hostInfo.name, hostInfo.version);
-}
-function loadDataFetchModule(instance, id) {
-  return _loadDataFetchModule.apply(this, arguments);
-}
-function _loadDataFetchModule() {
-  _loadDataFetchModule = _async_to_generator(function(instance, id) {
-    return _ts_generator(this, function(_state) {
-      return [
-        2,
-        instance.loadRemote(id).then(function(m) {
-          if (m && (typeof m === "undefined" ? "undefined" : _type_of(m)) === "object" && "fetchData" in m && typeof m.fetchData === "function") {
-            return m.fetchData;
-          }
-          throw new Error("fetchData not found in remote ".concat(id, ", ").concat(JSON.stringify(m)));
-        })
-      ];
-    });
-  });
-  return _loadDataFetchModule.apply(this, arguments);
-}
-function isDataLoaderExpose(exposeKey) {
-  return exposeKey.endsWith(DATA_FETCH_IDENTIFIER) || exposeKey.endsWith(DATA_FETCH_CLIENT_SUFFIX);
-}
-export {
-  fetchData,
-  flushDataFetch,
-  getDataFetchIdWithErrorMsgs,
-  getDataFetchInfo,
-  getDataFetchItem,
-  getDataFetchMap,
-  getDataFetchMapKey,
-  initDataFetchMap,
-  isDataLoaderExpose,
-  loadDataFetchModule,
-  setDataFetchItemLoadedStatus,
-  wrapDataFetchId
-};

package/dist/esm/utils/index.js

@@ -1,28 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-function getLoadedRemoteInfos(id, instance) {
-  if (!instance) {
-    return;
-  }
-  var _ref = instance.remoteHandler.idToRemoteMap[id] || {}, name = _ref.name, expose = _ref.expose;
-  if (!name) {
-    return;
-  }
-  var module = instance.moduleCache.get(name);
-  if (!module) {
-    return;
-  }
-  var remoteSnapshot = instance.snapshotHandler.getGlobalRemoteInfo(module.remoteInfo).remoteSnapshot;
-  return _object_spread_props(_object_spread({}, module.remoteInfo), {
-    snapshot: remoteSnapshot,
-    expose
-  });
-}
-function isCSROnly() {
-  return window._SSR_DATA === void 0;
-}
-export * from "./dataFetch";
-export {
-  getLoadedRemoteInfos,
-  isCSROnly
-};

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

@@ -1,68 +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";
-const autoFetchData = () => ({
-  name: "auto-fetch-data-plugin",
-  beforeInit(args) {
-    initDataFetchMap();
-    return args;
-  },
-  afterLoadSnapshot(args) {
-    const { id, moduleInfo, remoteSnapshot, host } = args;
-    if (typeof id === "string" && isDataLoaderExpose(id)) {
-      return args;
-    }
-    if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
-      return args;
-    }
-    const { name, alias } = moduleInfo;
-    const dataFetchInfo = getDataFetchInfo({
-      name,
-      alias,
-      id,
-      remoteSnapshot
-    });
-    if (!dataFetchInfo) {
-      return args;
-    }
-    const { dataFetchId, dataFetchName } = dataFetchInfo;
-    const dataFetchMapKey = getDataFetchMapKey(dataFetchInfo, {
-      name: host.name,
-      version: host.options.version
-    });
-    logger.debug("======= auto fetch plugin dataFetchMapKey: ", dataFetchMapKey);
-    if (!dataFetchMapKey) {
-      return args;
-    }
-    const dataFetchItem = getDataFetchItem(dataFetchMapKey);
-    if (dataFetchItem) {
-      return args;
-    }
-    const dataFetchMap = getDataFetchMap();
-    const downgradeType = remoteSnapshot.modules.find((module) => module.moduleName === `${dataFetchName}${DATA_FETCH_CLIENT_SUFFIX}`) ? MF_DATA_FETCH_TYPE.FETCH_CLIENT : MF_DATA_FETCH_TYPE.FETCH_SERVER;
-    let finalDataFetchId = dataFetchId;
-    if (typeof window !== "undefined") {
-      finalDataFetchId = downgradeType === MF_DATA_FETCH_TYPE.FETCH_CLIENT ? `${dataFetchId}${DATA_FETCH_CLIENT_SUFFIX}` : dataFetchId;
-    }
-    const getDataFetchGetter = () => loadDataFetchModule(host, finalDataFetchId);
-    const 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-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
-};