@chromahq/react 1.0.20 → 1.0.22

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
 
-const BRIDGE_ENABLE_LOGS = typeof window !== "undefined" && window.__CHROMA_ENABLE_LOGS__ !== void 0 ? Boolean(window.__CHROMA_ENABLE_LOGS__) : true;
+const BRIDGE_ENABLE_LOGS = true;
 const CONFIG = {
   RETRY_AFTER: 1e3,
   MAX_RETRIES: 10,
@@ -67,11 +67,11 @@ function createBridgeInstance(deps) {
         if (!pendingRequestsRef.current.has(id)) return;
         pendingRequestsRef.current.delete(id);
         consecutiveTimeoutsRef.current++;
-        if (BRIDGE_ENABLE_LOGS) {
+        {
           console.warn(`[Bridge] Request timed out: ${key} (${timeoutDuration}ms)`);
         }
         if (consecutiveTimeoutsRef.current >= CONFIG.CONSECUTIVE_FAILURE_THRESHOLD) {
-          if (BRIDGE_ENABLE_LOGS) {
+          {
             console.warn(
               `[Bridge] ${consecutiveTimeoutsRef.current} consecutive timeouts, reconnecting...`
             );
@@ -116,7 +116,7 @@ function createBridgeInstance(deps) {
   };
   const broadcast = (key, payload) => {
     if (!portRef.current) {
-      if (BRIDGE_ENABLE_LOGS) {
+      {
         console.warn("[Bridge] Cannot broadcast - disconnected");
       }
       return;
@@ -124,7 +124,7 @@ function createBridgeInstance(deps) {
     try {
       portRef.current.postMessage({ type: "broadcast", key, payload });
     } catch (e) {
-      if (BRIDGE_ENABLE_LOGS) {
+      {
         console.warn("[Bridge] Broadcast failed:", e);
       }
     }
@@ -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);
@@ -184,11 +192,11 @@ function startHealthMonitor(deps) {
       return;
     }
     consecutivePingFailuresRef.current++;
-    if (BRIDGE_ENABLE_LOGS) {
+    {
       console.warn(`[Bridge] Ping failed (${consecutivePingFailuresRef.current}x)`);
     }
     if (consecutivePingFailuresRef.current >= CONFIG.CONSECUTIVE_FAILURE_THRESHOLD) {
-      if (BRIDGE_ENABLE_LOGS) {
+      {
         console.warn("[Bridge] Service worker unresponsive, reconnecting...");
       }
       consecutivePingFailuresRef.current = 0;
@@ -290,7 +298,7 @@ const BridgeProvider = ({
         try {
           handler(message.payload);
         } catch (err) {
-          if (BRIDGE_ENABLE_LOGS) {
+          {
             console.warn("[Bridge] Event handler error:", err);
           }
         }
@@ -307,7 +315,7 @@ const BridgeProvider = ({
           retryAfter,
           CONFIG.MAX_RETRY_DELAY
         );
-        if (BRIDGE_ENABLE_LOGS) {
+        {
           console.log(
             `[Bridge] Reconnecting in ${delay}ms (${retryCountRef.current}/${maxRetries})`
           );
@@ -317,13 +325,13 @@ const BridgeProvider = ({
           if (isMountedRef.current) connectFn();
         }, delay);
       } else {
-        if (BRIDGE_ENABLE_LOGS) {
+        {
           console.warn(`[Bridge] Max retries reached. Cooldown: ${maxRetryCooldown}ms`);
         }
         clearTimeoutSafe(maxRetryCooldownRef);
         maxRetryCooldownRef.current = setTimeout(() => {
           if (!isMountedRef.current) return;
-          if (BRIDGE_ENABLE_LOGS) {
+          {
             console.log("[Bridge] Cooldown complete, reconnecting...");
           }
           retryCountRef.current = 0;
@@ -335,30 +343,43 @@ 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,
         CONFIG.SW_RESTART_RETRY_DELAY,
         CONFIG.SW_RESTART_MAX_DELAY
       );
-      if (BRIDGE_ENABLE_LOGS) {
+      {
         console.log(
           `[Bridge] Service worker not ready, retrying in ${delay}ms (attempt ${swRestartRetryCountRef.current})`
         );
       }
       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;
-    if (retryCountRef.current >= maxRetries) {
-      if (BRIDGE_ENABLE_LOGS) {
-        console.warn("[Bridge] Waiting for cooldown...");
+    {
+      console.log("[Bridge] connect() called, isConnecting:", isConnectingRef.current);
+    }
+    if (isConnectingRef.current) {
+      {
+        console.log("[Bridge] Already connecting, skipping...");
       }
       return;
     }
@@ -370,9 +391,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(() => {
@@ -397,25 +424,24 @@ 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();
-        const isSwRestart = disconnectError?.includes("Receiving end does not exist");
-        if (disconnectError && !isSwRestart) {
-          handleError(new Error(disconnectError));
-        } else {
-          updateStatus("disconnected");
+        if (BRIDGE_ENABLE_LOGS) {
+          console.warn("[Bridge] Disconnect error:", disconnectError || "(none)");
+          console.warn("[Bridge] isMounted:", isMountedRef.current);
         }
+        updateStatus("disconnected");
         cleanup();
         if (isMountedRef.current) {
-          if (isSwRestart) {
-            if (BRIDGE_ENABLE_LOGS) {
-              console.log("[Bridge] Service worker stopped, will retry until available...");
-            }
-            scheduleSwRestartReconnect(connect);
-          } else {
-            scheduleReconnect(connect);
+          if (BRIDGE_ENABLE_LOGS) {
+            console.log("[Bridge] Scheduling SW restart reconnect...");
+          }
+          scheduleSwRestartReconnect(connect);
+        } else {
+          if (BRIDGE_ENABLE_LOGS) {
+            console.log("[Bridge] Not mounted, NOT scheduling reconnect");
           }
         }
       });
@@ -498,17 +524,19 @@ const BridgeProvider = ({
       if (isConnectingRef.current) return;
       const currentStatus = statusRef.current;
       const currentBridge = bridgeRef.current;
-      if (currentStatus === "disconnected" || currentStatus === "error") {
-        if (BRIDGE_ENABLE_LOGS) {
+      if (currentStatus === "disconnected" || currentStatus === "error" || currentStatus === "reconnecting") {
+        {
           console.log("[Bridge] Tab visible, reconnecting...");
         }
         retryCountRef.current = 0;
+        swRestartRetryCountRef.current = 0;
+        isConnectingRef.current = false;
         connect();
       } else if (currentStatus === "connected" && currentBridge) {
         currentBridge.ping().then((alive) => {
           if (!isMountedRef.current) return;
           if (!alive) {
-            if (BRIDGE_ENABLE_LOGS) {
+            {
               console.warn("[Bridge] Tab visible but unresponsive, reconnecting...");
             }
             retryCountRef.current = 0;

package/package.json

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