@module-federation/bridge-react 0.0.0-next-20240909101028 → 0.0.0-next-20240911025149

package/CHANGELOG.md

@@ -1,11 +1,10 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20240909101028
+## 0.0.0-next-20240911025149
 
 ### Patch Changes
 
-- chore: bump next
-  - @module-federation/bridge-shared@0.0.0-next-20240909101028
+- @module-federation/bridge-shared@0.0.0-next-20240911025149
 
 ## 0.6.1
 

package/dist/index.cjs.js

@@ -399,37 +399,5 @@ function createBridgeComponent(bridgeInfo) {
     };
   };
 }
-function useBridgeRouteChange(onRouteChange) {
-  const previousUrlRef = React.useRef(window.location.pathname);
-  React.useEffect(() => {
-    const handleRouteChange = () => {
-      const currentUrl = window.location.pathname;
-      const from = previousUrlRef.current;
-      const to = currentUrl;
-      if (from !== to) {
-        onRouteChange({ from, to });
-        previousUrlRef.current = currentUrl;
-      }
-    };
-    const originalPushState = window.history.pushState;
-    const originalReplaceState = window.history.replaceState;
-    window.history.pushState = function(...args) {
-      originalPushState.apply(window.history, args);
-      handleRouteChange();
-    };
-    window.history.replaceState = function(...args) {
-      console.log("<<<<< replaceState called >>>>>>>", args);
-      originalReplaceState.apply(window.history, args);
-      handleRouteChange();
-    };
-    window.addEventListener("popstate", handleRouteChange);
-    return () => {
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-      window.removeEventListener("popstate", handleRouteChange);
-    };
-  }, [onRouteChange]);
-}
 exports.createBridgeComponent = createBridgeComponent;
 exports.createRemoteComponent = createRemoteComponent;
-exports.useBridgeRouteChange = useBridgeRouteChange;

package/dist/index.d.ts

@@ -66,9 +66,4 @@ export declare interface RenderFnParams extends ProviderParams {
 
 declare type RootType = HTMLElement | default_3.Root;
 
-export declare function useBridgeRouteChange(onRouteChange: ({ from, to }: {
-    from: string;
-    to: string;
-}) => void): void;
-
 export { }

package/dist/index.es.js

@@ -380,39 +380,7 @@ function createBridgeComponent(bridgeInfo) {
     };
   };
 }
-function useBridgeRouteChange(onRouteChange) {
-  const previousUrlRef = useRef(window.location.pathname);
-  useEffect(() => {
-    const handleRouteChange = () => {
-      const currentUrl = window.location.pathname;
-      const from = previousUrlRef.current;
-      const to = currentUrl;
-      if (from !== to) {
-        onRouteChange({ from, to });
-        previousUrlRef.current = currentUrl;
-      }
-    };
-    const originalPushState = window.history.pushState;
-    const originalReplaceState = window.history.replaceState;
-    window.history.pushState = function(...args) {
-      originalPushState.apply(window.history, args);
-      handleRouteChange();
-    };
-    window.history.replaceState = function(...args) {
-      console.log("<<<<< replaceState called >>>>>>>", args);
-      originalReplaceState.apply(window.history, args);
-      handleRouteChange();
-    };
-    window.addEventListener("popstate", handleRouteChange);
-    return () => {
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-      window.removeEventListener("popstate", handleRouteChange);
-    };
-  }, [onRouteChange]);
-}
 export {
   createBridgeComponent,
-  createRemoteComponent,
-  useBridgeRouteChange
+  createRemoteComponent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20240909101028",
+  "version": "0.0.0-next-20240911025149",
   "publishConfig": {
     "access": "public"
   },
@@ -35,7 +35,7 @@
   "dependencies": {
     "@loadable/component": "^5.16.4",
     "react-error-boundary": "^4.0.13",
-    "@module-federation/bridge-shared": "0.0.0-next-20240909101028"
+    "@module-federation/bridge-shared": "0.0.0-next-20240911025149"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

package/src/index.ts

@@ -1,6 +1,5 @@
 export { createRemoteComponent } from './create';
 export { createBridgeComponent } from './provider';
-export { useBridgeRouteChange } from './hooks';
 export type {
   ProviderParams,
   RenderFnParams,

package/src/hooks.tsx

@@ -1,44 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-function useBridgeRouteChange(
-  onRouteChange: ({ from, to }: { from: string; to: string }) => void,
-) {
-  const previousUrlRef = useRef(window.location.pathname);
-
-  useEffect(() => {
-    const handleRouteChange = () => {
-      const currentUrl = window.location.pathname;
-      const from = previousUrlRef.current;
-      const to = currentUrl;
-
-      if (from !== to) {
-        onRouteChange({ from, to });
-        previousUrlRef.current = currentUrl;
-      }
-    };
-
-    const originalPushState = window.history.pushState;
-    const originalReplaceState = window.history.replaceState;
-
-    window.history.pushState = function (...args) {
-      originalPushState.apply(window.history, args);
-      handleRouteChange();
-    };
-
-    window.history.replaceState = function (...args) {
-      console.log('<<<<< replaceState called >>>>>>>', args);
-      originalReplaceState.apply(window.history, args);
-      handleRouteChange(); // Manually trigger route change handler
-    };
-
-    window.addEventListener('popstate', handleRouteChange);
-
-    return () => {
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-      window.removeEventListener('popstate', handleRouteChange);
-    };
-  }, [onRouteChange]);
-}
-
-export { useBridgeRouteChange };