@adventurelabs/scout-core 1.0.55 → 1.0.57

package/dist/hooks/useScoutDbListener.js

@@ -6,6 +6,12 @@ export function useScoutDbListener(scoutSupabase) {
     const supabase = useRef(null);
     const channels = useRef([]);
     const dispatch = useAppDispatch();
+    const reconnectTimeoutRef = useRef(null);
+    const reconnectAttemptsRef = useRef(0);
+    const maxReconnectAttempts = 10;
+    const baseDelay = 1000; // 1 second
+    const maxDelay = 5000; // 5 seconds
+    const lastChannelIdRef = useRef(null);
     function handleTagInserts(payload) {
         console.log("[DB Listener] Tag INSERT received:", payload.new);
         dispatch(addTag(payload.new));
@@ -71,15 +77,25 @@ export function useScoutDbListener(scoutSupabase) {
     function handleConnectivityUpdates(payload) {
         console.log("[DB Listener] Connectivity UPDATE received:", payload.new);
     }
-    useEffect(() => {
-        if (!scoutSupabase) {
-            console.error("[DB Listener] No Supabase client available");
-            return;
-        }
-        supabase.current = scoutSupabase;
-        // Create a single channel for all operations
-        const channelName = `scout_realtime_${Date.now()}`;
-        const mainChannel = scoutSupabase.channel(channelName);
+    // Clean up all channels
+    const cleanupChannels = () => {
+        channels.current.forEach((channel) => {
+            if (channel) {
+                scoutSupabase.removeChannel(channel);
+            }
+        });
+        channels.current = [];
+    };
+    // Setup channel with event handlers
+    const setupChannel = () => {
+        if (!scoutSupabase)
+            return null;
+        const channelId = `scout_realtime_${Date.now()}_${Math.random()
+            .toString(36)
+            .substr(2, 9)}`;
+        const mainChannel = scoutSupabase.channel(channelId);
+        lastChannelIdRef.current = channelId;
+        console.log(`[DB Listener] Creating channel: ${channelId}`);
         // Subscribe to all events
         mainChannel
             .on("postgres_changes", { event: "INSERT", schema: "public", table: "plans" }, handlePlanInserts)
@@ -101,27 +117,75 @@ export function useScoutDbListener(scoutSupabase) {
             console.log("[DB Listener] Subscription status:", status);
             if (status === "SUBSCRIBED") {
                 console.log("[DB Listener] ✅ Successfully subscribed to real-time updates");
+                reconnectAttemptsRef.current = 0; // Reset reconnect attempts on successful connection
             }
             else if (status === "CHANNEL_ERROR") {
-                console.error("[DB Listener] ❌ Channel error occurred");
+                console.warn("[DB Listener] ❌ Channel error occurred. Reconnecting...");
+                handleReconnect();
             }
             else if (status === "TIMED_OUT") {
-                console.error("[DB Listener] ⏰ Subscription timed out");
+                console.warn("[DB Listener] ⏰ Subscription timed out. Reconnecting...");
+                handleReconnect();
             }
             else if (status === "CLOSED") {
-                console.log("[DB Listener] 🔒 Channel closed");
+                console.log(`[DB Listener] 🔒 Channel closed: ${lastChannelIdRef.current}`);
+                // Only reconnect if this isn't an immediate closure after subscription
+                if (reconnectAttemptsRef.current > 0) {
+                    console.log("[DB Listener] Reconnecting...");
+                    handleReconnect();
+                }
+                else {
+                    console.log("[DB Listener] Channel closed immediately after subscription, not reconnecting");
+                }
             }
         });
-        channels.current.push(mainChannel);
+        return mainChannel;
+    };
+    // Handle reconnection with exponential backoff
+    const handleReconnect = () => {
+        if (reconnectAttemptsRef.current >= maxReconnectAttempts) {
+            console.error("[DB Listener] 🚫 Max reconnection attempts reached");
+            return;
+        }
+        // Clear any existing timeout
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+        }
+        const delay = Math.min(baseDelay * (reconnectAttemptsRef.current + 1), maxDelay);
+        console.log(`[DB Listener] 🔄 Attempting reconnection in ${delay}ms (attempt ${reconnectAttemptsRef.current + 1}/${maxReconnectAttempts})`);
+        reconnectTimeoutRef.current = setTimeout(() => {
+            reconnectAttemptsRef.current++;
+            cleanupChannels();
+            const newChannel = setupChannel();
+            if (newChannel) {
+                channels.current.push(newChannel);
+            }
+        }, delay);
+    };
+    useEffect(() => {
+        if (!scoutSupabase) {
+            console.error("[DB Listener] No Supabase client available");
+            return;
+        }
+        supabase.current = scoutSupabase;
+        // Initial channel setup
+        const mainChannel = setupChannel();
+        if (mainChannel) {
+            channels.current.push(mainChannel);
+        }
         // Cleanup function
         return () => {
             console.log("[DB Listener] 🧹 Cleaning up channels");
-            channels.current.forEach((channel) => {
-                if (channel) {
-                    scoutSupabase.removeChannel(channel);
-                }
-            });
-            channels.current = [];
+            // Clear any pending reconnection attempts
+            if (reconnectTimeoutRef.current) {
+                clearTimeout(reconnectTimeoutRef.current);
+                reconnectTimeoutRef.current = null;
+            }
+            // Reset reconnect attempts and channel tracking
+            reconnectAttemptsRef.current = 0;
+            lastChannelIdRef.current = null;
+            // Clean up channels
+            cleanupChannels();
         };
     }, [scoutSupabase, dispatch]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adventurelabs/scout-core",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "description": "Core utilities and helpers for Adventure Labs Scout applications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,8 +44,8 @@
     "typescript": "^5.0.0"
   },
   "dependencies": {
-    "@supabase/supabase-js": "^2.45.6",
-    "@supabase/ssr": "^0.5.1",
+    "@supabase/supabase-js": "^2.53.6",
+    "@supabase/ssr": "^0.6.1",
     "@reduxjs/toolkit": "^2.0.0",
     "zustand": "^4.0.0"
   }