@seatlayer/core 0.38.0 → 0.40.0

package/dist/index.cjs

@@ -8202,6 +8202,8 @@ var PickerController = class {
     this.groupedSelectionOverhead = 0;
     // realtime socket
     this.ws = null;
+    /** Transport-owned v1 client; mutually exclusive with `ws`. */
+    this.realtime = null;
     this.reconnectTimer = null;
     this.attempt = 0;
     this.closed = false;
@@ -9251,6 +9253,13 @@ var PickerController = class {
       clearTimeout(this.expiryTimer);
       this.expiryTimer = null;
     }
+    if (this.realtime) {
+      try {
+        this.realtime.stop();
+      } catch {
+      }
+      this.realtime = null;
+    }
     if (this.ws) {
       try {
         this.ws.close();
@@ -9539,10 +9548,66 @@ var PickerController = class {
     }
     this.onVisibilityChange = null;
   }
+  /**
+   * The sink a transport-owned v1 client pushes into.
+   *
+   * Deliberately byte-compatible with the inline socket handler below: the same
+   * liveStatuses bookkeeping (which the hold-expiry verification reads), the
+   * same one-call-per-status paint, the same free→taken flash rule that skips
+   * the buyer's OWN just-held seats, the same keepLiveWhileHidden forceDraw, the
+   * same clearBookedHoldIfSettled + onStatusChange ordering. Hosts see the same
+   * callbacks in the same order whichever path is live.
+   */
+  realtimeSink() {
+    return {
+      applyStatuses: (changes) => this.applyStatusChanges(changes),
+      resync: () => this.resnapshot(),
+      onSections: (hidden, closed) => {
+        const rebuilt = this.syncHidden(hidden);
+        const restyled = this.syncClosed(closed);
+        if (rebuilt) void this.resnapshot();
+        if (rebuilt || restyled) this.opts.onStatusChange?.();
+      }
+    };
+  }
+  /** Paint one delta batch. Shared by the v1 sink and the plain-socket handler. */
+  applyStatusChanges(changes) {
+    const r = this.renderer;
+    if (!r) return;
+    for (const ch of changes) {
+      this.liveStatuses.set(ch.label, ch.status);
+      const ids = this.idsForLabel(ch.label);
+      if (!ids.length) continue;
+      const next = mapStatus(ch.status);
+      if (this.opts.flashOnLiveChange && next !== "free" && ids.some((id) => r.getStatus(id) === "free") && !this.hold_?.labels.includes(ch.label)) {
+        ids.forEach((id) => r.flashSeat(id, next === "held" ? "#f4b740" : "#f43f5e"));
+      }
+      r.setStatus(ids, next);
+    }
+    if (this.opts.keepLiveWhileHidden && typeof document !== "undefined" && document.visibilityState === "hidden") {
+      r.forceDraw();
+    }
+    this.clearBookedHoldIfSettled();
+    this.opts.onStatusChange?.();
+  }
   connect() {
     if (this.closed) return;
     const url = this.api.socketUrl(this.key);
     if (!url) return;
+    if (!this.realtime && this.api.createRealtime) {
+      let connection = null;
+      try {
+        connection = this.api.createRealtime(this.key, this.realtimeSink());
+      } catch {
+        connection = null;
+      }
+      if (connection) {
+        this.realtime = connection;
+        connection.start();
+        return;
+      }
+    }
+    if (this.realtime) return;
     let ws;
     try {
       const protocols = this.api.socketProtocols?.(this.key);
@@ -9577,21 +9642,7 @@ var PickerController = class {
       if (m.seats && typeof m.seats === "object") {
         this.applySeatsMap(m.seats);
       } else if (Array.isArray(m.changes)) {
-        for (const ch of m.changes) {
-          this.liveStatuses.set(ch.label, ch.status);
-          const ids = this.idsForLabel(ch.label);
-          if (!ids.length) continue;
-          const next = mapStatus(ch.status);
-          if (this.opts.flashOnLiveChange && next !== "free" && ids.some((id) => r.getStatus(id) === "free") && !this.hold_?.labels.includes(ch.label)) {
-            ids.forEach((id) => r.flashSeat(id, next === "held" ? "#f4b740" : "#f43f5e"));
-          }
-          r.setStatus(ids, next);
-        }
-        if (this.opts.keepLiveWhileHidden && typeof document !== "undefined" && document.visibilityState === "hidden") {
-          r.forceDraw();
-        }
-        this.clearBookedHoldIfSettled();
-        this.opts.onStatusChange?.();
+        this.applyStatusChanges(m.changes);
       }
     };
     ws.onclose = () => {
@@ -9605,10 +9656,18 @@ var PickerController = class {
       }
     };
   }
+  /**
+   * Backoff for the PLAIN-socket fallback (a transport with no v1 client of its
+   * own). Full jitter, for the same reason BuyerRealtimeClient uses it: a
+   * deterministic `2**attempt` schedule brings every browser that lost the same
+   * socket back in the same millisecond, and an on-sale crowd reconnecting in
+   * lockstep turns one blip into a thundering herd. The ceiling still doubles,
+   * so a sustained outage still backs off.
+   */
   scheduleReconnect() {
     if (this.closed || this.reconnectTimer) return;
     const attempt = Math.min(this.attempt++, 5);
-    const delay = Math.min(1e3 * 2 ** attempt, MAX_BACKOFF_MS);
+    const delay = Math.random() * Math.min(1e3 * 2 ** attempt, MAX_BACKOFF_MS);
     this.reconnectTimer = setTimeout(() => {
       this.reconnectTimer = null;
       this.connect();