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

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/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/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/bridge-react/data-fetch-runtime-plugin"),
+        require.resolve("@module-federation/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/bridge-react/data-fetch-runtime-plugin")
+        require.resolve("@module-federation/react/data-fetch-runtime-plugin")
       ],
       shared: {
         react: {

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

@@ -31,147 +31,7 @@ __export(data_fetch_server_plugin_exports, {
   default: () => data_fetch_server_plugin_default
 });
 module.exports = __toCommonJS(data_fetch_server_plugin_exports);
-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) => {
-      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_data_fetch_constant.DATA_FETCH_QUERY);
-    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
-    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
-    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
-  } catch (e) {
-    import_logger.default.error("fetch data from server, error: ", e);
-    return next();
-  }
-  if (!dataFetchId) {
-    return next();
-  }
-  import_logger.default.log("fetch data from server, dataFetchId: ", dataFetchId);
-  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_data_fetch_utils.getDataFetchMap)();
-    if (!dataFetchMap) {
-      (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_data_fetch_constant.MF_DATA_FETCH_STATUS.ERROR) {
-      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];
-    import_logger.default.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
-    if (dataFetchItem) {
-      const callFetchDataPromise = (0, import_data_fetch_utils.fetchData)(dataFetchId, {
-        ...params,
-        isDowngrade: !remoteInfo
-      });
-      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_data_fetch_utils.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) {
-    import_logger.default.error("server plugin data fetch error: ", e);
-    ctx.status(500);
-    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
- ${e}`);
-  }
-};
+var import_data_fetch_server_middleware = __toESM(require("@module-federation/react/data-fetch-server-middleware"));
 const dataFetchServePlugin = () => ({
   name: "mf-data-fetch-server-plugin",
   setup: (api) => {
@@ -180,7 +40,7 @@ const dataFetchServePlugin = () => ({
       middlewares.push({
         name: "module-federation-serve-manifest",
         // @ts-ignore type error
-        handler: middleware
+        handler: import_data_fetch_server_middleware.default
       });
     });
   }

package/dist/cjs/runtime/index.js

@@ -1,7 +1,9 @@
 "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)
@@ -16,15 +18,58 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 runtime_exports = {};
 __export(runtime_exports, {
-  ERROR_TYPE: () => import_bridge_react.ERROR_TYPE,
-  kit: () => import_bridge_react.kit
+  ERROR_TYPE: () => import_pure.ERROR_TYPE,
+  kit: () => kit
 });
 module.exports = __toCommonJS(runtime_exports);
+var mfRuntime = __toESM(require("@module-federation/enhanced/runtime"));
+var import_pure = require("@module-federation/react/pure");
 __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
-var import_bridge_react = require("@module-federation/bridge-react");
+const kit = {
+  get createRemoteSSRComponent() {
+    const { createRemoteSSRComponent } = import_pure.kit;
+    return (options) => createRemoteSSRComponent({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get createRemoteComponent() {
+    const { createRemoteComponent } = import_pure.kit;
+    return (options) => createRemoteComponent({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get collectSSRAssets() {
+    const { collectSSRAssets } = import_pure.kit;
+    return (options) => collectSSRAssets({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get wrapNoSSR() {
+    return (createComponentFn) => {
+      return (options) => createComponentFn({
+        ...options,
+        noSSR: true
+      });
+    };
+  },
+  get injectDataFetch() {
+    return require("@module-federation/react/pure").kit.injectDataFetch;
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ERROR_TYPE,

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_data_fetch_utils = require("@module-federation/bridge-react/data-fetch-utils");
+var import_data_fetch_utils = require("@module-federation/react/data-fetch-utils");
 const mfSSRDevPlugin = () => ({
   name: "@module-federation/modern-js",
   setup: (api) => {

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

@@ -21,8 +21,8 @@ __export(injectDataFetchFunctionPlugin_exports, {
   injectDataFetchFunctionPlugin: () => injectDataFetchFunctionPlugin
 });
 module.exports = __toCommonJS(injectDataFetchFunctionPlugin_exports);
-var import_bridge_react = require("@module-federation/bridge-react");
-const { callDataFetch, injectDataFetch, setSSREnv } = import_bridge_react.kit;
+var import_pure = require("@module-federation/react/pure");
+const { callDataFetch, injectDataFetch, setSSREnv } = import_pure.kit;
 const injectDataFetchFunctionPlugin = ({ fetchServerQuery }) => ({
   name: "@module-federation/inject-data-fetch-function-plugin",
   setup: (api) => {

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/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/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/bridge-react/data-fetch-runtime-plugin"),
+            require.resolve("@module-federation/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/bridge-react/data-fetch-runtime-plugin")
+            require.resolve("@module-federation/react/data-fetch-runtime-plugin")
           ],
           shared: {
             react: {

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

@@ -1,220 +1,4 @@
-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 "@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") {
-    return new Promise(function(resolve, reject) {
-      var timeoutId = setTimeout(function() {
-        logger.warn("Data fetch for ID ".concat(id, " timed out after 20 seconds."));
-        reject(new Error("Data fetch for ID ".concat(id, " timed out after 20 seconds")));
-      }, delay);
-      targetPromise.then(function(value) {
-        clearTimeout(timeoutId);
-        resolve(value);
-      }).catch(function(err) {
-        clearTimeout(timeoutId);
-        reject(err);
-      });
-    });
-  }
-}
-function addProtocol(url) {
-  if (url.startsWith("//")) {
-    return "https:" + url;
-  }
-  return url;
-}
-var getDecodeQuery = function(url, name) {
-  var res = url.searchParams.get(name);
-  if (!res) {
-    return null;
-  }
-  return decodeURIComponent(res);
-};
-var middleware = function() {
-  var _ref = _async_to_generator(function(ctx, next) {
-    var _globalThis___FEDERATION__, url, dataFetchId, params, remoteInfo, remoteInfoQuery, _dataFetchMap_dataFetchId, _dataFetchMap_dataFetchId1, dataFetchMap, fetchDataPromise, targetPromise, wrappedPromise, res, hostInstance, remoteEntry, remote, _hostInstance_snapshotHandler_getGlobalRemoteInfo, hostGlobalSnapshot, remoteSnapshot, dataFetchItem, callFetchDataPromise, wrappedPromise1, res1, remoteId, hostInstance1, dataFetchFn, data, e;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          try {
-            url = new URL(ctx.req.url);
-            dataFetchId = getDecodeQuery(url, DATA_FETCH_QUERY);
-            params = JSON.parse(getDecodeQuery(url, "params") || "{}");
-            remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
-            remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
-          } catch (e2) {
-            logger.error("fetch data from server, error: ", e2);
-            return [
-              2,
-              next()
-            ];
-          }
-          if (!dataFetchId) {
-            return [
-              2,
-              next()
-            ];
-          }
-          logger.log("fetch data from server, dataFetchId: ", dataFetchId);
-          logger.debug("fetch data from server, moduleInfo: ", (_globalThis___FEDERATION__ = globalThis.__FEDERATION__) === null || _globalThis___FEDERATION__ === void 0 ? void 0 : _globalThis___FEDERATION__.moduleInfo);
-          _state.label = 1;
-        case 1:
-          _state.trys.push([
-            1,
-            9,
-            ,
-            10
-          ]);
-          dataFetchMap = getDataFetchMap();
-          if (!dataFetchMap) {
-            initDataFetchMap();
-          }
-          fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
-          logger.debug("fetch data from server, fetchDataPromise: ", fetchDataPromise);
-          if (!(fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== MF_DATA_FETCH_STATUS.ERROR))
-            return [
-              3,
-              4
-            ];
-          targetPromise = fetchDataPromise[0];
-          wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
-          if (!wrappedPromise)
-            return [
-              3,
-              3
-            ];
-          return [
-            4,
-            wrappedPromise
-          ];
-        case 2:
-          res = _state.sent();
-          logger.log("fetch data from server, fetchDataPromise res: ", res);
-          return [
-            2,
-            ctx.json(res)
-          ];
-        case 3:
-          logger.error("Expected a Promise from fetchDataPromise[0] for dataFetchId ".concat(dataFetchId, ", but received:"), targetPromise, "Will try call new dataFetch again...");
-          _state.label = 4;
-        case 4:
-          if (remoteInfo) {
-            try {
-              hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
-              remoteEntry = "".concat(addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry);
-              if (!hostInstance) {
-                throw new Error("host instance not found!");
-              }
-              remote = hostInstance.options.remotes.find(function(remote2) {
-                return remote2.name === remoteInfo.name;
-              });
-              logger.debug("find remote: ", JSON.stringify(remote));
-              if (!remote) {
-                hostInstance.registerRemotes([
-                  {
-                    name: remoteInfo.name,
-                    entry: remoteEntry,
-                    entryGlobalName: remoteInfo.globalName
-                  }
-                ]);
-              } else if (!("entry" in remote) || !remote.entry.includes(MANIFEST_EXT)) {
-                _hostInstance_snapshotHandler_getGlobalRemoteInfo = hostInstance.snapshotHandler.getGlobalRemoteInfo(remoteInfo), hostGlobalSnapshot = _hostInstance_snapshotHandler_getGlobalRemoteInfo.hostGlobalSnapshot, remoteSnapshot = _hostInstance_snapshotHandler_getGlobalRemoteInfo.remoteSnapshot;
-                logger.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
-                logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
-                if (!hostGlobalSnapshot || !remoteSnapshot) {
-                  if ("version" in remote) {
-                    delete remote.version;
-                  }
-                  remote.entry = remoteEntry;
-                  remote.entryGlobalName = remoteInfo.globalName;
-                }
-              }
-            } catch (e2) {
-              ctx.status(500);
-              return [
-                2,
-                ctx.text("failed to fetch ".concat(remoteInfo.name, " data, error:\n ").concat(e2))
-              ];
-            }
-          }
-          dataFetchItem = dataFetchMap[dataFetchId];
-          logger.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
-          if (!dataFetchItem)
-            return [
-              3,
-              6
-            ];
-          callFetchDataPromise = fetchData(dataFetchId, _object_spread_props(_object_spread({}, params), {
-            isDowngrade: !remoteInfo
-          }));
-          wrappedPromise1 = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
-          if (!wrappedPromise1)
-            return [
-              3,
-              6
-            ];
-          return [
-            4,
-            wrappedPromise1
-          ];
-        case 5:
-          res1 = _state.sent();
-          logger.log("fetch data from server, dataFetchItem res: ", res1);
-          return [
-            2,
-            ctx.json(res1)
-          ];
-        case 6:
-          remoteId = dataFetchId.split(SEPARATOR)[0];
-          hostInstance1 = globalThis.__FEDERATION__.__INSTANCES__[0];
-          if (!hostInstance1) {
-            throw new Error("host instance not found!");
-          }
-          return [
-            4,
-            loadDataFetchModule(hostInstance1, remoteId)
-          ];
-        case 7:
-          dataFetchFn = _state.sent();
-          return [
-            4,
-            dataFetchFn(_object_spread_props(_object_spread({}, params), {
-              isDowngrade: !remoteInfo
-            }))
-          ];
-        case 8:
-          data = _state.sent();
-          logger.log("fetch data from server, loadDataFetchModule res: ", data);
-          return [
-            2,
-            ctx.json(data)
-          ];
-        case 9:
-          e = _state.sent();
-          logger.error("server plugin data fetch error: ", e);
-          ctx.status(500);
-          return [
-            2,
-            ctx.text("failed to fetch ".concat(remoteInfo.name, " data, error:\n ").concat(e))
-          ];
-        case 10:
-          return [
-            2
-          ];
-      }
-    });
-  });
-  return function middleware2(ctx, next) {
-    return _ref.apply(this, arguments);
-  };
-}();
+import dataFetchMiddleWare from "@module-federation/react/data-fetch-server-middleware";
 var dataFetchServePlugin = function() {
   return {
     name: "mf-data-fetch-server-plugin",
@@ -224,7 +8,7 @@ var dataFetchServePlugin = function() {
         middlewares.push({
           name: "module-federation-serve-manifest",
           // @ts-ignore type error
-          handler: middleware
+          handler: dataFetchMiddleWare
         });
       });
     }

package/dist/esm/runtime/index.js

@@ -1,5 +1,46 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import * as mfRuntime from "@module-federation/enhanced/runtime";
+import { kit as rawKit, ERROR_TYPE } from "@module-federation/react/pure";
 export * from "@module-federation/enhanced/runtime";
-import { kit, ERROR_TYPE } from "@module-federation/bridge-react";
+var kit = {
+  get createRemoteSSRComponent() {
+    var createRemoteSSRComponent = rawKit.createRemoteSSRComponent;
+    return function(options) {
+      return createRemoteSSRComponent(_object_spread_props(_object_spread({}, options), {
+        runtime: mfRuntime
+      }));
+    };
+  },
+  get createRemoteComponent() {
+    var createRemoteComponent = rawKit.createRemoteComponent;
+    return function(options) {
+      return createRemoteComponent(_object_spread_props(_object_spread({}, options), {
+        runtime: mfRuntime
+      }));
+    };
+  },
+  get collectSSRAssets() {
+    var collectSSRAssets = rawKit.collectSSRAssets;
+    return function(options) {
+      return collectSSRAssets(_object_spread_props(_object_spread({}, options), {
+        runtime: mfRuntime
+      }));
+    };
+  },
+  get wrapNoSSR() {
+    return function(createComponentFn) {
+      return function(options) {
+        return createComponentFn(_object_spread_props(_object_spread({}, options), {
+          noSSR: true
+        }));
+      };
+    };
+  },
+  get injectDataFetch() {
+    return require("@module-federation/react/pure").kit.injectDataFetch;
+  }
+};
 export {
   ERROR_TYPE,
   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 "@module-federation/bridge-react/data-fetch-utils";
+import { flushDataFetch } from "@module-federation/react/data-fetch-utils";
 var mfSSRDevPlugin = function() {
   return {
     name: "@module-federation/modern-js",

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

@@ -1,6 +1,6 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { kit } from "@module-federation/bridge-react";
+import { kit } from "@module-federation/react/pure";
 var callDataFetch = kit.callDataFetch, injectDataFetch = kit.injectDataFetch, setSSREnv = kit.setSSREnv;
 var injectDataFetchFunctionPlugin = function(param) {
   var fetchServerQuery = param.fetchServerQuery;

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/bridge-react/data-fetch-runtime-plugin"), runtimePlugins);
+  injectRuntimePlugins(require.resolve("@module-federation/react/data-fetch-runtime-plugin"), runtimePlugins);
   if (enableSSR && isDev()) {
     injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
   }

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

@@ -38,7 +38,7 @@ describe("patchMFConfig", async () => {
       remoteType: "script",
       runtimePlugins: [
         require.resolve("@module-federation/modern-js/shared-strategy"),
-        require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin"),
+        require.resolve("@module-federation/react/data-fetch-runtime-plugin"),
         require.resolve("@module-federation/node/runtimePlugin"),
         require.resolve("@module-federation/modern-js/inject-node-fetch")
       ],
@@ -67,7 +67,7 @@ describe("patchMFConfig", async () => {
       remoteType: "script",
       runtimePlugins: [
         require.resolve("@module-federation/modern-js/shared-strategy"),
-        require.resolve("@module-federation/bridge-react/data-fetch-runtime-plugin")
+        require.resolve("@module-federation/react/data-fetch-runtime-plugin")
       ],
       shared: {
         react: {

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

@@ -1,144 +1,4 @@
-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, delay = 2e4, id) {
-  if (targetPromise && typeof targetPromise.then === "function") {
-    return new Promise((resolve, reject) => {
-      const timeoutId = setTimeout(() => {
-        logger.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, DATA_FETCH_QUERY);
-    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
-    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
-    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
-  } catch (e) {
-    logger.error("fetch data from server, error: ", e);
-    return next();
-  }
-  if (!dataFetchId) {
-    return next();
-  }
-  logger.log("fetch data from server, dataFetchId: ", dataFetchId);
-  logger.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 = getDataFetchMap();
-    if (!dataFetchMap) {
-      initDataFetchMap();
-    }
-    const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
-    logger.debug("fetch data from server, fetchDataPromise: ", fetchDataPromise);
-    if (fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== MF_DATA_FETCH_STATUS.ERROR) {
-      const targetPromise = fetchDataPromise[0];
-      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
-      if (wrappedPromise) {
-        const res = await wrappedPromise;
-        logger.log("fetch data from server, fetchDataPromise res: ", res);
-        return ctx.json(res);
-      }
-      logger.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);
-        logger.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(MANIFEST_EXT)) {
-          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
-          logger.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
-          logger.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];
-    logger.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
-    if (dataFetchItem) {
-      const callFetchDataPromise = fetchData(dataFetchId, {
-        ...params,
-        isDowngrade: !remoteInfo
-      });
-      const wrappedPromise = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
-      if (wrappedPromise) {
-        const res = await wrappedPromise;
-        logger.log("fetch data from server, dataFetchItem res: ", res);
-        return ctx.json(res);
-      }
-    }
-    const remoteId = dataFetchId.split(SEPARATOR)[0];
-    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
-    if (!hostInstance) {
-      throw new Error("host instance not found!");
-    }
-    const dataFetchFn = await loadDataFetchModule(hostInstance, remoteId);
-    const data = await dataFetchFn({
-      ...params,
-      isDowngrade: !remoteInfo
-    });
-    logger.log("fetch data from server, loadDataFetchModule res: ", data);
-    return ctx.json(data);
-  } catch (e) {
-    logger.error("server plugin data fetch error: ", e);
-    ctx.status(500);
-    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
- ${e}`);
-  }
-};
+import dataFetchMiddleWare from "@module-federation/react/data-fetch-server-middleware";
 const dataFetchServePlugin = () => ({
   name: "mf-data-fetch-server-plugin",
   setup: (api) => {
@@ -147,7 +7,7 @@ const dataFetchServePlugin = () => ({
       middlewares.push({
         name: "module-federation-serve-manifest",
         // @ts-ignore type error
-        handler: middleware
+        handler: dataFetchMiddleWare
       });
     });
   }

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

@@ -1,5 +1,40 @@
+import * as mfRuntime from "@module-federation/enhanced/runtime";
+import { kit as rawKit, ERROR_TYPE } from "@module-federation/react/pure";
 export * from "@module-federation/enhanced/runtime";
-import { kit, ERROR_TYPE } from "@module-federation/bridge-react";
+const kit = {
+  get createRemoteSSRComponent() {
+    const { createRemoteSSRComponent } = rawKit;
+    return (options) => createRemoteSSRComponent({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get createRemoteComponent() {
+    const { createRemoteComponent } = rawKit;
+    return (options) => createRemoteComponent({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get collectSSRAssets() {
+    const { collectSSRAssets } = rawKit;
+    return (options) => collectSSRAssets({
+      ...options,
+      runtime: mfRuntime
+    });
+  },
+  get wrapNoSSR() {
+    return (createComponentFn) => {
+      return (options) => createComponentFn({
+        ...options,
+        noSSR: true
+      });
+    };
+  },
+  get injectDataFetch() {
+    return require("@module-federation/react/pure").kit.injectDataFetch;
+  }
+};
 export {
   ERROR_TYPE,
   kit

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SSRLiveReload } from "./SSRLiveReload";
-import { flushDataFetch } from "@module-federation/bridge-react/data-fetch-utils";
+import { flushDataFetch } from "@module-federation/react/data-fetch-utils";
 const mfSSRDevPlugin = () => ({
   name: "@module-federation/modern-js",
   setup: (api) => {

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

@@ -1,4 +1,4 @@
-import { kit } from "@module-federation/bridge-react";
+import { kit } from "@module-federation/react/pure";
 const { callDataFetch, injectDataFetch, setSSREnv } = kit;
 const injectDataFetchFunctionPlugin = ({ fetchServerQuery }) => ({
   name: "@module-federation/inject-data-fetch-function-plugin",

package/dist/types/runtime/index.d.ts

@@ -1,3 +1,14 @@
+import { ERROR_TYPE } from '@module-federation/react/pure';
+import type { CollectSSRAssetsOptions, CreateRemoteComponentOptions } from '@module-federation/react/pure';
 export * from '@module-federation/enhanced/runtime';
-export { kit, ERROR_TYPE } from '@module-federation/bridge-react';
-export type { DataFetchParams } from '@module-federation/bridge-react';
+export { ERROR_TYPE };
+type NewCreateRemoteComponentOptions<T, E extends keyof T> = Omit<CreateRemoteComponentOptions<T, E>, 'runtime'>;
+type NewCreateRemoteComponent = <T, E extends keyof T>(options: NewCreateRemoteComponentOptions<T, E>) => ReturnType<typeof import('@module-federation/react/pure').kit.createRemoteSSRComponent<T, E>>;
+export declare const kit: {
+    readonly createRemoteSSRComponent: NewCreateRemoteComponent;
+    readonly createRemoteComponent: NewCreateRemoteComponent;
+    readonly collectSSRAssets: (options: Omit<CollectSSRAssetsOptions, "runtime">) => ReturnType<typeof import("@module-federation/react/pure").kit.collectSSRAssets>;
+    readonly wrapNoSSR: <T, E extends keyof T>(createComponentFn: NewCreateRemoteComponent) => (options: Omit<NewCreateRemoteComponentOptions<T, E>, "noSSR">) => ReturnType<NewCreateRemoteComponent>;
+    readonly injectDataFetch: typeof import("@module-federation/react/dist/types/module/data-fetch/inject-data-fetch").injectDataFetch;
+};
+export type { DataFetchParams } from '@module-federation/react/pure';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20250616091910",
+  "version": "0.0.0-next-20250616123529",
   "files": [
     "dist/",
     "types.d.ts",
@@ -112,13 +112,13 @@
     "@swc/helpers": "^0.5.17",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.1.2",
-    "@module-federation/rsbuild-plugin": "0.0.0-next-20250616091910",
-    "@module-federation/bridge-react": "0.0.0-next-20250616091910",
-    "@module-federation/enhanced": "0.0.0-next-20250616091910",
-    "@module-federation/runtime": "0.0.0-next-20250616091910",
-    "@module-federation/node": "0.0.0-next-20250616091910",
-    "@module-federation/sdk": "0.0.0-next-20250616091910",
-    "@module-federation/cli": "0.0.0-next-20250616091910"
+    "@module-federation/rsbuild-plugin": "0.0.0-next-20250616123529",
+    "@module-federation/react": "0.0.0-next-20250616123529",
+    "@module-federation/enhanced": "0.0.0-next-20250616123529",
+    "@module-federation/runtime": "0.0.0-next-20250616123529",
+    "@module-federation/node": "0.0.0-next-20250616123529",
+    "@module-federation/sdk": "0.0.0-next-20250616123529",
+    "@module-federation/cli": "0.0.0-next-20250616123529"
   },
   "devDependencies": {
     "@modern-js/core": "2.67.5",
@@ -128,7 +128,7 @@
     "@modern-js/module-tools": "2.67.6",
     "@modern-js/runtime": "2.67.6",
     "@modern-js/tsconfig": "2.67.6",
-    "@module-federation/manifest": "0.0.0-next-20250616091910"
+    "@module-federation/manifest": "0.0.0-next-20250616123529"
   },
   "peerDependencies": {
     "react": ">=17",