@datum-cloud/activity-ui 0.6.0-dev.5b51180 → 0.6.0-dev.917556e

package/dist/hooks/useActivityFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActivityFeed.d.ts","sourceRoot":"","sources":["../../src/hooks/useActivityFeed.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useActivityFeed.d.ts","sourceRoot":"","sources":["../../src/hooks/useActivityFeed.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAyC,YAAY,EAAc,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvI,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAelD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,YAAY,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACpC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,8BAA8B;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iEAAiE;IACjE,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACtE;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,yBAAyB;IACzB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,kCAAkC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,yCAAyC;IACzC,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,8BAA8B;IAC9B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,yBAAyB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,6BAA6B;IAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,wBAAwB;IACxB,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,qBAAqB;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,yEAAyE;IACzE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAgFD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAmB,EACnB,gBAAsC,EACtC,QAAa,EACb,eAAuB,EACvB,kBAAyB,EACzB,0BAA0B,GAC3B,EAAE,sBAAsB,GAAG,qBAAqB,CA+hBhD"}

package/dist/index.esm.js

@@ -9784,6 +9784,14 @@ function ActionToggle({ value, onChange, className = '', disabled = false, }) {
 
 // Debounce delay for filter changes (ms)
 const FILTER_DEBOUNCE_MS$1 = 300;
+// Backoff for watch stream reconnects. Without this, a persistently failing
+// upstream gets re-opened on every render with no delay — see
+// https://github.com/datum-cloud/infra/issues/5060, where a single browser
+// tab reconnected roughly 2.5 times a minute against a stream that kept
+// aborting, driving the proxy's memory up until the process was OOMKilled.
+const RECONNECT_BASE_DELAY_MS = 1000;
+const RECONNECT_MAX_DELAY_MS = 30000;
+const MAX_RECONNECT_ATTEMPTS = 8;
 /**
  * Escape a value for safe interpolation into a CEL string literal.
  * Prevents injection via values containing backslashes or double quotes.
@@ -9878,6 +9886,12 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
     const resourceVersionRef = useRef();
     // Track the watch stop function
     const watchStopRef = useRef(null);
+    // Consecutive watch failures since the last successful event, used to back
+    // off reconnect attempts. Reset on any real event (including BOOKMARK) and
+    // on a manual startStreaming() call.
+    const reconnectAttemptsRef = useRef(0);
+    // Pending scheduled reconnect, if any.
+    const reconnectTimerRef = useRef(null);
     // Track whether streaming should restart after filter change
     const shouldRestartStreamingRef = useRef(false);
     // Track if we've done the initial load
@@ -9952,6 +9966,9 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
             console.error('Watch error:', event.object);
             return;
         }
+        // A real event (including a BOOKMARK keep-alive) means the connection is
+        // healthy — reset backoff so a later failure starts from the base delay.
+        reconnectAttemptsRef.current = 0;
         if (event.type === 'BOOKMARK') {
             // Update resource version for resume capability
             if (event.object.metadata?.resourceVersion) {
@@ -10017,15 +10034,13 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
             setActivities((prev) => prev.filter((a) => a.metadata?.name !== event.object.metadata?.name));
         }
     }, [filters]);
-    // Start watching for real-time updates
-    const startStreaming = useCallback(() => {
+    // Open the watch connection. Does not touch userPaused/backoff state —
+    // callers (startStreaming, scheduleReconnect) own that.
+    const connectWatch = useCallback(() => {
         if (watchStopRef.current) {
             // Already watching
             return;
         }
-        // Explicit start clears the user-paused flag so the auto-restart
-        // effects can keep the stream alive after subsequent filter changes.
-        setUserPaused(false);
         // Clear any previous watch error when starting a new stream
         setWatchError(null);
         const params = buildWatchParams();
@@ -10039,6 +10054,7 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
                 setWatchError(streamError);
                 setIsStreaming(false);
                 watchStopRef.current = null;
+                reconnectAttemptsRef.current += 1;
             },
             onClose: () => {
                 setIsStreaming(false);
@@ -10049,11 +10065,50 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
         setIsStreaming(true);
         setNewActivitiesCount(0);
     }, [client, buildWatchParams, handleWatchEvent]);
+    // Reconnect with exponential backoff. The first attempt (no prior
+    // failures) connects immediately; each subsequent failure doubles the
+    // delay up to RECONNECT_MAX_DELAY_MS. After MAX_RECONNECT_ATTEMPTS
+    // consecutive failures, this stops retrying automatically — the watch
+    // stays stopped (with watchError set) until the user calls
+    // startStreaming() again, which resets the attempt count.
+    const scheduleReconnect = useCallback(() => {
+        if (reconnectTimerRef.current) {
+            // A reconnect is already scheduled.
+            return;
+        }
+        if (reconnectAttemptsRef.current >= MAX_RECONNECT_ATTEMPTS) {
+            return;
+        }
+        const attempt = reconnectAttemptsRef.current;
+        const delay = attempt === 0 ? 0 : Math.min(RECONNECT_MAX_DELAY_MS, RECONNECT_BASE_DELAY_MS * 2 ** (attempt - 1));
+        reconnectTimerRef.current = setTimeout(() => {
+            reconnectTimerRef.current = null;
+            connectWatch();
+        }, delay);
+    }, [connectWatch]);
+    // Start watching for real-time updates. This is the user/effect-facing
+    // entry point: it resets backoff and any pending scheduled reconnect
+    // before connecting, so a manual retry always starts from a clean slate.
+    const startStreaming = useCallback(() => {
+        // Explicit start clears the user-paused flag so the auto-restart
+        // effects can keep the stream alive after subsequent filter changes.
+        setUserPaused(false);
+        reconnectAttemptsRef.current = 0;
+        if (reconnectTimerRef.current) {
+            clearTimeout(reconnectTimerRef.current);
+            reconnectTimerRef.current = null;
+        }
+        connectWatch();
+    }, [connectWatch]);
     // Stop watching. Marks the user as paused so the auto-start effects
     // below don't immediately re-open the stream this call just closed.
     const stopStreaming = useCallback(() => {
         setUserPaused(true);
         setIsStreaming(false);
+        if (reconnectTimerRef.current) {
+            clearTimeout(reconnectTimerRef.current);
+            reconnectTimerRef.current = null;
+        }
         if (watchStopRef.current) {
             watchStopRef.current();
             watchStopRef.current = null;
@@ -10216,9 +10271,10 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
             }
         };
     }, [filters, timeRange]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Auto-start streaming after initial load when enabled. Skipped when
-    // the user has explicitly paused — otherwise clicking Pause would be
-    // immediately undone by this effect on the next render.
+    // Auto-start streaming after initial load when enabled, and reconnect
+    // (with backoff — see scheduleReconnect) whenever a connection drops.
+    // Skipped when the user has explicitly paused — otherwise clicking Pause
+    // would be immediately undone by this effect on the next render.
     useEffect(() => {
         if (enableStreaming &&
             autoStartStreaming &&
@@ -10226,9 +10282,9 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
             activities.length > 0 &&
             !isStreaming &&
             !isLoading) {
-            startStreaming();
+            scheduleReconnect();
         }
-    }, [enableStreaming, autoStartStreaming, userPaused, activities.length, isStreaming, isLoading, startStreaming]);
+    }, [enableStreaming, autoStartStreaming, userPaused, activities.length, isStreaming, isLoading, scheduleReconnect]);
     // Restart streaming after filter change refresh completes. Also skipped
     // when the user has paused — a filter change shouldn't silently resume
     // a stream the user intentionally stopped.
@@ -10240,15 +10296,18 @@ function useActivityFeed({ client, initialFilters = {}, initialTimeRange = { sta
             !isStreaming &&
             !isLoading) {
             shouldRestartStreamingRef.current = false;
-            startStreaming();
+            scheduleReconnect();
         }
-    }, [enableStreaming, userPaused, activities.length, isStreaming, isLoading, startStreaming]);
+    }, [enableStreaming, userPaused, activities.length, isStreaming, isLoading, scheduleReconnect]);
     // Cleanup on unmount
     useEffect(() => {
         return () => {
             if (watchStopRef.current) {
                 watchStopRef.current();
             }
+            if (reconnectTimerRef.current) {
+                clearTimeout(reconnectTimerRef.current);
+            }
             if (filterDebounceRef.current) {
                 clearTimeout(filterDebounceRef.current);
             }