@gwakko/shared-websocket 0.12.1 → 0.12.3

package/README.md

@@ -239,6 +239,7 @@ Incoming: WebSocket.onmessage
 | `protocols` | `string[]` | `[]` | WebSocket subprotocols |
 | `reconnect` | `boolean` | `true` | Auto-reconnect |
 | `reconnectMaxDelay` | `number` | `30000` | Max backoff (ms) |
+| `reconnectMaxRetries` | `number` | `Infinity` | Max attempts before giving up |
 | `heartbeatInterval` | `number` | `30000` | Ping interval (ms) |
 | `sendBuffer` | `number` | `100` | Buffered messages during reconnect |
 | `auth` | `() => string` | — | Token callback (each connect) |

package/dist/SharedSocket.d.ts

@@ -4,6 +4,8 @@ interface SharedSocketOptions {
     protocols?: string[];
     reconnect?: boolean;
     reconnectMaxDelay?: number;
+    /** Max reconnect attempts before giving up (default: Infinity). */
+    reconnectMaxRetries?: number;
     heartbeatInterval?: number;
     sendBuffer?: number;
     auth?: () => string | Promise<string>;
@@ -26,6 +28,7 @@ export declare class SharedSocket implements Disposable {
     private reconnectTimer;
     private onMessageFns;
     private onStateChangeFns;
+    private reconnectAttempts;
     private readonly opts;
     constructor(url: string, options?: SharedSocketOptions);
     get state(): SocketState;

package/dist/TabSync.d.ts

@@ -1,5 +1,11 @@
 import './utils/disposable';
-import type { Unsubscribe } from './types';
+import type { Unsubscribe, Logger } from './types';
+interface TabSyncOptions {
+    /** Enable debug logging (default: false). */
+    debug?: boolean;
+    /** Custom logger (default: console). */
+    logger?: Logger;
+}
 /**
  * Cross-tab state synchronization via BroadcastChannel.
  * No WebSocket needed — works standalone for sharing state between browser tabs.
@@ -8,13 +14,18 @@ import type { Unsubscribe } from './types';
  * const sync = new TabSync('my-app');
  * sync.set('theme', 'dark');
  * sync.on('theme', (theme) => applyTheme(theme));
+ *
+ * @example
+ * // With debug logging
+ * const sync = new TabSync('my-app', { debug: true });
  */
 export declare class TabSync implements Disposable {
     private store;
     private listeners;
     private bc;
     private disposed;
-    constructor(channel?: string);
+    private readonly log;
+    constructor(channel?: string, options?: TabSyncOptions);
     /** Set a value and broadcast to all tabs. Local listeners also fire. */
     set<T>(key: string, value: T): void;
     /** Get current value from local store. */
@@ -43,3 +54,4 @@ export declare class TabSync implements Disposable {
     private emit;
     [Symbol.dispose](): void;
 }
+export {};

package/dist/WorkerSocket.d.ts

@@ -27,12 +27,18 @@ export declare class WorkerSocket implements Disposable {
         protocols?: string[];
         reconnect?: boolean;
         reconnectMaxDelay?: number;
+        reconnectMaxRetries?: number;
         heartbeatInterval?: number;
         sendBuffer?: number;
         workerUrl?: string | URL;
+        auth?: () => string | Promise<string>;
+        authToken?: string;
+        authParam?: string;
+        pingPayload?: unknown;
     });
     get state(): SocketState;
-    connect(): void;
+    connect(): Promise<void>;
+    private buildUrl;
     send(data: unknown): void;
     disconnect(): void;
     onMessage(fn: EventHandler): Unsubscribe;

package/dist/adapters/sync-react.d.ts

@@ -15,9 +15,11 @@ import { TabSync } from '../TabSync';
 export interface TabSyncProviderProps {
     /** BroadcastChannel name (default: "tab-sync"). */
     channel?: string;
+    /** Enable debug logging. */
+    debug?: boolean;
     children: ReactNode;
 }
-export declare function TabSyncProvider({ channel, children }: TabSyncProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<TabSync | null>>;
+export declare function TabSyncProvider({ channel, debug, children }: TabSyncProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<TabSync | null>>;
 /**
  * Access the TabSync instance from context.
  *

package/dist/adapters/sync-vue.d.ts

@@ -8,7 +8,9 @@ export declare const TabSyncKey: InjectionKey<TabSync>;
  * const app = createApp(App);
  * app.use(createTabSyncPlugin('my-app'));
  */
-export declare function createTabSyncPlugin(channel?: string): {
+export declare function createTabSyncPlugin(channel?: string, options?: {
+    debug?: boolean;
+}): {
     install(app: App): void;
 };
 /**

package/dist/{chunk-RM27CYKT.js → chunk-7WBM2C7H.js}

@@ -1,17 +1,27 @@
 // src/TabSync.ts
+var NOOP_LOGGER = { debug() {
+}, info() {
+}, warn() {
+}, error() {
+} };
 var TabSync = class {
   store = /* @__PURE__ */ new Map();
   listeners = /* @__PURE__ */ new Map();
   bc;
   disposed = false;
-  constructor(channel = "tab-sync") {
+  log;
+  constructor(channel = "tab-sync", options) {
+    this.log = options?.debug ? options.logger ?? console : NOOP_LOGGER;
+    this.log.debug("[TabSync] init", { channel });
     this.bc = new BroadcastChannel(channel);
     this.bc.onmessage = (ev) => {
       const { key, value, deleted } = ev.data;
       if (deleted) {
         this.store.delete(key);
+        this.log.debug("[TabSync] \u2190 remote delete", key);
       } else {
         this.store.set(key, value);
+        this.log.debug("[TabSync] \u2190 remote set", key, value);
       }
       this.emit(key, value);
     };
@@ -20,6 +30,7 @@ var TabSync = class {
   set(key, value) {
     this.store.set(key, value);
     this.bc.postMessage({ key, value });
+    this.log.debug("[TabSync] \u2192 set", key, value);
     this.emit(key, value);
   }
   /** Get current value from local store. */
@@ -30,6 +41,7 @@ var TabSync = class {
   delete(key) {
     this.store.delete(key);
     this.bc.postMessage({ key, value: void 0, deleted: true });
+    this.log.debug("[TabSync] \u2192 delete", key);
     this.emit(key, void 0);
   }
   /** Check if a key exists in the local store. */
@@ -71,6 +83,7 @@ var TabSync = class {
   /** Clear all keys and notify listeners. */
   clear() {
     const keys = [...this.store.keys()];
+    this.log.debug("[TabSync] \u2192 clear", keys);
     this.store.clear();
     for (const key of keys) {
       this.bc.postMessage({ key, value: void 0, deleted: true });
@@ -99,4 +112,4 @@ var TabSync = class {
 export {
   TabSync
 };
-//# sourceMappingURL=chunk-RM27CYKT.js.map
+//# sourceMappingURL=chunk-7WBM2C7H.js.map

package/dist/chunk-7WBM2C7H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TabSync.ts"],"sourcesContent":["import './utils/disposable';\nimport type { Unsubscribe, Logger } from './types';\n\ninterface SyncMessage {\n  key: string;\n  value: unknown;\n  deleted?: boolean;\n}\n\ninterface TabSyncOptions {\n  /** Enable debug logging (default: false). */\n  debug?: boolean;\n  /** Custom logger (default: console). */\n  logger?: Logger;\n}\n\nconst NOOP_LOGGER: Logger = { debug() {}, info() {}, warn() {}, error() {} };\n\n/**\n * Cross-tab state synchronization via BroadcastChannel.\n * No WebSocket needed — works standalone for sharing state between browser tabs.\n *\n * @example\n * const sync = new TabSync('my-app');\n * sync.set('theme', 'dark');\n * sync.on('theme', (theme) => applyTheme(theme));\n *\n * @example\n * // With debug logging\n * const sync = new TabSync('my-app', { debug: true });\n */\nexport class TabSync implements Disposable {\n  private store = new Map<string, unknown>();\n  private listeners = new Map<string, Set<(value: unknown) => void>>();\n  private bc: BroadcastChannel;\n  private disposed = false;\n  private readonly log: Logger;\n\n  constructor(channel = 'tab-sync', options?: TabSyncOptions) {\n    this.log = options?.debug ? (options.logger ?? console) : NOOP_LOGGER;\n    this.log.debug('[TabSync] init', { channel });\n    this.bc = new BroadcastChannel(channel);\n    this.bc.onmessage = (ev: MessageEvent<SyncMessage>) => {\n      const { key, value, deleted } = ev.data;\n      if (deleted) {\n        this.store.delete(key);\n        this.log.debug('[TabSync] ← remote delete', key);\n      } else {\n        this.store.set(key, value);\n        this.log.debug('[TabSync] ← remote set', key, value);\n      }\n      this.emit(key, value);\n    };\n  }\n\n  /** Set a value and broadcast to all tabs. Local listeners also fire. */\n  set<T>(key: string, value: T): void {\n    this.store.set(key, value);\n    this.bc.postMessage({ key, value } satisfies SyncMessage);\n    this.log.debug('[TabSync] → set', key, value);\n    this.emit(key, value);\n  }\n\n  /** Get current value from local store. */\n  get<T>(key: string): T | undefined {\n    return this.store.get(key) as T | undefined;\n  }\n\n  /** Delete a key and broadcast deletion to all tabs. */\n  delete(key: string): void {\n    this.store.delete(key);\n    this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n    this.log.debug('[TabSync] → delete', key);\n    this.emit(key, undefined);\n  }\n\n  /** Check if a key exists in the local store. */\n  has(key: string): boolean {\n    return this.store.has(key);\n  }\n\n  /** Get all keys in the local store. */\n  keys(): string[] {\n    return [...this.store.keys()];\n  }\n\n  /** Get number of entries. */\n  get size(): number {\n    return this.store.size;\n  }\n\n  /**\n   * Listen for changes to a key. Fires when any tab (including this one) calls set().\n   *\n   * @example\n   * sync.on('cart', (cart) => updateBadge(cart.items.length));\n   */\n  on<T>(key: string, fn: (value: T) => void): Unsubscribe {\n    let set = this.listeners.get(key);\n    if (!set) {\n      set = new Set();\n      this.listeners.set(key, set);\n    }\n    const wrapper = fn as (value: unknown) => void;\n    set.add(wrapper);\n    return () => set!.delete(wrapper);\n  }\n\n  /** Listen for a key change once, then auto-unsubscribe. */\n  once<T>(key: string, fn: (value: T) => void): Unsubscribe {\n    const unsub = this.on<T>(key, (value) => {\n      unsub();\n      fn(value);\n    });\n    return unsub;\n  }\n\n  /** Clear all keys and notify listeners. */\n  clear(): void {\n    const keys = [...this.store.keys()];\n    this.log.debug('[TabSync] → clear', keys);\n    this.store.clear();\n    for (const key of keys) {\n      this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n      this.emit(key, undefined);\n    }\n  }\n\n  /** Dispose — close BroadcastChannel and clear all state. */\n  dispose(): void {\n    this[Symbol.dispose]();\n  }\n\n  private emit(key: string, value: unknown): void {\n    const set = this.listeners.get(key);\n    if (set) {\n      for (const fn of set) fn(value);\n    }\n  }\n\n  [Symbol.dispose](): void {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.bc.close();\n    this.store.clear();\n    this.listeners.clear();\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MP3K5IEI.cjs → chunk-OVKB2KLE.cjs}

@@ -238,12 +238,13 @@ function* backoff(base = 1e3, max = 3e4) {
 
 // src/SharedSocket.ts
 var SharedSocket = (_class3 = class {
-  constructor(url, options = {}) {;_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);_class3.prototype.__init18.call(this);
+  constructor(url, options = {}) {;_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);_class3.prototype.__init18.call(this);_class3.prototype.__init19.call(this);
     this.url = url;
     this.opts = {
       protocols: _nullishCoalesce(options.protocols, () => ( [])),
       reconnect: _nullishCoalesce(options.reconnect, () => ( true)),
       reconnectMaxDelay: _nullishCoalesce(options.reconnectMaxDelay, () => ( 3e4)),
+      reconnectMaxRetries: _nullishCoalesce(options.reconnectMaxRetries, () => ( Infinity)),
       heartbeatInterval: _nullishCoalesce(options.heartbeatInterval, () => ( 3e4)),
       sendBuffer: _nullishCoalesce(options.sendBuffer, () => ( 100)),
       auth: options.auth,
@@ -266,6 +267,7 @@ var SharedSocket = (_class3 = class {
   __init16() {this.reconnectTimer = null}
   __init17() {this.onMessageFns = /* @__PURE__ */ new Set()}
   __init18() {this.onStateChangeFns = /* @__PURE__ */ new Set()}
+  __init19() {this.reconnectAttempts = 0}
   
   get state() {
     return this._state;
@@ -276,6 +278,7 @@ var SharedSocket = (_class3 = class {
     const connectUrl = await this.buildUrl();
     this.ws = new WebSocket(connectUrl, this.opts.protocols);
     this.ws.onopen = () => {
+      this.reconnectAttempts = 0;
       this.setState("connected");
       this.flushBuffer();
       this.startHeartbeat();
@@ -333,6 +336,11 @@ var SharedSocket = (_class3 = class {
     return () => this.onStateChangeFns.delete(fn);
   }
   reconnect() {
+    this.reconnectAttempts++;
+    if (this.reconnectAttempts > this.opts.reconnectMaxRetries) {
+      this.setState("closed");
+      return;
+    }
     this.setState("reconnecting");
     const gen = backoff(1e3, this.opts.reconnectMaxDelay);
     const attempt = () => {
@@ -397,20 +405,27 @@ var SharedSocket = (_class3 = class {
 
 // src/WorkerSocket.ts
 var WorkerSocket = (_class4 = class {
-  constructor(url, options = {}) {;_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);
+  constructor(url, options = {}) {;_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);_class4.prototype.__init23.call(this);
     this.url = url;
     this.options = options;
   }
   
   
-  __init19() {this.worker = null}
-  __init20() {this._state = "closed"}
-  __init21() {this.onMessageFns = /* @__PURE__ */ new Set()}
-  __init22() {this.onStateChangeFns = /* @__PURE__ */ new Set()}
+  __init20() {this.worker = null}
+  __init21() {this._state = "closed"}
+  __init22() {this.onMessageFns = /* @__PURE__ */ new Set()}
+  __init23() {this.onStateChangeFns = /* @__PURE__ */ new Set()}
   get state() {
     return this._state;
   }
-  connect() {
+  async connect() {
+    let authToken;
+    if (this.options.auth) {
+      authToken = await this.options.auth();
+    } else if (this.options.authToken) {
+      authToken = this.options.authToken;
+    }
+    const connectUrl = authToken ? this.buildUrl(authToken) : this.url;
     const workerUrl = _nullishCoalesce(this.options.workerUrl, () => ( this.createWorkerBlob()));
     this.worker = new Worker(workerUrl, { type: "module" });
     this.worker.onmessage = (ev) => {
@@ -434,14 +449,23 @@ var WorkerSocket = (_class4 = class {
     };
     this.worker.postMessage({
       type: "connect",
-      url: this.url,
+      url: connectUrl,
       protocols: _nullishCoalesce(this.options.protocols, () => ( [])),
       reconnect: _nullishCoalesce(this.options.reconnect, () => ( true)),
       reconnectMaxDelay: _nullishCoalesce(this.options.reconnectMaxDelay, () => ( 3e4)),
+      reconnectMaxRetries: _nullishCoalesce(this.options.reconnectMaxRetries, () => ( Infinity)),
       heartbeatInterval: _nullishCoalesce(this.options.heartbeatInterval, () => ( 3e4)),
-      bufferSize: _nullishCoalesce(this.options.sendBuffer, () => ( 100))
+      bufferSize: _nullishCoalesce(this.options.sendBuffer, () => ( 100)),
+      pingPayload: this.options.pingPayload
     });
   }
+  buildUrl(token) {
+    const param = _nullishCoalesce(this.options.authParam, () => ( "token"));
+    const httpUrl = this.url.replace(/^ws(s?):\/\//, "http$1://");
+    const parsed = new URL(httpUrl);
+    parsed.searchParams.set(param, token);
+    return parsed.toString().replace(/^http(s?):\/\//, "ws$1://");
+  }
   send(data) {
     _optionalChain([this, 'access', _10 => _10.worker, 'optionalAccess', _11 => _11.postMessage, 'call', _12 => _12({ type: "send", data })]);
   }
@@ -466,26 +490,34 @@ var WorkerSocket = (_class4 = class {
       let ws = null, state = 'closed', buffer = [], disposed = false;
       let heartbeatTimer = null, reconnectTimer = null;
       let url = '', protocols = [], shouldReconnect = true;
-      let maxDelay = 30000, hbInterval = 30000, maxBuf = 100, delay = 1000;
+      let maxDelay = 30000, maxRetries = Infinity, hbInterval = 30000, maxBuf = 100;
+      let delay = 1000, attempts = 0, pingPayload = '{"type":"ping"}';
 
       function setState(s) { state = s; self.postMessage({ type: 'state', state: s }); }
       function connect() {
         if (disposed) return;
         setState('connecting');
         ws = new WebSocket(url, protocols);
-        ws.onopen = () => { setState('connected'); delay = 1000; self.postMessage({ type: 'open' }); flush(); startHB(); };
+        ws.onopen = () => { attempts = 0; delay = 1000; setState('connected'); self.postMessage({ type: 'open' }); flush(); startHB(); };
         ws.onmessage = (e) => { let d; try { d = JSON.parse(e.data); } catch { d = e.data; } self.postMessage({ type: 'message', data: d }); };
         ws.onclose = (e) => { stopHB(); self.postMessage({ type: 'close', code: e.code, reason: e.reason }); if (!disposed && shouldReconnect && e.code !== 1000) reconnect(); else setState('closed'); };
         ws.onerror = () => { self.postMessage({ type: 'error', message: 'error' }); };
       }
       function send(d) { if (state === 'connected' && ws?.readyState === 1) ws.send(JSON.stringify(d)); else if (buffer.length < maxBuf) buffer.push(d); }
       function flush() { const p = buffer.splice(0); p.forEach(send); }
-      function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send('{"type":"ping"}'); }, hbInterval); }
+      function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(pingPayload); }, hbInterval); }
       function stopHB() { if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; } }
-      function reconnect() { setState('reconnecting'); const j = delay * 0.25 * (Math.random() * 2 - 1); reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay)); delay = Math.min(delay * 2, maxDelay); }
+      function reconnect() {
+        attempts++;
+        if (attempts > maxRetries) { setState('closed'); return; }
+        setState('reconnecting');
+        const j = delay * 0.25 * (Math.random() * 2 - 1);
+        reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay));
+        delay = Math.min(delay * 2, maxDelay);
+      }
       self.onmessage = (e) => {
         const c = e.data;
-        if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; connect(); }
+        if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; maxRetries = c.reconnectMaxRetries ?? Infinity; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; if (c.pingPayload) pingPayload = JSON.stringify(c.pingPayload); connect(); }
         if (c.type === 'send') send(c.data);
         if (c.type === 'disconnect') { disposed = true; stopHB(); if (reconnectTimer) clearTimeout(reconnectTimer); if (ws) { ws.onclose = null; if (ws.readyState < 2) ws.close(1000); ws = null; } buffer = []; setState('closed'); }
       };
@@ -501,9 +533,9 @@ var WorkerSocket = (_class4 = class {
 }, _class4);
 
 // src/SubscriptionManager.ts
-var SubscriptionManager = (_class5 = class {constructor() { _class5.prototype.__init23.call(this);_class5.prototype.__init24.call(this); }
-  __init23() {this.handlers = /* @__PURE__ */ new Map()}
-  __init24() {this.lastMessages = /* @__PURE__ */ new Map()}
+var SubscriptionManager = (_class5 = class {constructor() { _class5.prototype.__init24.call(this);_class5.prototype.__init25.call(this); }
+  __init24() {this.handlers = /* @__PURE__ */ new Map()}
+  __init25() {this.lastMessages = /* @__PURE__ */ new Map()}
   on(event, handler) {
     let set = this.handlers.get(event);
     if (!set) {
@@ -601,7 +633,7 @@ var NOOP_LOGGER = {
   }
 };
 var SharedWebSocket = (_class6 = class {
-  constructor(url, options = {}) {;_class6.prototype.__init25.call(this);_class6.prototype.__init26.call(this);_class6.prototype.__init27.call(this);_class6.prototype.__init28.call(this);_class6.prototype.__init29.call(this);_class6.prototype.__init30.call(this);_class6.prototype.__init31.call(this);_class6.prototype.__init32.call(this);_class6.prototype.__init33.call(this);_class6.prototype.__init34.call(this);_class6.prototype.__init35.call(this);_class6.prototype.__init36.call(this);
+  constructor(url, options = {}) {;_class6.prototype.__init26.call(this);_class6.prototype.__init27.call(this);_class6.prototype.__init28.call(this);_class6.prototype.__init29.call(this);_class6.prototype.__init30.call(this);_class6.prototype.__init31.call(this);_class6.prototype.__init32.call(this);_class6.prototype.__init33.call(this);_class6.prototype.__init34.call(this);_class6.prototype.__init35.call(this);_class6.prototype.__init36.call(this);_class6.prototype.__init37.call(this);
     this.url = url;
     this.options = options;
     this.proto = { ...DEFAULT_PROTOCOL, ...options.events };
@@ -703,21 +735,21 @@ var SharedWebSocket = (_class6 = class {
   
   
   
-  __init25() {this.socket = null}
-  __init26() {this.subs = new SubscriptionManager()}
-  __init27() {this.syncStore = /* @__PURE__ */ new Map()}
+  __init26() {this.socket = null}
+  __init27() {this.subs = new SubscriptionManager()}
+  __init28() {this.syncStore = /* @__PURE__ */ new Map()}
   
-  __init28() {this.cleanups = []}
-  __init29() {this.disposed = false}
+  __init29() {this.cleanups = []}
+  __init30() {this.disposed = false}
   
   
-  __init30() {this.outgoingMiddleware = []}
-  __init31() {this.incomingMiddleware = []}
-  __init32() {this.serializers = /* @__PURE__ */ new Map()}
-  __init33() {this.deserializers = /* @__PURE__ */ new Map()}
-  __init34() {this._isAuthenticated = false}
-  __init35() {this.authChannels = /* @__PURE__ */ new Map()}
-  __init36() {this.authTopics = /* @__PURE__ */ new Set()}
+  __init31() {this.outgoingMiddleware = []}
+  __init32() {this.incomingMiddleware = []}
+  __init33() {this.serializers = /* @__PURE__ */ new Map()}
+  __init34() {this.deserializers = /* @__PURE__ */ new Map()}
+  __init35() {this._isAuthenticated = false}
+  __init36() {this.authChannels = /* @__PURE__ */ new Map()}
+  __init37() {this.authTopics = /* @__PURE__ */ new Set()}
   get connected() {
     return _optionalChain([this, 'access', _30 => _30.socket, 'optionalAccess', _31 => _31.state]) === "connected" || !this.coordinator.isLeader;
   }
@@ -1087,6 +1119,7 @@ var SharedWebSocket = (_class6 = class {
       protocols: this.options.protocols,
       reconnect: this.options.reconnect,
       reconnectMaxDelay: this.options.reconnectMaxDelay,
+      reconnectMaxRetries: this.options.reconnectMaxRetries,
       heartbeatInterval: this.options.heartbeatInterval,
       sendBuffer: this.options.sendBuffer,
       pingPayload: this.proto.ping
@@ -1094,7 +1127,10 @@ var SharedWebSocket = (_class6 = class {
     if (this.options.useWorker) {
       return new WorkerSocket(this.url, {
         ...socketOptions,
-        workerUrl: this.options.workerUrl
+        workerUrl: this.options.workerUrl,
+        auth: this.options.auth,
+        authToken: this.options.authToken,
+        authParam: this.options.authParam
       });
     }
     return new SharedSocket(this.url, {
@@ -1157,7 +1193,7 @@ var SharedWebSocket = (_class6 = class {
         });
       })
     );
-    this.socket.connect();
+    void this.socket.connect();
   }
   reAuthenticateOnReconnect() {
     if (!this._isAuthenticated || !this.socket) return;
@@ -1214,4 +1250,4 @@ var SharedWebSocket = (_class6 = class {
 
 
 exports.MessageBus = MessageBus; exports.TabCoordinator = TabCoordinator; exports.SharedSocket = SharedSocket; exports.WorkerSocket = WorkerSocket; exports.SubscriptionManager = SubscriptionManager; exports.SharedWebSocket = SharedWebSocket;
-//# sourceMappingURL=chunk-MP3K5IEI.cjs.map
+//# sourceMappingURL=chunk-OVKB2KLE.cjs.map

package/dist/chunk-OVKB2KLE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/chunk-OVKB2KLE.cjs","../src/utils/id.ts","../src/MessageBus.ts","../src/TabCoordinator.ts","../src/utils/backoff.ts","../src/SharedSocket.ts","../src/WorkerSocket.ts","../src/SubscriptionManager.ts","../src/SharedWebSocket.ts"],"names":[],"mappings":"AAAA;ACAO,SAAS,UAAA,CAAA,EAAqB;AACnC,EAAA,GAAA,CAAI,OAAO,OAAA,IAAW,YAAA,GAAe,MAAA,CAAO,UAAA,EAAY;AACtD,IAAA,OAAO,MAAA,CAAO,UAAA,CAAW,CAAA;AAAA,EAC3B;AACA,EAAA,OAAO,CAAA,EAAA;AACT;ADEU;AACA;AEFG;AAKX,EAAA;AAEmB,IAAA;AAEZ,IAAA;AACA,IAAA;AACH,MAAA;AACF,IAAA;AACF,EAAA;AANmB,EAAA;AANX,EAAA;AACA,iBAAA;AACA,kBAAA;AAYR,EAAA;AACQ,IAAA;AACA,MAAA;AACN,IAAA;AACK,IAAA;AACL,IAAA;AACF,EAAA;AAEW,EAAA;AACJ,IAAA;AACP,EAAA;AAEA,EAAA;AACQ,IAAA;AACD,IAAA;AAEA,IAAA;AACP,EAAA;AAEM,EAAA;AACE,IAAA;AACN,IAAA;AACE,MAAA;AACE,QAAA;AACA,QAAA;AACC,MAAA;AACH,MAAA;AACA,MAAA;AACD,IAAA;AACH,EAAA;AAEc,EAAA;AACN,IAAA;AACA,MAAA;AACJ,MAAA;AACA,MAAA;AACF,IAAA;AACK,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AAEF,IAAA;AACF,MAAA;AACA,MAAA;AACI,MAAA;AACF,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACF,MAAA;AACF,IAAA;AAEM,IAAA;AACF,IAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACP,EAAA;AAEQ,EAAA;AACN,IAAA;AACF,EAAA;AAEQ,EAAA;AACF,IAAA;AACC,IAAA;AACH,MAAA;AACA,MAAA;AACF,IAAA;AACI,IAAA;AACN,EAAA;AAEQ,EAAA;AACD,oBAAA;AACP,EAAA;AAEQ,EAAA;AACN,IAAA;AACE,MAAA;AACA,MAAA;AACF,IAAA;AACK,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AACF;AFZU;AACA;AG1FG;AAeX,EAAA;AACmB,IAAA;AACA,IAAA;AAGZ,IAAA;AACA,IAAA;AACA,IAAA;AAGA,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACF,QAAA;AACD,MAAA;AACH,IAAA;AAGK,IAAA;AACH,MAAA;AACE,QAAA;AACD,MAAA;AACH,IAAA;AAGK,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACF,QAAA;AACD,MAAA;AACH,IAAA;AACF,EAAA;AAhCmB,EAAA;AACA,EAAA;AAhBX,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AAEA,kBAAA;AACA,kBAAA;AACA,mBAAA;AAES,EAAA;AACA,EAAA;AACA,EAAA;AAqCb,EAAA;AACF,IAAA;AACF,EAAA;AAEM,EAAA;AACA,IAAA;AAEJ,IAAA;AACM,MAAA;AAEJ,MAAA;AACE,QAAA;AACA,QAAA;AAEA,QAAA;AACA,QAAA;AACD,MAAA;AAED,MAAA;AAEA,MAAA;AACE,QAAA;AACA,QAAA;AACE,UAAA;AACF,QAAA;AACA,QAAA;AACC,MAAA;AACJ,IAAA;AACH,EAAA;AAEA,EAAA;AACO,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACL,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACA,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACH,MAAA;AACC,IAAA;AAEE,IAAA;AACP,EAAA;AAEQ,EAAA;AACF,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACA,IAAA;AACC,MAAA;AACF,QAAA;AACA,QAAA;AACF,MAAA;AACK,IAAA;AACT,EAAA;AAEQ,EAAA;AACF,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACD,IAAA;AACF,MAAA;AACF,IAAA;AACK,IAAA;AACA,IAAA;AACL,IAAA;AACK,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AACF;AHkEU;AACA;AInOO;AACX,EAAA;AACG,EAAA;AACC,IAAA;AACA,IAAA;AACN,IAAA;AACF,EAAA;AACF;AJqOU;AACA;AKvNG;AAsBX,EAAA;AACU,IAAA;AAGH,IAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACE,QAAA;AAEA,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AArBU,EAAA;AAtBqB,mBAAA;AACvB,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AAEA,mBAAA;AACA,mBAAA;AAEA,mBAAA;AAES,EAAA;AAiCb,EAAA;AACF,IAAA;AACF,EAAA;AAEM,EAAA;AACA,IAAA;AAEC,IAAA;AAEC,IAAA;AACD,IAAA;AAEA,IAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AAEK,IAAA;AACC,MAAA;AACA,MAAA;AACF,QAAA;AACF,MAAA;AACE,QAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AAEK,IAAA;AACH,MAAA;AACI,MAAA;AACF,QAAA;AACF,MAAA;AACE,QAAA;AACF,MAAA;AACF,IAAA;AAEK,IAAA;AAEL,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACA,IAAA;AACA,IAAA;AAED,IAAA;AACF,MAAA;AACA,MAAA;AACA,MAAA;AACI,MAAA;AACF,QAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AAEK,IAAA;AACP,EAAA;AAEK,EAAA;AACC,IAAA;AACF,MAAA;AACF,IAAA;AACM,MAAA;AACF,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AAED,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AAEK,IAAA;AACC,IAAA;AAEA,IAAA;AACA,MAAA;AACJ,MAAA;AACA,MAAA;AACE,QAAA;AACC,MAAA;AACL,IAAA;AAEA,IAAA;AACF,EAAA;AAEQ,EAAA;AACA,IAAA;AACN,IAAA;AACE,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACC,MAAA;AACF,QAAA;AACF,MAAA;AACC,IAAA;AACL,EAAA;AAEQ,EAAA;AACF,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACF,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEc,EAAA;AAER,IAAA;AACA,IAAA;AACF,MAAA;AACF,IAAA;AACE,MAAA;AACF,IAAA;AAEK,IAAA;AAIC,IAAA;AACA,IAAA;AACN,IAAA;AAEA,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AACF;AL2KU;AACA;AMlYG;AAOX,EAAA;AACU,IAAA;AACA,IAAA;AAaP,EAAA;AAdO,EAAA;AACA,EAAA;AARF,mBAAA;AACA,mBAAA;AAEA,mBAAA;AACA,mBAAA;AAmBJ,EAAA;AACF,IAAA;AACF,EAAA;AAEM,EAAA;AAEA,IAAA;AACA,IAAA;AACF,MAAA;AACF,IAAA;AACE,MAAA;AACF,IAAA;AAGM,IAAA;AAGA,IAAA;AAED,IAAA;AAEA,IAAA;AACH,MAAA;AAEA,MAAA;AACE,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AAEF,QAAA;AACE,UAAA;AACA,UAAA;AAEF,QAAA;AAEE,UAAA;AAEF,QAAA;AACE,UAAA;AAEF,QAAA;AACE,UAAA;AACA,UAAA;AACJ,MAAA;AACF,IAAA;AAEK,IAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AACH,EAAA;AAEQ,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACN,IAAA;AACA,IAAA;AACF,EAAA;AAEK,EAAA;AACE,oBAAA;AACP,EAAA;AAEA,EAAA;AACO,oBAAA;AACL,IAAA;AACE,sBAAA;AACA,MAAA;AACI,IAAA;AACD,IAAA;AACP,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAEQ,EAAA;AAGA,IAAA;AAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAoCP,IAAA;AACN,IAAA;AACF,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AACF;AN+VU;AACA;AOnhBG;AACH,mBAAA;AACA,mBAAA;AAEL,EAAA;AACG,IAAA;AACC,IAAA;AACH,MAAA;AACA,MAAA;AACF,IAAA;AACI,IAAA;AACJ,IAAA;AACF,EAAA;AAEK,EAAA;AACG,IAAA;AACJ,MAAA;AACA,MAAA;AACF,IAAA;AACM,IAAA;AACN,IAAA;AACF,EAAA;AAEI,EAAA;AACE,IAAA;AACF,sBAAA;AACF,IAAA;AACE,MAAA;AACF,IAAA;AACF,EAAA;AAEK,EAAA;AACE,IAAA;AACC,IAAA;AACF,IAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA;AACE,IAAA;AACF,EAAA;AAEO,EAAA;AACC,IAAA;AACF,IAAA;AACA,IAAA;AAEE,IAAA;AACJ,MAAA;AACA,sBAAA;AACD,IAAA;AAEK,IAAA;AACJ,MAAA;AACA,sBAAA;AACF,IAAA;AACA,oBAAA;AAEI,IAAA;AACF,MAAA;AACE,QAAA;AACE,UAAA;AACF,QAAA;AACE,UAAA;AAAiC,YAAA;AAAa,UAAA;AAC9C,UAAA;AACF,QAAA;AACF,MAAA;AACF,IAAA;AACE,MAAA;AACA,sBAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACA,IAAA;AACP,EAAA;AAEQ,EAAA;AACD,IAAA;AACP,EAAA;AACF;AP4gBU;AACA;AQzlBJ;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACR,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACF;AAEM;AACI,EAAA;AAAC,EAAA;AACF,EAAA;AAAC,EAAA;AACD,EAAA;AAAC,EAAA;AACA,EAAA;AAAC,EAAA;AACX;AA2Ba;AAmBX,EAAA;AACmB,IAAA;AACA,IAAA;AAEZ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AAGI,IAAA;AACH,MAAA;AACE,QAAA;AACD,MAAA;AACH,IAAA;AAGK,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACF,QAAA;AACD,MAAA;AACH,IAAA;AAGK,IAAA;AACH,MAAA;AACE,QAAA;AACA,QAAA;AACD,MAAA;AACH,IAAA;AAGK,IAAA;AACH,MAAA;AACA,MAAA;AACD,IAAA;AACI,IAAA;AACH,MAAA;AACA,MAAA;AACD,IAAA;AAGI,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACE,YAAA;AACA,YAAA;AACF,UAAA;AACE,YAAA;AACA,YAAA;AACF,UAAA;AACE,YAAA;AACA,YAAA;AACF,UAAA;AACE,YAAA;AACA,YAAA;AACF,UAAA;AACE,YAAA;AACA,YAAA;AACF,UAAA;AACE,YAAA;AACA,YAAA;AACE,cAAA;AACA,cAAA;AAAsB,YAAA;AAExB,YAAA;AACA,YAAA;AACF,UAAA;AACF,QAAA;AACD,MAAA;AACH,IAAA;AAGI,IAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACA,QAAA;AACF,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AAGK,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACD,MAAA;AACH,IAAA;AAGI,IAAA;AACF,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAjHmB,EAAA;AACA,EAAA;AApBX,EAAA;AACA,EAAA;AACA,mBAAA;AACO,mBAAA;AACP,mBAAA;AACA,EAAA;AACA,mBAAA;AACA,mBAAA;AACS,EAAA;AACA,EAAA;AACT,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AACA,mBAAA;AAsHJ,EAAA;AACF,IAAA;AACF,EAAA;AAEI,EAAA;AACF,IAAA;AACF,EAAA;AAAA;AAGI,EAAA;AACF,IAAA;AACF,EAAA;AAAA;AAGI,EAAA;AACF,IAAA;AACF,EAAA;AAAA;AAGM,EAAA;AACE,IAAA;AACR,EAAA;AAAA;AAAA;AAKA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAGQ,EAAA;AACN,IAAA;AACF,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACM,MAAA;AACY,IAAA;AACpB,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACM,MAAA;AACY,IAAA;AACpB,EAAA;AAAA;AAGA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA,EAAA;AACO,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,EAAA;AAEE,IAAA;AACK,IAAA;AACL,IAAA;AACK,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,EAAA;AACE,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI,EAAA;AACE,IAAA;AACF,MAAA;AACF,IAAA;AACE,MAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,EAAA;AACO,IAAA;AACL,IAAA;AACF,EAAA;AAAA;AAQG,EAAA;AACD,IAAA;AACF,EAAA;AAAA;AAKK,EAAA;AACH,IAAA;AACF,EAAA;AAEI,EAAA;AACG,IAAA;AACP,EAAA;AAKO,EAAA;AACL,IAAA;AACF,EAAA;AAKK,EAAA;AAEG,IAAA;AACA,IAAA;AAEF,IAAA;AAEJ,IAAA;AACE,MAAA;AACI,MAAA;AACF,QAAA;AACA,QAAA;AACF,MAAA;AACF,IAAA;AAEK,IAAA;AAED,IAAA;AACF,MAAA;AACF,IAAA;AACE,MAAA;AACF,IAAA;AACF,EAAA;AAAA;AAGM,EAAA;AACJ,IAAA;AACF,EAAA;AAAA;AAGQ,EAAA;AACD,IAAA;AACA,IAAA;AACP,EAAA;AAEW,EAAA;AACT,IAAA;AACF,EAAA;AAEU,EAAA;AACR,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBQ,EAAA;AAED,IAAA;AAEC,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACJ,MAAA;AACG,MAAA;AACD,QAAA;AACA,QAAA;AACA,QAAA;AACF,MAAA;AACA,MAAA;AACE,QAAA;AACA,QAAA;AACA,QAAA;AACF,MAAA;AACA,MAAA;AACE,QAAA;AACF,MAAA;AACA,MAAA;AACE,QAAA;AACF,MAAA;AACA,MAAA;AACE,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACF,MAAA;AACF,IAAA;AAEI,IAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA;AACF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,EAAA;AACO,IAAA;AACD,IAAA;AACF,MAAA;AACF,IAAA;AACK,IAAA;AACP,EAAA;AAAA;AAAA;AAAA;AAAA;AAMA,EAAA;AACO,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCE,EAAA;AAuBM,IAAA;AAGA,IAAA;AACA,IAAA;AAEF,IAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA;AACE,MAAA;AACA,MAAA;AACA,MAAA;AAGI,MAAA;AACF,QAAA;AAKA,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACF,MAAA;AAGI,MAAA;AACF,QAAA;AAMA,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AAEA,UAAA;AAEA,UAAA;AACE,YAAA;AACA,YAAA;AACE,cAAA;AACA,cAAA;AAAa,YAAA;AAEjB,UAAA;AAEA,UAAA;AACF,QAAA;AACF,MAAA;AACgB,IAAA;AACpB,EAAA;AAEA,EAAA;AACO,IAAA;AACP,EAAA;AAEQ,EAAA;AACA,IAAA;AACJ,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AAEI,IAAA;AAEF,MAAA;AACE,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACD,MAAA;AACH,IAAA;AAGA,IAAA;AACK,MAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AACH,EAAA;AAEQ,EAAA;AACD,IAAA;AACA,IAAA;AAEA,IAAA;AACC,MAAA;AACJ,MAAA;AACE,QAAA;AACA,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACF,MAAA;AAEA,MAAA;AACA,MAAA;AACI,MAAA;AAGJ,MAAA;AACI,MAAA;AACF,QAAA;AACF,MAAA;AAEA,MAAA;AACA,MAAA;AACD,IAAA;AAEI,IAAA;AACH,MAAA;AACA,MAAA;AACE,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AACF,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACE,UAAA;AACA,UAAA;AACJ,MAAA;AACD,IAAA;AAEI,IAAA;AACH,MAAA;AACE,QAAA;AACE,UAAA;AACE,YAAA;AACA,YAAA;AACE,cAAA;AACA,cAAA;AAA+C,YAAA;AAEnD,UAAA;AACA,UAAA;AACD,QAAA;AACF,MAAA;AACH,IAAA;AAEK,IAAA;AACP,EAAA;AAEQ,EAAA;AACD,IAAA;AAEC,IAAA;AACF,IAAA;AACF,MAAA;AACG,QAAA;AACA,QAAA;AACF,MAAA;AACD,MAAA;AACF,IAAA;AAGA,IAAA;AACE,MAAA;AACG,QAAA;AACA,QAAA;AACF,MAAA;AACH,IAAA;AAGA,IAAA;AACE,MAAA;AACG,QAAA;AACA,QAAA;AACF,MAAA;AACH,IAAA;AACF,EAAA;AAEQ,EAAA;AACF,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEQ,EAAA;AACF,IAAA;AACC,IAAA;AAEA,IAAA;AAED,IAAA;AACF,MAAA;AACA,MAAA;AACF,IAAA;AAEA,IAAA;AACK,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACP,EAAA;AACF;ARgbU;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/gwakko/Projects/shared-websocket/dist/chunk-OVKB2KLE.cjs","sourcesContent":[null,"export function generateId(): string {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return crypto.randomUUID();\n  }\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;\n}\n","import './utils/disposable';\nimport { generateId } from './utils/id';\nimport type { BusMessage, Unsubscribe } from './types';\n\ntype Listener = (msg: BusMessage) => void;\n\nexport class MessageBus implements Disposable {\n  private channel: BroadcastChannel;\n  private listeners = new Map<string, Set<Listener>>();\n  private pendingRequests = new Map<string, { resolve: (v: unknown) => void; reject: (e: Error) => void; timer: ReturnType<typeof setTimeout> }>();\n\n  constructor(\n    channelName: string,\n    private readonly tabId: string,\n  ) {\n    this.channel = new BroadcastChannel(channelName);\n    this.channel.onmessage = (ev: MessageEvent<BusMessage>) => {\n      this.handleMessage(ev.data);\n    };\n  }\n\n  subscribe<T>(topic: string, fn: (data: T) => void): Unsubscribe {\n    const wrapper: Listener = (msg) => {\n      if (msg.source !== this.tabId) fn(msg.data as T);\n    };\n    this.addListener(topic, wrapper);\n    return () => this.removeListener(topic, wrapper);\n  }\n\n  publish<T>(topic: string, data: T): void {\n    this.postMessage({ topic, type: 'publish', data });\n  }\n\n  broadcast<T>(topic: string, data: T): void {\n    const msg = this.createMessage(topic, 'broadcast', data);\n    this.channel.postMessage(msg);\n    // Also deliver to self\n    this.handleMessage(msg);\n  }\n\n  async request<T, R>(topic: string, data: T, timeout = 5000): Promise<R> {\n    const msg = this.createMessage(topic, 'request', data);\n    return new Promise<R>((resolve, reject) => {\n      const timer = setTimeout(() => {\n        this.pendingRequests.delete(msg.id);\n        reject(new Error(`MessageBus.request: timeout for topic \"${topic}\"`));\n      }, timeout);\n      this.pendingRequests.set(msg.id, { resolve: resolve as (v: unknown) => void, reject, timer });\n      this.channel.postMessage(msg);\n    });\n  }\n\n  respond<T, R>(topic: string, fn: (data: T) => R | Promise<R>): Unsubscribe {\n    const wrapper: Listener = async (msg) => {\n      if (msg.type !== 'request' || msg.source === this.tabId) return;\n      const result = await fn(msg.data as T);\n      this.postMessage({ topic, type: 'response', data: { requestId: msg.id, result } });\n    };\n    this.addListener(topic, wrapper);\n    return () => this.removeListener(topic, wrapper);\n  }\n\n  private handleMessage(msg: BusMessage): void {\n    // Handle response to pending request\n    if (msg.type === 'response') {\n      const payload = msg.data as { requestId: string; result: unknown };\n      const pending = this.pendingRequests.get(payload.requestId);\n      if (pending) {\n        clearTimeout(pending.timer);\n        this.pendingRequests.delete(payload.requestId);\n        pending.resolve(payload.result);\n        return;\n      }\n    }\n\n    const listeners = this.listeners.get(msg.topic);\n    if (listeners) {\n      for (const fn of listeners) fn(msg);\n    }\n  }\n\n  private postMessage(partial: Pick<BusMessage, 'topic' | 'type' | 'data'>): void {\n    this.channel.postMessage(this.createMessage(partial.topic, partial.type, partial.data));\n  }\n\n  private createMessage(topic: string, type: BusMessage['type'], data: unknown): BusMessage {\n    return { id: generateId(), source: this.tabId, topic, type, data, timestamp: Date.now() };\n  }\n\n  private addListener(topic: string, fn: Listener): void {\n    let set = this.listeners.get(topic);\n    if (!set) {\n      set = new Set();\n      this.listeners.set(topic, set);\n    }\n    set.add(fn);\n  }\n\n  private removeListener(topic: string, fn: Listener): void {\n    this.listeners.get(topic)?.delete(fn);\n  }\n\n  [Symbol.dispose](): void {\n    for (const pending of this.pendingRequests.values()) {\n      clearTimeout(pending.timer);\n      pending.reject(new Error('MessageBus disposed'));\n    }\n    this.pendingRequests.clear();\n    this.listeners.clear();\n    this.channel.close();\n  }\n}\n","import './utils/disposable';\nimport { MessageBus } from './MessageBus';\nimport type { Unsubscribe } from './types';\n\ninterface CoordinatorOptions {\n  electionTimeout?: number;   // ms to wait for rejection (default 200)\n  heartbeatInterval?: number; // ms between heartbeats (default 2000)\n  leaderTimeout?: number;     // ms without heartbeat to trigger election (default 5000)\n}\n\nexport class TabCoordinator implements Disposable {\n  private _isLeader = false;\n  private heartbeatTimer: ReturnType<typeof setInterval> | null = null;\n  private leaderCheckTimer: ReturnType<typeof setInterval> | null = null;\n  private lastHeartbeat = 0;\n  private disposed = false;\n\n  private onBecomeLeaderFns = new Set<() => void>();\n  private onLoseLeadershipFns = new Set<() => void>();\n  private cleanups: Unsubscribe[] = [];\n\n  private readonly electionTimeout: number;\n  private readonly heartbeatInterval: number;\n  private readonly leaderTimeout: number;\n\n  constructor(\n    private readonly bus: MessageBus,\n    private readonly tabId: string,\n    options: CoordinatorOptions = {},\n  ) {\n    this.electionTimeout = options.electionTimeout ?? 200;\n    this.heartbeatInterval = options.heartbeatInterval ?? 2000;\n    this.leaderTimeout = options.leaderTimeout ?? 5000;\n\n    // Listen for election requests — reject if we are leader\n    this.cleanups.push(\n      this.bus.subscribe<{ tabId: string }>('coord:election', () => {\n        if (this._isLeader) {\n          this.bus.publish('coord:reject', { tabId: this.tabId });\n        }\n      }),\n    );\n\n    // Listen for heartbeats\n    this.cleanups.push(\n      this.bus.subscribe<{ tabId: string }>('coord:heartbeat', () => {\n        this.lastHeartbeat = Date.now();\n      }),\n    );\n\n    // Listen for abdication\n    this.cleanups.push(\n      this.bus.subscribe('coord:abdicate', () => {\n        if (!this._isLeader && !this.disposed) {\n          this.elect();\n        }\n      }),\n    );\n  }\n\n  get isLeader(): boolean {\n    return this._isLeader;\n  }\n\n  async elect(): Promise<void> {\n    if (this.disposed) return;\n\n    return new Promise<void>((resolve) => {\n      let rejected = false;\n\n      const unsub = this.bus.subscribe('coord:reject', () => {\n        rejected = true;\n        unsub();\n        // We are follower — start monitoring leader heartbeat\n        this.startLeaderCheck();\n        resolve();\n      });\n\n      this.bus.publish('coord:election', { tabId: this.tabId });\n\n      setTimeout(() => {\n        unsub();\n        if (!rejected && !this.disposed) {\n          this.becomeLeader();\n        }\n        resolve();\n      }, this.electionTimeout);\n    });\n  }\n\n  abdicate(): void {\n    if (!this._isLeader) return;\n    this._isLeader = false;\n    this.stopHeartbeat();\n    this.bus.publish('coord:abdicate', { tabId: this.tabId });\n    for (const fn of this.onLoseLeadershipFns) fn();\n  }\n\n  onBecomeLeader(fn: () => void): Unsubscribe {\n    this.onBecomeLeaderFns.add(fn);\n    return () => this.onBecomeLeaderFns.delete(fn);\n  }\n\n  onLoseLeadership(fn: () => void): Unsubscribe {\n    this.onLoseLeadershipFns.add(fn);\n    return () => this.onLoseLeadershipFns.delete(fn);\n  }\n\n  private becomeLeader(): void {\n    this._isLeader = true;\n    this.stopLeaderCheck();\n    this.startHeartbeat();\n    for (const fn of this.onBecomeLeaderFns) fn();\n  }\n\n  private startHeartbeat(): void {\n    this.stopHeartbeat();\n    this.heartbeatTimer = setInterval(() => {\n      this.bus.publish('coord:heartbeat', { tabId: this.tabId });\n    }, this.heartbeatInterval);\n    // Send immediately\n    this.bus.publish('coord:heartbeat', { tabId: this.tabId });\n  }\n\n  private stopHeartbeat(): void {\n    if (this.heartbeatTimer) {\n      clearInterval(this.heartbeatTimer);\n      this.heartbeatTimer = null;\n    }\n  }\n\n  private startLeaderCheck(): void {\n    this.stopLeaderCheck();\n    this.lastHeartbeat = Date.now();\n    this.leaderCheckTimer = setInterval(() => {\n      if (Date.now() - this.lastHeartbeat > this.leaderTimeout && !this.disposed) {\n        this.stopLeaderCheck();\n        this.elect();\n      }\n    }, 1000);\n  }\n\n  private stopLeaderCheck(): void {\n    if (this.leaderCheckTimer) {\n      clearInterval(this.leaderCheckTimer);\n      this.leaderCheckTimer = null;\n    }\n  }\n\n  [Symbol.dispose](): void {\n    this.disposed = true;\n    if (this._isLeader) {\n      this.abdicate();\n    }\n    this.stopHeartbeat();\n    this.stopLeaderCheck();\n    for (const unsub of this.cleanups) unsub();\n    this.cleanups = [];\n    this.onBecomeLeaderFns.clear();\n    this.onLoseLeadershipFns.clear();\n  }\n}\n","/** Exponential backoff generator with jitter. */\nexport function* backoff(base = 1000, max = 30_000): Generator<number> {\n  let delay = base;\n  while (true) {\n    const jitter = delay * 0.25 * (Math.random() * 2 - 1);\n    yield Math.min(delay + jitter, max);\n    delay = Math.min(delay * 2, max);\n  }\n}\n","import './utils/disposable';\nimport { backoff } from './utils/backoff';\nimport type { SocketState, Unsubscribe, EventHandler } from './types';\n\ninterface SharedSocketOptions {\n  protocols?: string[];\n  reconnect?: boolean;\n  reconnectMaxDelay?: number;\n  /** Max reconnect attempts before giving up (default: Infinity). */\n  reconnectMaxRetries?: number;\n  heartbeatInterval?: number;\n  sendBuffer?: number;\n  auth?: () => string | Promise<string>;\n  authToken?: string;\n  authParam?: string;\n  /** Heartbeat payload (default: { type: \"ping\" }). */\n  pingPayload?: unknown;\n  /** Custom serializer (default: JSON.stringify). */\n  serialize?: (data: unknown) => string | ArrayBuffer | Blob;\n  /** Custom deserializer (default: JSON.parse). */\n  deserialize?: (raw: string | ArrayBuffer) => unknown;\n}\n\nexport class SharedSocket implements Disposable {\n  private ws: WebSocket | null = null;\n  private _state: SocketState = 'closed';\n  private buffer: unknown[] = [];\n  private disposed = false;\n  private heartbeatTimer: ReturnType<typeof setInterval> | null = null;\n  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n\n  private onMessageFns = new Set<EventHandler>();\n  private onStateChangeFns = new Set<(state: SocketState) => void>();\n\n  private reconnectAttempts = 0;\n\n  private readonly opts: Required<Omit<SharedSocketOptions, 'auth' | 'authToken' | 'authParam' | 'pingPayload' | 'serialize' | 'deserialize'>> & {\n    auth?: () => string | Promise<string>;\n    authToken?: string;\n    authParam: string;\n    pingPayload: unknown;\n    serialize: (data: unknown) => string | ArrayBuffer | Blob;\n    deserialize: (raw: string | ArrayBuffer) => unknown;\n  };\n\n  constructor(\n    private url: string,\n    options: SharedSocketOptions = {},\n  ) {\n    this.opts = {\n      protocols: options.protocols ?? [],\n      reconnect: options.reconnect ?? true,\n      reconnectMaxDelay: options.reconnectMaxDelay ?? 30_000,\n      reconnectMaxRetries: options.reconnectMaxRetries ?? Infinity,\n      heartbeatInterval: options.heartbeatInterval ?? 30_000,\n      sendBuffer: options.sendBuffer ?? 100,\n      auth: options.auth,\n      authToken: options.authToken,\n      authParam: options.authParam ?? 'token',\n      pingPayload: options.pingPayload ?? { type: 'ping' },\n      serialize: options.serialize ?? ((data: unknown) => JSON.stringify(data)),\n      deserialize: options.deserialize ?? ((raw: string | ArrayBuffer) => {\n        if (typeof raw === 'string') return JSON.parse(raw);\n        // ArrayBuffer → decode as UTF-8 then parse\n        return JSON.parse(new TextDecoder().decode(raw));\n      }),\n    };\n  }\n\n  get state(): SocketState {\n    return this._state;\n  }\n\n  async connect(): Promise<void> {\n    if (this.disposed) return;\n\n    this.setState('connecting');\n\n    const connectUrl = await this.buildUrl();\n    this.ws = new WebSocket(connectUrl, this.opts.protocols);\n\n    this.ws.onopen = () => {\n      this.reconnectAttempts = 0;\n      this.setState('connected');\n      this.flushBuffer();\n      this.startHeartbeat();\n    };\n\n    this.ws.onmessage = (ev: MessageEvent) => {\n      let data: unknown;\n      try {\n        data = this.opts.deserialize(ev.data as string | ArrayBuffer);\n      } catch {\n        data = ev.data;\n      }\n      for (const fn of this.onMessageFns) fn(data);\n    };\n\n    this.ws.onclose = () => {\n      this.stopHeartbeat();\n      if (!this.disposed && this.opts.reconnect) {\n        this.reconnect();\n      } else {\n        this.setState('closed');\n      }\n    };\n\n    this.ws.onerror = () => {\n      // onclose will fire after onerror\n    };\n  }\n\n  disconnect(): void {\n    this.disposed = true;\n    this.stopHeartbeat();\n    this.clearReconnect();\n\n    if (this.ws) {\n      this.ws.onclose = null;\n      this.ws.onmessage = null;\n      this.ws.onerror = null;\n      if (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING) {\n        this.ws.close(1000, 'client disconnect');\n      }\n      this.ws = null;\n    }\n\n    this.setState('closed');\n  }\n\n  send(data: unknown): void {\n    if (this._state === 'connected' && this.ws?.readyState === WebSocket.OPEN) {\n      this.ws.send(this.opts.serialize(data));\n    } else if (this._state === 'reconnecting' || this._state === 'connecting') {\n      if (this.buffer.length < this.opts.sendBuffer) {\n        this.buffer.push(data);\n      }\n    }\n  }\n\n  onMessage(fn: EventHandler): Unsubscribe {\n    this.onMessageFns.add(fn);\n    return () => this.onMessageFns.delete(fn);\n  }\n\n  onStateChange(fn: (state: SocketState) => void): Unsubscribe {\n    this.onStateChangeFns.add(fn);\n    return () => this.onStateChangeFns.delete(fn);\n  }\n\n  private reconnect(): void {\n    this.reconnectAttempts++;\n\n    if (this.reconnectAttempts > this.opts.reconnectMaxRetries) {\n      this.setState('closed');\n      return;\n    }\n\n    this.setState('reconnecting');\n    const gen = backoff(1000, this.opts.reconnectMaxDelay);\n\n    const attempt = () => {\n      if (this.disposed) return;\n      const delay = gen.next().value;\n      this.reconnectTimer = setTimeout(() => {\n        if (!this.disposed) this.connect();\n      }, delay);\n    };\n\n    attempt();\n  }\n\n  private flushBuffer(): void {\n    const pending = this.buffer.splice(0);\n    for (const item of pending) {\n      this.send(item);\n    }\n  }\n\n  private startHeartbeat(): void {\n    this.stopHeartbeat();\n    this.heartbeatTimer = setInterval(() => {\n      if (this.ws?.readyState === WebSocket.OPEN) {\n        this.ws.send(this.opts.serialize(this.opts.pingPayload));\n      }\n    }, this.opts.heartbeatInterval);\n  }\n\n  private stopHeartbeat(): void {\n    if (this.heartbeatTimer) {\n      clearInterval(this.heartbeatTimer);\n      this.heartbeatTimer = null;\n    }\n  }\n\n  private clearReconnect(): void {\n    if (this.reconnectTimer) {\n      clearTimeout(this.reconnectTimer);\n      this.reconnectTimer = null;\n    }\n  }\n\n  private async buildUrl(): Promise<string> {\n    // Resolve token: callback > static > none\n    let token: string | undefined;\n    if (this.opts.auth) {\n      token = await this.opts.auth();\n    } else if (this.opts.authToken) {\n      token = this.opts.authToken;\n    }\n\n    if (!token) return this.url;\n\n    // WebSocket URLs (ws://, wss://) are not fully supported by URL API.\n    // Convert to http(s) for parsing, then back to ws(s).\n    const httpUrl = this.url.replace(/^ws(s?):\\/\\//, 'http$1://');\n    const parsed = new URL(httpUrl);\n    parsed.searchParams.set(this.opts.authParam, token);\n\n    return parsed.toString().replace(/^http(s?):\\/\\//, 'ws$1://');\n  }\n\n  private setState(state: SocketState): void {\n    this._state = state;\n    for (const fn of this.onStateChangeFns) fn(state);\n  }\n\n  [Symbol.dispose](): void {\n    this.disconnect();\n    this.onMessageFns.clear();\n    this.onStateChangeFns.clear();\n    this.buffer = [];\n  }\n}\n","import './utils/disposable';\nimport type { SocketState, Unsubscribe, EventHandler } from './types';\n\n/**\n * WorkerSocket — WebSocket running inside a Web Worker.\n *\n * Same interface as SharedSocket, but WebSocket lives off main thread.\n * Benefits: heartbeat timers and JSON parsing don't block UI rendering.\n *\n * Use when:\n * - High message rate (50+ msgs/sec)\n * - Heavy JSON payloads\n * - UI does complex rendering that could block main thread\n *\n * Don't use when:\n * - Low message rate (simple chat, notifications)\n * - Bundle size matters (adds worker file)\n * - Debugging (Worker DevTools is less convenient)\n */\nexport class WorkerSocket implements Disposable {\n  private worker: Worker | null = null;\n  private _state: SocketState = 'closed';\n\n  private onMessageFns = new Set<EventHandler>();\n  private onStateChangeFns = new Set<(state: SocketState) => void>();\n\n  constructor(\n    private url: string,\n    private options: {\n      protocols?: string[];\n      reconnect?: boolean;\n      reconnectMaxDelay?: number;\n      reconnectMaxRetries?: number;\n      heartbeatInterval?: number;\n      sendBuffer?: number;\n      workerUrl?: string | URL;\n      auth?: () => string | Promise<string>;\n      authToken?: string;\n      authParam?: string;\n      pingPayload?: unknown;\n    } = {},\n  ) {}\n\n  get state(): SocketState {\n    return this._state;\n  }\n\n  async connect(): Promise<void> {\n    // Resolve auth token before sending to worker (functions can't cross worker boundary)\n    let authToken: string | undefined;\n    if (this.options.auth) {\n      authToken = await this.options.auth();\n    } else if (this.options.authToken) {\n      authToken = this.options.authToken;\n    }\n\n    // Build URL with auth token\n    const connectUrl = authToken ? this.buildUrl(authToken) : this.url;\n\n    // Create worker from inline blob if no workerUrl provided\n    const workerUrl = this.options.workerUrl ?? this.createWorkerBlob();\n\n    this.worker = new Worker(workerUrl, { type: 'module' });\n\n    this.worker.onmessage = (ev: MessageEvent) => {\n      const msg = ev.data;\n\n      switch (msg.type) {\n        case 'state':\n          this._state = msg.state;\n          for (const fn of this.onStateChangeFns) fn(msg.state);\n          break;\n\n        case 'message':\n          for (const fn of this.onMessageFns) fn(msg.data);\n          break;\n\n        case 'open':\n          // State already set via 'state' message\n          break;\n\n        case 'close':\n          break;\n\n        case 'error':\n          console.error('WorkerSocket error:', msg.message);\n          break;\n      }\n    };\n\n    this.worker.postMessage({\n      type: 'connect',\n      url: connectUrl,\n      protocols: this.options.protocols ?? [],\n      reconnect: this.options.reconnect ?? true,\n      reconnectMaxDelay: this.options.reconnectMaxDelay ?? 30_000,\n      reconnectMaxRetries: this.options.reconnectMaxRetries ?? Infinity,\n      heartbeatInterval: this.options.heartbeatInterval ?? 30_000,\n      bufferSize: this.options.sendBuffer ?? 100,\n      pingPayload: this.options.pingPayload,\n    });\n  }\n\n  private buildUrl(token: string): string {\n    const param = this.options.authParam ?? 'token';\n    const httpUrl = this.url.replace(/^ws(s?):\\/\\//, 'http$1://');\n    const parsed = new URL(httpUrl);\n    parsed.searchParams.set(param, token);\n    return parsed.toString().replace(/^http(s?):\\/\\//, 'ws$1://');\n  }\n\n  send(data: unknown): void {\n    this.worker?.postMessage({ type: 'send', data });\n  }\n\n  disconnect(): void {\n    this.worker?.postMessage({ type: 'disconnect' });\n    setTimeout(() => {\n      this.worker?.terminate();\n      this.worker = null;\n    }, 100);\n    this._state = 'closed';\n  }\n\n  onMessage(fn: EventHandler): Unsubscribe {\n    this.onMessageFns.add(fn);\n    return () => this.onMessageFns.delete(fn);\n  }\n\n  onStateChange(fn: (state: SocketState) => void): Unsubscribe {\n    this.onStateChangeFns.add(fn);\n    return () => this.onStateChangeFns.delete(fn);\n  }\n\n  private createWorkerBlob(): URL {\n    // Inline the worker code as a blob URL\n    // In production, use a bundler (Vite, webpack) to handle worker imports\n    const code = `\n      let ws = null, state = 'closed', buffer = [], disposed = false;\n      let heartbeatTimer = null, reconnectTimer = null;\n      let url = '', protocols = [], shouldReconnect = true;\n      let maxDelay = 30000, maxRetries = Infinity, hbInterval = 30000, maxBuf = 100;\n      let delay = 1000, attempts = 0, pingPayload = '{\"type\":\"ping\"}';\n\n      function setState(s) { state = s; self.postMessage({ type: 'state', state: s }); }\n      function connect() {\n        if (disposed) return;\n        setState('connecting');\n        ws = new WebSocket(url, protocols);\n        ws.onopen = () => { attempts = 0; delay = 1000; setState('connected'); self.postMessage({ type: 'open' }); flush(); startHB(); };\n        ws.onmessage = (e) => { let d; try { d = JSON.parse(e.data); } catch { d = e.data; } self.postMessage({ type: 'message', data: d }); };\n        ws.onclose = (e) => { stopHB(); self.postMessage({ type: 'close', code: e.code, reason: e.reason }); if (!disposed && shouldReconnect && e.code !== 1000) reconnect(); else setState('closed'); };\n        ws.onerror = () => { self.postMessage({ type: 'error', message: 'error' }); };\n      }\n      function send(d) { if (state === 'connected' && ws?.readyState === 1) ws.send(JSON.stringify(d)); else if (buffer.length < maxBuf) buffer.push(d); }\n      function flush() { const p = buffer.splice(0); p.forEach(send); }\n      function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(pingPayload); }, hbInterval); }\n      function stopHB() { if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; } }\n      function reconnect() {\n        attempts++;\n        if (attempts > maxRetries) { setState('closed'); return; }\n        setState('reconnecting');\n        const j = delay * 0.25 * (Math.random() * 2 - 1);\n        reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay));\n        delay = Math.min(delay * 2, maxDelay);\n      }\n      self.onmessage = (e) => {\n        const c = e.data;\n        if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; maxRetries = c.reconnectMaxRetries ?? Infinity; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; if (c.pingPayload) pingPayload = JSON.stringify(c.pingPayload); connect(); }\n        if (c.type === 'send') send(c.data);\n        if (c.type === 'disconnect') { disposed = true; stopHB(); if (reconnectTimer) clearTimeout(reconnectTimer); if (ws) { ws.onclose = null; if (ws.readyState < 2) ws.close(1000); ws = null; } buffer = []; setState('closed'); }\n      };\n    `;\n    const blob = new Blob([code], { type: 'application/javascript' });\n    return new URL(URL.createObjectURL(blob));\n  }\n\n  [Symbol.dispose](): void {\n    this.disconnect();\n    this.onMessageFns.clear();\n    this.onStateChangeFns.clear();\n  }\n}\n","import './utils/disposable';\nimport type { EventHandler, Unsubscribe } from './types';\n\nexport class SubscriptionManager implements Disposable {\n  private handlers = new Map<string, Set<EventHandler>>();\n  private lastMessages = new Map<string, unknown>();\n\n  on(event: string, handler: EventHandler): Unsubscribe {\n    let set = this.handlers.get(event);\n    if (!set) {\n      set = new Set();\n      this.handlers.set(event, set);\n    }\n    set.add(handler);\n    return () => set!.delete(handler);\n  }\n\n  once(event: string, handler: EventHandler): Unsubscribe {\n    const wrapper: EventHandler = (data) => {\n      unsub();\n      handler(data);\n    };\n    const unsub = this.on(event, wrapper);\n    return unsub;\n  }\n\n  off(event: string, handler?: EventHandler): void {\n    if (handler) {\n      this.handlers.get(event)?.delete(handler);\n    } else {\n      this.handlers.delete(event);\n    }\n  }\n\n  emit(event: string, data: unknown): void {\n    this.lastMessages.set(event, data);\n    const set = this.handlers.get(event);\n    if (set) {\n      for (const fn of set) fn(data);\n    }\n  }\n\n  getLastMessage(event: string): unknown | undefined {\n    return this.lastMessages.get(event);\n  }\n\n  async *stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n    const queue: unknown[] = [];\n    let resolve: (() => void) | null = null;\n    let done = false;\n\n    const unsub = this.on(event, (data) => {\n      queue.push(data);\n      resolve?.();\n    });\n\n    const onAbort = () => {\n      done = true;\n      resolve?.();\n    };\n    signal?.addEventListener('abort', onAbort);\n\n    try {\n      while (!done) {\n        if (queue.length > 0) {\n          yield queue.shift()!;\n        } else {\n          await new Promise<void>((r) => { resolve = r; });\n          resolve = null;\n        }\n      }\n    } finally {\n      unsub();\n      signal?.removeEventListener('abort', onAbort);\n    }\n  }\n\n  offAll(): void {\n    this.handlers.clear();\n    this.lastMessages.clear();\n  }\n\n  [Symbol.dispose](): void {\n    this.offAll();\n  }\n}\n","import './utils/disposable';\nimport { generateId } from './utils/id';\nimport { MessageBus } from './MessageBus';\nimport { TabCoordinator } from './TabCoordinator';\nimport { SharedSocket } from './SharedSocket';\nimport { WorkerSocket } from './WorkerSocket';\nimport { SubscriptionManager } from './SubscriptionManager';\nimport type { SharedWebSocketOptions, TabRole, Unsubscribe, EventHandler, Channel, EventProtocol, EventMap, Logger, Middleware } from './types';\n\nconst DEFAULT_PROTOCOL: EventProtocol = {\n  eventField: 'event',\n  dataField: 'data',\n  channelJoin: '$channel:join',\n  channelLeave: '$channel:leave',\n  ping: { type: 'ping' },\n  defaultEvent: 'message',\n  topicSubscribe: '$topic:subscribe',\n  topicUnsubscribe: '$topic:unsubscribe',\n  authLogin: '$auth:login',\n  authLogout: '$auth:logout',\n  authRevoked: '$auth:revoked',\n};\n\nconst NOOP_LOGGER: Logger = {\n  debug() {},\n  info() {},\n  warn() {},\n  error() {},\n};\n\n/** Common interface for both SharedSocket and WorkerSocket. */\ninterface SocketAdapter {\n  readonly state: string;\n  connect(): void | Promise<void>;\n  send(data: unknown): void;\n  disconnect(): void;\n  onMessage(fn: EventHandler): Unsubscribe;\n  onStateChange(fn: (state: string) => void): Unsubscribe;\n  [Symbol.dispose](): void;\n}\n\n/**\n * SharedWebSocket — shares ONE WebSocket connection across browser tabs.\n *\n * @typeParam TEvents - Event map for type-safe subscriptions.\n *\n * @example\n * // Typed events\n * type Events = {\n *   'chat.message': { text: string; userId: string };\n *   'order.created': { id: string; total: number };\n * };\n * const ws = new SharedWebSocket<Events>(url);\n * ws.on('chat.message', (msg) => msg.text); // ← msg: { text, userId }\n */\nexport class SharedWebSocket<TEvents extends EventMap = EventMap> implements Disposable {\n  private bus: MessageBus;\n  private coordinator: TabCoordinator;\n  private socket: SocketAdapter | null = null;\n  private subs = new SubscriptionManager();\n  private syncStore = new Map<string, unknown>();\n  private tabId: string;\n  private cleanups: Unsubscribe[] = [];\n  private disposed = false;\n  private readonly proto: EventProtocol;\n  private readonly log: Logger;\n  private outgoingMiddleware: Middleware[] = [];\n  private incomingMiddleware: Middleware[] = [];\n  private serializers = new Map<string, (data: unknown) => unknown>();\n  private deserializers = new Map<string, (data: unknown) => unknown>();\n  private _isAuthenticated = false;\n  private authChannels = new Map<string, Channel>();\n  private authTopics = new Set<string>();\n\n  constructor(\n    private readonly url: string,\n    private readonly options: SharedWebSocketOptions<TEvents> = {} as SharedWebSocketOptions<TEvents>,\n  ) {\n    this.proto = { ...DEFAULT_PROTOCOL, ...options.events };\n    this.log = options.debug ? (options.logger ?? console) : NOOP_LOGGER;\n    this.tabId = generateId();\n    this.log.debug('[SharedWS] init', { tabId: this.tabId, url });\n    this.bus = new MessageBus('shared-ws', this.tabId);\n    this.coordinator = new TabCoordinator(this.bus, this.tabId, {\n      electionTimeout: options.electionTimeout,\n      heartbeatInterval: options.leaderHeartbeat,\n      leaderTimeout: options.leaderTimeout,\n    });\n\n    // When ANY tab receives a WS message via bus → emit to local subscribers\n    this.cleanups.push(\n      this.bus.subscribe<{ event: string; data: unknown }>('ws:message', (msg) => {\n        this.subs.emit(msg.event, msg.data);\n      }),\n    );\n\n    // Leader listens for send requests from followers\n    this.cleanups.push(\n      this.bus.subscribe<{ event: string; data: unknown }>('ws:send', (msg) => {\n        if (this.coordinator.isLeader && this.socket) {\n          this.socket.send({ [this.proto.eventField]: msg.event, [this.proto.dataField]: msg.data });\n        }\n      }),\n    );\n\n    // Sync across tabs\n    this.cleanups.push(\n      this.bus.subscribe<{ key: string; value: unknown }>('ws:sync', (msg) => {\n        this.syncStore.set(msg.key, msg.value);\n        this.subs.emit(`sync:${msg.key}`, msg.value);\n      }),\n    );\n\n    // Leader lifecycle\n    this.coordinator.onBecomeLeader(() => {\n      this.handleBecomeLeader();\n      this.bus.broadcast('ws:lifecycle', { type: 'leader', isLeader: true });\n    });\n    this.coordinator.onLoseLeadership(() => {\n      this.handleLoseLeadership();\n      this.bus.broadcast('ws:lifecycle', { type: 'leader', isLeader: false });\n    });\n\n    // Lifecycle events from bus (all tabs receive)\n    this.cleanups.push(\n      this.bus.subscribe<{ type: string; isLeader?: boolean; error?: unknown; authenticated?: boolean }>('ws:lifecycle', (msg) => {\n        switch (msg.type) {\n          case 'connect':\n            this.subs.emit('$lifecycle:connect', undefined);\n            break;\n          case 'disconnect':\n            this.subs.emit('$lifecycle:disconnect', undefined);\n            break;\n          case 'reconnecting':\n            this.subs.emit('$lifecycle:reconnecting', undefined);\n            break;\n          case 'leader':\n            this.subs.emit('$lifecycle:leader', msg.isLeader);\n            break;\n          case 'error':\n            this.subs.emit('$lifecycle:error', msg.error);\n            break;\n          case 'auth': {\n            this._isAuthenticated = !!msg.authenticated;\n            if (!msg.authenticated) {\n              this.authChannels.clear();\n              this.authTopics.clear();\n            }\n            this.subs.emit('$lifecycle:auth', msg.authenticated);\n            break;\n          }\n        }\n      }),\n    );\n\n    // Track tab visibility\n    if (typeof document !== 'undefined') {\n      const onVisibilityChange = () => {\n        const active = !document.hidden;\n        this.subs.emit('$lifecycle:active', active);\n        this.log.debug('[SharedWS]', active ? '👁 tab active' : '👁 tab hidden');\n      };\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      this.cleanups.push(() => document.removeEventListener('visibilitychange', onVisibilityChange));\n    }\n\n    // Handle server-initiated auth revocation\n    this.cleanups.push(\n      this.subs.on(this.proto.authRevoked, () => {\n        if (this.coordinator.isLeader) {\n          for (const [, ch] of this.authChannels) ch.leave();\n          for (const topic of this.authTopics) this.unsubscribe(topic);\n        }\n        this.authChannels.clear();\n        this.authTopics.clear();\n        this._isAuthenticated = false;\n        this.syncStore.delete('$auth:token');\n        this.subs.emit('$lifecycle:auth', false);\n        this.log.warn('[SharedWS] auth revoked by server');\n      }),\n    );\n\n    // Cleanup on tab close\n    if (typeof window !== 'undefined') {\n      const onBeforeUnload = () => this[Symbol.dispose]();\n      window.addEventListener('beforeunload', onBeforeUnload);\n      this.cleanups.push(() => window.removeEventListener('beforeunload', onBeforeUnload));\n    }\n  }\n\n  get connected(): boolean {\n    return this.socket?.state === 'connected' || !this.coordinator.isLeader;\n  }\n\n  get tabRole(): TabRole {\n    return this.coordinator.isLeader ? 'leader' : 'follower';\n  }\n\n  /** Whether the user is authenticated via runtime auth. */\n  get isAuthenticated(): boolean {\n    return this._isAuthenticated;\n  }\n\n  /** Whether this tab is currently visible/focused. */\n  get isActive(): boolean {\n    return typeof document !== 'undefined' ? !document.hidden : true;\n  }\n\n  /** Start leader election and connect. */\n  async connect(): Promise<void> {\n    await this.coordinator.elect();\n  }\n\n  // ─── Lifecycle Hooks ─────────────────────────────────\n\n  /** Called when WebSocket connection opens (broadcast to all tabs). */\n  onConnect(fn: () => void): Unsubscribe {\n    return this.subs.on('$lifecycle:connect', fn);\n  }\n\n  /** Called when WebSocket connection closes (broadcast to all tabs). */\n  onDisconnect(fn: () => void): Unsubscribe {\n    return this.subs.on('$lifecycle:disconnect', fn);\n  }\n\n  /** Called when WebSocket starts reconnecting (broadcast to all tabs). */\n  onReconnecting(fn: () => void): Unsubscribe {\n    return this.subs.on('$lifecycle:reconnecting', fn);\n  }\n\n  /** Called when this tab becomes leader or loses leadership. */\n  onLeaderChange(fn: (isLeader: boolean) => void): Unsubscribe {\n    return this.subs.on('$lifecycle:leader', fn as EventHandler);\n  }\n\n  /** Called on WebSocket or network error (broadcast to all tabs). */\n  onError(fn: (error: unknown) => void): Unsubscribe {\n    return this.subs.on('$lifecycle:error', fn as EventHandler);\n  }\n\n  /** Called when this tab becomes visible/focused. */\n  onActive(fn: () => void): Unsubscribe {\n    return this.subs.on('$lifecycle:active', ((isActive: unknown) => {\n      if (isActive === true) fn();\n    }) as EventHandler);\n  }\n\n  /** Called when this tab goes to background/hidden. */\n  onInactive(fn: () => void): Unsubscribe {\n    return this.subs.on('$lifecycle:active', ((isActive: unknown) => {\n      if (isActive === false) fn();\n    }) as EventHandler);\n  }\n\n  /** Called on any visibility change. */\n  onVisibilityChange(fn: (isActive: boolean) => void): Unsubscribe {\n    return this.subs.on('$lifecycle:active', fn as EventHandler);\n  }\n\n  // ─── Authentication ──────────────────────────────────\n\n  /**\n   * Authenticate on an existing connection. Sends auth event to server,\n   * syncs auth state across all tabs. Use for login after guest connection.\n   *\n   * @example\n   * const token = await loginApi(email, password);\n   * ws.authenticate(token);\n   *\n   * @example\n   * // React — via useSocketAuth hook\n   * const { authenticate } = useSocketAuth();\n   * authenticate(token);\n   */\n  authenticate(token: string): void {\n    this._isAuthenticated = true;\n    this.syncStore.set('$auth:token', token);\n    this.bus.broadcast('ws:sync', { key: '$auth:token', value: token });\n    this.send(this.proto.authLogin, { token });\n    this.bus.broadcast('ws:lifecycle', { type: 'auth', authenticated: true });\n    this.log.info('[SharedWS] authenticated');\n  }\n\n  /**\n   * Deauthenticate — notifies server, auto-leaves all auth-required channels\n   * and topics, syncs state across tabs. Connection stays open for public events.\n   *\n   * @example\n   * ws.deauthenticate(); // connection stays open, auth subscriptions cleaned up\n   */\n  deauthenticate(): void {\n    // Leave auth channels and unsubscribe auth topics\n    for (const [, ch] of this.authChannels) ch.leave();\n    this.authChannels.clear();\n    for (const topic of this.authTopics) this.unsubscribe(topic);\n    this.authTopics.clear();\n\n    this._isAuthenticated = false;\n    this.send(this.proto.authLogout, {});\n    this.syncStore.delete('$auth:token');\n    this.bus.broadcast('ws:sync', { key: '$auth:token', value: undefined });\n    this.bus.broadcast('ws:lifecycle', { type: 'auth', authenticated: false });\n    this.log.info('[SharedWS] deauthenticated');\n  }\n\n  /**\n   * Called when auth state changes (authenticate, deauthenticate, or server revocation).\n   *\n   * @example\n   * ws.onAuthChange((authenticated) => {\n   *   if (!authenticated) router.push('/login');\n   * });\n   */\n  onAuthChange(fn: (authenticated: boolean) => void): Unsubscribe {\n    return this.subs.on('$lifecycle:auth', fn as EventHandler);\n  }\n\n  // ─── Middleware ───────────────────────────────────────\n\n  /**\n   * Add middleware to transform messages before send or after receive.\n   * Return null from middleware to drop the message.\n   *\n   * @example\n   * // Add timestamp to every outgoing message\n   * ws.use('outgoing', (msg) => ({ ...msg, timestamp: Date.now() }));\n   *\n   * @example\n   * // Decrypt incoming messages\n   * ws.use('incoming', (msg) => ({ ...msg, data: decrypt(msg.data) }));\n   *\n   * @example\n   * // Drop messages from blocked users\n   * ws.use('incoming', (msg) => blockedUsers.has(msg.userId) ? null : msg);\n   */\n  use(direction: 'outgoing' | 'incoming', fn: Middleware): this {\n    if (direction === 'outgoing') {\n      this.outgoingMiddleware.push(fn);\n    } else {\n      this.incomingMiddleware.push(fn);\n    }\n    return this;\n  }\n\n  // ─── Per-Event Serialization ─────────────────────────\n\n  /**\n   * Register a custom serializer for a specific event.\n   * The data is transformed before outgoing middleware and global serialize.\n   *\n   * @example\n   * // Binary for file uploads, JSON for everything else\n   * ws.serializer('file.upload', (data) => new Blob([data as ArrayBuffer]));\n   *\n   * @example\n   * // Protobuf for specific event\n   * ws.serializer('trading.order', (data) => OrderProto.encode(data).finish());\n   */\n  serializer(event: string, fn: (data: unknown) => unknown): this {\n    this.serializers.set(event, fn);\n    return this;\n  }\n\n  /**\n   * Register a custom deserializer for a specific event.\n   * The data is transformed after global deserialize and before incoming middleware.\n   *\n   * @example\n   * ws.deserializer('file.download', (data) => new Uint8Array(data as ArrayBuffer));\n   *\n   * @example\n   * // Protobuf for specific event\n   * ws.deserializer('trading.tick', (data) => TickProto.decode(data as Uint8Array));\n   */\n  deserializer(event: string, fn: (data: unknown) => unknown): this {\n    this.deserializers.set(event, fn);\n    return this;\n  }\n\n  // ─── Event Subscription ──────────────────────────────\n\n  /** Subscribe to server events (works in ALL tabs). Type-safe with EventMap. */\n  on<K extends string & keyof TEvents>(event: K, handler: EventHandler<TEvents[K]>): Unsubscribe;\n  on(event: string, handler: EventHandler<unknown>): Unsubscribe;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  on(event: string, handler: (data: any) => void): Unsubscribe {\n    return this.subs.on(event, handler);\n  }\n\n  once<K extends string & keyof TEvents>(event: K, handler: EventHandler<TEvents[K]>): Unsubscribe;\n  once(event: string, handler: EventHandler<unknown>): Unsubscribe;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  once(event: string, handler: (data: any) => void): Unsubscribe {\n    return this.subs.once(event, handler);\n  }\n\n  off(event: string, handler?: EventHandler): void {\n    this.subs.off(event, handler);\n  }\n\n  /** Async generator for consuming events. Type-safe with EventMap. */\n  stream<K extends string & keyof TEvents>(event: K, signal?: AbortSignal): AsyncGenerator<TEvents[K]>;\n  stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown>;\n  stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n    return this.subs.stream(event, signal);\n  }\n\n  /** Send message to server (auto-routed through leader). Type-safe with EventMap. */\n  send<K extends string & keyof TEvents>(event: K, data: TEvents[K]): void;\n  send(event: string, data: unknown): void;\n  send(event: string, data: unknown): void {\n    // Per-event serializer transforms data before building payload\n    const eventSerializer = this.serializers.get(event);\n    const serializedData = eventSerializer ? eventSerializer(data) : data;\n\n    let payload: unknown = { [this.proto.eventField]: event, [this.proto.dataField]: serializedData };\n\n    for (const mw of this.outgoingMiddleware) {\n      payload = mw(payload);\n      if (payload === null) {\n        this.log.debug('[SharedWS] ✗ outgoing dropped by middleware', event);\n        return;\n      }\n    }\n\n    this.log.debug('[SharedWS] → send', event, data);\n\n    if (this.coordinator.isLeader && this.socket) {\n      this.socket.send(payload);\n    } else {\n      this.bus.publish('ws:send', { event, data });\n    }\n  }\n\n  /** Request/response through server via leader. */\n  async request<T>(event: string, data: unknown, timeout = 5000): Promise<T> {\n    return this.bus.request('ws:request', { event, data }, timeout);\n  }\n\n  /** Sync state across tabs (no server roundtrip). */\n  sync<T>(key: string, value: T): void {\n    this.syncStore.set(key, value);\n    this.bus.broadcast('ws:sync', { key, value });\n  }\n\n  getSync<T>(key: string): T | undefined {\n    return this.syncStore.get(key) as T | undefined;\n  }\n\n  onSync<T>(key: string, fn: (value: T) => void): Unsubscribe {\n    return this.subs.on(`sync:${key}`, fn as EventHandler);\n  }\n\n  /**\n   * Subscribe to a private/scoped channel. Returns a channel handle with\n   * scoped on/send/stream methods. Sends join on subscribe, leave on unsubscribe.\n   *\n   * @example\n   * const chat = ws.channel('chat:room_123');\n   * chat.on('message', (msg) => render(msg));\n   * chat.send('message', { text: 'Hello' });\n   * chat.leave(); // sends leave + unsubscribes\n   *\n   * @example\n   * // Private notifications for tenant\n   * const notifications = ws.channel(`tenant:${tenantId}:notifications`);\n   * notifications.on('alert', (alert) => showToast(alert));\n   */\n  channel(name: string, options?: { auth?: boolean }): Channel {\n    // Notify server about channel subscription\n    this.send(this.proto.channelJoin, { channel: name });\n\n    const self = this;\n    const unsubs: Unsubscribe[] = [];\n    const isAuth = options?.auth ?? false;\n\n    const ch: Channel = {\n      name,\n      on(event: string, handler: EventHandler): Unsubscribe {\n        const unsub = self.subs.on(`${name}:${event}`, handler);\n        unsubs.push(unsub);\n        return unsub;\n      },\n      once(event: string, handler: EventHandler): Unsubscribe {\n        const unsub = self.subs.once(`${name}:${event}`, handler);\n        unsubs.push(unsub);\n        return unsub;\n      },\n      send(event: string, data: unknown): void {\n        self.send(`${name}:${event}`, data);\n      },\n      stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n        return self.subs.stream(`${name}:${event}`, signal);\n      },\n      leave(): void {\n        self.send(self.proto.channelLeave, { channel: name });\n        for (const unsub of unsubs) unsub();\n        unsubs.length = 0;\n        if (isAuth) self.authChannels.delete(name);\n      },\n    };\n\n    if (isAuth) {\n      this.authChannels.set(name, ch);\n    }\n\n    return ch;\n  }\n\n  // ─── Topics ──────────────────────────────────────────\n\n  /**\n   * Subscribe to a server-side topic. Server will start sending events for this topic.\n   * Sends topicSubscribe event (default: \"$topic:subscribe\").\n   *\n   * @example\n   * ws.subscribe('notifications:orders');\n   * ws.subscribe('notifications:payments');\n   * ws.subscribe(`user:${userId}:mentions`);\n   */\n  subscribe(topic: string, options?: { auth?: boolean }): void {\n    this.send(this.proto.topicSubscribe, { topic });\n    if (options?.auth) {\n      this.authTopics.add(topic);\n    }\n    this.log.debug('[SharedWS] subscribe topic', topic);\n  }\n\n  /**\n   * Unsubscribe from a server-side topic.\n   * Sends topicUnsubscribe event (default: \"$topic:unsubscribe\").\n   */\n  unsubscribe(topic: string): void {\n    this.send(this.proto.topicUnsubscribe, { topic });\n    this.authTopics.delete(topic);\n    this.log.debug('[SharedWS] unsubscribe topic', topic);\n  }\n\n  // ─── Push Notifications ─────────────────────────────\n\n  /**\n   * Subscribe to an event and show notifications.\n   *\n   * **target** controls which tab(s) display the notification:\n   * - `'active'` — only the currently visible tab (default for render)\n   * - `'leader'` — only the leader tab (default for browser Notification)\n   * - `'all'` — every tab (for critical alerts)\n   *\n   * @example\n   * // Custom render — sonner toast on active tab only\n   * ws.push('notification', {\n   *   render: (n) => toast(n.title),\n   *   target: 'active',  // default for render\n   * });\n   *\n   * @example\n   * // Critical alert — show in ALL tabs\n   * ws.push('payment.failed', {\n   *   render: (n) => toast.error('Payment failed!'),\n   *   target: 'all',\n   * });\n   *\n   * @example\n   * // Browser Notification — only from leader\n   * ws.push('order.created', {\n   *   title: (order) => `New Order #${order.id}`,\n   *   target: 'leader',  // default for browser Notification\n   * });\n   *\n   * @example\n   * // Both render + native with different targets\n   * ws.push('order.created', {\n   *   render: (order) => toast(`Order #${order.id}`),  // active tab\n   *   title: (order) => `New Order #${order.id}`,      // leader → native\n   * });\n   */\n  push<T = unknown>(\n    event: string,\n    config: {\n      /** Custom render function — you decide how to display. */\n      render?: (data: T) => void;\n      /** Title for browser Notification API. */\n      title?: string | ((data: T) => string);\n      /** Body for browser Notification API. */\n      body?: string | ((data: T) => string);\n      /** Icon URL for browser Notification. */\n      icon?: string;\n      /** Tag for browser Notification deduplication. */\n      tag?: string | ((data: T) => string);\n      /**\n       * Which tab(s) show the notification:\n       * - `'active'` — only the visible/focused tab (default for render)\n       * - `'leader'` — only the leader tab (default for browser Notification)\n       * - `'all'` — every tab (critical alerts)\n       */\n      target?: 'active' | 'leader' | 'all';\n      /** Called when browser Notification is clicked. */\n      onClick?: (data: T) => void;\n    },\n  ): Unsubscribe {\n    const useNativeNotification = !!config.title;\n\n    // Default target: 'active' for render, 'leader' for native\n    const renderTarget = config.target ?? 'active';\n    const nativeTarget = config.target ?? 'leader';\n\n    if (useNativeNotification && typeof Notification !== 'undefined' && Notification.permission === 'default') {\n      Notification.requestPermission();\n    }\n\n    return this.on(event, ((data: unknown) => {\n      const typed = data as T;\n      const isVisible = typeof document !== 'undefined' && !document.hidden;\n      const isLeader = this.tabRole === 'leader';\n\n      // Custom render\n      if (config.render) {\n        const shouldRender =\n          renderTarget === 'all' ||\n          (renderTarget === 'active' && isVisible) ||\n          (renderTarget === 'leader' && isLeader);\n\n        if (shouldRender) {\n          config.render(typed);\n          this.log.debug('[SharedWS] 🔔 render', event, `(target: ${renderTarget})`);\n        }\n      }\n\n      // Browser Notification API\n      if (useNativeNotification && typeof Notification !== 'undefined' && Notification.permission === 'granted') {\n        const shouldNotify =\n          nativeTarget === 'all' ||\n          (nativeTarget === 'leader' && isLeader) ||\n          (nativeTarget === 'active' && isVisible);\n\n        // Native notifications make sense when tab is hidden\n        if (shouldNotify && !isVisible) {\n          const title = typeof config.title === 'function' ? config.title(typed) : config.title!;\n          const body = typeof config.body === 'function' ? config.body(typed) : config.body;\n          const tag = typeof config.tag === 'function' ? config.tag(typed) : config.tag;\n\n          const notif = new Notification(title, { body, icon: config.icon, tag });\n\n          if (config.onClick) {\n            const handler = config.onClick;\n            notif.onclick = () => {\n              handler(typed);\n              window.focus();\n            };\n          }\n\n          this.log.debug('[SharedWS] 🔔 native', title, `(target: ${nativeTarget})`);\n        }\n      }\n    }) as EventHandler);\n  }\n\n  disconnect(): void {\n    this[Symbol.dispose]();\n  }\n\n  private createSocket(): SocketAdapter {\n    const socketOptions = {\n      protocols: this.options.protocols,\n      reconnect: this.options.reconnect,\n      reconnectMaxDelay: this.options.reconnectMaxDelay,\n      reconnectMaxRetries: this.options.reconnectMaxRetries,\n      heartbeatInterval: this.options.heartbeatInterval,\n      sendBuffer: this.options.sendBuffer,\n      pingPayload: this.proto.ping,\n    };\n\n    if (this.options.useWorker) {\n      // WebSocket runs in a Web Worker — main thread stays free\n      return new WorkerSocket(this.url, {\n        ...socketOptions,\n        workerUrl: this.options.workerUrl,\n        auth: this.options.auth,\n        authToken: this.options.authToken,\n        authParam: this.options.authParam,\n      });\n    }\n\n    // WebSocket runs in main thread (default)\n    return new SharedSocket(this.url, {\n      ...socketOptions,\n      auth: this.options.auth,\n      authToken: this.options.authToken,\n      authParam: this.options.authParam,\n      serialize: this.options.serialize,\n      deserialize: this.options.deserialize,\n    });\n  }\n\n  private handleBecomeLeader(): void {\n    this.log.info('[SharedWS] 👑 became leader');\n    this.socket = this.createSocket();\n\n    this.socket.onMessage((raw: unknown) => {\n      let data: unknown = raw;\n      for (const mw of this.incomingMiddleware) {\n        data = mw(data);\n        if (data === null) {\n          this.log.debug('[SharedWS] ✗ incoming dropped by middleware');\n          return;\n        }\n      }\n\n      const msg = data as Record<string, unknown> | null | undefined;\n      const event = (msg?.[this.proto.eventField] as string) ?? this.proto.defaultEvent;\n      let payload = msg?.[this.proto.dataField] ?? data;\n\n      // Per-event deserializer transforms data after global deserialize\n      const eventDeserializer = this.deserializers.get(event);\n      if (eventDeserializer) {\n        payload = eventDeserializer(payload);\n      }\n\n      this.log.debug('[SharedWS] ← recv', event, payload);\n      this.bus.broadcast('ws:message', { event, data: payload });\n    });\n\n    this.socket.onStateChange((state: string) => {\n      this.log.info('[SharedWS]', state === 'connected' ? '✓ connected' : state === 'reconnecting' ? '🔄 reconnecting' : `state: ${state}`);\n      switch (state) {\n        case 'connected':\n          this.bus.broadcast('ws:lifecycle', { type: 'connect' });\n          this.reAuthenticateOnReconnect();\n          break;\n        case 'closed':\n          this.bus.broadcast('ws:lifecycle', { type: 'disconnect' });\n          break;\n        case 'reconnecting':\n          this.bus.broadcast('ws:lifecycle', { type: 'reconnecting' });\n          break;\n      }\n    });\n\n    this.cleanups.push(\n      this.bus.respond<{ event: string; data: unknown }, unknown>('ws:request', async (req) => {\n        return new Promise((resolve) => {\n          const unsub = this.socket!.onMessage((response: unknown) => {\n            const res = response as Record<string, unknown> | undefined;\n            if (res?.[this.proto.eventField] === req.event || res?.requestId) {\n              unsub();\n              resolve(res?.[this.proto.dataField] ?? response);\n            }\n          });\n          this.socket!.send({ event: req.event, data: req.data });\n        });\n      }),\n    );\n\n    void this.socket.connect();\n  }\n\n  private reAuthenticateOnReconnect(): void {\n    if (!this._isAuthenticated || !this.socket) return;\n\n    const token = this.syncStore.get('$auth:token') as string | undefined;\n    if (token) {\n      this.socket.send({\n        [this.proto.eventField]: this.proto.authLogin,\n        [this.proto.dataField]: { token },\n      });\n      this.log.debug('[SharedWS] re-authenticated after reconnect');\n    }\n\n    // Re-join auth channels\n    for (const name of this.authChannels.keys()) {\n      this.socket.send({\n        [this.proto.eventField]: this.proto.channelJoin,\n        [this.proto.dataField]: { channel: name },\n      });\n    }\n\n    // Re-subscribe auth topics\n    for (const topic of this.authTopics) {\n      this.socket.send({\n        [this.proto.eventField]: this.proto.topicSubscribe,\n        [this.proto.dataField]: { topic },\n      });\n    }\n  }\n\n  private handleLoseLeadership(): void {\n    if (this.socket) {\n      this.socket[Symbol.dispose]();\n      this.socket = null;\n    }\n  }\n\n  [Symbol.dispose](): void {\n    if (this.disposed) return;\n    this.disposed = true;\n\n    this.coordinator[Symbol.dispose]();\n\n    if (this.socket) {\n      this.socket[Symbol.dispose]();\n      this.socket = null;\n    }\n\n    for (const unsub of this.cleanups) unsub();\n    this.cleanups = [];\n    this.subs[Symbol.dispose]();\n    this.bus[Symbol.dispose]();\n    this.syncStore.clear();\n    this.authChannels.clear();\n    this.authTopics.clear();\n  }\n}\n"]}