@module-federation/bridge-react 0.0.0-next-20250916055342 → 0.0.0-next-20250919235431

package/CHANGELOG.md

@@ -1,26 +1,11 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250916055342
+## 0.0.0-next-20250919235431
 
 ### Patch Changes
 
-- @module-federation/sdk@0.0.0-next-20250916055342
-- @module-federation/bridge-shared@0.0.0-next-20250916055342
-
-## 0.19.1
-
-### Patch Changes
-
-- Updated dependencies
-  - @module-federation/sdk@0.19.1
-  - @module-federation/bridge-shared@0.19.1
-
-## 0.19.0
-
-### Patch Changes
-
-- @module-federation/sdk@0.19.0
-- @module-federation/bridge-shared@0.19.0
+- @module-federation/sdk@0.0.0-next-20250919235431
+- @module-federation/bridge-shared@0.0.0-next-20250919235431
 
 ## 0.18.4
 

package/dist/{bridge-base-BwHtOqw_.mjs → bridge-base-27J_lXcZ.mjs}

@@ -1,102 +1,7 @@
 import * as React from "react";
-import { Component, createElement, createContext } from "react";
+import { ErrorBoundary } from "react-error-boundary";
 import { L as LoggerInstance, R as RouterContext } from "./index-rAO0Wr0M.mjs";
 import { federationRuntime } from "./plugin.es.js";
-const ErrorBoundaryContext = createContext(null);
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = createElement(FallbackComponent, props);
-      } else if (fallback !== void 0) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
 function createBaseBridgeComponent({
   createRoot,
   defaultRootOptions,
@@ -194,6 +99,5 @@ function createBaseBridgeComponent({
   };
 }
 export {
-  ErrorBoundary as E,
   createBaseBridgeComponent as c
 };

package/dist/{bridge-base-Ds850AOx.js → bridge-base-BQC7HuHP.js}

@@ -1,5 +1,6 @@
 "use strict";
 const React = require("react");
+const reactErrorBoundary = require("react-error-boundary");
 const index = require("./index-eN2xRRXs.js");
 const plugin = require("./plugin.cjs.js");
 function _interopNamespaceDefault(e) {
@@ -19,101 +20,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const ErrorBoundaryContext = React.createContext(null);
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = React.createElement(FallbackComponent, props);
-      } else if (fallback !== void 0) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return React.createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index2) => !Object.is(item, b[index2]));
-}
 function createBaseBridgeComponent({
   createRoot,
   defaultRootOptions,
@@ -157,7 +63,7 @@ function createBaseBridgeComponent({
         };
         const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React__namespace.createElement(
-          ErrorBoundary,
+          reactErrorBoundary.ErrorBoundary,
           {
             FallbackComponent: fallback
           },
@@ -210,5 +116,4 @@ function createBaseBridgeComponent({
     };
   };
 }
-exports.ErrorBoundary = ErrorBoundary;
 exports.createBaseBridgeComponent = createBaseBridgeComponent;

package/dist/data-fetch-utils.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-vIpCrZmn.js");
-const prefetch = require("./prefetch-DzNdUtDa.js");
+const prefetch = require("./prefetch-D9tbkj0B.js");
 async function callDataFetch() {
   const dataFetch = globalThis[lazyUtils.DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch-utils.es.js

@@ -1,7 +1,7 @@
 import { x as DATA_FETCH_FUNCTION } from "./utils-VSOJTX_o.mjs";
 import { C, b, e, h, c, d, r } from "./utils-VSOJTX_o.mjs";
-import { d as dataFetchFunction } from "./prefetch-CAnjCqS9.mjs";
-import { i, p } from "./prefetch-CAnjCqS9.mjs";
+import { d as dataFetchFunction } from "./prefetch-BdzRzcgJ.mjs";
+import { i, p } from "./prefetch-BdzRzcgJ.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/index.cjs.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const bridgeBase = require("./bridge-base-Ds850AOx.js");
+const bridgeBase = require("./bridge-base-BQC7HuHP.js");
 const ReactDOM = require("react-dom");
 const React = require("react");
+const reactErrorBoundary = require("react-error-boundary");
 const index = require("./index-eN2xRRXs.js");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-B0BaoA1J.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-lQP9-guO.js");
 const lazyUtils = require("./utils-vIpCrZmn.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-DzNdUtDa.js");
+const prefetch = require("./prefetch-D9tbkj0B.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {
@@ -259,7 +260,7 @@ function createRemoteAppComponent(info) {
   const LazyComponent = createLazyRemoteComponent(info);
   return React.forwardRef((props, ref) => {
     return /* @__PURE__ */ React.createElement(
-      bridgeBase.ErrorBoundary,
+      reactErrorBoundary.ErrorBoundary,
       {
         FallbackComponent: info.fallback
       },

package/dist/index.es.js

@@ -1,13 +1,14 @@
-import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-BwHtOqw_.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-27J_lXcZ.mjs";
 import ReactDOM from "react-dom";
 import React__default, { forwardRef, useContext, useState, useEffect, useRef } from "react";
+import { ErrorBoundary } from "react-error-boundary";
 import { p as pathJoin, L as LoggerInstance, g as getRootDomDefaultClassName } from "./index-rAO0Wr0M.mjs";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
-import { b, a, c, l } from "./lazy-load-component-plugin-CK7UDFEe.mjs";
+import { b, a, c, l } from "./lazy-load-component-plugin-CpS2f0Fn.mjs";
 import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-VSOJTX_o.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-CAnjCqS9.mjs";
+import { p } from "./prefetch-BdzRzcgJ.mjs";
 function createReact16Or17Root(container) {
   return {
     render(children) {

package/dist/{lazy-load-component-plugin-CK7UDFEe.mjs → lazy-load-component-plugin-CpS2f0Fn.mjs}

@@ -1,4 +1,4 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-CAnjCqS9.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-BdzRzcgJ.mjs";
 import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isCSROnly, a as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, g as getDataFetchMap, t as isServerEnv, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-VSOJTX_o.mjs";
 import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {

package/dist/{lazy-load-component-plugin-B0BaoA1J.js → lazy-load-component-plugin-lQP9-guO.js}

@@ -1,5 +1,5 @@
 "use strict";
-const prefetch = require("./prefetch-DzNdUtDa.js");
+const prefetch = require("./prefetch-D9tbkj0B.js");
 const lazyUtils = require("./utils-vIpCrZmn.js");
 const React = require("react");
 const autoFetchData = () => {

package/dist/lazy-load-component-plugin.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-B0BaoA1J.js");
-require("./prefetch-DzNdUtDa.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-lQP9-guO.js");
+require("./prefetch-D9tbkj0B.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

package/dist/lazy-load-component-plugin.es.js

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-CK7UDFEe.mjs";
-import "./prefetch-CAnjCqS9.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-CpS2f0Fn.mjs";
+import "./prefetch-BdzRzcgJ.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/{prefetch-CAnjCqS9.mjs → prefetch-BdzRzcgJ.mjs}

@@ -270,7 +270,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.0-next-20250916055342";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.0-next-20250919235431";
   }
 }
 function getInfoWithoutType(target, key) {
@@ -1042,7 +1042,7 @@ function getRemoteEntryUniqueKey(remoteInfo) {
   return composeKeyWithSeparator(name, entry);
 }
 async function getRemoteEntry(params) {
-  const { origin, remoteEntryExports, remoteInfo, getEntryUrl, _inErrorHandling = false } = params;
+  const { origin, remoteEntryExports, remoteInfo, getEntryUrl } = params;
   const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
   if (remoteEntryExports) {
     return remoteEntryExports;
@@ -1068,36 +1068,6 @@ async function getRemoteEntry(params) {
         remoteInfo,
         loaderHook
       });
-    }).catch(async (err) => {
-      const uniqueKey2 = getRemoteEntryUniqueKey(remoteInfo);
-      const isScriptLoadError = err instanceof Error && err.message.includes(RUNTIME_008);
-      if (isScriptLoadError && !_inErrorHandling) {
-        try {
-          const wrappedGetRemoteEntry = (params2) => {
-            return getRemoteEntry(_extends$1({}, params2, {
-              _inErrorHandling: true
-            }));
-          };
-          const retryResult = await origin.loaderHook.lifecycle.loadEntryError.emit({
-            getRemoteEntry: wrappedGetRemoteEntry,
-            origin,
-            remoteInfo,
-            remoteEntryExports,
-            globalLoading,
-            uniqueKey: uniqueKey2
-          });
-          if (retryResult) {
-            if (typeof retryResult === "function") {
-              return await retryResult();
-            } else {
-              return retryResult;
-            }
-          }
-        } catch (retryError) {
-          throw retryError;
-        }
-      }
-      throw err;
     });
   }
   return globalLoading[uniqueKey];

package/dist/{prefetch-DzNdUtDa.js → prefetch-D9tbkj0B.js}

@@ -271,7 +271,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = index_esm.isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.0-next-20250916055342";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.0-next-20250919235431";
   }
 }
 function getInfoWithoutType(target, key) {
@@ -1043,7 +1043,7 @@ function getRemoteEntryUniqueKey(remoteInfo) {
   return index_esm.composeKeyWithSeparator(name, entry);
 }
 async function getRemoteEntry(params) {
-  const { origin, remoteEntryExports, remoteInfo, getEntryUrl, _inErrorHandling = false } = params;
+  const { origin, remoteEntryExports, remoteInfo, getEntryUrl } = params;
   const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
   if (remoteEntryExports) {
     return remoteEntryExports;
@@ -1069,36 +1069,6 @@ async function getRemoteEntry(params) {
         remoteInfo,
         loaderHook
       });
-    }).catch(async (err) => {
-      const uniqueKey2 = getRemoteEntryUniqueKey(remoteInfo);
-      const isScriptLoadError = err instanceof Error && err.message.includes(RUNTIME_008);
-      if (isScriptLoadError && !_inErrorHandling) {
-        try {
-          const wrappedGetRemoteEntry = (params2) => {
-            return getRemoteEntry(_extends$1({}, params2, {
-              _inErrorHandling: true
-            }));
-          };
-          const retryResult = await origin.loaderHook.lifecycle.loadEntryError.emit({
-            getRemoteEntry: wrappedGetRemoteEntry,
-            origin,
-            remoteInfo,
-            remoteEntryExports,
-            globalLoading,
-            uniqueKey: uniqueKey2
-          });
-          if (retryResult) {
-            if (typeof retryResult === "function") {
-              return await retryResult();
-            } else {
-              return retryResult;
-            }
-          }
-        } catch (retryError) {
-          throw retryError;
-        }
-      }
-      throw err;
     });
   }
   return globalLoading[uniqueKey];

package/dist/v18.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-Ds850AOx.js");
+const bridgeBase = require("./bridge-base-BQC7HuHP.js");
 function createReact18Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v18.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-BwHtOqw_.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-27J_lXcZ.mjs";
 function createReact18Root(container, options) {
   return createRoot(container, options);
 }

package/dist/v19.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-Ds850AOx.js");
+const bridgeBase = require("./bridge-base-BQC7HuHP.js");
 function createReact19Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v19.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-BwHtOqw_.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-27J_lXcZ.mjs";
 function createReact19Root(container, options) {
   return createRoot(container, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20250916055342",
+  "version": "0.0.0-next-20250919235431",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/module-federation/core.git",
-    "directory": "packages/bridge/bridge-react"
+    "directory": "packages/bridge-react"
   },
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -95,8 +95,8 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/bridge-shared": "0.0.0-next-20250916055342",
-    "@module-federation/sdk": "0.0.0-next-20250916055342"
+    "@module-federation/bridge-shared": "0.0.0-next-20250919235431",
+    "@module-federation/sdk": "0.0.0-next-20250919235431"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -118,8 +118,8 @@
     "vite": "^5.4.18",
     "vite-plugin-dts": "^4.3.0",
     "hono": "3.12.12",
-    "@module-federation/runtime-core": "0.0.0-next-20250916055342",
-    "@module-federation/runtime": "0.0.0-next-20250916055342"
+    "@module-federation/runtime-core": "0.0.0-next-20250919235431",
+    "@module-federation/runtime": "0.0.0-next-20250919235431"
   },
   "scripts": {
     "dev": "vite",

package/vite.config.ts

@@ -47,6 +47,7 @@ export default defineConfig({
       external: [
         ...perDepsKeys,
         '@remix-run/router',
+        'react-error-boundary',
         /react-dom\/.*/,
         'react-router',
         'react-router-dom/',