@mebius-io/web 0.6.0 → 0.6.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mebius
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -852,6 +852,7 @@ function normalize(c, fallback) {
 var TICK_MS = 100;
 var STALE_MS = 5e3;
 var MAX_QUEUE_MS = 1500;
+var HIDDEN_GRACE_MS = 6e4;
 var MebiusCaptions = class extends TypedEmitter {
   /** @internal */
   constructor(signaling, player, opts) {
@@ -869,25 +870,74 @@ var MebiusCaptions = class extends TypedEmitter {
      * every 100ms tick. Comparing revs emits exactly once per actual revision.
      */
     this.shown = /* @__PURE__ */ new Map();
+    /** Kept so the feed can be reopened after a hidden-tab suspend. */
+    this.streamId = null;
+    this.hiddenTimer = null;
+    this.onVisibility = null;
   }
   /** Open the SSE connection and begin emitting segments for `streamId`. */
   start(streamId) {
     if (this.es) return;
-    const url = this.signaling.captionsUrl(streamId, this.opts.lang);
-    const es = new EventSource(url);
+    this.streamId = streamId;
+    this.openFeed();
+    this.watchVisibility();
+  }
+  /** Close the connection and drop all buffered segments. */
+  stop() {
+    this.streamId = null;
+    if (this.onVisibility && typeof document !== "undefined") {
+      document.removeEventListener("visibilitychange", this.onVisibility);
+    }
+    this.onVisibility = null;
+    if (this.hiddenTimer) clearTimeout(this.hiddenTimer);
+    this.hiddenTimer = null;
+    this.closeFeed();
+    this.pending.clear();
+    this.shown.clear();
+  }
+  openFeed() {
+    if (this.es || !this.streamId) return;
+    const es = new EventSource(this.signaling.captionsUrl(this.streamId, this.opts.lang));
     es.onmessage = (ev) => this.onFrame(ev);
     es.onerror = () => this.emit("error", void 0);
     this.es = es;
     this.timer = setInterval(() => this.tick(), TICK_MS);
   }
-  /** Close the connection and drop all buffered segments. */
-  stop() {
+  closeFeed() {
     this.es?.close();
     this.es = null;
     if (this.timer) clearInterval(this.timer);
     this.timer = null;
-    this.pending.clear();
-    this.shown.clear();
+  }
+  /**
+   * Drop the feed while the page is hidden, restore it when it comes back.
+   *
+   * Nothing here is about rendering — a hidden tab shows no captions either
+   * way. It is about not holding a subscriber open, since that subscriber is
+   * what keeps a billed session alive on the engine.
+   *
+   * Buffered segments are deliberately kept across a suspend: they age out on
+   * their own (STALE_MS) and clearing them would blank the screen on return
+   * for no benefit.
+   */
+  watchVisibility() {
+    if (typeof document === "undefined") return;
+    this.onVisibility = () => {
+      if (document.visibilityState === "hidden") {
+        if (this.hiddenTimer) return;
+        this.hiddenTimer = setTimeout(() => {
+          this.hiddenTimer = null;
+          this.closeFeed();
+        }, HIDDEN_GRACE_MS);
+        return;
+      }
+      if (this.hiddenTimer) {
+        clearTimeout(this.hiddenTimer);
+        this.hiddenTimer = null;
+      }
+      this.openFeed();
+    };
+    document.addEventListener("visibilitychange", this.onVisibility);
   }
   onFrame(ev) {
     let frame;