@module-federation/modern-js 0.0.0-next-20250613153606 → 0.0.0-next-20250616091910

package/dist/cjs/cli/configPlugin.js

@@ -148,7 +148,7 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy, enableSSR) => {
   ];
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(require.resolve("@module-federation/modern-js/shared-strategy"), runtimePlugins);
-  injectRuntimePlugins(require.resolve("@module-federation/modern-js/auto-fetch-data"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
   if (enableSSR && (0, import_utils3.isDev)()) {
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
   }

package/dist/cjs/cli/configPlugin.spec.js

@@ -61,7 +61,7 @@ const mfConfig = {
       remoteType: "script",
       runtimePlugins: [
         require.resolve("@module-federation/modern-js/shared-strategy"),
-        require.resolve("@module-federation/modern-js/auto-fetch-data"),
+        require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"),
         require.resolve("@module-federation/node/runtimePlugin"),
         require.resolve("@module-federation/modern-js/inject-node-fetch")
       ],
@@ -90,7 +90,7 @@ const mfConfig = {
       remoteType: "script",
       runtimePlugins: [
         require.resolve("@module-federation/modern-js/shared-strategy"),
-        require.resolve("@module-federation/modern-js/auto-fetch-data")
+        require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin")
       ],
       shared: {
         react: {

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

@@ -31,11 +31,10 @@ __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_data_fetch_constant = require("@module-federation/bridge-react/data-fetch-constant");
+var import_data_fetch_utils = require("@module-federation/bridge-react/data-fetch-utils");
 var import_sdk = require("@module-federation/sdk");
+var import_logger = __toESM(require("../../logger"));
 function wrapSetTimeout(targetPromise, delay = 2e4, id) {
   if (targetPromise && typeof targetPromise.then === "function") {
     return new Promise((resolve, reject) => {
@@ -74,7 +73,7 @@ const middleware = async (ctx, next) => {
   let remoteInfo;
   try {
     url = new URL(ctx.req.url);
-    dataFetchId = getDecodeQuery(url, import_constant.DATA_FETCH_QUERY);
+    dataFetchId = getDecodeQuery(url, import_data_fetch_constant.DATA_FETCH_QUERY);
     params = JSON.parse(getDecodeQuery(url, "params") || "{}");
     const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
     remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
@@ -89,13 +88,13 @@ const middleware = async (ctx, next) => {
   import_logger.default.debug("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)();
+    const dataFetchMap = (0, import_data_fetch_utils.getDataFetchMap)();
     if (!dataFetchMap) {
-      (0, import_dataFetch.initDataFetchMap)();
+      (0, import_data_fetch_utils.initDataFetchMap)();
     }
     const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
     import_logger.default.debug("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) {
+    if (fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== import_data_fetch_constant.MF_DATA_FETCH_STATUS.ERROR) {
       const targetPromise = fetchDataPromise[0];
       const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
       if (wrappedPromise) {
@@ -143,7 +142,7 @@ const middleware = async (ctx, next) => {
     const dataFetchItem = dataFetchMap[dataFetchId];
     import_logger.default.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
     if (dataFetchItem) {
-      const callFetchDataPromise = (0, import_dataFetch.fetchData)(dataFetchId, {
+      const callFetchDataPromise = (0, import_data_fetch_utils.fetchData)(dataFetchId, {
         ...params,
         isDowngrade: !remoteInfo
       });
@@ -159,7 +158,7 @@ const middleware = async (ctx, next) => {
     if (!hostInstance) {
       throw new Error("host instance not found!");
     }
-    const dataFetchFn = await (0, import_dataFetch.loadDataFetchModule)(hostInstance, remoteId);
+    const dataFetchFn = await (0, import_data_fetch_utils.loadDataFetchModule)(hostInstance, remoteId);
     const data = await dataFetchFn({
       ...params,
       isDowngrade: !remoteInfo

package/dist/cjs/constant.js

@@ -18,61 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constant_exports = {};
 __export(constant_exports, {
-  DATA_FETCH_ERROR_PREFIX: () => DATA_FETCH_ERROR_PREFIX,
-  DATA_FETCH_FUNCTION: () => DATA_FETCH_FUNCTION,
-  DATA_FETCH_MAP_KEY: () => DATA_FETCH_MAP_KEY,
-  DATA_FETCH_QUERY: () => DATA_FETCH_QUERY,
-  DOWNGRADE_KEY: () => DOWNGRADE_KEY,
-  ERROR_TYPE: () => ERROR_TYPE,
-  FS_HREF: () => FS_HREF,
-  LOAD_REMOTE_ERROR_PREFIX: () => LOAD_REMOTE_ERROR_PREFIX,
   LOCALHOST: () => LOCALHOST,
-  MF_DATA_FETCH_STATUS: () => MF_DATA_FETCH_STATUS,
-  MF_DATA_FETCH_TYPE: () => MF_DATA_FETCH_TYPE,
-  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER,
-  WRAP_DATA_FETCH_ID_IDENTIFIER: () => WRAP_DATA_FETCH_ID_IDENTIFIER
+  PLUGIN_IDENTIFIER: () => PLUGIN_IDENTIFIER
 });
 module.exports = __toCommonJS(constant_exports);
 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 = {}));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  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
+  PLUGIN_IDENTIFIER
 });

package/dist/cjs/runtime/index.js

@@ -19,32 +19,15 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  ERROR_TYPE: () => import_constant.ERROR_TYPE,
-  kit: () => kit,
-  setSSREnv: () => import_injectDataFetchFunctionPlugin.setSSREnv
+  ERROR_TYPE: () => import_bridge_react.ERROR_TYPE,
+  kit: () => import_bridge_react.kit
 });
 module.exports = __toCommonJS(runtime_exports);
 __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
-var import_constant = require("../constant");
-var import_injectDataFetchFunctionPlugin = require("../ssr-runtime/injectDataFetchFunctionPlugin");
-const kit = {
-  get createRemoteSSRComponent() {
-    return require("./createRemoteComponent").createRemoteSSRComponent;
-  },
-  get createRemoteComponent() {
-    return require("./createRemoteComponent").createRemoteComponent;
-  },
-  get collectSSRAssets() {
-    return require("./createRemoteComponent").collectSSRAssets;
-  },
-  get wrapNoSSR() {
-    return require("./wrapNoSSR").wrapNoSSR;
-  }
-};
+var import_bridge_react = require("@module-federation/bridge-react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ERROR_TYPE,
   kit,
-  setSSREnv,
   ...require("@module-federation/enhanced/runtime")
 });

package/dist/cjs/ssr-runtime/devPlugin.js

@@ -33,7 +33,7 @@ __export(devPlugin_exports, {
 module.exports = __toCommonJS(devPlugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_SSRLiveReload = require("./SSRLiveReload");
-var import_utils = require("../utils");
+var import_data_fetch_utils = require("@module-federation/bridge-react/data-fetch-utils");
 const mfSSRDevPlugin = () => ({
   name: "@module-federation/modern-js",
   setup: (api) => {
@@ -48,7 +48,7 @@ const mfSSRDevPlugin = () => ({
       if (shouldUpdate) {
         console.log("should RELOAD", shouldUpdate);
         await nodeUtils.flushChunks();
-        (0, import_utils.flushDataFetch)();
+        (0, import_data_fetch_utils.flushDataFetch)();
         globalThis.shouldUpdate = true;
       }
     });

package/dist/cjs/ssr-runtime/injectDataFetchFunctionPlugin.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,120 +15,27 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 injectDataFetchFunctionPlugin_exports = {};
 __export(injectDataFetchFunctionPlugin_exports, {
-  injectDataFetchFunctionPlugin: () => injectDataFetchFunctionPlugin,
-  setSSREnv: () => setSSREnv
+  injectDataFetchFunctionPlugin: () => injectDataFetchFunctionPlugin
 });
 module.exports = __toCommonJS(injectDataFetchFunctionPlugin_exports);
-var import_constant = require("../constant");
-var import_logger = __toESM(require("../logger"));
-var import_utils = require("../utils");
-var import_downgrade = require("./downgrade");
-function setSSREnv({ fetchServerQuery }) {
-  globalThis.FEDERATION_SSR = true;
-  globalThis.FEDERATION_SERVER_QUERY = fetchServerQuery;
-}
+var import_bridge_react = require("@module-federation/bridge-react");
+const { callDataFetch, injectDataFetch, setSSREnv } = import_bridge_react.kit;
 const injectDataFetchFunctionPlugin = ({ fetchServerQuery }) => ({
   name: "@module-federation/inject-data-fetch-function-plugin",
   setup: (api) => {
     api.onBeforeRender(async () => {
-      var _globalThis, _DATA_FETCH_FUNCTION;
       setSSREnv({
         fetchServerQuery
       });
-      if (typeof window === "undefined") {
-        return;
-      }
-      const dataFetchFunction = async function(options) {
-        const [id, data, downgrade] = options;
-        import_logger.default.debug("==========call data fetch function!");
-        if (data) {
-          if (!id) {
-            throw new Error("id is required!");
-          }
-          if (!(0, import_utils.getDataFetchMap)()) {
-            (0, import_utils.initDataFetchMap)();
-          }
-          const dataFetchItem = (0, import_utils.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] = import_constant.MF_DATA_FETCH_STATUS.LOADED;
-            return;
-          }
-          if (!dataFetchItem) {
-            const dataFetchMap = (0, import_utils.getDataFetchMap)();
-            let res;
-            let rej;
-            const p = new Promise((resolve, reject) => {
-              res = resolve;
-              rej = reject;
-            });
-            dataFetchMap[id] = [
-              [
-                async () => async () => {
-                  return "";
-                },
-                import_constant.MF_DATA_FETCH_TYPE.FETCH_SERVER
-              ],
-              [
-                p,
-                res,
-                rej
-              ],
-              import_constant.MF_DATA_FETCH_STATUS.LOADED
-            ];
-            res(data);
-            return;
-          }
-        }
-        if (downgrade) {
-          const mfDowngrade2 = (0, import_downgrade.getDowngradeTag)();
-          if (!mfDowngrade2) {
-            globalThis[import_constant.DOWNGRADE_KEY] = id ? [
-              id
-            ] : true;
-          } else if (Array.isArray(mfDowngrade2) && id && !mfDowngrade2.includes(id)) {
-            mfDowngrade2.push(id);
-          }
-        }
-        const mfDowngrade = (0, import_downgrade.getDowngradeTag)();
-        if (typeof mfDowngrade === "boolean") {
-          return (0, import_downgrade.callAllDowngrade)();
-        }
-        if (Array.isArray(mfDowngrade)) {
-          if (!id) {
-            globalThis[import_constant.DOWNGRADE_KEY] = true;
-            return (0, import_downgrade.callAllDowngrade)();
-          }
-          if (!mfDowngrade.includes(id)) {
-            mfDowngrade.push(id);
-          }
-          return (0, import_downgrade.callDowngrade)(id);
-        }
-      };
-      globalThis[import_constant.FS_HREF] = window.location.href;
-      (_globalThis = globalThis)[_DATA_FETCH_FUNCTION = import_constant.DATA_FETCH_FUNCTION] || (_globalThis[_DATA_FETCH_FUNCTION] = []);
-      const dataFetch = globalThis[import_constant.DATA_FETCH_FUNCTION];
-      await Promise.all(dataFetch.map(async (options) => {
-        await dataFetchFunction(options);
-      }));
-      dataFetch.push = dataFetchFunction;
+      injectDataFetch();
+      await callDataFetch();
     });
   }
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  injectDataFetchFunctionPlugin,
-  setSSREnv
+  injectDataFetchFunctionPlugin
 });

package/dist/esm/cli/configPlugin.js

@@ -138,7 +138,7 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy, enableSSR) {
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(require.resolve("@module-federation/modern-js/shared-strategy"), runtimePlugins);
-  injectRuntimePlugins(require.resolve("@module-federation/modern-js/auto-fetch-data"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
   if (enableSSR && isDev()) {
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
   }

package/dist/esm/cli/configPlugin.spec.js

@@ -43,7 +43,7 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
           remoteType: "script",
           runtimePlugins: [
             require.resolve("@module-federation/modern-js/shared-strategy"),
-            require.resolve("@module-federation/modern-js/auto-fetch-data"),
+            require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"),
             require.resolve("@module-federation/node/runtimePlugin"),
             require.resolve("@module-federation/modern-js/inject-node-fetch")
           ],
@@ -78,7 +78,7 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
           remoteType: "script",
           runtimePlugins: [
             require.resolve("@module-federation/modern-js/shared-strategy"),
-            require.resolve("@module-federation/modern-js/auto-fetch-data")
+            require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin")
           ],
           shared: {
             react: {

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

@@ -2,11 +2,10 @@ 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 _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { DATA_FETCH_QUERY, MF_DATA_FETCH_STATUS } from "../../constant";
-import logger from "../../logger";
-import { getDataFetchMap } from "../../utils";
-import { fetchData, initDataFetchMap, loadDataFetchModule } from "../../utils/dataFetch";
+import { DATA_FETCH_QUERY, MF_DATA_FETCH_STATUS } from "@module-federation/bridge-react/data-fetch-constant";
+import { getDataFetchMap, fetchData, initDataFetchMap, loadDataFetchModule } from "@module-federation/bridge-react/data-fetch-utils";
 import { SEPARATOR, MANIFEST_EXT } from "@module-federation/sdk";
+import logger from "../../logger";
 function wrapSetTimeout(targetPromise) {
   var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2e4, id = arguments.length > 2 ? arguments[2] : void 0;
   if (targetPromise && typeof targetPromise.then === "function") {

package/dist/esm/constant.js

@@ -1,42 +1,6 @@
 var LOCALHOST = "localhost";
 var PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
-var DATA_FETCH_QUERY = "x-mf-data-fetch";
-var DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
-var LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
-var DOWNGRADE_KEY = "_mfSSRDowngrade";
-var DATA_FETCH_MAP_KEY = "__MF_DATA_FETCH_MAP__";
-var DATA_FETCH_FUNCTION = "_mfDataFetch";
-var FS_HREF = "_mfFSHref";
-var ERROR_TYPE = {
-  DATA_FETCH: 1,
-  LOAD_REMOTE: 2,
-  UNKNOWN: 3
-};
-var 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
+  PLUGIN_IDENTIFIER
 };

package/dist/esm/runtime/index.js

@@ -1,22 +1,6 @@
 export * from "@module-federation/enhanced/runtime";
-import { ERROR_TYPE } from "../constant";
-var kit = {
-  get createRemoteSSRComponent() {
-    return require("./createRemoteComponent").createRemoteSSRComponent;
-  },
-  get createRemoteComponent() {
-    return require("./createRemoteComponent").createRemoteComponent;
-  },
-  get collectSSRAssets() {
-    return require("./createRemoteComponent").collectSSRAssets;
-  },
-  get wrapNoSSR() {
-    return require("./wrapNoSSR").wrapNoSSR;
-  }
-};
-import { setSSREnv } from "../ssr-runtime/injectDataFetchFunctionPlugin";
+import { kit, ERROR_TYPE } from "@module-federation/bridge-react";
 export {
   ERROR_TYPE,
-  kit,
-  setSSREnv
+  kit
 };

package/dist/esm/ssr-runtime/devPlugin.js

@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SSRLiveReload } from "./SSRLiveReload";
-import { flushDataFetch } from "../utils";
+import { flushDataFetch } from "@module-federation/bridge-react/data-fetch-utils";
 var mfSSRDevPlugin = function() {
   return {
     name: "@module-federation/modern-js",

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

@@ -1,167 +1,26 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-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";
-function setSSREnv(param) {
-  var fetchServerQuery = param.fetchServerQuery;
-  globalThis.FEDERATION_SSR = true;
-  globalThis.FEDERATION_SERVER_QUERY = fetchServerQuery;
-}
+import { kit } from "@module-federation/bridge-react";
+var callDataFetch = kit.callDataFetch, injectDataFetch = kit.injectDataFetch, setSSREnv = kit.setSSREnv;
 var injectDataFetchFunctionPlugin = function(param) {
   var fetchServerQuery = param.fetchServerQuery;
   return {
     name: "@module-federation/inject-data-fetch-function-plugin",
     setup: function(api) {
       api.onBeforeRender(/* @__PURE__ */ _async_to_generator(function() {
-        var _globalThis, _DATA_FETCH_FUNCTION, dataFetchFunction, dataFetch;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               setSSREnv({
                 fetchServerQuery
               });
-              if (typeof window === "undefined") {
-                return [
-                  2
-                ];
-              }
-              dataFetchFunction = function() {
-                var _ref = _async_to_generator(function(options) {
-                  var _options, id, data, downgrade, dataFetchItem, _dataFetchItem__, _dataFetchItem_, dataFetchMap, res, rej, p, mfDowngrade, mfDowngrade1;
-                  return _ts_generator(this, function(_state2) {
-                    _options = _sliced_to_array(options, 3), id = _options[0], data = _options[1], downgrade = _options[2];
-                    logger.debug("==========call data fetch function!");
-                    if (data) {
-                      if (!id) {
-                        throw new Error("id is required!");
-                      }
-                      if (!getDataFetchMap()) {
-                        initDataFetchMap();
-                      }
-                      dataFetchItem = getDataFetchItem(id);
-                      if (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 [
-                          2
-                        ];
-                      }
-                      if (!dataFetchItem) {
-                        dataFetchMap = getDataFetchMap();
-                        ;
-                        ;
-                        p = new Promise(function(resolve, reject) {
-                          res = resolve;
-                          rej = reject;
-                        });
-                        dataFetchMap[id] = [
-                          [
-                            /* @__PURE__ */ _async_to_generator(function() {
-                              return _ts_generator(this, function(_state3) {
-                                return [
-                                  2,
-                                  _async_to_generator(function() {
-                                    return _ts_generator(this, function(_state4) {
-                                      return [
-                                        2,
-                                        ""
-                                      ];
-                                    });
-                                  })
-                                ];
-                              });
-                            }),
-                            MF_DATA_FETCH_TYPE.FETCH_SERVER
-                          ],
-                          [
-                            p,
-                            res,
-                            rej
-                          ],
-                          MF_DATA_FETCH_STATUS.LOADED
-                        ];
-                        res(data);
-                        return [
-                          2
-                        ];
-                      }
-                    }
-                    if (downgrade) {
-                      mfDowngrade = getDowngradeTag();
-                      if (!mfDowngrade) {
-                        globalThis[DOWNGRADE_KEY] = id ? [
-                          id
-                        ] : true;
-                      } else if (Array.isArray(mfDowngrade) && id && !mfDowngrade.includes(id)) {
-                        mfDowngrade.push(id);
-                      }
-                    }
-                    mfDowngrade1 = getDowngradeTag();
-                    if (typeof mfDowngrade1 === "boolean") {
-                      return [
-                        2,
-                        callAllDowngrade()
-                      ];
-                    }
-                    if (Array.isArray(mfDowngrade1)) {
-                      if (!id) {
-                        globalThis[DOWNGRADE_KEY] = true;
-                        return [
-                          2,
-                          callAllDowngrade()
-                        ];
-                      }
-                      if (!mfDowngrade1.includes(id)) {
-                        mfDowngrade1.push(id);
-                      }
-                      return [
-                        2,
-                        callDowngrade(id)
-                      ];
-                    }
-                    return [
-                      2
-                    ];
-                  });
-                });
-                return function dataFetchFunction2(options) {
-                  return _ref.apply(this, arguments);
-                };
-              }();
-              globalThis[FS_HREF] = window.location.href;
-              (_globalThis = globalThis)[_DATA_FETCH_FUNCTION = DATA_FETCH_FUNCTION] || (_globalThis[_DATA_FETCH_FUNCTION] = []);
-              dataFetch = globalThis[DATA_FETCH_FUNCTION];
+              injectDataFetch();
               return [
                 4,
-                Promise.all(dataFetch.map(function() {
-                  var _ref = _async_to_generator(function(options) {
-                    return _ts_generator(this, function(_state2) {
-                      switch (_state2.label) {
-                        case 0:
-                          return [
-                            4,
-                            dataFetchFunction(options)
-                          ];
-                        case 1:
-                          _state2.sent();
-                          return [
-                            2
-                          ];
-                      }
-                    });
-                  });
-                  return function(options) {
-                    return _ref.apply(this, arguments);
-                  };
-                }()))
+                callDataFetch()
               ];
             case 1:
               _state.sent();
-              dataFetch.push = dataFetchFunction;
               return [
                 2
               ];
@@ -172,6 +31,5 @@ var injectDataFetchFunctionPlugin = function(param) {
   };
 };
 export {
-  injectDataFetchFunctionPlugin,
-  setSSREnv
+  injectDataFetchFunctionPlugin
 };

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

@@ -107,7 +107,7 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy, enableSSR) => {
   ];
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(require.resolve("@module-federation/modern-js/shared-strategy"), runtimePlugins);
-  injectRuntimePlugins(require.resolve("@module-federation/modern-js/auto-fetch-data"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
   if (enableSSR && isDev()) {
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
   }