@module-federation/bridge-react 2.8.2 → 2.9.0

package/dist/base.cjs.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createHelpers = require("./createHelpers-19BP0xtB.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DeTbkGlM.js");
+const createHelpers = require("./createHelpers-D6thyyLv.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CRqjWQ5N.js");
 const lazyUtils = require("./utils-5dGErM3C.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-CfMDdqO-.js");
+const prefetch = require("./prefetch-CMvAw8F3.js");
 const createRemoteAppComponent = createHelpers.createRemoteAppComponentFactory(createHelpers.RemoteAppWrapper);
 const createRemoteComponent = createHelpers.createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/base.es.js

@@ -1,9 +1,9 @@
-import { c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory, R as RemoteAppWrapper } from "./createHelpers-BSHeKyd-.mjs";
-import { b } from "./createHelpers-BSHeKyd-.mjs";
-import { a, c, b as b2, l } from "./lazy-load-component-plugin-DQFjLSsW.mjs";
+import { c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory, R as RemoteAppWrapper } from "./createHelpers-D3Sg5lKp.mjs";
+import { b } from "./createHelpers-D3Sg5lKp.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-CyRfqVSE.mjs";
 import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils-BBP3hEeV.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-BJZbf9LF.mjs";
+import { p } from "./prefetch-xvZIEaJL.mjs";
 const createRemoteAppComponent = createRemoteAppComponentFactory(RemoteAppWrapper);
 const createRemoteComponent = createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/{bridge-base-BaKy6CY_.mjs → bridge-base-CHnL6Q9P.mjs}

@@ -89,11 +89,20 @@ function createBaseBridgeComponent({
           rootOptions,
           ...propsInfo
         } = info;
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: rootMap.has(dom) ? "update" : "render",
+          reason: "direct"
+        };
         const mergedRootOptions = {
           ...defaultRootOptions,
           ...rootOptions
         };
-        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 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,
+          operationContext
+        )) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React.createElement(
           BridgeWrapper,
           {
@@ -108,9 +117,10 @@ function createBaseBridgeComponent({
           }
         );
         if (bridgeInfo.render) {
-          await Promise.resolve(
+          const root = await Promise.resolve(
             bridgeInfo.render(rootComponentWithErrorBoundary, dom)
-          ).then((root) => rootMap.set(dom, root));
+          );
+          rootMap.set(dom, root);
         } else {
           let root = rootMap.get(dom);
           if (!root && createRoot) {
@@ -121,13 +131,25 @@ function createBaseBridgeComponent({
             root.render(rootComponentWithErrorBoundary);
           }
         }
-        ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
+        ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info, {
+          context: operationContext
+        })) || {};
       },
       destroy(info) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         const { dom } = info;
         LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: "destroy",
+          reason: "direct"
+        };
+        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(
+          info,
+          operationContext
+        );
         if (root) {
           if ("unmount" in root) {
             root.unmount();
@@ -136,7 +158,9 @@ function createBaseBridgeComponent({
           }
           rootMap.delete(dom);
         }
-        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
+        (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeDestroy) == null ? void 0 : _f.emit(info, {
+          context: operationContext
+        });
       }
     };
   };

package/dist/{bridge-base-Ch33UJuN.js → bridge-base-DSYKAGGD.js}

@@ -107,11 +107,20 @@ function createBaseBridgeComponent({
           rootOptions,
           ...propsInfo
         } = info;
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: rootMap.has(dom) ? "update" : "render",
+          reason: "direct"
+        };
         const mergedRootOptions = {
           ...defaultRootOptions,
           ...rootOptions
         };
-        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 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,
+          operationContext
+        )) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React__namespace.createElement(
           BridgeWrapper,
           {
@@ -126,9 +135,10 @@ function createBaseBridgeComponent({
           }
         );
         if (bridgeInfo.render) {
-          await Promise.resolve(
+          const root = await Promise.resolve(
             bridgeInfo.render(rootComponentWithErrorBoundary, dom)
-          ).then((root) => rootMap.set(dom, root));
+          );
+          rootMap.set(dom, root);
         } else {
           let root = rootMap.get(dom);
           if (!root && createRoot) {
@@ -139,13 +149,25 @@ function createBaseBridgeComponent({
             root.render(rootComponentWithErrorBoundary);
           }
         }
-        ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
+        ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info, {
+          context: operationContext
+        })) || {};
       },
       destroy(info) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         const { dom } = info;
         index.LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: "destroy",
+          reason: "direct"
+        };
+        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(
+          info,
+          operationContext
+        );
         if (root) {
           if ("unmount" in root) {
             root.unmount();
@@ -154,7 +176,9 @@ function createBaseBridgeComponent({
           }
           rootMap.delete(dom);
         }
-        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
+        (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeDestroy) == null ? void 0 : _f.emit(info, {
+          context: operationContext
+        });
       }
     };
   };

package/dist/{createHelpers-BSHeKyd-.mjs → createHelpers-D3Sg5lKp.mjs}

@@ -1,4 +1,4 @@
-import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-BaKy6CY_.mjs";
+import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-CHnL6Q9P.mjs";
 import ReactDOM from "react-dom";
 import { L as LoggerInstance, g as getRootDomDefaultClassName } from "./index-Bs2NxD2z.mjs";
 import React__default, { forwardRef, useRef, useState, useEffect } from "react";
@@ -57,31 +57,36 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
     providerInfoRef.current = providerReturn;
     setInitialized(true);
     return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g;
       if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
         LoggerInstance.debug(
           `createRemoteAppComponent LazyComponent destroy >>>`,
           { moduleName, basename, dom: renderDom.current }
         );
-        (_d = (_c = (_b = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _b.lifecycle) == null ? void 0 : _c.beforeBridgeDestroy) == null ? void 0 : _d.emit({
+        const destroyInfo = {
           moduleName,
           dom: renderDom.current,
           basename,
           memoryRoute,
           fallback,
           ...resProps
-        });
-        (_e = providerInfoRef.current) == null ? void 0 : _e.destroy({
+        };
+        const operationContext = {
+          side: "consumer",
+          framework: "react",
+          operation: "destroy",
+          reason: "unmount"
+        };
+        (_d = (_c = (_b = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _b.lifecycle) == null ? void 0 : _c.beforeBridgeDestroy) == null ? void 0 : _d.emit(
+          destroyInfo,
+          operationContext
+        );
+        providerInfoRef.current.destroy({
           moduleName,
           dom: renderDom.current
         });
-        (_h = (_g = (_f = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _f.lifecycle) == null ? void 0 : _g.afterBridgeDestroy) == null ? void 0 : _h.emit({
-          moduleName,
-          dom: renderDom.current,
-          basename,
-          memoryRoute,
-          fallback,
-          ...resProps
+        (_g = (_f = (_e = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _e.lifecycle) == null ? void 0 : _f.afterBridgeDestroy) == null ? void 0 : _g.emit(destroyInfo, {
+          context: operationContext
         });
       }
     };
@@ -98,10 +103,20 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
       ...resProps
     };
     renderDom.current = rootRef.current;
-    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(renderProps)) || {};
+    const operationContext = {
+      side: "consumer",
+      framework: "react",
+      operation: "render"
+    };
+    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(
+      renderProps,
+      operationContext
+    )) || {};
     renderProps = { ...renderProps, ...beforeBridgeRenderRes.extraProps };
     providerInfoRef.current.render(renderProps);
-    (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps);
+    (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps, {
+      context: operationContext
+    });
   }, [initialized, ...Object.values(props)]);
   const rootComponentClassName = `${getRootDomDefaultClassName(moduleName)} ${className || ""}`;
   return /* @__PURE__ */ React__default.createElement("div", { className: rootComponentClassName, style, ref: rootRef }, loading);

package/dist/{createHelpers-19BP0xtB.js → createHelpers-D6thyyLv.js}

@@ -1,5 +1,5 @@
 "use strict";
-const bridgeBase = require("./bridge-base-Ch33UJuN.js");
+const bridgeBase = require("./bridge-base-DSYKAGGD.js");
 const ReactDOM = require("react-dom");
 const index = require("./index-DbjGCKOr.js");
 const React = require("react");
@@ -58,31 +58,36 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     providerInfoRef.current = providerReturn;
     setInitialized(true);
     return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g;
       if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
         index.LoggerInstance.debug(
           `createRemoteAppComponent LazyComponent destroy >>>`,
           { moduleName, basename, dom: renderDom.current }
         );
-        (_d = (_c = (_b = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _b.lifecycle) == null ? void 0 : _c.beforeBridgeDestroy) == null ? void 0 : _d.emit({
+        const destroyInfo = {
           moduleName,
           dom: renderDom.current,
           basename,
           memoryRoute,
           fallback,
           ...resProps
-        });
-        (_e = providerInfoRef.current) == null ? void 0 : _e.destroy({
+        };
+        const operationContext = {
+          side: "consumer",
+          framework: "react",
+          operation: "destroy",
+          reason: "unmount"
+        };
+        (_d = (_c = (_b = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _b.lifecycle) == null ? void 0 : _c.beforeBridgeDestroy) == null ? void 0 : _d.emit(
+          destroyInfo,
+          operationContext
+        );
+        providerInfoRef.current.destroy({
           moduleName,
           dom: renderDom.current
         });
-        (_h = (_g = (_f = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _f.lifecycle) == null ? void 0 : _g.afterBridgeDestroy) == null ? void 0 : _h.emit({
-          moduleName,
-          dom: renderDom.current,
-          basename,
-          memoryRoute,
-          fallback,
-          ...resProps
+        (_g = (_f = (_e = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _e.lifecycle) == null ? void 0 : _f.afterBridgeDestroy) == null ? void 0 : _g.emit(destroyInfo, {
+          context: operationContext
         });
       }
     };
@@ -99,10 +104,20 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
       ...resProps
     };
     renderDom.current = rootRef.current;
-    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(renderProps)) || {};
+    const operationContext = {
+      side: "consumer",
+      framework: "react",
+      operation: "render"
+    };
+    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(
+      renderProps,
+      operationContext
+    )) || {};
     renderProps = { ...renderProps, ...beforeBridgeRenderRes.extraProps };
     providerInfoRef.current.render(renderProps);
-    (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps);
+    (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps, {
+      context: operationContext
+    });
   }, [initialized, ...Object.values(props)]);
   const rootComponentClassName = `${index.getRootDomDefaultClassName(moduleName)} ${className || ""}`;
   return /* @__PURE__ */ React.createElement("div", { className: rootComponentClassName, style, ref: rootRef }, loading);

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-5dGErM3C.js");
-const prefetch = require("./prefetch-CfMDdqO-.js");
+const prefetch = require("./prefetch-CMvAw8F3.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 { y as DATA_FETCH_FUNCTION } from "./utils-BBP3hEeV.mjs";
 import { C, a, c, b, d, g, r } from "./utils-BBP3hEeV.mjs";
-import { d as dataFetchFunction } from "./prefetch-BJZbf9LF.mjs";
-import { i, p } from "./prefetch-BJZbf9LF.mjs";
+import { d as dataFetchFunction } from "./prefetch-xvZIEaJL.mjs";
+import { i, p } from "./prefetch-xvZIEaJL.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch.cjs.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DeTbkGlM.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CRqjWQ5N.js");
 const lazyUtils = require("./utils-5dGErM3C.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-CfMDdqO-.js");
+const prefetch = require("./prefetch-CMvAw8F3.js");
 exports.autoFetchDataPlugin = lazyLoadComponentPlugin.autoFetchData;
 exports.collectSSRAssets = lazyLoadComponentPlugin.collectSSRAssets;
 exports.createLazyComponent = lazyLoadComponentPlugin.createLazyComponent;

package/dist/data-fetch.es.js

@@ -1,7 +1,7 @@
-import { a, c, b, l } from "./lazy-load-component-plugin-DQFjLSsW.mjs";
+import { a, c, b, l } from "./lazy-load-component-plugin-CyRfqVSE.mjs";
 import { C, a as a2, E, c as c2, b as b2, d, f, g, r, s } from "./utils-BBP3hEeV.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-BJZbf9LF.mjs";
+import { p } from "./prefetch-xvZIEaJL.mjs";
 export {
   C as CacheSize,
   a2 as CacheTime,

package/dist/index.cjs.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createHelpers = require("./createHelpers-19BP0xtB.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DeTbkGlM.js");
+const createHelpers = require("./createHelpers-D6thyyLv.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CRqjWQ5N.js");
 const lazyUtils = require("./utils-5dGErM3C.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
 const React = require("react");
 const ReactRouterDOM = require("react-router-dom");
 const index = require("./index-DbjGCKOr.js");
-const prefetch = require("./prefetch-CfMDdqO-.js");
+const plugin = require("./plugin.cjs.js");
+const prefetch = require("./prefetch-CMvAw8F3.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {
@@ -81,6 +82,7 @@ function withRouterData(WrappedComponent) {
       const location = ReactRouterDOM__namespace.useLocation();
       const [pathname, setPathname] = React.useState(location.pathname);
       React.useEffect(() => {
+        var _a2;
         if (pathname !== "" && pathname !== location.pathname) {
           index.LoggerInstance.debug(
             `createRemoteAppComponent dispatchPopstateEnv >>>`,
@@ -89,7 +91,26 @@ function withRouterData(WrappedComponent) {
               pathname: location.pathname
             }
           );
+          const route = {
+            action: "host-to-remote",
+            mechanism: "popstate",
+            from: pathname,
+            to: location.pathname,
+            basename
+          };
+          const operationContext = {
+            side: "consumer",
+            framework: "react",
+            operation: "route-sync",
+            moduleName: props.moduleName,
+            route
+          };
           e();
+          (_a2 = plugin.federationRuntime.instance) == null ? void 0 : _a2.bridgeHook.lifecycle.afterBridgeRouteSync.emit(
+            {
+              context: operationContext
+            }
+          );
         }
         setPathname(location.pathname);
       }, [location]);

package/dist/index.es.js

@@ -1,12 +1,13 @@
-import { R as RemoteAppWrapper, c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory } from "./createHelpers-BSHeKyd-.mjs";
-import { b } from "./createHelpers-BSHeKyd-.mjs";
-import { a, c, b as b2, l } from "./lazy-load-component-plugin-DQFjLSsW.mjs";
+import { R as RemoteAppWrapper, c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory } from "./createHelpers-D3Sg5lKp.mjs";
+import { b } from "./createHelpers-D3Sg5lKp.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-CyRfqVSE.mjs";
 import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils-BBP3hEeV.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
 import React__default, { forwardRef, useContext, useState, useEffect } from "react";
 import * as ReactRouterDOM from "react-router-dom";
 import { p as pathJoin, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
-import { p } from "./prefetch-BJZbf9LF.mjs";
+import { federationRuntime } from "./plugin.es.js";
+import { p } from "./prefetch-xvZIEaJL.mjs";
 function e() {
   const t = new PopStateEvent("popstate", { state: window.history.state });
   window.dispatchEvent(t);
@@ -63,6 +64,7 @@ function withRouterData(WrappedComponent) {
       const location = ReactRouterDOM.useLocation();
       const [pathname, setPathname] = useState(location.pathname);
       useEffect(() => {
+        var _a2;
         if (pathname !== "" && pathname !== location.pathname) {
           LoggerInstance.debug(
             `createRemoteAppComponent dispatchPopstateEnv >>>`,
@@ -71,7 +73,26 @@ function withRouterData(WrappedComponent) {
               pathname: location.pathname
             }
           );
+          const route = {
+            action: "host-to-remote",
+            mechanism: "popstate",
+            from: pathname,
+            to: location.pathname,
+            basename
+          };
+          const operationContext = {
+            side: "consumer",
+            framework: "react",
+            operation: "route-sync",
+            moduleName: props.moduleName,
+            route
+          };
           e();
+          (_a2 = federationRuntime.instance) == null ? void 0 : _a2.bridgeHook.lifecycle.afterBridgeRouteSync.emit(
+            {
+              context: operationContext
+            }
+          );
         }
         setPathname(location.pathname);
       }, [location]);

package/dist/{lazy-load-component-plugin-DeTbkGlM.js → lazy-load-component-plugin-CRqjWQ5N.js}

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

package/dist/{lazy-load-component-plugin-DQFjLSsW.mjs → lazy-load-component-plugin-CyRfqVSE.mjs}

@@ -1,4 +1,4 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-BJZbf9LF.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-xvZIEaJL.mjs";
 import { i as initDataFetchMap, k as isDataLoaderExpose, m as getDataFetchInfo, n as getDataFetchMapKey, l as logger, o as getDataFetchItem, p as DATA_FETCH_CLIENT_SUFFIX, q as MF_DATA_FETCH_TYPE, t as isCSROnly, M as MF_DATA_FETCH_STATUS, j as loadDataFetchModule, e as getDataFetchMap, u as isServerEnv, v as getDataFetchIdWithErrorMsgs, w as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, x as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, y as DATA_FETCH_FUNCTION, z as getLoadedRemoteInfos, h as fetchData$1, A as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-BBP3hEeV.mjs";
 import React__default, { useRef, useState, useEffect, Suspense } from "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-DeTbkGlM.js");
-require("./prefetch-CfMDdqO-.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CRqjWQ5N.js");
+require("./prefetch-CMvAw8F3.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-DQFjLSsW.mjs";
-import "./prefetch-BJZbf9LF.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-CyRfqVSE.mjs";
+import "./prefetch-xvZIEaJL.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/{prefetch-CfMDdqO-.js → prefetch-CMvAw8F3.js}

@@ -492,6 +492,7 @@ const processModuleAlias = (name, subPath) => {
   moduleName = moduleName + subPath;
   return moduleName;
 };
+const MAX_PRELOADED_ASSETS = 2e3;
 const CurrentGlobal = typeof globalThis === "object" ? globalThis : window;
 const nativeGlobal = (() => {
   try {
@@ -513,7 +514,7 @@ function includeOwnProperty(target, key) {
 if (!includeOwnProperty(CurrentGlobal, "__GLOBAL_LOADING_REMOTE_ENTRY__")) definePropertyGlobalVal(CurrentGlobal, "__GLOBAL_LOADING_REMOTE_ENTRY__", {});
 const globalLoading = CurrentGlobal.__GLOBAL_LOADING_REMOTE_ENTRY__;
 function setGlobalDefaultVal(target) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   if (includeOwnProperty(target, "__VMOK__") && !includeOwnProperty(target, "__FEDERATION__")) definePropertyGlobalVal(target, "__FEDERATION__", target.__VMOK__);
   if (!includeOwnProperty(target, "__FEDERATION__")) {
     definePropertyGlobalVal(target, "__FEDERATION__", {
@@ -522,7 +523,8 @@ function setGlobalDefaultVal(target) {
       moduleInfo: {},
       __SHARE__: {},
       __MANIFEST_LOADING__: {},
-      __PRELOADED_MAP__: /* @__PURE__ */ new Map()
+      __PRELOADED_MAP__: /* @__PURE__ */ new Map(),
+      __PRELOADED_ASSETS__: /* @__PURE__ */ new Set()
     });
     definePropertyGlobalVal(target, "__VMOK__", target.__FEDERATION__);
   }
@@ -532,6 +534,7 @@ function setGlobalDefaultVal(target) {
   (_d = target.__FEDERATION__).__SHARE__ ?? (_d.__SHARE__ = {});
   (_e = target.__FEDERATION__).__MANIFEST_LOADING__ ?? (_e.__MANIFEST_LOADING__ = {});
   (_f = target.__FEDERATION__).__PRELOADED_MAP__ ?? (_f.__PRELOADED_MAP__ = /* @__PURE__ */ new Map());
+  (_g = target.__FEDERATION__).__PRELOADED_ASSETS__ ?? (_g.__PRELOADED_ASSETS__ = /* @__PURE__ */ new Set());
 }
 setGlobalDefaultVal(CurrentGlobal);
 setGlobalDefaultVal(nativeGlobal);
@@ -542,6 +545,15 @@ const getRemoteEntryExports = (name, globalName) => {
     entryExports: CurrentGlobal[remoteEntryKey]
   };
 };
+const getPreloadedAsset = (url) => CurrentGlobal.__FEDERATION__.__PRELOADED_ASSETS__.has(url);
+const setPreloadedAsset = (url) => {
+  const preloadedAssets = CurrentGlobal.__FEDERATION__.__PRELOADED_ASSETS__;
+  preloadedAssets.add(url);
+  if (preloadedAssets.size > MAX_PRELOADED_ASSETS) {
+    const oldestUrl = preloadedAssets.values().next().value;
+    if (oldestUrl !== void 0) preloadedAssets.delete(oldestUrl);
+  }
+};
 const DEFAULT_SCOPE = "default";
 const DEFAULT_REMOTE_TYPE = "global";
 function composeRemoteRequestId(remoteName, expose) {
@@ -622,6 +634,7 @@ const runtimeDescMap = {
   ...runtimeDescMap
 });
 const importCallback = ".then(callbacks[0]).catch(callbacks[1])";
+const remoteEntryLoadingOrigins = /* @__PURE__ */ new WeakMap();
 const esmRemoteEntryLoadErrorMessages = [
   "Failed to fetch dynamically imported module",
   "Importing a module script failed",
@@ -773,7 +786,16 @@ function getRemoteEntryUniqueKey(remoteInfo) {
 async function getRemoteEntry(params) {
   const { origin, remoteEntryExports, remoteInfo, getEntryUrl, resourceContext, _inErrorHandling = false } = params;
   const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
-  if (remoteEntryExports) return remoteEntryExports;
+  if (remoteEntryExports) {
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      remoteEntryExports,
+      resourceContext,
+      cached: true
+    });
+    return remoteEntryExports;
+  }
   if (!globalLoading[uniqueKey]) {
     const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
     const loaderHook = origin.loaderHook;
@@ -781,7 +803,8 @@ async function getRemoteEntry(params) {
       origin,
       loaderHook,
       remoteInfo,
-      remoteEntryExports
+      remoteEntryExports,
+      resourceContext
     }).then((res) => {
       if (res) return res;
       return (typeof ENV_TARGET !== "undefined" ? ENV_TARGET === "web" : logger.isBrowserEnvValue) ? loadEntryDom({
@@ -799,46 +822,69 @@ async function getRemoteEntry(params) {
       await origin.loaderHook.lifecycle.afterLoadEntry.emit({
         origin,
         remoteInfo,
-        remoteEntryExports: res
+        remoteEntryExports: res,
+        resourceContext
       });
       return res;
-    }).catch(async (err) => {
-      const uniqueKey2 = getRemoteEntryUniqueKey(remoteInfo);
-      const isScriptExecutionError = err instanceof Error && err.message.includes("ScriptExecutionError");
-      if (err instanceof Error && err.message.includes(RUNTIME_008) && !isScriptExecutionError && !_inErrorHandling) {
+    }).catch(async (loadError) => {
+      const isScriptExecutionError = loadError instanceof Error && loadError.message.includes("ScriptExecutionError");
+      if (loadError instanceof Error && loadError.message.includes(RUNTIME_008) && !isScriptExecutionError && !_inErrorHandling) {
         const wrappedGetRemoteEntry = (params2) => {
           return getRemoteEntry({
             ...params2,
             _inErrorHandling: true
           });
         };
-        const RemoteEntryExports = await origin.loaderHook.lifecycle.loadEntryError.emit({
+        const recoveredRemoteEntryExports = await origin.loaderHook.lifecycle.loadEntryError.emit({
           getRemoteEntry: wrappedGetRemoteEntry,
           origin,
           remoteInfo,
           remoteEntryExports,
           globalLoading,
-          uniqueKey: uniqueKey2
+          uniqueKey
         });
-        if (RemoteEntryExports) {
+        if (recoveredRemoteEntryExports) {
           await origin.loaderHook.lifecycle.afterLoadEntry.emit({
             origin,
             remoteInfo,
-            remoteEntryExports: RemoteEntryExports,
+            remoteEntryExports: recoveredRemoteEntryExports,
+            resourceContext,
+            error: loadError,
             recovered: true
           });
-          return RemoteEntryExports;
+          return recoveredRemoteEntryExports;
         }
       }
       await origin.loaderHook.lifecycle.afterLoadEntry.emit({
         origin,
         remoteInfo,
-        error: err
+        resourceContext,
+        error: loadError
       });
-      throw err;
+      throw loadError;
     });
+    remoteEntryLoadingOrigins.set(globalLoading[uniqueKey], origin);
   }
-  return globalLoading[uniqueKey];
+  const remoteEntryLoading = globalLoading[uniqueKey];
+  if (remoteEntryLoadingOrigins.get(remoteEntryLoading) !== origin) try {
+    const result = await remoteEntryLoading;
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      remoteEntryExports: result,
+      resourceContext
+    });
+    return result;
+  } catch (loadError) {
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      resourceContext,
+      error: loadError
+    });
+    throw loadError;
+  }
+  return remoteEntryLoading;
 }
 function getRemoteInfo(remote) {
   return {
@@ -899,6 +945,12 @@ function createAssetResult(context, url, status, error2) {
     error: error2
   };
 }
+function preloadAssetOnce(context, url, recordPreloadedAssets, preload) {
+  if (!recordPreloadedAssets) return preload();
+  if (getPreloadedAsset(url)) return Promise.resolve(createAssetResult(context, url, "cached"));
+  setPreloadedAsset(url);
+  return preload();
+}
 async function waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, context) {
   const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);
   const url = entryRemoteInfo.entry;
@@ -985,7 +1037,7 @@ function createResourceContext(baseContext, resourceType) {
 function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseContext = {
   initiator: "preloadRemote",
   id: remoteInfo.name
-}) {
+}, recordPreloadedAssets = true) {
   const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
   const results = [];
   if (host.options.inBrowser) {
@@ -999,13 +1051,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
         as: "style"
       };
       cssAssets.forEach((cssUrl) => {
-        results.push(waitForLinkPreload({
+        const context = createResourceContext(baseContext, "css");
+        results.push(preloadAssetOnce(context, cssUrl, recordPreloadedAssets, () => waitForLinkPreload({
           host,
           remoteInfo,
           url: cssUrl,
           attrs: defaultAttrs2,
-          context: createResourceContext(baseContext, "css")
-        }));
+          context
+        })));
       });
     } else {
       const defaultAttrs2 = {
@@ -1013,14 +1066,15 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
         type: "text/css"
       };
       cssAssets.forEach((cssUrl) => {
-        results.push(waitForLinkPreload({
+        const context = createResourceContext(baseContext, "css");
+        results.push(preloadAssetOnce(context, cssUrl, recordPreloadedAssets, () => waitForLinkPreload({
           host,
           remoteInfo,
           url: cssUrl,
           attrs: defaultAttrs2,
           needDeleteLink: false,
-          context: createResourceContext(baseContext, "css")
-        }));
+          context
+        })));
       });
     }
     let preloadJsAsset = waitForScriptPreload;
@@ -1042,13 +1096,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
       };
     }
     jsAssetsWithoutEntry.forEach((jsUrl) => {
-      results.push(preloadJsAsset({
+      const context = createResourceContext(baseContext, "js");
+      results.push(preloadAssetOnce(context, jsUrl, recordPreloadedAssets, () => preloadJsAsset({
         host,
         remoteInfo,
         url: jsUrl,
         attrs: defaultAttrs,
-        context: createResourceContext(baseContext, "js")
-      }));
+        context
+      })));
     });
   }
   return Promise.all(results);
@@ -1094,25 +1149,27 @@ var Module$1 = class {
     this.remoteInfo = remoteInfo;
     this.host = host;
   }
-  async getEntry(expose) {
-    if (this.remoteEntryExports) return this.remoteEntryExports;
+  async getEntry(expose, resourceContext) {
+    const effectiveResourceContext = resourceContext || {
+      initiator: "loadRemote",
+      id: composeRemoteRequestId(this.remoteInfo.name, expose),
+      resourceType: "remoteEntry",
+      url: this.remoteInfo.entry,
+      expose
+    };
     const remoteEntryExports = await getRemoteEntry({
       origin: this.host,
       remoteInfo: this.remoteInfo,
       remoteEntryExports: this.remoteEntryExports,
-      resourceContext: {
-        initiator: "loadRemote",
-        id: composeRemoteRequestId(this.remoteInfo.name, expose),
-        resourceType: "remoteEntry"
-      }
+      resourceContext: effectiveResourceContext
     });
     assert(remoteEntryExports, `remoteEntryExports is undefined 
  ${lazyUtils.safeToString(this.remoteInfo)}`);
     this.remoteEntryExports = remoteEntryExports;
     return this.remoteEntryExports;
   }
-  async init(id, remoteSnapshot, rawInitScope, expose) {
-    const remoteEntryExports = await this.getEntry(expose);
+  async init(id, remoteSnapshot, rawInitScope, expose, resourceContext) {
+    const remoteEntryExports = await this.getEntry(expose, resourceContext);
     if (this.inited) {
       await this.host.loaderHook.lifecycle.afterInitRemote.emit({
         id,

package/dist/{prefetch-BJZbf9LF.mjs → prefetch-xvZIEaJL.mjs}

@@ -491,6 +491,7 @@ const processModuleAlias = (name, subPath) => {
   moduleName = moduleName + subPath;
   return moduleName;
 };
+const MAX_PRELOADED_ASSETS = 2e3;
 const CurrentGlobal = typeof globalThis === "object" ? globalThis : window;
 const nativeGlobal = (() => {
   try {
@@ -512,7 +513,7 @@ function includeOwnProperty(target, key) {
 if (!includeOwnProperty(CurrentGlobal, "__GLOBAL_LOADING_REMOTE_ENTRY__")) definePropertyGlobalVal(CurrentGlobal, "__GLOBAL_LOADING_REMOTE_ENTRY__", {});
 const globalLoading = CurrentGlobal.__GLOBAL_LOADING_REMOTE_ENTRY__;
 function setGlobalDefaultVal(target) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   if (includeOwnProperty(target, "__VMOK__") && !includeOwnProperty(target, "__FEDERATION__")) definePropertyGlobalVal(target, "__FEDERATION__", target.__VMOK__);
   if (!includeOwnProperty(target, "__FEDERATION__")) {
     definePropertyGlobalVal(target, "__FEDERATION__", {
@@ -521,7 +522,8 @@ function setGlobalDefaultVal(target) {
       moduleInfo: {},
       __SHARE__: {},
       __MANIFEST_LOADING__: {},
-      __PRELOADED_MAP__: /* @__PURE__ */ new Map()
+      __PRELOADED_MAP__: /* @__PURE__ */ new Map(),
+      __PRELOADED_ASSETS__: /* @__PURE__ */ new Set()
     });
     definePropertyGlobalVal(target, "__VMOK__", target.__FEDERATION__);
   }
@@ -531,6 +533,7 @@ function setGlobalDefaultVal(target) {
   (_d = target.__FEDERATION__).__SHARE__ ?? (_d.__SHARE__ = {});
   (_e = target.__FEDERATION__).__MANIFEST_LOADING__ ?? (_e.__MANIFEST_LOADING__ = {});
   (_f = target.__FEDERATION__).__PRELOADED_MAP__ ?? (_f.__PRELOADED_MAP__ = /* @__PURE__ */ new Map());
+  (_g = target.__FEDERATION__).__PRELOADED_ASSETS__ ?? (_g.__PRELOADED_ASSETS__ = /* @__PURE__ */ new Set());
 }
 setGlobalDefaultVal(CurrentGlobal);
 setGlobalDefaultVal(nativeGlobal);
@@ -541,6 +544,15 @@ const getRemoteEntryExports = (name, globalName) => {
     entryExports: CurrentGlobal[remoteEntryKey]
   };
 };
+const getPreloadedAsset = (url) => CurrentGlobal.__FEDERATION__.__PRELOADED_ASSETS__.has(url);
+const setPreloadedAsset = (url) => {
+  const preloadedAssets = CurrentGlobal.__FEDERATION__.__PRELOADED_ASSETS__;
+  preloadedAssets.add(url);
+  if (preloadedAssets.size > MAX_PRELOADED_ASSETS) {
+    const oldestUrl = preloadedAssets.values().next().value;
+    if (oldestUrl !== void 0) preloadedAssets.delete(oldestUrl);
+  }
+};
 const DEFAULT_SCOPE = "default";
 const DEFAULT_REMOTE_TYPE = "global";
 function composeRemoteRequestId(remoteName, expose) {
@@ -621,6 +633,7 @@ const runtimeDescMap = {
   ...runtimeDescMap
 });
 const importCallback = ".then(callbacks[0]).catch(callbacks[1])";
+const remoteEntryLoadingOrigins = /* @__PURE__ */ new WeakMap();
 const esmRemoteEntryLoadErrorMessages = [
   "Failed to fetch dynamically imported module",
   "Importing a module script failed",
@@ -772,7 +785,16 @@ function getRemoteEntryUniqueKey(remoteInfo) {
 async function getRemoteEntry(params) {
   const { origin, remoteEntryExports, remoteInfo, getEntryUrl, resourceContext, _inErrorHandling = false } = params;
   const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
-  if (remoteEntryExports) return remoteEntryExports;
+  if (remoteEntryExports) {
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      remoteEntryExports,
+      resourceContext,
+      cached: true
+    });
+    return remoteEntryExports;
+  }
   if (!globalLoading[uniqueKey]) {
     const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
     const loaderHook = origin.loaderHook;
@@ -780,7 +802,8 @@ async function getRemoteEntry(params) {
       origin,
       loaderHook,
       remoteInfo,
-      remoteEntryExports
+      remoteEntryExports,
+      resourceContext
     }).then((res) => {
       if (res) return res;
       return (typeof ENV_TARGET !== "undefined" ? ENV_TARGET === "web" : isBrowserEnvValue) ? loadEntryDom({
@@ -798,46 +821,69 @@ async function getRemoteEntry(params) {
       await origin.loaderHook.lifecycle.afterLoadEntry.emit({
         origin,
         remoteInfo,
-        remoteEntryExports: res
+        remoteEntryExports: res,
+        resourceContext
       });
       return res;
-    }).catch(async (err) => {
-      const uniqueKey2 = getRemoteEntryUniqueKey(remoteInfo);
-      const isScriptExecutionError = err instanceof Error && err.message.includes("ScriptExecutionError");
-      if (err instanceof Error && err.message.includes(RUNTIME_008) && !isScriptExecutionError && !_inErrorHandling) {
+    }).catch(async (loadError) => {
+      const isScriptExecutionError = loadError instanceof Error && loadError.message.includes("ScriptExecutionError");
+      if (loadError instanceof Error && loadError.message.includes(RUNTIME_008) && !isScriptExecutionError && !_inErrorHandling) {
         const wrappedGetRemoteEntry = (params2) => {
           return getRemoteEntry({
             ...params2,
             _inErrorHandling: true
           });
         };
-        const RemoteEntryExports = await origin.loaderHook.lifecycle.loadEntryError.emit({
+        const recoveredRemoteEntryExports = await origin.loaderHook.lifecycle.loadEntryError.emit({
           getRemoteEntry: wrappedGetRemoteEntry,
           origin,
           remoteInfo,
           remoteEntryExports,
           globalLoading,
-          uniqueKey: uniqueKey2
+          uniqueKey
         });
-        if (RemoteEntryExports) {
+        if (recoveredRemoteEntryExports) {
           await origin.loaderHook.lifecycle.afterLoadEntry.emit({
             origin,
             remoteInfo,
-            remoteEntryExports: RemoteEntryExports,
+            remoteEntryExports: recoveredRemoteEntryExports,
+            resourceContext,
+            error: loadError,
             recovered: true
           });
-          return RemoteEntryExports;
+          return recoveredRemoteEntryExports;
         }
       }
       await origin.loaderHook.lifecycle.afterLoadEntry.emit({
         origin,
         remoteInfo,
-        error: err
+        resourceContext,
+        error: loadError
       });
-      throw err;
+      throw loadError;
     });
+    remoteEntryLoadingOrigins.set(globalLoading[uniqueKey], origin);
   }
-  return globalLoading[uniqueKey];
+  const remoteEntryLoading = globalLoading[uniqueKey];
+  if (remoteEntryLoadingOrigins.get(remoteEntryLoading) !== origin) try {
+    const result = await remoteEntryLoading;
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      remoteEntryExports: result,
+      resourceContext
+    });
+    return result;
+  } catch (loadError) {
+    await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+      origin,
+      remoteInfo,
+      resourceContext,
+      error: loadError
+    });
+    throw loadError;
+  }
+  return remoteEntryLoading;
 }
 function getRemoteInfo(remote) {
   return {
@@ -898,6 +944,12 @@ function createAssetResult(context, url, status, error2) {
     error: error2
   };
 }
+function preloadAssetOnce(context, url, recordPreloadedAssets, preload) {
+  if (!recordPreloadedAssets) return preload();
+  if (getPreloadedAsset(url)) return Promise.resolve(createAssetResult(context, url, "cached"));
+  setPreloadedAsset(url);
+  return preload();
+}
 async function waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, context) {
   const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);
   const url = entryRemoteInfo.entry;
@@ -984,7 +1036,7 @@ function createResourceContext(baseContext, resourceType) {
 function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseContext = {
   initiator: "preloadRemote",
   id: remoteInfo.name
-}) {
+}, recordPreloadedAssets = true) {
   const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
   const results = [];
   if (host.options.inBrowser) {
@@ -998,13 +1050,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
         as: "style"
       };
       cssAssets.forEach((cssUrl) => {
-        results.push(waitForLinkPreload({
+        const context = createResourceContext(baseContext, "css");
+        results.push(preloadAssetOnce(context, cssUrl, recordPreloadedAssets, () => waitForLinkPreload({
           host,
           remoteInfo,
           url: cssUrl,
           attrs: defaultAttrs2,
-          context: createResourceContext(baseContext, "css")
-        }));
+          context
+        })));
       });
     } else {
       const defaultAttrs2 = {
@@ -1012,14 +1065,15 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
         type: "text/css"
       };
       cssAssets.forEach((cssUrl) => {
-        results.push(waitForLinkPreload({
+        const context = createResourceContext(baseContext, "css");
+        results.push(preloadAssetOnce(context, cssUrl, recordPreloadedAssets, () => waitForLinkPreload({
           host,
           remoteInfo,
           url: cssUrl,
           attrs: defaultAttrs2,
           needDeleteLink: false,
-          context: createResourceContext(baseContext, "css")
-        }));
+          context
+        })));
       });
     }
     let preloadJsAsset = waitForScriptPreload;
@@ -1041,13 +1095,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseCont
       };
     }
     jsAssetsWithoutEntry.forEach((jsUrl) => {
-      results.push(preloadJsAsset({
+      const context = createResourceContext(baseContext, "js");
+      results.push(preloadAssetOnce(context, jsUrl, recordPreloadedAssets, () => preloadJsAsset({
         host,
         remoteInfo,
         url: jsUrl,
         attrs: defaultAttrs,
-        context: createResourceContext(baseContext, "js")
-      }));
+        context
+      })));
     });
   }
   return Promise.all(results);
@@ -1093,25 +1148,27 @@ var Module$1 = class {
     this.remoteInfo = remoteInfo;
     this.host = host;
   }
-  async getEntry(expose) {
-    if (this.remoteEntryExports) return this.remoteEntryExports;
+  async getEntry(expose, resourceContext) {
+    const effectiveResourceContext = resourceContext || {
+      initiator: "loadRemote",
+      id: composeRemoteRequestId(this.remoteInfo.name, expose),
+      resourceType: "remoteEntry",
+      url: this.remoteInfo.entry,
+      expose
+    };
     const remoteEntryExports = await getRemoteEntry({
       origin: this.host,
       remoteInfo: this.remoteInfo,
       remoteEntryExports: this.remoteEntryExports,
-      resourceContext: {
-        initiator: "loadRemote",
-        id: composeRemoteRequestId(this.remoteInfo.name, expose),
-        resourceType: "remoteEntry"
-      }
+      resourceContext: effectiveResourceContext
     });
     assert(remoteEntryExports, `remoteEntryExports is undefined 
  ${safeToString(this.remoteInfo)}`);
     this.remoteEntryExports = remoteEntryExports;
     return this.remoteEntryExports;
   }
-  async init(id, remoteSnapshot, rawInitScope, expose) {
-    const remoteEntryExports = await this.getEntry(expose);
+  async init(id, remoteSnapshot, rawInitScope, expose, resourceContext) {
+    const remoteEntryExports = await this.getEntry(expose, resourceContext);
     if (this.inited) {
       await this.host.loaderHook.lifecycle.afterInitRemote.emit({
         id,

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-Ch33UJuN.js");
+const bridgeBase = require("./bridge-base-DSYKAGGD.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-BaKy6CY_.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-CHnL6Q9P.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-Ch33UJuN.js");
+const bridgeBase = require("./bridge-base-DSYKAGGD.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-BaKy6CY_.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-CHnL6Q9P.mjs";
 function createReact19Root(container, options) {
   return createRoot(container, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -147,7 +147,7 @@
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "2.8.2"
+    "@module-federation/sdk": "2.9.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -175,13 +175,13 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.30.3",
-    "react-router": "7.16.0",
+    "react-router": "7.18.2",
     "typescript": "7.0.2",
     "vite": "^5.4.21",
-    "hono": "4.12.26",
-    "@module-federation/runtime": "2.8.2",
-    "@module-federation/bridge-shared": "2.8.2",
-    "@module-federation/runtime-core": "2.8.2"
+    "hono": "4.13.1",
+    "@module-federation/bridge-shared": "2.9.0",
+    "@module-federation/runtime": "2.9.0",
+    "@module-federation/runtime-core": "2.9.0"
   },
   "scripts": {
     "dev": "vite",