@module-federation/bridge-react 2.8.1 → 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-DBTxuAYf.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-QJLnti7A.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-DlagtX0O.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-BzCq3MT3.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-QJLnti7A.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-BzCq3MT3.mjs";
-import { i, p } from "./prefetch-BzCq3MT3.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-DBTxuAYf.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-QJLnti7A.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-DlagtX0O.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-BzCq3MT3.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-DBTxuAYf.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-QJLnti7A.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-DlagtX0O.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-BzCq3MT3.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/HydratedStylesheetAssets.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function HydratedStylesheetAssets({ hrefs }: {
+    hrefs: string[];
+}): React.JSX.Element;

package/dist/lazy/createLazyComponent.d.ts

@@ -23,6 +23,6 @@ export type CreateLazyComponentOptions<T, E extends keyof T> = {
 type ReactKey = {
     key?: React.Key | null;
 };
-export declare function collectSSRAssets(options: IProps): ReactNode[];
+export declare function collectSSRAssets(options: IProps): React.ReactNode[];
 export declare function createLazyComponent<T, E extends keyof T>(options: CreateLazyComponentOptions<T, E>): (props: T[E] extends (...args: any) => any ? Parameters<T[E]>[0] extends undefined ? ReactKey : Parameters<T[E]>[0] & ReactKey : ReactKey) => React.JSX.Element;
 export {};