@chromahq/react 1.0.21 → 1.0.23

package/dist/index.js

@@ -174,8 +174,16 @@ function startHealthMonitor(deps) {
   } = deps;
   clearIntervalSafe(pingIntervalRef);
   consecutivePingFailuresRef.current = 0;
+  {
+    console.log(`[Bridge] Starting health monitor (ping every ${pingInterval}ms)`);
+  }
   pingIntervalRef.current = setInterval(async () => {
-    if (!bridge.isConnected) return;
+    if (!bridge.isConnected) {
+      {
+        console.log("[Bridge] Health check skipped - not connected");
+      }
+      return;
+    }
     const alive = await bridge.ping();
     if (!pingIntervalRef.current) return;
     setIsServiceWorkerAlive(alive);
@@ -228,6 +236,12 @@ const BridgeProvider = ({
   const statusRef = useRef(status);
   const bridgeRef = useRef(bridge);
   const isMountedRef = useRef(true);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
   useEffect(() => {
     statusRef.current = status;
   }, [status]);
@@ -335,7 +349,15 @@ const BridgeProvider = ({
   );
   const scheduleSwRestartReconnect = useCallback(
     (connectFn) => {
-      if (!isMountedRef.current) return;
+      {
+        console.log("[Bridge] scheduleSwRestartReconnect called, isMounted:", isMountedRef.current);
+      }
+      if (!isMountedRef.current) {
+        {
+          console.log("[Bridge] Not mounted, skipping SW restart reconnect");
+        }
+        return;
+      }
       swRestartRetryCountRef.current++;
       const delay = calculateBackoffDelay(
         swRestartRetryCountRef.current,
@@ -349,13 +371,24 @@ const BridgeProvider = ({
       }
       updateStatus("reconnecting");
       reconnectTimeoutRef.current = setTimeout(() => {
+        {
+          console.log("[Bridge] SW restart timeout fired, isMounted:", isMountedRef.current);
+        }
         if (isMountedRef.current) connectFn();
       }, delay);
     },
     [updateStatus]
   );
   const connect = useCallback(() => {
-    if (isConnectingRef.current) return;
+    {
+      console.log("[Bridge] connect() called, isConnecting:", isConnectingRef.current);
+    }
+    if (isConnectingRef.current) {
+      {
+        console.log("[Bridge] Already connecting, skipping...");
+      }
+      return;
+    }
     isConnectingRef.current = true;
     cleanup();
     if (!chrome?.runtime?.connect) {
@@ -364,9 +397,15 @@ const BridgeProvider = ({
       return;
     }
     try {
+      if (BRIDGE_ENABLE_LOGS) {
+        console.log("[Bridge] Attempting chrome.runtime.connect...");
+      }
       const port = chrome.runtime.connect({ name: CONFIG.PORT_NAME });
       const immediateError = consumeRuntimeError();
       if (immediateError) throw new Error(immediateError);
+      if (BRIDGE_ENABLE_LOGS) {
+        console.log("[Bridge] Port created successfully:", port.name);
+      }
       portRef.current = port;
       let errorChecks = 0;
       errorCheckIntervalRef.current = setInterval(() => {
@@ -391,20 +430,25 @@ const BridgeProvider = ({
       port.onMessage.addListener(handleMessage);
       port.onDisconnect.addListener(() => {
         if (BRIDGE_ENABLE_LOGS) {
-          console.warn("[Bridge] Disconnected");
+          console.warn("[Bridge] *** onDisconnect FIRED ***");
         }
         isConnectingRef.current = false;
         const disconnectError = consumeRuntimeError();
-        if (disconnectError && BRIDGE_ENABLE_LOGS) {
-          console.warn("[Bridge] Disconnect error:", disconnectError);
+        if (BRIDGE_ENABLE_LOGS) {
+          console.warn("[Bridge] Disconnect error:", disconnectError || "(none)");
+          console.warn("[Bridge] isMounted:", isMountedRef.current);
         }
         updateStatus("disconnected");
         cleanup();
         if (isMountedRef.current) {
           if (BRIDGE_ENABLE_LOGS) {
-            console.log("[Bridge] Will retry until service worker is available...");
+            console.log("[Bridge] Scheduling SW restart reconnect...");
           }
           scheduleSwRestartReconnect(connect);
+        } else {
+          if (BRIDGE_ENABLE_LOGS) {
+            console.log("[Bridge] Not mounted, NOT scheduling reconnect");
+          }
         }
       });
       const triggerReconnect = () => {
@@ -511,7 +555,6 @@ const BridgeProvider = ({
     };
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => {
-      isMountedRef.current = false;
       document.removeEventListener("visibilitychange", handleVisibilityChange);
       clearTimeoutSafe(maxRetryCooldownRef);
       cleanup();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/react",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "React bindings for the Chroma Chrome extension framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",