@gwakko/shared-websocket 0.12.2 → 0.12.3

package/dist/chunk-SQZHBLWT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -5,10 +5,10 @@
 
 
 
-var _chunkADGLL3J2cjs = require('./chunk-ADGLL3J2.cjs');
+var _chunkOVKB2KLEcjs = require('./chunk-OVKB2KLE.cjs');
 
 
-var _chunkET3YHQ7Vcjs = require('./chunk-ET3YHQ7V.cjs');
+var _chunkRJKAFACHcjs = require('./chunk-RJKAFACH.cjs');
 require('./chunk-PNQIHDJF.cjs');
 
 // src/withSocket.ts
@@ -21,7 +21,7 @@ async function withSocket(url, optionsOrCallback, maybeCallback) {
     options = optionsOrCallback;
     callback = maybeCallback;
   }
-  const ws = new (0, _chunkADGLL3J2cjs.SharedWebSocket)(url, options);
+  const ws = new (0, _chunkOVKB2KLEcjs.SharedWebSocket)(url, options);
   const controller = new AbortController();
   if (_optionalChain([options, 'optionalAccess', _ => _.signal])) {
     if (options.signal.aborted) {
@@ -47,5 +47,5 @@ async function withSocket(url, optionsOrCallback, maybeCallback) {
 
 
 
-exports.MessageBus = _chunkADGLL3J2cjs.MessageBus; exports.SharedSocket = _chunkADGLL3J2cjs.SharedSocket; exports.SharedWebSocket = _chunkADGLL3J2cjs.SharedWebSocket; exports.SubscriptionManager = _chunkADGLL3J2cjs.SubscriptionManager; exports.TabCoordinator = _chunkADGLL3J2cjs.TabCoordinator; exports.TabSync = _chunkET3YHQ7Vcjs.TabSync; exports.WorkerSocket = _chunkADGLL3J2cjs.WorkerSocket; exports.withSocket = withSocket;
+exports.MessageBus = _chunkOVKB2KLEcjs.MessageBus; exports.SharedSocket = _chunkOVKB2KLEcjs.SharedSocket; exports.SharedWebSocket = _chunkOVKB2KLEcjs.SharedWebSocket; exports.SubscriptionManager = _chunkOVKB2KLEcjs.SubscriptionManager; exports.TabCoordinator = _chunkOVKB2KLEcjs.TabCoordinator; exports.TabSync = _chunkRJKAFACHcjs.TabSync; exports.WorkerSocket = _chunkOVKB2KLEcjs.WorkerSocket; exports.withSocket = withSocket;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -5,10 +5,10 @@ import {
   SubscriptionManager,
   TabCoordinator,
   WorkerSocket
-} from "./chunk-FZIIMO67.js";
+} from "./chunk-SQZHBLWT.js";
 import {
   TabSync
-} from "./chunk-RM27CYKT.js";
+} from "./chunk-7WBM2C7H.js";
 import "./chunk-B2V5HX77.js";
 
 // src/withSocket.ts

package/dist/react.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkADGLL3J2cjs = require('./chunk-ADGLL3J2.cjs');
+var _chunkOVKB2KLEcjs = require('./chunk-OVKB2KLE.cjs');
 require('./chunk-PNQIHDJF.cjs');
 
 // src/adapters/react.ts
@@ -15,12 +15,9 @@ require('./chunk-PNQIHDJF.cjs');
 var _react = require('react');
 var SharedWSContext = _react.createContext.call(void 0, null);
 function SharedWebSocketProvider({ url, options, children }) {
-  const [socket] = _react.useState.call(void 0, () => {
-    const ws = new (0, _chunkADGLL3J2cjs.SharedWebSocket)(url, options);
-    ws.connect();
-    return ws;
-  });
+  const [socket] = _react.useState.call(void 0, () => new (0, _chunkOVKB2KLEcjs.SharedWebSocket)(url, options));
   _react.useEffect.call(void 0, () => {
+    socket.connect();
     return () => {
       socket[Symbol.dispose]();
     };

package/dist/react.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/react.cjs","../src/adapters/react.ts"],"names":[],"mappings":"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","file":"/Users/gwakko/Projects/shared-websocket/dist/react.cjs","sourcesContent":[null,"import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { SharedWebSocket } from '../SharedWebSocket';\nimport type { SharedWebSocketOptions, TabRole, SocketLifecycleHandlers, EventHandler } from '../types';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst SharedWSContext = createContext<SharedWebSocket | null>(null);\n\n/**\n * Provider props — pass URL and options as props for flexibility.\n *\n * @example\n * <SharedWebSocketProvider url=\"wss://api.example.com/ws\" options={{ auth: getToken }}>\n *   <App />\n * </SharedWebSocketProvider>\n */\nexport interface SharedWebSocketProviderProps {\n  url: string;\n  options?: SharedWebSocketOptions;\n  children: ReactNode;\n}\n\n/**\n * Provider component — creates SharedWebSocket from props, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <SharedWebSocketProvider\n *       url=\"wss://api.example.com/ws\"\n *       options={{\n *         auth: () => localStorage.getItem('token')!,\n *         useWorker: true,\n *       }}\n *     >\n *       <Dashboard />\n *     </SharedWebSocketProvider>\n *   );\n * }\n */\nexport function SharedWebSocketProvider({ url, options, children }: SharedWebSocketProviderProps) {\n  const [socket] = useState(() => {\n    const ws = new SharedWebSocket(url, options);\n    ws.connect();\n    return ws;\n  });\n\n  useEffect(() => {\n    return () => {\n      socket[Symbol.dispose]();\n    };\n  }, [socket]);\n\n  return createElement(SharedWSContext.Provider, { value: socket }, children);\n}\n\n/**\n * Access the SharedWebSocket instance from context.\n *\n * @example\n * const ws = useSharedWebSocket();\n * ws.send('chat.message', { text: 'Hello' });\n */\nexport function useSharedWebSocket(): SharedWebSocket {\n  const ctx = useContext(SharedWSContext);\n  if (!ctx) {\n    throw new Error('useSharedWebSocket must be used within <SharedWebSocketProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Reactive auth state with authenticate/deauthenticate actions.\n * Syncs across all tabs via BroadcastChannel.\n *\n * @example\n * function LoginPage() {\n *   const { authenticate } = useSocketAuth();\n *   const login = async (email: string, password: string) => {\n *     const { token } = await api.login(email, password);\n *     authenticate(token);\n *   };\n *   return <button onClick={() => login('user@test.com', 'pass')}>Login</button>;\n * }\n *\n * @example\n * function Header() {\n *   const { isAuthenticated, deauthenticate } = useSocketAuth();\n *   return isAuthenticated\n *     ? <button onClick={deauthenticate}>Logout</button>\n *     : <Link to=\"/login\">Login</Link>;\n * }\n */\nexport function useSocketAuth(): {\n  isAuthenticated: boolean;\n  authenticate: (token: string) => void;\n  deauthenticate: () => void;\n} {\n  const socket = useSharedWebSocket();\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const onAuthChange = useEffectEvent((authenticated: boolean) => {\n    setIsAuthenticated(authenticated);\n  });\n\n  useEffect(() => {\n    return socket.onAuthChange(onAuthChange);\n  }, [socket]);\n\n  const authenticate = useEffectEvent((token: string) => {\n    socket.authenticate(token);\n  });\n\n  const deauthenticate = useEffectEvent(() => {\n    socket.deauthenticate();\n  });\n\n  return { isAuthenticated, authenticate, deauthenticate };\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Subscribe to a WebSocket event.\n * - Without callback: returns the latest received value (reactive state).\n * - With callback: calls your handler on each event (stable ref via useEffectEvent).\n *\n * @example\n * // Reactive state — returns latest value\n * const order = useSocketEvent<Order>('order.created');\n *\n * @example\n * // Custom callback — full control, no state\n * useSocketEvent<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', order);\n * });\n *\n * @example\n * // Custom callback with transform — store in your own state\n * const [orders, setOrders] = useState<Order[]>([]);\n * useSocketEvent<Order>('order.created', (order) => {\n *   setOrders(prev => [order, ...prev].slice(0, 50)); // keep last 50\n * });\n */\nexport function useSocketEvent<T>(event: string, callback?: (data: T) => void): T | undefined {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T | undefined>(undefined);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setValue(data);\n    }\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? undefined : value;\n}\n\n/**\n * Accumulate WebSocket events into an array.\n * - Without callback: returns accumulated array (reactive state).\n * - With callback: calls your handler on each event, you manage your own state.\n *\n * @example\n * // Default — accumulates all events\n * const messages = useSocketStream<ChatMessage>('chat.message');\n *\n * @example\n * // Custom callback — keep only last 50, transform, filter, etc.\n * const [messages, setMessages] = useState<ChatMessage[]>([]);\n * useSocketStream<ChatMessage>('chat.message', (msg) => {\n *   setMessages(prev => [msg, ...prev].slice(0, 50));\n * });\n *\n * @example\n * // Custom callback — filter by type\n * const [errors, setErrors] = useState<LogEntry[]>([]);\n * useSocketStream<LogEntry>('log.entry', (entry) => {\n *   if (entry.level === 'error') setErrors(prev => [...prev, entry]);\n * });\n */\nexport function useSocketStream<T>(event: string, callback?: (data: T) => void): T[] {\n  const socket = useSharedWebSocket();\n  const [items, setItems] = useState<T[]>([]);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setItems((prev) => [...prev, data]);\n    }\n  });\n\n  useEffect(() => {\n    if (!callback) setItems([]);\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? [] : items;\n}\n\n/**\n * Two-way state sync across browser tabs.\n * - Without callback: returns [value, setter] (like useState but synced).\n * - With callback: calls your handler when any tab updates this key.\n *\n * @example\n * // Default — reactive synced state\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] });\n *\n * @example\n * // Custom callback — side effects on sync\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useSocketSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T>(() => {\n    return socket.getSync<T>(key) ?? initialValue;\n  });\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    const unsub = socket.onSync<T>(key, onSync);\n    return unsub;\n  }, [socket, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    socket.sync(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Subscribe to a WebSocket event with just a callback — no state, no return value.\n * Fire-and-forget: side effects, logging, analytics, sounds, browser notifications.\n * Stable ref via useEffectEvent — callback always sees latest closure values.\n *\n * @example\n * useSocketCallback<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', { id: order.id });\n * });\n *\n * @example\n * // Browser notification only from leader tab\n * useSocketCallback<Notification>('notification', (notif) => {\n *   if (ws.tabRole === 'leader' && document.hidden) {\n *     new Notification(notif.title, { body: notif.body });\n *   }\n * });\n */\nexport function useSocketCallback<T>(event: string, callback: (data: T) => void): void {\n  const socket = useSharedWebSocket();\n\n  const handler = useEffectEvent((data: T) => {\n    callback(data);\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, handler as EventHandler);\n    return unsub;\n  }, [socket, event]);\n}\n\n/**\n * Reactive connection status.\n * Uses useEffectEvent to avoid re-creating interval on state change.\n *\n * @example\n * const { connected, tabRole } = useSocketStatus();\n */\nexport function useSocketStatus(): {\n  connected: boolean;\n  tabRole: TabRole;\n  isAuthenticated: boolean;\n} {\n  const socket = useSharedWebSocket();\n  const [connected, setConnected] = useState(socket.connected);\n  const [tabRole, setTabRole] = useState<TabRole>(socket.tabRole);\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const tick = useEffectEvent(() => {\n    setConnected(socket.connected);\n    setTabRole(socket.tabRole);\n    setIsAuthenticated(socket.isAuthenticated);\n  });\n\n  useEffect(() => {\n    const interval = setInterval(tick, 1000);\n    return () => clearInterval(interval);\n  }, [socket]);\n\n  return { connected, tabRole, isAuthenticated };\n}\n\n/**\n * Lifecycle hooks — react to connection state changes.\n *\n * @example\n * useSocketLifecycle({\n *   onConnect: () => console.log('Connected!'),\n *   onDisconnect: () => console.log('Disconnected'),\n *   onReconnecting: () => showSpinner(),\n *   onLeaderChange: (isLeader) => console.log('Leader:', isLeader),\n *   onError: (err) => reportError(err),\n * });\n */\nexport function useSocketLifecycle(handlers: SocketLifecycleHandlers): void {\n  const socket = useSharedWebSocket();\n\n  const onConnect = useEffectEvent(() => handlers.onConnect?.());\n  const onDisconnect = useEffectEvent(() => handlers.onDisconnect?.());\n  const onReconnecting = useEffectEvent(() => handlers.onReconnecting?.());\n  const onLeaderChange = useEffectEvent((isLeader: boolean) => handlers.onLeaderChange?.(isLeader));\n  const onError = useEffectEvent((error: unknown) => handlers.onError?.(error));\n  const onActive = useEffectEvent(() => handlers.onActive?.());\n  const onInactive = useEffectEvent(() => handlers.onInactive?.());\n  const onVisibilityChange = useEffectEvent((isActive: boolean) => handlers.onVisibilityChange?.(isActive));\n  const onAuthChange = useEffectEvent((authenticated: boolean) => handlers.onAuthChange?.(authenticated));\n\n  useEffect(() => {\n    const unsubs = [\n      socket.onConnect(onConnect),\n      socket.onDisconnect(onDisconnect),\n      socket.onReconnecting(onReconnecting),\n      socket.onLeaderChange(onLeaderChange),\n      socket.onError(onError),\n      socket.onActive(onActive),\n      socket.onInactive(onInactive),\n      socket.onVisibilityChange(onVisibilityChange),\n      socket.onAuthChange(onAuthChange),\n    ];\n    return () => unsubs.forEach((u) => u());\n  }, [socket]);\n}\n\n/**\n * Subscribe to a private channel. Auto-joins on mount, leaves on unmount.\n *\n * @example\n * const chat = useChannel('chat:room_123');\n * const message = useSocketEvent('chat:room_123:message');\n * chat.send('message', { text: 'Hello' });\n *\n * @example\n * // Tenant notifications\n * const notifications = useChannel(`tenant:${tenantId}:notifications`);\n * useSocketCallback(`tenant:${tenantId}:notifications:alert`, showToast);\n */\nexport function useChannel(name: string, options?: { auth?: boolean }) {\n  const socket = useSharedWebSocket();\n  const channelRef = useRef(socket.channel(name, options));\n\n  useEffect(() => {\n    channelRef.current = socket.channel(name, options);\n    return () => channelRef.current.leave();\n  }, [socket, name]);\n\n  return channelRef.current;\n}\n\n/**\n * Subscribe to server-side topics. Auto-unsubscribes on unmount.\n *\n * @example\n * useTopics(['notifications:orders', 'notifications:payments']);\n * useTopics([`user:${userId}:mentions`]);\n */\nexport function useTopics(topics: string[], options?: { auth?: boolean }): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    topics.forEach((t) => socket.subscribe(t, options));\n    return () => topics.forEach((t) => socket.unsubscribe(t));\n  }, [socket, topics.join(',')]);\n}\n\n/**\n * Enable browser push notifications for an event. Auto-cleanup on unmount.\n *\n * @example\n * usePush('notification', {\n *   title: (n) => n.title,\n *   body: (n) => n.body,\n *   icon: '/icon.png',\n * });\n *\n * @example\n * usePush('order.created', {\n *   title: (order) => `New Order #${order.id}`,\n *   body: (order) => `$${order.total}`,\n *   onClick: (order) => navigate(`/orders/${order.id}`),\n * });\n */\nexport function usePush<T = unknown>(\n  event: string,\n  config: {\n    title: string | ((data: T) => string);\n    body?: string | ((data: T) => string);\n    icon?: string;\n    tag?: string | ((data: T) => string);\n    leaderOnly?: boolean;\n    onlyWhenHidden?: boolean;\n    onClick?: (data: T) => void;\n  },\n): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    const unsub = socket.push<T>(event, config);\n    return unsub;\n  }, [socket, event]);\n}\n"]}
+{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/react.cjs","../src/adapters/react.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACA;ACLA;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA,8BACK;AAMP,IAAM,gBAAA,EAAkB,kCAAA,IAA0C,CAAA;AAkC3D,SAAS,uBAAA,CAAwB,EAAE,GAAA,EAAK,OAAA,EAAS,SAAS,CAAA,EAAiC;AAChG,EAAA,MAAM,CAAC,MAAM,EAAA,EAAI,6BAAA,CAAS,EAAA,GAAM,IAAI,sCAAA,CAAgB,GAAA,EAAK,OAAO,CAAC,CAAA;AAEjE,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAA,CAAO,OAAA,CAAQ,CAAA;AACf,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,MAAA,CAAO,MAAA,CAAO,OAAO,CAAA,CAAE,CAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,OAAO,kCAAA,eAAc,CAAgB,QAAA,EAAU,EAAE,KAAA,EAAO,OAAO,CAAA,EAAG,QAAQ,CAAA;AAC5E;AASO,SAAS,kBAAA,CAAA,EAAsC;AACpD,EAAA,MAAM,IAAA,EAAM,+BAAA,eAA0B,CAAA;AACtC,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,kEAAkE,CAAA;AAAA,EACpF;AACA,EAAA,OAAO,GAAA;AACT;AAwBO,SAAS,aAAA,CAAA,EAId;AACA,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,EAAA,EAAI,6BAAA,MAAS,CAAO,eAAe,CAAA;AAE7E,EAAA,MAAM,aAAA,EAAe,mCAAA,CAAgB,aAAA,EAAA,GAA2B;AAC9D,IAAA,kBAAA,CAAmB,aAAa,CAAA;AAAA,EAClC,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,OAAO,MAAA,CAAO,YAAA,CAAa,YAAY,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,aAAA,EAAe,mCAAA,CAAgB,KAAA,EAAA,GAAkB;AACrD,IAAA,MAAA,CAAO,YAAA,CAAa,KAAK,CAAA;AAAA,EAC3B,CAAC,CAAA;AAED,EAAA,MAAM,eAAA,EAAiB,mCAAA,CAAe,EAAA,GAAM;AAC1C,IAAA,MAAA,CAAO,cAAA,CAAe,CAAA;AAAA,EACxB,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,eAAA,EAAiB,YAAA,EAAc,eAAe,CAAA;AACzD;AA2BO,SAAS,cAAA,CAAkB,KAAA,EAAe,QAAA,EAA6C;AAC5F,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,KAAwB,CAAS,CAAA;AAE3D,EAAA,MAAM,QAAA,EAAU,mCAAA,CAAgB,IAAA,EAAA,GAAY;AAC1C,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,EAAA,KAAO;AACL,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf;AAAA,EACF,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,MAAA,EAAQ,MAAA,CAAO,EAAA,CAAG,KAAA,EAAO,OAAuB,CAAA;AACtD,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAElB,EAAA,OAAO,SAAA,EAAW,KAAA,EAAA,EAAY,KAAA;AAChC;AAyBO,SAAS,eAAA,CAAmB,KAAA,EAAe,QAAA,EAAmC;AACnF,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,CAAe,CAAC,CAAA;AAE1C,EAAA,MAAM,QAAA,EAAU,mCAAA,CAAgB,IAAA,EAAA,GAAY;AAC1C,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,EAAA,KAAO;AACL,MAAA,QAAA,CAAS,CAAC,IAAA,EAAA,GAAS,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA;AAAA,IACpC;AAAA,EACF,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,CAAC,QAAA,EAAU,QAAA,CAAS,CAAC,CAAC,CAAA;AAC1B,IAAA,MAAM,MAAA,EAAQ,MAAA,CAAO,EAAA,CAAG,KAAA,EAAO,OAAuB,CAAA;AACtD,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAElB,EAAA,OAAO,SAAA,EAAW,CAAC,EAAA,EAAI,KAAA;AACzB;AAkBO,SAAS,aAAA,CACd,GAAA,EACA,YAAA,EACA,QAAA,EACyB;AACzB,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,CAAY,EAAA,GAAM;AAC1C,IAAA,wBAAO,MAAA,CAAO,OAAA,CAAW,GAAG,CAAA,UAAK,cAAA;AAAA,EACnC,CAAC,CAAA;AAED,EAAA,MAAM,OAAA,EAAS,mCAAA,CAAgB,MAAA,EAAA,GAAc;AAC3C,IAAA,QAAA,CAAS,MAAM,CAAA;AACf,oBAAA,QAAA,wBAAA,CAAW,MAAM,GAAA;AAAA,EACnB,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,MAAA,EAAQ,MAAA,CAAO,MAAA,CAAU,GAAA,EAAK,MAAM,CAAA;AAC1C,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,GAAG,CAAC,CAAA;AAEhB,EAAA,MAAM,WAAA,EAAa,mCAAA,CAAgB,QAAA,EAAA,GAAgB;AACjD,IAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,IAAA,MAAA,CAAO,IAAA,CAAK,GAAA,EAAK,QAAQ,CAAA;AAAA,EAC3B,CAAC,CAAA;AAED,EAAA,OAAO,CAAC,KAAA,EAAO,UAAU,CAAA;AAC3B;AAqBO,SAAS,iBAAA,CAAqB,KAAA,EAAe,QAAA,EAAmC;AACrF,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAElC,EAAA,MAAM,QAAA,EAAU,mCAAA,CAAgB,IAAA,EAAA,GAAY;AAC1C,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,MAAA,EAAQ,MAAA,CAAO,EAAA,CAAG,KAAA,EAAO,OAAuB,CAAA;AACtD,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AACpB;AASO,SAAS,eAAA,CAAA,EAId;AACA,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,MAAS,CAAO,SAAS,CAAA;AAC3D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,MAAkB,CAAO,OAAO,CAAA;AAC9D,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,EAAA,EAAI,6BAAA,MAAS,CAAO,eAAe,CAAA;AAE7E,EAAA,MAAM,KAAA,EAAO,mCAAA,CAAe,EAAA,GAAM;AAChC,IAAA,YAAA,CAAa,MAAA,CAAO,SAAS,CAAA;AAC7B,IAAA,UAAA,CAAW,MAAA,CAAO,OAAO,CAAA;AACzB,IAAA,kBAAA,CAAmB,MAAA,CAAO,eAAe,CAAA;AAAA,EAC3C,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,SAAA,EAAW,WAAA,CAAY,IAAA,EAAM,GAAI,CAAA;AACvC,IAAA,OAAO,CAAA,EAAA,GAAM,aAAA,CAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,OAAO,EAAE,SAAA,EAAW,OAAA,EAAS,gBAAgB,CAAA;AAC/C;AAcO,SAAS,kBAAA,CAAmB,QAAA,EAAyC;AAC1E,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAElC,EAAA,MAAM,UAAA,EAAY,mCAAA,CAAe,EAAA,mBAAM,QAAA,qBAAS,SAAA,0BAAA,CAAY,GAAC,CAAA;AAC7D,EAAA,MAAM,aAAA,EAAe,mCAAA,CAAe,EAAA,mBAAM,QAAA,qBAAS,YAAA,0BAAA,CAAe,GAAC,CAAA;AACnE,EAAA,MAAM,eAAA,EAAiB,mCAAA,CAAe,EAAA,mBAAM,QAAA,qBAAS,cAAA,0BAAA,CAAiB,GAAC,CAAA;AACvE,EAAA,MAAM,eAAA,EAAiB,mCAAA,CAAgB,QAAA,EAAA,mBAAsB,QAAA,qBAAS,cAAA,0BAAA,CAAiB,QAAQ,GAAC,CAAA;AAChG,EAAA,MAAM,QAAA,EAAU,mCAAA,CAAgB,KAAA,EAAA,mBAAmB,QAAA,uBAAS,OAAA,4BAAA,CAAU,KAAK,GAAC,CAAA;AAC5E,EAAA,MAAM,SAAA,EAAW,mCAAA,CAAe,EAAA,mBAAM,QAAA,uBAAS,QAAA,4BAAA,CAAW,GAAC,CAAA;AAC3D,EAAA,MAAM,WAAA,EAAa,mCAAA,CAAe,EAAA,mBAAM,QAAA,uBAAS,UAAA,4BAAA,CAAa,GAAC,CAAA;AAC/D,EAAA,MAAM,mBAAA,EAAqB,mCAAA,CAAgB,QAAA,EAAA,mBAAsB,QAAA,uBAAS,kBAAA,4BAAA,CAAqB,QAAQ,GAAC,CAAA;AACxG,EAAA,MAAM,aAAA,EAAe,mCAAA,CAAgB,aAAA,EAAA,mBAA2B,QAAA,uBAAS,YAAA,4BAAA,CAAe,aAAa,GAAC,CAAA;AAEtG,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,OAAA,EAAS;AAAA,MACb,MAAA,CAAO,SAAA,CAAU,SAAS,CAAA;AAAA,MAC1B,MAAA,CAAO,YAAA,CAAa,YAAY,CAAA;AAAA,MAChC,MAAA,CAAO,cAAA,CAAe,cAAc,CAAA;AAAA,MACpC,MAAA,CAAO,cAAA,CAAe,cAAc,CAAA;AAAA,MACpC,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA;AAAA,MACtB,MAAA,CAAO,QAAA,CAAS,QAAQ,CAAA;AAAA,MACxB,MAAA,CAAO,UAAA,CAAW,UAAU,CAAA;AAAA,MAC5B,MAAA,CAAO,kBAAA,CAAmB,kBAAkB,CAAA;AAAA,MAC5C,MAAA,CAAO,YAAA,CAAa,YAAY;AAAA,IAClC,CAAA;AACA,IAAA,OAAO,CAAA,EAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,CAAC,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACb;AAeO,SAAS,UAAA,CAAW,IAAA,EAAc,OAAA,EAA8B;AACrE,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAClC,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAO,CAAO,OAAA,CAAQ,IAAA,EAAM,OAAO,CAAC,CAAA;AAEvD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,UAAA,CAAW,QAAA,EAAU,MAAA,CAAO,OAAA,CAAQ,IAAA,EAAM,OAAO,CAAA;AACjD,IAAA,OAAO,CAAA,EAAA,GAAM,UAAA,CAAW,OAAA,CAAQ,KAAA,CAAM,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAI,CAAC,CAAA;AAEjB,EAAA,OAAO,UAAA,CAAW,OAAA;AACpB;AASO,SAAS,SAAA,CAAU,MAAA,EAAkB,OAAA,EAAoC;AAC9E,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAElC,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,MAAA,CAAO,SAAA,CAAU,CAAA,EAAG,OAAO,CAAC,CAAA;AAClD,IAAA,OAAO,CAAA,EAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,MAAA,CAAO,WAAA,CAAY,CAAC,CAAC,CAAA;AAAA,EAC1D,CAAA,EAAG,CAAC,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,GAAG,CAAC,CAAC,CAAA;AAC/B;AAmBO,SAAS,OAAA,CACd,KAAA,EACA,MAAA,EASM;AACN,EAAA,MAAM,OAAA,EAAS,kBAAA,CAAmB,CAAA;AAElC,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAQ,KAAA,EAAO,MAAM,CAAA;AAC1C,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AACpB;ADtQA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,mfAAC","file":"/Users/gwakko/Projects/shared-websocket/dist/react.cjs","sourcesContent":[null,"import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { SharedWebSocket } from '../SharedWebSocket';\nimport type { SharedWebSocketOptions, TabRole, SocketLifecycleHandlers, EventHandler } from '../types';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst SharedWSContext = createContext<SharedWebSocket | null>(null);\n\n/**\n * Provider props — pass URL and options as props for flexibility.\n *\n * @example\n * <SharedWebSocketProvider url=\"wss://api.example.com/ws\" options={{ auth: getToken }}>\n *   <App />\n * </SharedWebSocketProvider>\n */\nexport interface SharedWebSocketProviderProps {\n  url: string;\n  options?: SharedWebSocketOptions;\n  children: ReactNode;\n}\n\n/**\n * Provider component — creates SharedWebSocket from props, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <SharedWebSocketProvider\n *       url=\"wss://api.example.com/ws\"\n *       options={{\n *         auth: () => localStorage.getItem('token')!,\n *         useWorker: true,\n *       }}\n *     >\n *       <Dashboard />\n *     </SharedWebSocketProvider>\n *   );\n * }\n */\nexport function SharedWebSocketProvider({ url, options, children }: SharedWebSocketProviderProps) {\n  const [socket] = useState(() => new SharedWebSocket(url, options));\n\n  useEffect(() => {\n    socket.connect();\n    return () => {\n      socket[Symbol.dispose]();\n    };\n  }, [socket]);\n\n  return createElement(SharedWSContext.Provider, { value: socket }, children);\n}\n\n/**\n * Access the SharedWebSocket instance from context.\n *\n * @example\n * const ws = useSharedWebSocket();\n * ws.send('chat.message', { text: 'Hello' });\n */\nexport function useSharedWebSocket(): SharedWebSocket {\n  const ctx = useContext(SharedWSContext);\n  if (!ctx) {\n    throw new Error('useSharedWebSocket must be used within <SharedWebSocketProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Reactive auth state with authenticate/deauthenticate actions.\n * Syncs across all tabs via BroadcastChannel.\n *\n * @example\n * function LoginPage() {\n *   const { authenticate } = useSocketAuth();\n *   const login = async (email: string, password: string) => {\n *     const { token } = await api.login(email, password);\n *     authenticate(token);\n *   };\n *   return <button onClick={() => login('user@test.com', 'pass')}>Login</button>;\n * }\n *\n * @example\n * function Header() {\n *   const { isAuthenticated, deauthenticate } = useSocketAuth();\n *   return isAuthenticated\n *     ? <button onClick={deauthenticate}>Logout</button>\n *     : <Link to=\"/login\">Login</Link>;\n * }\n */\nexport function useSocketAuth(): {\n  isAuthenticated: boolean;\n  authenticate: (token: string) => void;\n  deauthenticate: () => void;\n} {\n  const socket = useSharedWebSocket();\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const onAuthChange = useEffectEvent((authenticated: boolean) => {\n    setIsAuthenticated(authenticated);\n  });\n\n  useEffect(() => {\n    return socket.onAuthChange(onAuthChange);\n  }, [socket]);\n\n  const authenticate = useEffectEvent((token: string) => {\n    socket.authenticate(token);\n  });\n\n  const deauthenticate = useEffectEvent(() => {\n    socket.deauthenticate();\n  });\n\n  return { isAuthenticated, authenticate, deauthenticate };\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Subscribe to a WebSocket event.\n * - Without callback: returns the latest received value (reactive state).\n * - With callback: calls your handler on each event (stable ref via useEffectEvent).\n *\n * @example\n * // Reactive state — returns latest value\n * const order = useSocketEvent<Order>('order.created');\n *\n * @example\n * // Custom callback — full control, no state\n * useSocketEvent<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', order);\n * });\n *\n * @example\n * // Custom callback with transform — store in your own state\n * const [orders, setOrders] = useState<Order[]>([]);\n * useSocketEvent<Order>('order.created', (order) => {\n *   setOrders(prev => [order, ...prev].slice(0, 50)); // keep last 50\n * });\n */\nexport function useSocketEvent<T>(event: string, callback?: (data: T) => void): T | undefined {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T | undefined>(undefined);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setValue(data);\n    }\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? undefined : value;\n}\n\n/**\n * Accumulate WebSocket events into an array.\n * - Without callback: returns accumulated array (reactive state).\n * - With callback: calls your handler on each event, you manage your own state.\n *\n * @example\n * // Default — accumulates all events\n * const messages = useSocketStream<ChatMessage>('chat.message');\n *\n * @example\n * // Custom callback — keep only last 50, transform, filter, etc.\n * const [messages, setMessages] = useState<ChatMessage[]>([]);\n * useSocketStream<ChatMessage>('chat.message', (msg) => {\n *   setMessages(prev => [msg, ...prev].slice(0, 50));\n * });\n *\n * @example\n * // Custom callback — filter by type\n * const [errors, setErrors] = useState<LogEntry[]>([]);\n * useSocketStream<LogEntry>('log.entry', (entry) => {\n *   if (entry.level === 'error') setErrors(prev => [...prev, entry]);\n * });\n */\nexport function useSocketStream<T>(event: string, callback?: (data: T) => void): T[] {\n  const socket = useSharedWebSocket();\n  const [items, setItems] = useState<T[]>([]);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setItems((prev) => [...prev, data]);\n    }\n  });\n\n  useEffect(() => {\n    if (!callback) setItems([]);\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? [] : items;\n}\n\n/**\n * Two-way state sync across browser tabs.\n * - Without callback: returns [value, setter] (like useState but synced).\n * - With callback: calls your handler when any tab updates this key.\n *\n * @example\n * // Default — reactive synced state\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] });\n *\n * @example\n * // Custom callback — side effects on sync\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useSocketSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T>(() => {\n    return socket.getSync<T>(key) ?? initialValue;\n  });\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    const unsub = socket.onSync<T>(key, onSync);\n    return unsub;\n  }, [socket, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    socket.sync(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Subscribe to a WebSocket event with just a callback — no state, no return value.\n * Fire-and-forget: side effects, logging, analytics, sounds, browser notifications.\n * Stable ref via useEffectEvent — callback always sees latest closure values.\n *\n * @example\n * useSocketCallback<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', { id: order.id });\n * });\n *\n * @example\n * // Browser notification only from leader tab\n * useSocketCallback<Notification>('notification', (notif) => {\n *   if (ws.tabRole === 'leader' && document.hidden) {\n *     new Notification(notif.title, { body: notif.body });\n *   }\n * });\n */\nexport function useSocketCallback<T>(event: string, callback: (data: T) => void): void {\n  const socket = useSharedWebSocket();\n\n  const handler = useEffectEvent((data: T) => {\n    callback(data);\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, handler as EventHandler);\n    return unsub;\n  }, [socket, event]);\n}\n\n/**\n * Reactive connection status.\n * Uses useEffectEvent to avoid re-creating interval on state change.\n *\n * @example\n * const { connected, tabRole } = useSocketStatus();\n */\nexport function useSocketStatus(): {\n  connected: boolean;\n  tabRole: TabRole;\n  isAuthenticated: boolean;\n} {\n  const socket = useSharedWebSocket();\n  const [connected, setConnected] = useState(socket.connected);\n  const [tabRole, setTabRole] = useState<TabRole>(socket.tabRole);\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const tick = useEffectEvent(() => {\n    setConnected(socket.connected);\n    setTabRole(socket.tabRole);\n    setIsAuthenticated(socket.isAuthenticated);\n  });\n\n  useEffect(() => {\n    const interval = setInterval(tick, 1000);\n    return () => clearInterval(interval);\n  }, [socket]);\n\n  return { connected, tabRole, isAuthenticated };\n}\n\n/**\n * Lifecycle hooks — react to connection state changes.\n *\n * @example\n * useSocketLifecycle({\n *   onConnect: () => console.log('Connected!'),\n *   onDisconnect: () => console.log('Disconnected'),\n *   onReconnecting: () => showSpinner(),\n *   onLeaderChange: (isLeader) => console.log('Leader:', isLeader),\n *   onError: (err) => reportError(err),\n * });\n */\nexport function useSocketLifecycle(handlers: SocketLifecycleHandlers): void {\n  const socket = useSharedWebSocket();\n\n  const onConnect = useEffectEvent(() => handlers.onConnect?.());\n  const onDisconnect = useEffectEvent(() => handlers.onDisconnect?.());\n  const onReconnecting = useEffectEvent(() => handlers.onReconnecting?.());\n  const onLeaderChange = useEffectEvent((isLeader: boolean) => handlers.onLeaderChange?.(isLeader));\n  const onError = useEffectEvent((error: unknown) => handlers.onError?.(error));\n  const onActive = useEffectEvent(() => handlers.onActive?.());\n  const onInactive = useEffectEvent(() => handlers.onInactive?.());\n  const onVisibilityChange = useEffectEvent((isActive: boolean) => handlers.onVisibilityChange?.(isActive));\n  const onAuthChange = useEffectEvent((authenticated: boolean) => handlers.onAuthChange?.(authenticated));\n\n  useEffect(() => {\n    const unsubs = [\n      socket.onConnect(onConnect),\n      socket.onDisconnect(onDisconnect),\n      socket.onReconnecting(onReconnecting),\n      socket.onLeaderChange(onLeaderChange),\n      socket.onError(onError),\n      socket.onActive(onActive),\n      socket.onInactive(onInactive),\n      socket.onVisibilityChange(onVisibilityChange),\n      socket.onAuthChange(onAuthChange),\n    ];\n    return () => unsubs.forEach((u) => u());\n  }, [socket]);\n}\n\n/**\n * Subscribe to a private channel. Auto-joins on mount, leaves on unmount.\n *\n * @example\n * const chat = useChannel('chat:room_123');\n * const message = useSocketEvent('chat:room_123:message');\n * chat.send('message', { text: 'Hello' });\n *\n * @example\n * // Tenant notifications\n * const notifications = useChannel(`tenant:${tenantId}:notifications`);\n * useSocketCallback(`tenant:${tenantId}:notifications:alert`, showToast);\n */\nexport function useChannel(name: string, options?: { auth?: boolean }) {\n  const socket = useSharedWebSocket();\n  const channelRef = useRef(socket.channel(name, options));\n\n  useEffect(() => {\n    channelRef.current = socket.channel(name, options);\n    return () => channelRef.current.leave();\n  }, [socket, name]);\n\n  return channelRef.current;\n}\n\n/**\n * Subscribe to server-side topics. Auto-unsubscribes on unmount.\n *\n * @example\n * useTopics(['notifications:orders', 'notifications:payments']);\n * useTopics([`user:${userId}:mentions`]);\n */\nexport function useTopics(topics: string[], options?: { auth?: boolean }): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    topics.forEach((t) => socket.subscribe(t, options));\n    return () => topics.forEach((t) => socket.unsubscribe(t));\n  }, [socket, topics.join(',')]);\n}\n\n/**\n * Enable browser push notifications for an event. Auto-cleanup on unmount.\n *\n * @example\n * usePush('notification', {\n *   title: (n) => n.title,\n *   body: (n) => n.body,\n *   icon: '/icon.png',\n * });\n *\n * @example\n * usePush('order.created', {\n *   title: (order) => `New Order #${order.id}`,\n *   body: (order) => `$${order.total}`,\n *   onClick: (order) => navigate(`/orders/${order.id}`),\n * });\n */\nexport function usePush<T = unknown>(\n  event: string,\n  config: {\n    title: string | ((data: T) => string);\n    body?: string | ((data: T) => string);\n    icon?: string;\n    tag?: string | ((data: T) => string);\n    leaderOnly?: boolean;\n    onlyWhenHidden?: boolean;\n    onClick?: (data: T) => void;\n  },\n): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    const unsub = socket.push<T>(event, config);\n    return unsub;\n  }, [socket, event]);\n}\n"]}

package/dist/react.js

@@ -1,6 +1,6 @@
 import {
   SharedWebSocket
-} from "./chunk-FZIIMO67.js";
+} from "./chunk-SQZHBLWT.js";
 import "./chunk-B2V5HX77.js";
 
 // src/adapters/react.ts
@@ -15,12 +15,9 @@ import {
 } from "react";
 var SharedWSContext = createContext(null);
 function SharedWebSocketProvider({ url, options, children }) {
-  const [socket] = useState(() => {
-    const ws = new SharedWebSocket(url, options);
-    ws.connect();
-    return ws;
-  });
+  const [socket] = useState(() => new SharedWebSocket(url, options));
   useEffect(() => {
+    socket.connect();
     return () => {
       socket[Symbol.dispose]();
     };

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/react.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { SharedWebSocket } from '../SharedWebSocket';\nimport type { SharedWebSocketOptions, TabRole, SocketLifecycleHandlers, EventHandler } from '../types';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst SharedWSContext = createContext<SharedWebSocket | null>(null);\n\n/**\n * Provider props — pass URL and options as props for flexibility.\n *\n * @example\n * <SharedWebSocketProvider url=\"wss://api.example.com/ws\" options={{ auth: getToken }}>\n *   <App />\n * </SharedWebSocketProvider>\n */\nexport interface SharedWebSocketProviderProps {\n  url: string;\n  options?: SharedWebSocketOptions;\n  children: ReactNode;\n}\n\n/**\n * Provider component — creates SharedWebSocket from props, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <SharedWebSocketProvider\n *       url=\"wss://api.example.com/ws\"\n *       options={{\n *         auth: () => localStorage.getItem('token')!,\n *         useWorker: true,\n *       }}\n *     >\n *       <Dashboard />\n *     </SharedWebSocketProvider>\n *   );\n * }\n */\nexport function SharedWebSocketProvider({ url, options, children }: SharedWebSocketProviderProps) {\n  const [socket] = useState(() => {\n    const ws = new SharedWebSocket(url, options);\n    ws.connect();\n    return ws;\n  });\n\n  useEffect(() => {\n    return () => {\n      socket[Symbol.dispose]();\n    };\n  }, [socket]);\n\n  return createElement(SharedWSContext.Provider, { value: socket }, children);\n}\n\n/**\n * Access the SharedWebSocket instance from context.\n *\n * @example\n * const ws = useSharedWebSocket();\n * ws.send('chat.message', { text: 'Hello' });\n */\nexport function useSharedWebSocket(): SharedWebSocket {\n  const ctx = useContext(SharedWSContext);\n  if (!ctx) {\n    throw new Error('useSharedWebSocket must be used within <SharedWebSocketProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Reactive auth state with authenticate/deauthenticate actions.\n * Syncs across all tabs via BroadcastChannel.\n *\n * @example\n * function LoginPage() {\n *   const { authenticate } = useSocketAuth();\n *   const login = async (email: string, password: string) => {\n *     const { token } = await api.login(email, password);\n *     authenticate(token);\n *   };\n *   return <button onClick={() => login('user@test.com', 'pass')}>Login</button>;\n * }\n *\n * @example\n * function Header() {\n *   const { isAuthenticated, deauthenticate } = useSocketAuth();\n *   return isAuthenticated\n *     ? <button onClick={deauthenticate}>Logout</button>\n *     : <Link to=\"/login\">Login</Link>;\n * }\n */\nexport function useSocketAuth(): {\n  isAuthenticated: boolean;\n  authenticate: (token: string) => void;\n  deauthenticate: () => void;\n} {\n  const socket = useSharedWebSocket();\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const onAuthChange = useEffectEvent((authenticated: boolean) => {\n    setIsAuthenticated(authenticated);\n  });\n\n  useEffect(() => {\n    return socket.onAuthChange(onAuthChange);\n  }, [socket]);\n\n  const authenticate = useEffectEvent((token: string) => {\n    socket.authenticate(token);\n  });\n\n  const deauthenticate = useEffectEvent(() => {\n    socket.deauthenticate();\n  });\n\n  return { isAuthenticated, authenticate, deauthenticate };\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Subscribe to a WebSocket event.\n * - Without callback: returns the latest received value (reactive state).\n * - With callback: calls your handler on each event (stable ref via useEffectEvent).\n *\n * @example\n * // Reactive state — returns latest value\n * const order = useSocketEvent<Order>('order.created');\n *\n * @example\n * // Custom callback — full control, no state\n * useSocketEvent<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', order);\n * });\n *\n * @example\n * // Custom callback with transform — store in your own state\n * const [orders, setOrders] = useState<Order[]>([]);\n * useSocketEvent<Order>('order.created', (order) => {\n *   setOrders(prev => [order, ...prev].slice(0, 50)); // keep last 50\n * });\n */\nexport function useSocketEvent<T>(event: string, callback?: (data: T) => void): T | undefined {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T | undefined>(undefined);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setValue(data);\n    }\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? undefined : value;\n}\n\n/**\n * Accumulate WebSocket events into an array.\n * - Without callback: returns accumulated array (reactive state).\n * - With callback: calls your handler on each event, you manage your own state.\n *\n * @example\n * // Default — accumulates all events\n * const messages = useSocketStream<ChatMessage>('chat.message');\n *\n * @example\n * // Custom callback — keep only last 50, transform, filter, etc.\n * const [messages, setMessages] = useState<ChatMessage[]>([]);\n * useSocketStream<ChatMessage>('chat.message', (msg) => {\n *   setMessages(prev => [msg, ...prev].slice(0, 50));\n * });\n *\n * @example\n * // Custom callback — filter by type\n * const [errors, setErrors] = useState<LogEntry[]>([]);\n * useSocketStream<LogEntry>('log.entry', (entry) => {\n *   if (entry.level === 'error') setErrors(prev => [...prev, entry]);\n * });\n */\nexport function useSocketStream<T>(event: string, callback?: (data: T) => void): T[] {\n  const socket = useSharedWebSocket();\n  const [items, setItems] = useState<T[]>([]);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setItems((prev) => [...prev, data]);\n    }\n  });\n\n  useEffect(() => {\n    if (!callback) setItems([]);\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? [] : items;\n}\n\n/**\n * Two-way state sync across browser tabs.\n * - Without callback: returns [value, setter] (like useState but synced).\n * - With callback: calls your handler when any tab updates this key.\n *\n * @example\n * // Default — reactive synced state\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] });\n *\n * @example\n * // Custom callback — side effects on sync\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useSocketSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T>(() => {\n    return socket.getSync<T>(key) ?? initialValue;\n  });\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    const unsub = socket.onSync<T>(key, onSync);\n    return unsub;\n  }, [socket, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    socket.sync(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Subscribe to a WebSocket event with just a callback — no state, no return value.\n * Fire-and-forget: side effects, logging, analytics, sounds, browser notifications.\n * Stable ref via useEffectEvent — callback always sees latest closure values.\n *\n * @example\n * useSocketCallback<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', { id: order.id });\n * });\n *\n * @example\n * // Browser notification only from leader tab\n * useSocketCallback<Notification>('notification', (notif) => {\n *   if (ws.tabRole === 'leader' && document.hidden) {\n *     new Notification(notif.title, { body: notif.body });\n *   }\n * });\n */\nexport function useSocketCallback<T>(event: string, callback: (data: T) => void): void {\n  const socket = useSharedWebSocket();\n\n  const handler = useEffectEvent((data: T) => {\n    callback(data);\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, handler as EventHandler);\n    return unsub;\n  }, [socket, event]);\n}\n\n/**\n * Reactive connection status.\n * Uses useEffectEvent to avoid re-creating interval on state change.\n *\n * @example\n * const { connected, tabRole } = useSocketStatus();\n */\nexport function useSocketStatus(): {\n  connected: boolean;\n  tabRole: TabRole;\n  isAuthenticated: boolean;\n} {\n  const socket = useSharedWebSocket();\n  const [connected, setConnected] = useState(socket.connected);\n  const [tabRole, setTabRole] = useState<TabRole>(socket.tabRole);\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const tick = useEffectEvent(() => {\n    setConnected(socket.connected);\n    setTabRole(socket.tabRole);\n    setIsAuthenticated(socket.isAuthenticated);\n  });\n\n  useEffect(() => {\n    const interval = setInterval(tick, 1000);\n    return () => clearInterval(interval);\n  }, [socket]);\n\n  return { connected, tabRole, isAuthenticated };\n}\n\n/**\n * Lifecycle hooks — react to connection state changes.\n *\n * @example\n * useSocketLifecycle({\n *   onConnect: () => console.log('Connected!'),\n *   onDisconnect: () => console.log('Disconnected'),\n *   onReconnecting: () => showSpinner(),\n *   onLeaderChange: (isLeader) => console.log('Leader:', isLeader),\n *   onError: (err) => reportError(err),\n * });\n */\nexport function useSocketLifecycle(handlers: SocketLifecycleHandlers): void {\n  const socket = useSharedWebSocket();\n\n  const onConnect = useEffectEvent(() => handlers.onConnect?.());\n  const onDisconnect = useEffectEvent(() => handlers.onDisconnect?.());\n  const onReconnecting = useEffectEvent(() => handlers.onReconnecting?.());\n  const onLeaderChange = useEffectEvent((isLeader: boolean) => handlers.onLeaderChange?.(isLeader));\n  const onError = useEffectEvent((error: unknown) => handlers.onError?.(error));\n  const onActive = useEffectEvent(() => handlers.onActive?.());\n  const onInactive = useEffectEvent(() => handlers.onInactive?.());\n  const onVisibilityChange = useEffectEvent((isActive: boolean) => handlers.onVisibilityChange?.(isActive));\n  const onAuthChange = useEffectEvent((authenticated: boolean) => handlers.onAuthChange?.(authenticated));\n\n  useEffect(() => {\n    const unsubs = [\n      socket.onConnect(onConnect),\n      socket.onDisconnect(onDisconnect),\n      socket.onReconnecting(onReconnecting),\n      socket.onLeaderChange(onLeaderChange),\n      socket.onError(onError),\n      socket.onActive(onActive),\n      socket.onInactive(onInactive),\n      socket.onVisibilityChange(onVisibilityChange),\n      socket.onAuthChange(onAuthChange),\n    ];\n    return () => unsubs.forEach((u) => u());\n  }, [socket]);\n}\n\n/**\n * Subscribe to a private channel. Auto-joins on mount, leaves on unmount.\n *\n * @example\n * const chat = useChannel('chat:room_123');\n * const message = useSocketEvent('chat:room_123:message');\n * chat.send('message', { text: 'Hello' });\n *\n * @example\n * // Tenant notifications\n * const notifications = useChannel(`tenant:${tenantId}:notifications`);\n * useSocketCallback(`tenant:${tenantId}:notifications:alert`, showToast);\n */\nexport function useChannel(name: string, options?: { auth?: boolean }) {\n  const socket = useSharedWebSocket();\n  const channelRef = useRef(socket.channel(name, options));\n\n  useEffect(() => {\n    channelRef.current = socket.channel(name, options);\n    return () => channelRef.current.leave();\n  }, [socket, name]);\n\n  return channelRef.current;\n}\n\n/**\n * Subscribe to server-side topics. Auto-unsubscribes on unmount.\n *\n * @example\n * useTopics(['notifications:orders', 'notifications:payments']);\n * useTopics([`user:${userId}:mentions`]);\n */\nexport function useTopics(topics: string[], options?: { auth?: boolean }): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    topics.forEach((t) => socket.subscribe(t, options));\n    return () => topics.forEach((t) => socket.unsubscribe(t));\n  }, [socket, topics.join(',')]);\n}\n\n/**\n * Enable browser push notifications for an event. Auto-cleanup on unmount.\n *\n * @example\n * usePush('notification', {\n *   title: (n) => n.title,\n *   body: (n) => n.body,\n *   icon: '/icon.png',\n * });\n *\n * @example\n * usePush('order.created', {\n *   title: (order) => `New Order #${order.id}`,\n *   body: (order) => `$${order.total}`,\n *   onClick: (order) => navigate(`/orders/${order.id}`),\n * });\n */\nexport function usePush<T = unknown>(\n  event: string,\n  config: {\n    title: string | ((data: T) => string);\n    body?: string | ((data: T) => string);\n    icon?: string;\n    tag?: string | ((data: T) => string);\n    leaderOnly?: boolean;\n    onlyWhenHidden?: boolean;\n    onClick?: (data: T) => void;\n  },\n): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    const unsub = socket.push<T>(event, config);\n    return unsub;\n  }, [socket, event]);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/adapters/react.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { SharedWebSocket } from '../SharedWebSocket';\nimport type { SharedWebSocketOptions, TabRole, SocketLifecycleHandlers, EventHandler } from '../types';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst SharedWSContext = createContext<SharedWebSocket | null>(null);\n\n/**\n * Provider props — pass URL and options as props for flexibility.\n *\n * @example\n * <SharedWebSocketProvider url=\"wss://api.example.com/ws\" options={{ auth: getToken }}>\n *   <App />\n * </SharedWebSocketProvider>\n */\nexport interface SharedWebSocketProviderProps {\n  url: string;\n  options?: SharedWebSocketOptions;\n  children: ReactNode;\n}\n\n/**\n * Provider component — creates SharedWebSocket from props, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <SharedWebSocketProvider\n *       url=\"wss://api.example.com/ws\"\n *       options={{\n *         auth: () => localStorage.getItem('token')!,\n *         useWorker: true,\n *       }}\n *     >\n *       <Dashboard />\n *     </SharedWebSocketProvider>\n *   );\n * }\n */\nexport function SharedWebSocketProvider({ url, options, children }: SharedWebSocketProviderProps) {\n  const [socket] = useState(() => new SharedWebSocket(url, options));\n\n  useEffect(() => {\n    socket.connect();\n    return () => {\n      socket[Symbol.dispose]();\n    };\n  }, [socket]);\n\n  return createElement(SharedWSContext.Provider, { value: socket }, children);\n}\n\n/**\n * Access the SharedWebSocket instance from context.\n *\n * @example\n * const ws = useSharedWebSocket();\n * ws.send('chat.message', { text: 'Hello' });\n */\nexport function useSharedWebSocket(): SharedWebSocket {\n  const ctx = useContext(SharedWSContext);\n  if (!ctx) {\n    throw new Error('useSharedWebSocket must be used within <SharedWebSocketProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Reactive auth state with authenticate/deauthenticate actions.\n * Syncs across all tabs via BroadcastChannel.\n *\n * @example\n * function LoginPage() {\n *   const { authenticate } = useSocketAuth();\n *   const login = async (email: string, password: string) => {\n *     const { token } = await api.login(email, password);\n *     authenticate(token);\n *   };\n *   return <button onClick={() => login('user@test.com', 'pass')}>Login</button>;\n * }\n *\n * @example\n * function Header() {\n *   const { isAuthenticated, deauthenticate } = useSocketAuth();\n *   return isAuthenticated\n *     ? <button onClick={deauthenticate}>Logout</button>\n *     : <Link to=\"/login\">Login</Link>;\n * }\n */\nexport function useSocketAuth(): {\n  isAuthenticated: boolean;\n  authenticate: (token: string) => void;\n  deauthenticate: () => void;\n} {\n  const socket = useSharedWebSocket();\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const onAuthChange = useEffectEvent((authenticated: boolean) => {\n    setIsAuthenticated(authenticated);\n  });\n\n  useEffect(() => {\n    return socket.onAuthChange(onAuthChange);\n  }, [socket]);\n\n  const authenticate = useEffectEvent((token: string) => {\n    socket.authenticate(token);\n  });\n\n  const deauthenticate = useEffectEvent(() => {\n    socket.deauthenticate();\n  });\n\n  return { isAuthenticated, authenticate, deauthenticate };\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Subscribe to a WebSocket event.\n * - Without callback: returns the latest received value (reactive state).\n * - With callback: calls your handler on each event (stable ref via useEffectEvent).\n *\n * @example\n * // Reactive state — returns latest value\n * const order = useSocketEvent<Order>('order.created');\n *\n * @example\n * // Custom callback — full control, no state\n * useSocketEvent<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', order);\n * });\n *\n * @example\n * // Custom callback with transform — store in your own state\n * const [orders, setOrders] = useState<Order[]>([]);\n * useSocketEvent<Order>('order.created', (order) => {\n *   setOrders(prev => [order, ...prev].slice(0, 50)); // keep last 50\n * });\n */\nexport function useSocketEvent<T>(event: string, callback?: (data: T) => void): T | undefined {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T | undefined>(undefined);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setValue(data);\n    }\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? undefined : value;\n}\n\n/**\n * Accumulate WebSocket events into an array.\n * - Without callback: returns accumulated array (reactive state).\n * - With callback: calls your handler on each event, you manage your own state.\n *\n * @example\n * // Default — accumulates all events\n * const messages = useSocketStream<ChatMessage>('chat.message');\n *\n * @example\n * // Custom callback — keep only last 50, transform, filter, etc.\n * const [messages, setMessages] = useState<ChatMessage[]>([]);\n * useSocketStream<ChatMessage>('chat.message', (msg) => {\n *   setMessages(prev => [msg, ...prev].slice(0, 50));\n * });\n *\n * @example\n * // Custom callback — filter by type\n * const [errors, setErrors] = useState<LogEntry[]>([]);\n * useSocketStream<LogEntry>('log.entry', (entry) => {\n *   if (entry.level === 'error') setErrors(prev => [...prev, entry]);\n * });\n */\nexport function useSocketStream<T>(event: string, callback?: (data: T) => void): T[] {\n  const socket = useSharedWebSocket();\n  const [items, setItems] = useState<T[]>([]);\n\n  const onEvent = useEffectEvent((data: T) => {\n    if (callback) {\n      callback(data);\n    } else {\n      setItems((prev) => [...prev, data]);\n    }\n  });\n\n  useEffect(() => {\n    if (!callback) setItems([]);\n    const unsub = socket.on(event, onEvent as EventHandler);\n    return unsub;\n  }, [socket, event]);\n\n  return callback ? [] : items;\n}\n\n/**\n * Two-way state sync across browser tabs.\n * - Without callback: returns [value, setter] (like useState but synced).\n * - With callback: calls your handler when any tab updates this key.\n *\n * @example\n * // Default — reactive synced state\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] });\n *\n * @example\n * // Custom callback — side effects on sync\n * const [cart, setCart] = useSocketSync<Cart>('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useSocketSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const socket = useSharedWebSocket();\n  const [value, setValue] = useState<T>(() => {\n    return socket.getSync<T>(key) ?? initialValue;\n  });\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    const unsub = socket.onSync<T>(key, onSync);\n    return unsub;\n  }, [socket, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    socket.sync(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Subscribe to a WebSocket event with just a callback — no state, no return value.\n * Fire-and-forget: side effects, logging, analytics, sounds, browser notifications.\n * Stable ref via useEffectEvent — callback always sees latest closure values.\n *\n * @example\n * useSocketCallback<Order>('order.created', (order) => {\n *   playSound('new-order');\n *   analytics.track('order_received', { id: order.id });\n * });\n *\n * @example\n * // Browser notification only from leader tab\n * useSocketCallback<Notification>('notification', (notif) => {\n *   if (ws.tabRole === 'leader' && document.hidden) {\n *     new Notification(notif.title, { body: notif.body });\n *   }\n * });\n */\nexport function useSocketCallback<T>(event: string, callback: (data: T) => void): void {\n  const socket = useSharedWebSocket();\n\n  const handler = useEffectEvent((data: T) => {\n    callback(data);\n  });\n\n  useEffect(() => {\n    const unsub = socket.on(event, handler as EventHandler);\n    return unsub;\n  }, [socket, event]);\n}\n\n/**\n * Reactive connection status.\n * Uses useEffectEvent to avoid re-creating interval on state change.\n *\n * @example\n * const { connected, tabRole } = useSocketStatus();\n */\nexport function useSocketStatus(): {\n  connected: boolean;\n  tabRole: TabRole;\n  isAuthenticated: boolean;\n} {\n  const socket = useSharedWebSocket();\n  const [connected, setConnected] = useState(socket.connected);\n  const [tabRole, setTabRole] = useState<TabRole>(socket.tabRole);\n  const [isAuthenticated, setIsAuthenticated] = useState(socket.isAuthenticated);\n\n  const tick = useEffectEvent(() => {\n    setConnected(socket.connected);\n    setTabRole(socket.tabRole);\n    setIsAuthenticated(socket.isAuthenticated);\n  });\n\n  useEffect(() => {\n    const interval = setInterval(tick, 1000);\n    return () => clearInterval(interval);\n  }, [socket]);\n\n  return { connected, tabRole, isAuthenticated };\n}\n\n/**\n * Lifecycle hooks — react to connection state changes.\n *\n * @example\n * useSocketLifecycle({\n *   onConnect: () => console.log('Connected!'),\n *   onDisconnect: () => console.log('Disconnected'),\n *   onReconnecting: () => showSpinner(),\n *   onLeaderChange: (isLeader) => console.log('Leader:', isLeader),\n *   onError: (err) => reportError(err),\n * });\n */\nexport function useSocketLifecycle(handlers: SocketLifecycleHandlers): void {\n  const socket = useSharedWebSocket();\n\n  const onConnect = useEffectEvent(() => handlers.onConnect?.());\n  const onDisconnect = useEffectEvent(() => handlers.onDisconnect?.());\n  const onReconnecting = useEffectEvent(() => handlers.onReconnecting?.());\n  const onLeaderChange = useEffectEvent((isLeader: boolean) => handlers.onLeaderChange?.(isLeader));\n  const onError = useEffectEvent((error: unknown) => handlers.onError?.(error));\n  const onActive = useEffectEvent(() => handlers.onActive?.());\n  const onInactive = useEffectEvent(() => handlers.onInactive?.());\n  const onVisibilityChange = useEffectEvent((isActive: boolean) => handlers.onVisibilityChange?.(isActive));\n  const onAuthChange = useEffectEvent((authenticated: boolean) => handlers.onAuthChange?.(authenticated));\n\n  useEffect(() => {\n    const unsubs = [\n      socket.onConnect(onConnect),\n      socket.onDisconnect(onDisconnect),\n      socket.onReconnecting(onReconnecting),\n      socket.onLeaderChange(onLeaderChange),\n      socket.onError(onError),\n      socket.onActive(onActive),\n      socket.onInactive(onInactive),\n      socket.onVisibilityChange(onVisibilityChange),\n      socket.onAuthChange(onAuthChange),\n    ];\n    return () => unsubs.forEach((u) => u());\n  }, [socket]);\n}\n\n/**\n * Subscribe to a private channel. Auto-joins on mount, leaves on unmount.\n *\n * @example\n * const chat = useChannel('chat:room_123');\n * const message = useSocketEvent('chat:room_123:message');\n * chat.send('message', { text: 'Hello' });\n *\n * @example\n * // Tenant notifications\n * const notifications = useChannel(`tenant:${tenantId}:notifications`);\n * useSocketCallback(`tenant:${tenantId}:notifications:alert`, showToast);\n */\nexport function useChannel(name: string, options?: { auth?: boolean }) {\n  const socket = useSharedWebSocket();\n  const channelRef = useRef(socket.channel(name, options));\n\n  useEffect(() => {\n    channelRef.current = socket.channel(name, options);\n    return () => channelRef.current.leave();\n  }, [socket, name]);\n\n  return channelRef.current;\n}\n\n/**\n * Subscribe to server-side topics. Auto-unsubscribes on unmount.\n *\n * @example\n * useTopics(['notifications:orders', 'notifications:payments']);\n * useTopics([`user:${userId}:mentions`]);\n */\nexport function useTopics(topics: string[], options?: { auth?: boolean }): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    topics.forEach((t) => socket.subscribe(t, options));\n    return () => topics.forEach((t) => socket.unsubscribe(t));\n  }, [socket, topics.join(',')]);\n}\n\n/**\n * Enable browser push notifications for an event. Auto-cleanup on unmount.\n *\n * @example\n * usePush('notification', {\n *   title: (n) => n.title,\n *   body: (n) => n.body,\n *   icon: '/icon.png',\n * });\n *\n * @example\n * usePush('order.created', {\n *   title: (order) => `New Order #${order.id}`,\n *   body: (order) => `$${order.total}`,\n *   onClick: (order) => navigate(`/orders/${order.id}`),\n * });\n */\nexport function usePush<T = unknown>(\n  event: string,\n  config: {\n    title: string | ((data: T) => string);\n    body?: string | ((data: T) => string);\n    icon?: string;\n    tag?: string | ((data: T) => string);\n    leaderOnly?: boolean;\n    onlyWhenHidden?: boolean;\n    onClick?: (data: T) => void;\n  },\n): void {\n  const socket = useSharedWebSocket();\n\n  useEffect(() => {\n    const unsub = socket.push<T>(event, config);\n    return unsub;\n  }, [socket, event]);\n}\n"],"mappings":"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","names":[]}

package/dist/sync-react.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkET3YHQ7Vcjs = require('./chunk-ET3YHQ7V.cjs');
+var _chunkRJKAFACHcjs = require('./chunk-RJKAFACH.cjs');
 require('./chunk-PNQIHDJF.cjs');
 
 // src/adapters/sync-react.ts
@@ -13,8 +13,8 @@ require('./chunk-PNQIHDJF.cjs');
 
 var _react = require('react');
 var TabSyncContext = _react.createContext.call(void 0, null);
-function TabSyncProvider({ channel, children }) {
-  const [sync] = _react.useState.call(void 0, () => new (0, _chunkET3YHQ7Vcjs.TabSync)(channel));
+function TabSyncProvider({ channel, debug, children }) {
+  const [sync] = _react.useState.call(void 0, () => new (0, _chunkRJKAFACHcjs.TabSync)(channel, { debug }));
   _react.useEffect.call(void 0, () => {
     return () => sync[Symbol.dispose]();
   }, [sync]);

package/dist/sync-react.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/sync-react.cjs","../src/adapters/sync-react.ts"],"names":[],"mappings":"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","file":"/Users/gwakko/Projects/shared-websocket/dist/sync-react.cjs","sourcesContent":[null,"import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { TabSync } from '../TabSync';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst TabSyncContext = createContext<TabSync | null>(null);\n\n/**\n * Provider for TabSync — creates instance, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <TabSyncProvider channel=\"my-app\">\n *       <Dashboard />\n *     </TabSyncProvider>\n *   );\n * }\n */\nexport interface TabSyncProviderProps {\n  /** BroadcastChannel name (default: \"tab-sync\"). */\n  channel?: string;\n  children: ReactNode;\n}\n\nexport function TabSyncProvider({ channel, children }: TabSyncProviderProps) {\n  const [sync] = useState(() => new TabSync(channel));\n\n  useEffect(() => {\n    return () => sync[Symbol.dispose]();\n  }, [sync]);\n\n  return createElement(TabSyncContext.Provider, { value: sync }, children);\n}\n\n/**\n * Access the TabSync instance from context.\n *\n * @example\n * const sync = useTabSyncContext();\n * sync.set('theme', 'dark');\n */\nexport function useTabSyncContext(): TabSync {\n  const ctx = useContext(TabSyncContext);\n  if (!ctx) {\n    throw new Error('useTabSync must be used within <TabSyncProvider>');\n  }\n  return ctx;\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Two-way state sync across browser tabs — like useState but shared.\n * - Without callback: returns [value, setter] synced across tabs.\n * - With callback: also calls your handler on every change (side effects).\n *\n * @example\n * // Shared state — updates propagate to all tabs\n * const [theme, setTheme] = useTabSync('theme', 'light');\n * <button onClick={() => setTheme('dark')}>Dark mode</button>\n *\n * @example\n * // With side effect callback\n * const [cart, setCart] = useTabSync('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n * });\n *\n * @example\n * // Form state synced across tabs\n * const [draft, setDraft] = useTabSync('email-draft', '');\n * <textarea value={draft} onChange={(e) => setDraft(e.target.value)} />\n */\nexport function useTabSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T>(() => sync.get<T>(key) ?? initialValue);\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    sync.set(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Read-only subscription to a synced key. Returns undefined until first set.\n *\n * @example\n * const theme = useTabSyncValue<string>('theme');\n * <div className={theme === 'dark' ? 'dark' : 'light'} />\n */\nexport function useTabSyncValue<T>(key: string): T | undefined {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T | undefined>(() => sync.get<T>(key));\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  return value;\n}\n\n/**\n * Fire-and-forget listener for a synced key. No state, no return value.\n *\n * @example\n * useTabSyncCallback<string>('theme', (theme) => {\n *   document.documentElement.setAttribute('data-theme', theme);\n * });\n *\n * @example\n * useTabSyncCallback<Cart>('cart', (cart) => {\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useTabSyncCallback<T>(key: string, callback: (value: T) => void): void {\n  const sync = useTabSyncContext();\n\n  const handler = useEffectEvent((value: T) => {\n    callback(value);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, handler);\n  }, [sync, key]);\n}\n"]}
+{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/sync-react.cjs","../src/adapters/sync-react.ts"],"names":[],"mappings":"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","file":"/Users/gwakko/Projects/shared-websocket/dist/sync-react.cjs","sourcesContent":[null,"import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { TabSync } from '../TabSync';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst TabSyncContext = createContext<TabSync | null>(null);\n\n/**\n * Provider for TabSync — creates instance, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <TabSyncProvider channel=\"my-app\">\n *       <Dashboard />\n *     </TabSyncProvider>\n *   );\n * }\n */\nexport interface TabSyncProviderProps {\n  /** BroadcastChannel name (default: \"tab-sync\"). */\n  channel?: string;\n  /** Enable debug logging. */\n  debug?: boolean;\n  children: ReactNode;\n}\n\nexport function TabSyncProvider({ channel, debug, children }: TabSyncProviderProps) {\n  const [sync] = useState(() => new TabSync(channel, { debug }));\n\n  useEffect(() => {\n    return () => sync[Symbol.dispose]();\n  }, [sync]);\n\n  return createElement(TabSyncContext.Provider, { value: sync }, children);\n}\n\n/**\n * Access the TabSync instance from context.\n *\n * @example\n * const sync = useTabSyncContext();\n * sync.set('theme', 'dark');\n */\nexport function useTabSyncContext(): TabSync {\n  const ctx = useContext(TabSyncContext);\n  if (!ctx) {\n    throw new Error('useTabSync must be used within <TabSyncProvider>');\n  }\n  return ctx;\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Two-way state sync across browser tabs — like useState but shared.\n * - Without callback: returns [value, setter] synced across tabs.\n * - With callback: also calls your handler on every change (side effects).\n *\n * @example\n * // Shared state — updates propagate to all tabs\n * const [theme, setTheme] = useTabSync('theme', 'light');\n * <button onClick={() => setTheme('dark')}>Dark mode</button>\n *\n * @example\n * // With side effect callback\n * const [cart, setCart] = useTabSync('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n * });\n *\n * @example\n * // Form state synced across tabs\n * const [draft, setDraft] = useTabSync('email-draft', '');\n * <textarea value={draft} onChange={(e) => setDraft(e.target.value)} />\n */\nexport function useTabSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T>(() => sync.get<T>(key) ?? initialValue);\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    sync.set(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Read-only subscription to a synced key. Returns undefined until first set.\n *\n * @example\n * const theme = useTabSyncValue<string>('theme');\n * <div className={theme === 'dark' ? 'dark' : 'light'} />\n */\nexport function useTabSyncValue<T>(key: string): T | undefined {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T | undefined>(() => sync.get<T>(key));\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  return value;\n}\n\n/**\n * Fire-and-forget listener for a synced key. No state, no return value.\n *\n * @example\n * useTabSyncCallback<string>('theme', (theme) => {\n *   document.documentElement.setAttribute('data-theme', theme);\n * });\n *\n * @example\n * useTabSyncCallback<Cart>('cart', (cart) => {\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useTabSyncCallback<T>(key: string, callback: (value: T) => void): void {\n  const sync = useTabSyncContext();\n\n  const handler = useEffectEvent((value: T) => {\n    callback(value);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, handler);\n  }, [sync, key]);\n}\n"]}

package/dist/sync-react.js

@@ -1,6 +1,6 @@
 import {
   TabSync
-} from "./chunk-RM27CYKT.js";
+} from "./chunk-7WBM2C7H.js";
 import "./chunk-B2V5HX77.js";
 
 // src/adapters/sync-react.ts
@@ -13,8 +13,8 @@ import {
   createElement
 } from "react";
 var TabSyncContext = createContext(null);
-function TabSyncProvider({ channel, children }) {
-  const [sync] = useState(() => new TabSync(channel));
+function TabSyncProvider({ channel, debug, children }) {
+  const [sync] = useState(() => new TabSync(channel, { debug }));
   useEffect(() => {
     return () => sync[Symbol.dispose]();
   }, [sync]);

package/dist/sync-react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/sync-react.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { TabSync } from '../TabSync';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst TabSyncContext = createContext<TabSync | null>(null);\n\n/**\n * Provider for TabSync — creates instance, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <TabSyncProvider channel=\"my-app\">\n *       <Dashboard />\n *     </TabSyncProvider>\n *   );\n * }\n */\nexport interface TabSyncProviderProps {\n  /** BroadcastChannel name (default: \"tab-sync\"). */\n  channel?: string;\n  children: ReactNode;\n}\n\nexport function TabSyncProvider({ channel, children }: TabSyncProviderProps) {\n  const [sync] = useState(() => new TabSync(channel));\n\n  useEffect(() => {\n    return () => sync[Symbol.dispose]();\n  }, [sync]);\n\n  return createElement(TabSyncContext.Provider, { value: sync }, children);\n}\n\n/**\n * Access the TabSync instance from context.\n *\n * @example\n * const sync = useTabSyncContext();\n * sync.set('theme', 'dark');\n */\nexport function useTabSyncContext(): TabSync {\n  const ctx = useContext(TabSyncContext);\n  if (!ctx) {\n    throw new Error('useTabSync must be used within <TabSyncProvider>');\n  }\n  return ctx;\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Two-way state sync across browser tabs — like useState but shared.\n * - Without callback: returns [value, setter] synced across tabs.\n * - With callback: also calls your handler on every change (side effects).\n *\n * @example\n * // Shared state — updates propagate to all tabs\n * const [theme, setTheme] = useTabSync('theme', 'light');\n * <button onClick={() => setTheme('dark')}>Dark mode</button>\n *\n * @example\n * // With side effect callback\n * const [cart, setCart] = useTabSync('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n * });\n *\n * @example\n * // Form state synced across tabs\n * const [draft, setDraft] = useTabSync('email-draft', '');\n * <textarea value={draft} onChange={(e) => setDraft(e.target.value)} />\n */\nexport function useTabSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T>(() => sync.get<T>(key) ?? initialValue);\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    sync.set(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Read-only subscription to a synced key. Returns undefined until first set.\n *\n * @example\n * const theme = useTabSyncValue<string>('theme');\n * <div className={theme === 'dark' ? 'dark' : 'light'} />\n */\nexport function useTabSyncValue<T>(key: string): T | undefined {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T | undefined>(() => sync.get<T>(key));\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  return value;\n}\n\n/**\n * Fire-and-forget listener for a synced key. No state, no return value.\n *\n * @example\n * useTabSyncCallback<string>('theme', (theme) => {\n *   document.documentElement.setAttribute('data-theme', theme);\n * });\n *\n * @example\n * useTabSyncCallback<Cart>('cart', (cart) => {\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useTabSyncCallback<T>(key: string, callback: (value: T) => void): void {\n  const sync = useTabSyncContext();\n\n  const handler = useEffectEvent((value: T) => {\n    callback(value);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, handler);\n  }, [sync, key]);\n}\n"],"mappings":";;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAKP,IAAM,iBAAiB,cAA8B,IAAI;AAoBlD,SAAS,gBAAgB,EAAE,SAAS,SAAS,GAAyB;AAC3E,QAAM,CAAC,IAAI,IAAI,SAAS,MAAM,IAAI,QAAQ,OAAO,CAAC;AAElD,YAAU,MAAM;AACd,WAAO,MAAM,KAAK,OAAO,OAAO,EAAE;AAAA,EACpC,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,cAAc,eAAe,UAAU,EAAE,OAAO,KAAK,GAAG,QAAQ;AACzE;AASO,SAAS,oBAA6B;AAC3C,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,SAAO;AACT;AAyBO,SAAS,WACd,KACA,cACA,UACyB;AACzB,QAAM,OAAO,kBAAkB;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM,KAAK,IAAO,GAAG,KAAK,YAAY;AAE5E,QAAM,SAAS,eAAe,CAAC,WAAc;AAC3C,aAAS,MAAM;AACf,eAAW,MAAM;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,MAAM;AAAA,EAC/B,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,QAAM,aAAa,eAAe,CAAC,aAAgB;AACjD,aAAS,QAAQ;AACjB,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB,CAAC;AAED,SAAO,CAAC,OAAO,UAAU;AAC3B;AASO,SAAS,gBAAmB,KAA4B;AAC7D,QAAM,OAAO,kBAAkB;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,MAAM,KAAK,IAAO,GAAG,CAAC;AAExE,QAAM,SAAS,eAAe,CAAC,WAAc;AAC3C,aAAS,MAAM;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,MAAM;AAAA,EAC/B,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,SAAO;AACT;AAeO,SAAS,mBAAsB,KAAa,UAAoC;AACrF,QAAM,OAAO,kBAAkB;AAE/B,QAAM,UAAU,eAAe,CAAC,UAAa;AAC3C,aAAS,KAAK;AAAA,EAChB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,OAAO;AAAA,EAChC,GAAG,CAAC,MAAM,GAAG,CAAC;AAChB;","names":[]}
+{"version":3,"sources":["../src/adapters/sync-react.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useEffectEvent,\n  type ReactNode,\n  createElement,\n} from 'react';\nimport { TabSync } from '../TabSync';\n\n// ─── Context ─────────────────────────────────────────────\n\nconst TabSyncContext = createContext<TabSync | null>(null);\n\n/**\n * Provider for TabSync — creates instance, auto-disposes on unmount.\n *\n * @example\n * function App() {\n *   return (\n *     <TabSyncProvider channel=\"my-app\">\n *       <Dashboard />\n *     </TabSyncProvider>\n *   );\n * }\n */\nexport interface TabSyncProviderProps {\n  /** BroadcastChannel name (default: \"tab-sync\"). */\n  channel?: string;\n  /** Enable debug logging. */\n  debug?: boolean;\n  children: ReactNode;\n}\n\nexport function TabSyncProvider({ channel, debug, children }: TabSyncProviderProps) {\n  const [sync] = useState(() => new TabSync(channel, { debug }));\n\n  useEffect(() => {\n    return () => sync[Symbol.dispose]();\n  }, [sync]);\n\n  return createElement(TabSyncContext.Provider, { value: sync }, children);\n}\n\n/**\n * Access the TabSync instance from context.\n *\n * @example\n * const sync = useTabSyncContext();\n * sync.set('theme', 'dark');\n */\nexport function useTabSyncContext(): TabSync {\n  const ctx = useContext(TabSyncContext);\n  if (!ctx) {\n    throw new Error('useTabSync must be used within <TabSyncProvider>');\n  }\n  return ctx;\n}\n\n// ─── Hooks ───────────────────────────────────────────────\n\n/**\n * Two-way state sync across browser tabs — like useState but shared.\n * - Without callback: returns [value, setter] synced across tabs.\n * - With callback: also calls your handler on every change (side effects).\n *\n * @example\n * // Shared state — updates propagate to all tabs\n * const [theme, setTheme] = useTabSync('theme', 'light');\n * <button onClick={() => setTheme('dark')}>Dark mode</button>\n *\n * @example\n * // With side effect callback\n * const [cart, setCart] = useTabSync('cart', { items: [] }, (cart) => {\n *   document.title = `Cart (${cart.items.length})`;\n * });\n *\n * @example\n * // Form state synced across tabs\n * const [draft, setDraft] = useTabSync('email-draft', '');\n * <textarea value={draft} onChange={(e) => setDraft(e.target.value)} />\n */\nexport function useTabSync<T>(\n  key: string,\n  initialValue: T,\n  callback?: (value: T) => void,\n): [T, (value: T) => void] {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T>(() => sync.get<T>(key) ?? initialValue);\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n    callback?.(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  const setAndSync = useEffectEvent((newValue: T) => {\n    setValue(newValue);\n    sync.set(key, newValue);\n  });\n\n  return [value, setAndSync];\n}\n\n/**\n * Read-only subscription to a synced key. Returns undefined until first set.\n *\n * @example\n * const theme = useTabSyncValue<string>('theme');\n * <div className={theme === 'dark' ? 'dark' : 'light'} />\n */\nexport function useTabSyncValue<T>(key: string): T | undefined {\n  const sync = useTabSyncContext();\n  const [value, setValue] = useState<T | undefined>(() => sync.get<T>(key));\n\n  const onSync = useEffectEvent((synced: T) => {\n    setValue(synced);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, onSync);\n  }, [sync, key]);\n\n  return value;\n}\n\n/**\n * Fire-and-forget listener for a synced key. No state, no return value.\n *\n * @example\n * useTabSyncCallback<string>('theme', (theme) => {\n *   document.documentElement.setAttribute('data-theme', theme);\n * });\n *\n * @example\n * useTabSyncCallback<Cart>('cart', (cart) => {\n *   analytics.track('cart_updated', { count: cart.items.length });\n * });\n */\nexport function useTabSyncCallback<T>(key: string, callback: (value: T) => void): void {\n  const sync = useTabSyncContext();\n\n  const handler = useEffectEvent((value: T) => {\n    callback(value);\n  });\n\n  useEffect(() => {\n    return sync.on<T>(key, handler);\n  }, [sync, key]);\n}\n"],"mappings":";;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAKP,IAAM,iBAAiB,cAA8B,IAAI;AAsBlD,SAAS,gBAAgB,EAAE,SAAS,OAAO,SAAS,GAAyB;AAClF,QAAM,CAAC,IAAI,IAAI,SAAS,MAAM,IAAI,QAAQ,SAAS,EAAE,MAAM,CAAC,CAAC;AAE7D,YAAU,MAAM;AACd,WAAO,MAAM,KAAK,OAAO,OAAO,EAAE;AAAA,EACpC,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,cAAc,eAAe,UAAU,EAAE,OAAO,KAAK,GAAG,QAAQ;AACzE;AASO,SAAS,oBAA6B;AAC3C,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,SAAO;AACT;AAyBO,SAAS,WACd,KACA,cACA,UACyB;AACzB,QAAM,OAAO,kBAAkB;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM,KAAK,IAAO,GAAG,KAAK,YAAY;AAE5E,QAAM,SAAS,eAAe,CAAC,WAAc;AAC3C,aAAS,MAAM;AACf,eAAW,MAAM;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,MAAM;AAAA,EAC/B,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,QAAM,aAAa,eAAe,CAAC,aAAgB;AACjD,aAAS,QAAQ;AACjB,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB,CAAC;AAED,SAAO,CAAC,OAAO,UAAU;AAC3B;AASO,SAAS,gBAAmB,KAA4B;AAC7D,QAAM,OAAO,kBAAkB;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,MAAM,KAAK,IAAO,GAAG,CAAC;AAExE,QAAM,SAAS,eAAe,CAAC,WAAc;AAC3C,aAAS,MAAM;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,MAAM;AAAA,EAC/B,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,SAAO;AACT;AAeO,SAAS,mBAAsB,KAAa,UAAoC;AACrF,QAAM,OAAO,kBAAkB;AAE/B,QAAM,UAAU,eAAe,CAAC,UAAa;AAC3C,aAAS,KAAK;AAAA,EAChB,CAAC;AAED,YAAU,MAAM;AACd,WAAO,KAAK,GAAM,KAAK,OAAO;AAAA,EAChC,GAAG,CAAC,MAAM,GAAG,CAAC;AAChB;","names":[]}