@danxbot/ui 7.9.3 → 7.9.4

package/dist/index.js

@@ -49375,8 +49375,50 @@ class T6 {
       () => this.transport.observeConnection((t) => this.onConnectionState(t)),
       () => {
       }
-    ), this.timer = setInterval(() => this.tick(), this.options.keepaliveIntervalMs));
+    ), this.timer = setInterval(() => this.tick(), this.options.keepaliveIntervalMs), typeof document < "u" && document.addEventListener("visibilitychange", this.handleVisibilityChange), typeof window < "u" && window.addEventListener("pageshow", this.handlePageShow));
   }
+  /**
+   * The document became visible again, or the page was restored from the
+   * back/forward cache — either way, a gap of UNKNOWN length just ended.
+   *
+   * `pusher:subscription_succeeded`/`state_change` (what `onConnectionState`
+   * listens for) is the transport TELLING us the socket dropped and came
+   * back. It is not the only way a gap happens: the OS suspending the
+   * machine, or the browser freezing a backgrounded tab under memory
+   * pressure, pauses this process's OWN timers along with everything else —
+   * including whatever ping/pong loop the transport uses to notice its own
+   * connection died. A transport that never got to run its detection code
+   * has nothing to report, so `connectionState()` can read "connected"
+   * throughout a gap the socket did not actually survive, and `tick()`'s own
+   * `isDead()` check — which trusts that string — has nothing to catch.
+   *
+   * Pusher has no event replay. Broadcasting is also gated server-side on a
+   * short-TTL registration (`PusherSubscriptionService`, 300s) that a long
+   * enough gap can outlive on its own. Either way, "did we actually miss
+   * anything" has no answer worth computing — the same reasoning
+   * `onConnectionState`'s reconnect branch already acts on — so becoming
+   * visible again is treated exactly like a reconnect: every entry is
+   * resubscribed (which the SubscriptionRegistry itself dedupes against
+   * one that is still genuinely healthy — a resubscribe is bounded, cheap,
+   * and correctness-preserving even when it turns out to have been
+   * unnecessary), and the epoch bumps on each success, which is what
+   * drives every mounted read (`reads/refetch.ts`'s `onEpoch`) to reissue
+   * the request it already made.
+   */
+  onResume() {
+    if (!this.disposed) {
+      for (const t of this.entries.values())
+        t.subscribers !== 0 && (this.clearRetry(t), t.attempts = 0, this.subscribeEntry(t, !0));
+      this.notifyHealth();
+    }
+  }
+  handleVisibilityChange = () => {
+    typeof document < "u" && document.visibilityState === "visible" && this.onResume();
+  };
+  /** `event.persisted` is a bfcache restore — a full page resume with no `visibilitychange` of its own. */
+  handlePageShow = (t) => {
+    t.persisted && this.onResume();
+  };
   /**
    * Stop the timers. REVERSIBLE, and it keeps every entry and every channel.
    *
@@ -49393,7 +49435,7 @@ class T6 {
    * switch is the one place either of those happens, and it has its own method.
    */
   stop() {
-    this.started = !1, this.timer !== null && (clearInterval(this.timer), this.timer = null), this.stopConnectionObserver?.(), this.stopConnectionObserver = null;
+    this.started = !1, this.timer !== null && (clearInterval(this.timer), this.timer = null), this.stopConnectionObserver?.(), this.stopConnectionObserver = null, typeof document < "u" && document.removeEventListener("visibilitychange", this.handleVisibilityChange), typeof window < "u" && window.removeEventListener("pageshow", this.handlePageShow);
     for (const t of this.entries.values()) this.clearRetry(t);
   }
   /**
@@ -49577,9 +49619,7 @@ class T6 {
         this.diagnose({ kind: "disconnected", message: t }), this.notifyHealth();
         return;
       }
-      for (const n of this.entries.values())
-        n.subscribers !== 0 && (this.clearRetry(n), n.attempts = 0, this.subscribeEntry(n, !0));
-      this.notifyHealth();
+      this.onResume();
     }
   }
   /* --- Channels and delivery ----------------------------------------------- */