@gwakko/shared-websocket 0.12.2 → 0.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/TabSync.d.ts +14 -2
- package/dist/WorkerSocket.d.ts +7 -1
- package/dist/adapters/sync-react.d.ts +3 -1
- package/dist/adapters/sync-vue.d.ts +3 -1
- package/dist/{chunk-RM27CYKT.js → chunk-7WBM2C7H.js} +15 -2
- package/dist/chunk-7WBM2C7H.js.map +1 -0
- package/dist/{chunk-ADGLL3J2.cjs → chunk-OVKB2KLE.cjs} +38 -11
- package/dist/chunk-OVKB2KLE.cjs.map +1 -0
- package/dist/{chunk-ET3YHQ7V.cjs → chunk-RJKAFACH.cjs} +16 -3
- package/dist/chunk-RJKAFACH.cjs.map +1 -0
- package/dist/{chunk-FZIIMO67.js → chunk-SQZHBLWT.js} +38 -11
- package/dist/chunk-SQZHBLWT.js.map +1 -0
- package/dist/index.cjs +4 -4
- package/dist/index.js +2 -2
- package/dist/react.cjs +3 -6
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +3 -6
- package/dist/react.js.map +1 -1
- package/dist/sync-react.cjs +3 -3
- package/dist/sync-react.cjs.map +1 -1
- package/dist/sync-react.js +3 -3
- package/dist/sync-react.js.map +1 -1
- package/dist/sync-vue.cjs +3 -3
- package/dist/sync-vue.cjs.map +1 -1
- package/dist/sync-vue.js +3 -3
- package/dist/sync-vue.js.map +1 -1
- package/dist/sync.cjs +2 -2
- package/dist/sync.d.ts +1 -1
- package/dist/sync.js +1 -1
- package/dist/vue.cjs +3 -3
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.js +2 -2
- package/dist/vue.js.map +1 -1
- package/package.json +1 -1
- package/src/SharedWebSocket.ts +5 -2
- package/src/TabSync.ts +23 -2
- package/src/WorkerSocket.ts +41 -7
- package/src/adapters/react.ts +2 -5
- package/src/adapters/sync-react.ts +4 -2
- package/src/adapters/sync-vue.ts +2 -2
- package/src/adapters/vue.ts +1 -1
- package/src/sync.ts +1 -1
- package/dist/chunk-ADGLL3J2.cjs.map +0 -1
- package/dist/chunk-ET3YHQ7V.cjs.map +0 -1
- package/dist/chunk-FZIIMO67.js.map +0 -1
- package/dist/chunk-RM27CYKT.js.map +0 -1
package/dist/TabSync.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import './utils/disposable';
|
|
2
|
-
import type { Unsubscribe } from './types';
|
|
2
|
+
import type { Unsubscribe, Logger } from './types';
|
|
3
|
+
interface TabSyncOptions {
|
|
4
|
+
/** Enable debug logging (default: false). */
|
|
5
|
+
debug?: boolean;
|
|
6
|
+
/** Custom logger (default: console). */
|
|
7
|
+
logger?: Logger;
|
|
8
|
+
}
|
|
3
9
|
/**
|
|
4
10
|
* Cross-tab state synchronization via BroadcastChannel.
|
|
5
11
|
* No WebSocket needed — works standalone for sharing state between browser tabs.
|
|
@@ -8,13 +14,18 @@ import type { Unsubscribe } from './types';
|
|
|
8
14
|
* const sync = new TabSync('my-app');
|
|
9
15
|
* sync.set('theme', 'dark');
|
|
10
16
|
* sync.on('theme', (theme) => applyTheme(theme));
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* // With debug logging
|
|
20
|
+
* const sync = new TabSync('my-app', { debug: true });
|
|
11
21
|
*/
|
|
12
22
|
export declare class TabSync implements Disposable {
|
|
13
23
|
private store;
|
|
14
24
|
private listeners;
|
|
15
25
|
private bc;
|
|
16
26
|
private disposed;
|
|
17
|
-
|
|
27
|
+
private readonly log;
|
|
28
|
+
constructor(channel?: string, options?: TabSyncOptions);
|
|
18
29
|
/** Set a value and broadcast to all tabs. Local listeners also fire. */
|
|
19
30
|
set<T>(key: string, value: T): void;
|
|
20
31
|
/** Get current value from local store. */
|
|
@@ -43,3 +54,4 @@ export declare class TabSync implements Disposable {
|
|
|
43
54
|
private emit;
|
|
44
55
|
[Symbol.dispose](): void;
|
|
45
56
|
}
|
|
57
|
+
export {};
|
package/dist/WorkerSocket.d.ts
CHANGED
|
@@ -27,12 +27,18 @@ export declare class WorkerSocket implements Disposable {
|
|
|
27
27
|
protocols?: string[];
|
|
28
28
|
reconnect?: boolean;
|
|
29
29
|
reconnectMaxDelay?: number;
|
|
30
|
+
reconnectMaxRetries?: number;
|
|
30
31
|
heartbeatInterval?: number;
|
|
31
32
|
sendBuffer?: number;
|
|
32
33
|
workerUrl?: string | URL;
|
|
34
|
+
auth?: () => string | Promise<string>;
|
|
35
|
+
authToken?: string;
|
|
36
|
+
authParam?: string;
|
|
37
|
+
pingPayload?: unknown;
|
|
33
38
|
});
|
|
34
39
|
get state(): SocketState;
|
|
35
|
-
connect(): void
|
|
40
|
+
connect(): Promise<void>;
|
|
41
|
+
private buildUrl;
|
|
36
42
|
send(data: unknown): void;
|
|
37
43
|
disconnect(): void;
|
|
38
44
|
onMessage(fn: EventHandler): Unsubscribe;
|
|
@@ -15,9 +15,11 @@ import { TabSync } from '../TabSync';
|
|
|
15
15
|
export interface TabSyncProviderProps {
|
|
16
16
|
/** BroadcastChannel name (default: "tab-sync"). */
|
|
17
17
|
channel?: string;
|
|
18
|
+
/** Enable debug logging. */
|
|
19
|
+
debug?: boolean;
|
|
18
20
|
children: ReactNode;
|
|
19
21
|
}
|
|
20
|
-
export declare function TabSyncProvider({ channel, children }: TabSyncProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<TabSync | null>>;
|
|
22
|
+
export declare function TabSyncProvider({ channel, debug, children }: TabSyncProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<TabSync | null>>;
|
|
21
23
|
/**
|
|
22
24
|
* Access the TabSync instance from context.
|
|
23
25
|
*
|
|
@@ -8,7 +8,9 @@ export declare const TabSyncKey: InjectionKey<TabSync>;
|
|
|
8
8
|
* const app = createApp(App);
|
|
9
9
|
* app.use(createTabSyncPlugin('my-app'));
|
|
10
10
|
*/
|
|
11
|
-
export declare function createTabSyncPlugin(channel?: string
|
|
11
|
+
export declare function createTabSyncPlugin(channel?: string, options?: {
|
|
12
|
+
debug?: boolean;
|
|
13
|
+
}): {
|
|
12
14
|
install(app: App): void;
|
|
13
15
|
};
|
|
14
16
|
/**
|
|
@@ -1,17 +1,27 @@
|
|
|
1
1
|
// src/TabSync.ts
|
|
2
|
+
var NOOP_LOGGER = { debug() {
|
|
3
|
+
}, info() {
|
|
4
|
+
}, warn() {
|
|
5
|
+
}, error() {
|
|
6
|
+
} };
|
|
2
7
|
var TabSync = class {
|
|
3
8
|
store = /* @__PURE__ */ new Map();
|
|
4
9
|
listeners = /* @__PURE__ */ new Map();
|
|
5
10
|
bc;
|
|
6
11
|
disposed = false;
|
|
7
|
-
|
|
12
|
+
log;
|
|
13
|
+
constructor(channel = "tab-sync", options) {
|
|
14
|
+
this.log = options?.debug ? options.logger ?? console : NOOP_LOGGER;
|
|
15
|
+
this.log.debug("[TabSync] init", { channel });
|
|
8
16
|
this.bc = new BroadcastChannel(channel);
|
|
9
17
|
this.bc.onmessage = (ev) => {
|
|
10
18
|
const { key, value, deleted } = ev.data;
|
|
11
19
|
if (deleted) {
|
|
12
20
|
this.store.delete(key);
|
|
21
|
+
this.log.debug("[TabSync] \u2190 remote delete", key);
|
|
13
22
|
} else {
|
|
14
23
|
this.store.set(key, value);
|
|
24
|
+
this.log.debug("[TabSync] \u2190 remote set", key, value);
|
|
15
25
|
}
|
|
16
26
|
this.emit(key, value);
|
|
17
27
|
};
|
|
@@ -20,6 +30,7 @@ var TabSync = class {
|
|
|
20
30
|
set(key, value) {
|
|
21
31
|
this.store.set(key, value);
|
|
22
32
|
this.bc.postMessage({ key, value });
|
|
33
|
+
this.log.debug("[TabSync] \u2192 set", key, value);
|
|
23
34
|
this.emit(key, value);
|
|
24
35
|
}
|
|
25
36
|
/** Get current value from local store. */
|
|
@@ -30,6 +41,7 @@ var TabSync = class {
|
|
|
30
41
|
delete(key) {
|
|
31
42
|
this.store.delete(key);
|
|
32
43
|
this.bc.postMessage({ key, value: void 0, deleted: true });
|
|
44
|
+
this.log.debug("[TabSync] \u2192 delete", key);
|
|
33
45
|
this.emit(key, void 0);
|
|
34
46
|
}
|
|
35
47
|
/** Check if a key exists in the local store. */
|
|
@@ -71,6 +83,7 @@ var TabSync = class {
|
|
|
71
83
|
/** Clear all keys and notify listeners. */
|
|
72
84
|
clear() {
|
|
73
85
|
const keys = [...this.store.keys()];
|
|
86
|
+
this.log.debug("[TabSync] \u2192 clear", keys);
|
|
74
87
|
this.store.clear();
|
|
75
88
|
for (const key of keys) {
|
|
76
89
|
this.bc.postMessage({ key, value: void 0, deleted: true });
|
|
@@ -99,4 +112,4 @@ var TabSync = class {
|
|
|
99
112
|
export {
|
|
100
113
|
TabSync
|
|
101
114
|
};
|
|
102
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-7WBM2C7H.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/TabSync.ts"],"sourcesContent":["import './utils/disposable';\nimport type { Unsubscribe, Logger } from './types';\n\ninterface SyncMessage {\n key: string;\n value: unknown;\n deleted?: boolean;\n}\n\ninterface TabSyncOptions {\n /** Enable debug logging (default: false). */\n debug?: boolean;\n /** Custom logger (default: console). */\n logger?: Logger;\n}\n\nconst NOOP_LOGGER: Logger = { debug() {}, info() {}, warn() {}, error() {} };\n\n/**\n * Cross-tab state synchronization via BroadcastChannel.\n * No WebSocket needed — works standalone for sharing state between browser tabs.\n *\n * @example\n * const sync = new TabSync('my-app');\n * sync.set('theme', 'dark');\n * sync.on('theme', (theme) => applyTheme(theme));\n *\n * @example\n * // With debug logging\n * const sync = new TabSync('my-app', { debug: true });\n */\nexport class TabSync implements Disposable {\n private store = new Map<string, unknown>();\n private listeners = new Map<string, Set<(value: unknown) => void>>();\n private bc: BroadcastChannel;\n private disposed = false;\n private readonly log: Logger;\n\n constructor(channel = 'tab-sync', options?: TabSyncOptions) {\n this.log = options?.debug ? (options.logger ?? console) : NOOP_LOGGER;\n this.log.debug('[TabSync] init', { channel });\n this.bc = new BroadcastChannel(channel);\n this.bc.onmessage = (ev: MessageEvent<SyncMessage>) => {\n const { key, value, deleted } = ev.data;\n if (deleted) {\n this.store.delete(key);\n this.log.debug('[TabSync] ← remote delete', key);\n } else {\n this.store.set(key, value);\n this.log.debug('[TabSync] ← remote set', key, value);\n }\n this.emit(key, value);\n };\n }\n\n /** Set a value and broadcast to all tabs. Local listeners also fire. */\n set<T>(key: string, value: T): void {\n this.store.set(key, value);\n this.bc.postMessage({ key, value } satisfies SyncMessage);\n this.log.debug('[TabSync] → set', key, value);\n this.emit(key, value);\n }\n\n /** Get current value from local store. */\n get<T>(key: string): T | undefined {\n return this.store.get(key) as T | undefined;\n }\n\n /** Delete a key and broadcast deletion to all tabs. */\n delete(key: string): void {\n this.store.delete(key);\n this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n this.log.debug('[TabSync] → delete', key);\n this.emit(key, undefined);\n }\n\n /** Check if a key exists in the local store. */\n has(key: string): boolean {\n return this.store.has(key);\n }\n\n /** Get all keys in the local store. */\n keys(): string[] {\n return [...this.store.keys()];\n }\n\n /** Get number of entries. */\n get size(): number {\n return this.store.size;\n }\n\n /**\n * Listen for changes to a key. Fires when any tab (including this one) calls set().\n *\n * @example\n * sync.on('cart', (cart) => updateBadge(cart.items.length));\n */\n on<T>(key: string, fn: (value: T) => void): Unsubscribe {\n let set = this.listeners.get(key);\n if (!set) {\n set = new Set();\n this.listeners.set(key, set);\n }\n const wrapper = fn as (value: unknown) => void;\n set.add(wrapper);\n return () => set!.delete(wrapper);\n }\n\n /** Listen for a key change once, then auto-unsubscribe. */\n once<T>(key: string, fn: (value: T) => void): Unsubscribe {\n const unsub = this.on<T>(key, (value) => {\n unsub();\n fn(value);\n });\n return unsub;\n }\n\n /** Clear all keys and notify listeners. */\n clear(): void {\n const keys = [...this.store.keys()];\n this.log.debug('[TabSync] → clear', keys);\n this.store.clear();\n for (const key of keys) {\n this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n this.emit(key, undefined);\n }\n }\n\n /** Dispose — close BroadcastChannel and clear all state. */\n dispose(): void {\n this[Symbol.dispose]();\n }\n\n private emit(key: string, value: unknown): void {\n const set = this.listeners.get(key);\n if (set) {\n for (const fn of set) fn(value);\n }\n }\n\n [Symbol.dispose](): void {\n if (this.disposed) return;\n this.disposed = true;\n this.bc.close();\n this.store.clear();\n this.listeners.clear();\n }\n}\n"],"mappings":"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","names":[]}
|
|
@@ -418,7 +418,14 @@ var WorkerSocket = (_class4 = class {
|
|
|
418
418
|
get state() {
|
|
419
419
|
return this._state;
|
|
420
420
|
}
|
|
421
|
-
connect() {
|
|
421
|
+
async connect() {
|
|
422
|
+
let authToken;
|
|
423
|
+
if (this.options.auth) {
|
|
424
|
+
authToken = await this.options.auth();
|
|
425
|
+
} else if (this.options.authToken) {
|
|
426
|
+
authToken = this.options.authToken;
|
|
427
|
+
}
|
|
428
|
+
const connectUrl = authToken ? this.buildUrl(authToken) : this.url;
|
|
422
429
|
const workerUrl = _nullishCoalesce(this.options.workerUrl, () => ( this.createWorkerBlob()));
|
|
423
430
|
this.worker = new Worker(workerUrl, { type: "module" });
|
|
424
431
|
this.worker.onmessage = (ev) => {
|
|
@@ -442,14 +449,23 @@ var WorkerSocket = (_class4 = class {
|
|
|
442
449
|
};
|
|
443
450
|
this.worker.postMessage({
|
|
444
451
|
type: "connect",
|
|
445
|
-
url:
|
|
452
|
+
url: connectUrl,
|
|
446
453
|
protocols: _nullishCoalesce(this.options.protocols, () => ( [])),
|
|
447
454
|
reconnect: _nullishCoalesce(this.options.reconnect, () => ( true)),
|
|
448
455
|
reconnectMaxDelay: _nullishCoalesce(this.options.reconnectMaxDelay, () => ( 3e4)),
|
|
456
|
+
reconnectMaxRetries: _nullishCoalesce(this.options.reconnectMaxRetries, () => ( Infinity)),
|
|
449
457
|
heartbeatInterval: _nullishCoalesce(this.options.heartbeatInterval, () => ( 3e4)),
|
|
450
|
-
bufferSize: _nullishCoalesce(this.options.sendBuffer, () => ( 100))
|
|
458
|
+
bufferSize: _nullishCoalesce(this.options.sendBuffer, () => ( 100)),
|
|
459
|
+
pingPayload: this.options.pingPayload
|
|
451
460
|
});
|
|
452
461
|
}
|
|
462
|
+
buildUrl(token) {
|
|
463
|
+
const param = _nullishCoalesce(this.options.authParam, () => ( "token"));
|
|
464
|
+
const httpUrl = this.url.replace(/^ws(s?):\/\//, "http$1://");
|
|
465
|
+
const parsed = new URL(httpUrl);
|
|
466
|
+
parsed.searchParams.set(param, token);
|
|
467
|
+
return parsed.toString().replace(/^http(s?):\/\//, "ws$1://");
|
|
468
|
+
}
|
|
453
469
|
send(data) {
|
|
454
470
|
_optionalChain([this, 'access', _10 => _10.worker, 'optionalAccess', _11 => _11.postMessage, 'call', _12 => _12({ type: "send", data })]);
|
|
455
471
|
}
|
|
@@ -474,26 +490,34 @@ var WorkerSocket = (_class4 = class {
|
|
|
474
490
|
let ws = null, state = 'closed', buffer = [], disposed = false;
|
|
475
491
|
let heartbeatTimer = null, reconnectTimer = null;
|
|
476
492
|
let url = '', protocols = [], shouldReconnect = true;
|
|
477
|
-
let maxDelay = 30000,
|
|
493
|
+
let maxDelay = 30000, maxRetries = Infinity, hbInterval = 30000, maxBuf = 100;
|
|
494
|
+
let delay = 1000, attempts = 0, pingPayload = '{"type":"ping"}';
|
|
478
495
|
|
|
479
496
|
function setState(s) { state = s; self.postMessage({ type: 'state', state: s }); }
|
|
480
497
|
function connect() {
|
|
481
498
|
if (disposed) return;
|
|
482
499
|
setState('connecting');
|
|
483
500
|
ws = new WebSocket(url, protocols);
|
|
484
|
-
ws.onopen = () => {
|
|
501
|
+
ws.onopen = () => { attempts = 0; delay = 1000; setState('connected'); self.postMessage({ type: 'open' }); flush(); startHB(); };
|
|
485
502
|
ws.onmessage = (e) => { let d; try { d = JSON.parse(e.data); } catch { d = e.data; } self.postMessage({ type: 'message', data: d }); };
|
|
486
503
|
ws.onclose = (e) => { stopHB(); self.postMessage({ type: 'close', code: e.code, reason: e.reason }); if (!disposed && shouldReconnect && e.code !== 1000) reconnect(); else setState('closed'); };
|
|
487
504
|
ws.onerror = () => { self.postMessage({ type: 'error', message: 'error' }); };
|
|
488
505
|
}
|
|
489
506
|
function send(d) { if (state === 'connected' && ws?.readyState === 1) ws.send(JSON.stringify(d)); else if (buffer.length < maxBuf) buffer.push(d); }
|
|
490
507
|
function flush() { const p = buffer.splice(0); p.forEach(send); }
|
|
491
|
-
function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(
|
|
508
|
+
function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(pingPayload); }, hbInterval); }
|
|
492
509
|
function stopHB() { if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; } }
|
|
493
|
-
function reconnect() {
|
|
510
|
+
function reconnect() {
|
|
511
|
+
attempts++;
|
|
512
|
+
if (attempts > maxRetries) { setState('closed'); return; }
|
|
513
|
+
setState('reconnecting');
|
|
514
|
+
const j = delay * 0.25 * (Math.random() * 2 - 1);
|
|
515
|
+
reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay));
|
|
516
|
+
delay = Math.min(delay * 2, maxDelay);
|
|
517
|
+
}
|
|
494
518
|
self.onmessage = (e) => {
|
|
495
519
|
const c = e.data;
|
|
496
|
-
if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; connect(); }
|
|
520
|
+
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(); }
|
|
497
521
|
if (c.type === 'send') send(c.data);
|
|
498
522
|
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'); }
|
|
499
523
|
};
|
|
@@ -1103,7 +1127,10 @@ var SharedWebSocket = (_class6 = class {
|
|
|
1103
1127
|
if (this.options.useWorker) {
|
|
1104
1128
|
return new WorkerSocket(this.url, {
|
|
1105
1129
|
...socketOptions,
|
|
1106
|
-
workerUrl: this.options.workerUrl
|
|
1130
|
+
workerUrl: this.options.workerUrl,
|
|
1131
|
+
auth: this.options.auth,
|
|
1132
|
+
authToken: this.options.authToken,
|
|
1133
|
+
authParam: this.options.authParam
|
|
1107
1134
|
});
|
|
1108
1135
|
}
|
|
1109
1136
|
return new SharedSocket(this.url, {
|
|
@@ -1166,7 +1193,7 @@ var SharedWebSocket = (_class6 = class {
|
|
|
1166
1193
|
});
|
|
1167
1194
|
})
|
|
1168
1195
|
);
|
|
1169
|
-
this.socket.connect();
|
|
1196
|
+
void this.socket.connect();
|
|
1170
1197
|
}
|
|
1171
1198
|
reAuthenticateOnReconnect() {
|
|
1172
1199
|
if (!this._isAuthenticated || !this.socket) return;
|
|
@@ -1223,4 +1250,4 @@ var SharedWebSocket = (_class6 = class {
|
|
|
1223
1250
|
|
|
1224
1251
|
|
|
1225
1252
|
exports.MessageBus = MessageBus; exports.TabCoordinator = TabCoordinator; exports.SharedSocket = SharedSocket; exports.WorkerSocket = WorkerSocket; exports.SubscriptionManager = SubscriptionManager; exports.SharedWebSocket = SharedWebSocket;
|
|
1226
|
-
//# sourceMappingURL=chunk-
|
|
1253
|
+
//# sourceMappingURL=chunk-OVKB2KLE.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/chunk-OVKB2KLE.cjs","../src/utils/id.ts","../src/MessageBus.ts","../src/TabCoordinator.ts","../src/utils/backoff.ts","../src/SharedSocket.ts","../src/WorkerSocket.ts","../src/SubscriptionManager.ts","../src/SharedWebSocket.ts"],"names":[],"mappings":"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","file":"/Users/gwakko/Projects/shared-websocket/dist/chunk-OVKB2KLE.cjs","sourcesContent":[null,"export function generateId(): string {\n if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n return crypto.randomUUID();\n }\n return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;\n}\n","import './utils/disposable';\nimport { generateId } from './utils/id';\nimport type { BusMessage, Unsubscribe } from './types';\n\ntype Listener = (msg: BusMessage) => void;\n\nexport class MessageBus implements Disposable {\n private channel: BroadcastChannel;\n private listeners = new Map<string, Set<Listener>>();\n private pendingRequests = new Map<string, { resolve: (v: unknown) => void; reject: (e: Error) => void; timer: ReturnType<typeof setTimeout> }>();\n\n constructor(\n channelName: string,\n private readonly tabId: string,\n ) {\n this.channel = new BroadcastChannel(channelName);\n this.channel.onmessage = (ev: MessageEvent<BusMessage>) => {\n this.handleMessage(ev.data);\n };\n }\n\n subscribe<T>(topic: string, fn: (data: T) => void): Unsubscribe {\n const wrapper: Listener = (msg) => {\n if (msg.source !== this.tabId) fn(msg.data as T);\n };\n this.addListener(topic, wrapper);\n return () => this.removeListener(topic, wrapper);\n }\n\n publish<T>(topic: string, data: T): void {\n this.postMessage({ topic, type: 'publish', data });\n }\n\n broadcast<T>(topic: string, data: T): void {\n const msg = this.createMessage(topic, 'broadcast', data);\n this.channel.postMessage(msg);\n // Also deliver to self\n this.handleMessage(msg);\n }\n\n async request<T, R>(topic: string, data: T, timeout = 5000): Promise<R> {\n const msg = this.createMessage(topic, 'request', data);\n return new Promise<R>((resolve, reject) => {\n const timer = setTimeout(() => {\n this.pendingRequests.delete(msg.id);\n reject(new Error(`MessageBus.request: timeout for topic \"${topic}\"`));\n }, timeout);\n this.pendingRequests.set(msg.id, { resolve: resolve as (v: unknown) => void, reject, timer });\n this.channel.postMessage(msg);\n });\n }\n\n respond<T, R>(topic: string, fn: (data: T) => R | Promise<R>): Unsubscribe {\n const wrapper: Listener = async (msg) => {\n if (msg.type !== 'request' || msg.source === this.tabId) return;\n const result = await fn(msg.data as T);\n this.postMessage({ topic, type: 'response', data: { requestId: msg.id, result } });\n };\n this.addListener(topic, wrapper);\n return () => this.removeListener(topic, wrapper);\n }\n\n private handleMessage(msg: BusMessage): void {\n // Handle response to pending request\n if (msg.type === 'response') {\n const payload = msg.data as { requestId: string; result: unknown };\n const pending = this.pendingRequests.get(payload.requestId);\n if (pending) {\n clearTimeout(pending.timer);\n this.pendingRequests.delete(payload.requestId);\n pending.resolve(payload.result);\n return;\n }\n }\n\n const listeners = this.listeners.get(msg.topic);\n if (listeners) {\n for (const fn of listeners) fn(msg);\n }\n }\n\n private postMessage(partial: Pick<BusMessage, 'topic' | 'type' | 'data'>): void {\n this.channel.postMessage(this.createMessage(partial.topic, partial.type, partial.data));\n }\n\n private createMessage(topic: string, type: BusMessage['type'], data: unknown): BusMessage {\n return { id: generateId(), source: this.tabId, topic, type, data, timestamp: Date.now() };\n }\n\n private addListener(topic: string, fn: Listener): void {\n let set = this.listeners.get(topic);\n if (!set) {\n set = new Set();\n this.listeners.set(topic, set);\n }\n set.add(fn);\n }\n\n private removeListener(topic: string, fn: Listener): void {\n this.listeners.get(topic)?.delete(fn);\n }\n\n [Symbol.dispose](): void {\n for (const pending of this.pendingRequests.values()) {\n clearTimeout(pending.timer);\n pending.reject(new Error('MessageBus disposed'));\n }\n this.pendingRequests.clear();\n this.listeners.clear();\n this.channel.close();\n }\n}\n","import './utils/disposable';\nimport { MessageBus } from './MessageBus';\nimport type { Unsubscribe } from './types';\n\ninterface CoordinatorOptions {\n electionTimeout?: number; // ms to wait for rejection (default 200)\n heartbeatInterval?: number; // ms between heartbeats (default 2000)\n leaderTimeout?: number; // ms without heartbeat to trigger election (default 5000)\n}\n\nexport class TabCoordinator implements Disposable {\n private _isLeader = false;\n private heartbeatTimer: ReturnType<typeof setInterval> | null = null;\n private leaderCheckTimer: ReturnType<typeof setInterval> | null = null;\n private lastHeartbeat = 0;\n private disposed = false;\n\n private onBecomeLeaderFns = new Set<() => void>();\n private onLoseLeadershipFns = new Set<() => void>();\n private cleanups: Unsubscribe[] = [];\n\n private readonly electionTimeout: number;\n private readonly heartbeatInterval: number;\n private readonly leaderTimeout: number;\n\n constructor(\n private readonly bus: MessageBus,\n private readonly tabId: string,\n options: CoordinatorOptions = {},\n ) {\n this.electionTimeout = options.electionTimeout ?? 200;\n this.heartbeatInterval = options.heartbeatInterval ?? 2000;\n this.leaderTimeout = options.leaderTimeout ?? 5000;\n\n // Listen for election requests — reject if we are leader\n this.cleanups.push(\n this.bus.subscribe<{ tabId: string }>('coord:election', () => {\n if (this._isLeader) {\n this.bus.publish('coord:reject', { tabId: this.tabId });\n }\n }),\n );\n\n // Listen for heartbeats\n this.cleanups.push(\n this.bus.subscribe<{ tabId: string }>('coord:heartbeat', () => {\n this.lastHeartbeat = Date.now();\n }),\n );\n\n // Listen for abdication\n this.cleanups.push(\n this.bus.subscribe('coord:abdicate', () => {\n if (!this._isLeader && !this.disposed) {\n this.elect();\n }\n }),\n );\n }\n\n get isLeader(): boolean {\n return this._isLeader;\n }\n\n async elect(): Promise<void> {\n if (this.disposed) return;\n\n return new Promise<void>((resolve) => {\n let rejected = false;\n\n const unsub = this.bus.subscribe('coord:reject', () => {\n rejected = true;\n unsub();\n // We are follower — start monitoring leader heartbeat\n this.startLeaderCheck();\n resolve();\n });\n\n this.bus.publish('coord:election', { tabId: this.tabId });\n\n setTimeout(() => {\n unsub();\n if (!rejected && !this.disposed) {\n this.becomeLeader();\n }\n resolve();\n }, this.electionTimeout);\n });\n }\n\n abdicate(): void {\n if (!this._isLeader) return;\n this._isLeader = false;\n this.stopHeartbeat();\n this.bus.publish('coord:abdicate', { tabId: this.tabId });\n for (const fn of this.onLoseLeadershipFns) fn();\n }\n\n onBecomeLeader(fn: () => void): Unsubscribe {\n this.onBecomeLeaderFns.add(fn);\n return () => this.onBecomeLeaderFns.delete(fn);\n }\n\n onLoseLeadership(fn: () => void): Unsubscribe {\n this.onLoseLeadershipFns.add(fn);\n return () => this.onLoseLeadershipFns.delete(fn);\n }\n\n private becomeLeader(): void {\n this._isLeader = true;\n this.stopLeaderCheck();\n this.startHeartbeat();\n for (const fn of this.onBecomeLeaderFns) fn();\n }\n\n private startHeartbeat(): void {\n this.stopHeartbeat();\n this.heartbeatTimer = setInterval(() => {\n this.bus.publish('coord:heartbeat', { tabId: this.tabId });\n }, this.heartbeatInterval);\n // Send immediately\n this.bus.publish('coord:heartbeat', { tabId: this.tabId });\n }\n\n private stopHeartbeat(): void {\n if (this.heartbeatTimer) {\n clearInterval(this.heartbeatTimer);\n this.heartbeatTimer = null;\n }\n }\n\n private startLeaderCheck(): void {\n this.stopLeaderCheck();\n this.lastHeartbeat = Date.now();\n this.leaderCheckTimer = setInterval(() => {\n if (Date.now() - this.lastHeartbeat > this.leaderTimeout && !this.disposed) {\n this.stopLeaderCheck();\n this.elect();\n }\n }, 1000);\n }\n\n private stopLeaderCheck(): void {\n if (this.leaderCheckTimer) {\n clearInterval(this.leaderCheckTimer);\n this.leaderCheckTimer = null;\n }\n }\n\n [Symbol.dispose](): void {\n this.disposed = true;\n if (this._isLeader) {\n this.abdicate();\n }\n this.stopHeartbeat();\n this.stopLeaderCheck();\n for (const unsub of this.cleanups) unsub();\n this.cleanups = [];\n this.onBecomeLeaderFns.clear();\n this.onLoseLeadershipFns.clear();\n }\n}\n","/** Exponential backoff generator with jitter. */\nexport function* backoff(base = 1000, max = 30_000): Generator<number> {\n let delay = base;\n while (true) {\n const jitter = delay * 0.25 * (Math.random() * 2 - 1);\n yield Math.min(delay + jitter, max);\n delay = Math.min(delay * 2, max);\n }\n}\n","import './utils/disposable';\nimport { backoff } from './utils/backoff';\nimport type { SocketState, Unsubscribe, EventHandler } from './types';\n\ninterface SharedSocketOptions {\n protocols?: string[];\n reconnect?: boolean;\n reconnectMaxDelay?: number;\n /** Max reconnect attempts before giving up (default: Infinity). */\n reconnectMaxRetries?: number;\n heartbeatInterval?: number;\n sendBuffer?: number;\n auth?: () => string | Promise<string>;\n authToken?: string;\n authParam?: string;\n /** Heartbeat payload (default: { type: \"ping\" }). */\n pingPayload?: unknown;\n /** Custom serializer (default: JSON.stringify). */\n serialize?: (data: unknown) => string | ArrayBuffer | Blob;\n /** Custom deserializer (default: JSON.parse). */\n deserialize?: (raw: string | ArrayBuffer) => unknown;\n}\n\nexport class SharedSocket implements Disposable {\n private ws: WebSocket | null = null;\n private _state: SocketState = 'closed';\n private buffer: unknown[] = [];\n private disposed = false;\n private heartbeatTimer: ReturnType<typeof setInterval> | null = null;\n private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n\n private onMessageFns = new Set<EventHandler>();\n private onStateChangeFns = new Set<(state: SocketState) => void>();\n\n private reconnectAttempts = 0;\n\n private readonly opts: Required<Omit<SharedSocketOptions, 'auth' | 'authToken' | 'authParam' | 'pingPayload' | 'serialize' | 'deserialize'>> & {\n auth?: () => string | Promise<string>;\n authToken?: string;\n authParam: string;\n pingPayload: unknown;\n serialize: (data: unknown) => string | ArrayBuffer | Blob;\n deserialize: (raw: string | ArrayBuffer) => unknown;\n };\n\n constructor(\n private url: string,\n options: SharedSocketOptions = {},\n ) {\n this.opts = {\n protocols: options.protocols ?? [],\n reconnect: options.reconnect ?? true,\n reconnectMaxDelay: options.reconnectMaxDelay ?? 30_000,\n reconnectMaxRetries: options.reconnectMaxRetries ?? Infinity,\n heartbeatInterval: options.heartbeatInterval ?? 30_000,\n sendBuffer: options.sendBuffer ?? 100,\n auth: options.auth,\n authToken: options.authToken,\n authParam: options.authParam ?? 'token',\n pingPayload: options.pingPayload ?? { type: 'ping' },\n serialize: options.serialize ?? ((data: unknown) => JSON.stringify(data)),\n deserialize: options.deserialize ?? ((raw: string | ArrayBuffer) => {\n if (typeof raw === 'string') return JSON.parse(raw);\n // ArrayBuffer → decode as UTF-8 then parse\n return JSON.parse(new TextDecoder().decode(raw));\n }),\n };\n }\n\n get state(): SocketState {\n return this._state;\n }\n\n async connect(): Promise<void> {\n if (this.disposed) return;\n\n this.setState('connecting');\n\n const connectUrl = await this.buildUrl();\n this.ws = new WebSocket(connectUrl, this.opts.protocols);\n\n this.ws.onopen = () => {\n this.reconnectAttempts = 0;\n this.setState('connected');\n this.flushBuffer();\n this.startHeartbeat();\n };\n\n this.ws.onmessage = (ev: MessageEvent) => {\n let data: unknown;\n try {\n data = this.opts.deserialize(ev.data as string | ArrayBuffer);\n } catch {\n data = ev.data;\n }\n for (const fn of this.onMessageFns) fn(data);\n };\n\n this.ws.onclose = () => {\n this.stopHeartbeat();\n if (!this.disposed && this.opts.reconnect) {\n this.reconnect();\n } else {\n this.setState('closed');\n }\n };\n\n this.ws.onerror = () => {\n // onclose will fire after onerror\n };\n }\n\n disconnect(): void {\n this.disposed = true;\n this.stopHeartbeat();\n this.clearReconnect();\n\n if (this.ws) {\n this.ws.onclose = null;\n this.ws.onmessage = null;\n this.ws.onerror = null;\n if (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING) {\n this.ws.close(1000, 'client disconnect');\n }\n this.ws = null;\n }\n\n this.setState('closed');\n }\n\n send(data: unknown): void {\n if (this._state === 'connected' && this.ws?.readyState === WebSocket.OPEN) {\n this.ws.send(this.opts.serialize(data));\n } else if (this._state === 'reconnecting' || this._state === 'connecting') {\n if (this.buffer.length < this.opts.sendBuffer) {\n this.buffer.push(data);\n }\n }\n }\n\n onMessage(fn: EventHandler): Unsubscribe {\n this.onMessageFns.add(fn);\n return () => this.onMessageFns.delete(fn);\n }\n\n onStateChange(fn: (state: SocketState) => void): Unsubscribe {\n this.onStateChangeFns.add(fn);\n return () => this.onStateChangeFns.delete(fn);\n }\n\n private reconnect(): void {\n this.reconnectAttempts++;\n\n if (this.reconnectAttempts > this.opts.reconnectMaxRetries) {\n this.setState('closed');\n return;\n }\n\n this.setState('reconnecting');\n const gen = backoff(1000, this.opts.reconnectMaxDelay);\n\n const attempt = () => {\n if (this.disposed) return;\n const delay = gen.next().value;\n this.reconnectTimer = setTimeout(() => {\n if (!this.disposed) this.connect();\n }, delay);\n };\n\n attempt();\n }\n\n private flushBuffer(): void {\n const pending = this.buffer.splice(0);\n for (const item of pending) {\n this.send(item);\n }\n }\n\n private startHeartbeat(): void {\n this.stopHeartbeat();\n this.heartbeatTimer = setInterval(() => {\n if (this.ws?.readyState === WebSocket.OPEN) {\n this.ws.send(this.opts.serialize(this.opts.pingPayload));\n }\n }, this.opts.heartbeatInterval);\n }\n\n private stopHeartbeat(): void {\n if (this.heartbeatTimer) {\n clearInterval(this.heartbeatTimer);\n this.heartbeatTimer = null;\n }\n }\n\n private clearReconnect(): void {\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer);\n this.reconnectTimer = null;\n }\n }\n\n private async buildUrl(): Promise<string> {\n // Resolve token: callback > static > none\n let token: string | undefined;\n if (this.opts.auth) {\n token = await this.opts.auth();\n } else if (this.opts.authToken) {\n token = this.opts.authToken;\n }\n\n if (!token) return this.url;\n\n // WebSocket URLs (ws://, wss://) are not fully supported by URL API.\n // Convert to http(s) for parsing, then back to ws(s).\n const httpUrl = this.url.replace(/^ws(s?):\\/\\//, 'http$1://');\n const parsed = new URL(httpUrl);\n parsed.searchParams.set(this.opts.authParam, token);\n\n return parsed.toString().replace(/^http(s?):\\/\\//, 'ws$1://');\n }\n\n private setState(state: SocketState): void {\n this._state = state;\n for (const fn of this.onStateChangeFns) fn(state);\n }\n\n [Symbol.dispose](): void {\n this.disconnect();\n this.onMessageFns.clear();\n this.onStateChangeFns.clear();\n this.buffer = [];\n }\n}\n","import './utils/disposable';\nimport type { SocketState, Unsubscribe, EventHandler } from './types';\n\n/**\n * WorkerSocket — WebSocket running inside a Web Worker.\n *\n * Same interface as SharedSocket, but WebSocket lives off main thread.\n * Benefits: heartbeat timers and JSON parsing don't block UI rendering.\n *\n * Use when:\n * - High message rate (50+ msgs/sec)\n * - Heavy JSON payloads\n * - UI does complex rendering that could block main thread\n *\n * Don't use when:\n * - Low message rate (simple chat, notifications)\n * - Bundle size matters (adds worker file)\n * - Debugging (Worker DevTools is less convenient)\n */\nexport class WorkerSocket implements Disposable {\n private worker: Worker | null = null;\n private _state: SocketState = 'closed';\n\n private onMessageFns = new Set<EventHandler>();\n private onStateChangeFns = new Set<(state: SocketState) => void>();\n\n constructor(\n private url: string,\n private options: {\n protocols?: string[];\n reconnect?: boolean;\n reconnectMaxDelay?: number;\n reconnectMaxRetries?: number;\n heartbeatInterval?: number;\n sendBuffer?: number;\n workerUrl?: string | URL;\n auth?: () => string | Promise<string>;\n authToken?: string;\n authParam?: string;\n pingPayload?: unknown;\n } = {},\n ) {}\n\n get state(): SocketState {\n return this._state;\n }\n\n async connect(): Promise<void> {\n // Resolve auth token before sending to worker (functions can't cross worker boundary)\n let authToken: string | undefined;\n if (this.options.auth) {\n authToken = await this.options.auth();\n } else if (this.options.authToken) {\n authToken = this.options.authToken;\n }\n\n // Build URL with auth token\n const connectUrl = authToken ? this.buildUrl(authToken) : this.url;\n\n // Create worker from inline blob if no workerUrl provided\n const workerUrl = this.options.workerUrl ?? this.createWorkerBlob();\n\n this.worker = new Worker(workerUrl, { type: 'module' });\n\n this.worker.onmessage = (ev: MessageEvent) => {\n const msg = ev.data;\n\n switch (msg.type) {\n case 'state':\n this._state = msg.state;\n for (const fn of this.onStateChangeFns) fn(msg.state);\n break;\n\n case 'message':\n for (const fn of this.onMessageFns) fn(msg.data);\n break;\n\n case 'open':\n // State already set via 'state' message\n break;\n\n case 'close':\n break;\n\n case 'error':\n console.error('WorkerSocket error:', msg.message);\n break;\n }\n };\n\n this.worker.postMessage({\n type: 'connect',\n url: connectUrl,\n protocols: this.options.protocols ?? [],\n reconnect: this.options.reconnect ?? true,\n reconnectMaxDelay: this.options.reconnectMaxDelay ?? 30_000,\n reconnectMaxRetries: this.options.reconnectMaxRetries ?? Infinity,\n heartbeatInterval: this.options.heartbeatInterval ?? 30_000,\n bufferSize: this.options.sendBuffer ?? 100,\n pingPayload: this.options.pingPayload,\n });\n }\n\n private buildUrl(token: string): string {\n const param = this.options.authParam ?? 'token';\n const httpUrl = this.url.replace(/^ws(s?):\\/\\//, 'http$1://');\n const parsed = new URL(httpUrl);\n parsed.searchParams.set(param, token);\n return parsed.toString().replace(/^http(s?):\\/\\//, 'ws$1://');\n }\n\n send(data: unknown): void {\n this.worker?.postMessage({ type: 'send', data });\n }\n\n disconnect(): void {\n this.worker?.postMessage({ type: 'disconnect' });\n setTimeout(() => {\n this.worker?.terminate();\n this.worker = null;\n }, 100);\n this._state = 'closed';\n }\n\n onMessage(fn: EventHandler): Unsubscribe {\n this.onMessageFns.add(fn);\n return () => this.onMessageFns.delete(fn);\n }\n\n onStateChange(fn: (state: SocketState) => void): Unsubscribe {\n this.onStateChangeFns.add(fn);\n return () => this.onStateChangeFns.delete(fn);\n }\n\n private createWorkerBlob(): URL {\n // Inline the worker code as a blob URL\n // In production, use a bundler (Vite, webpack) to handle worker imports\n const code = `\n let ws = null, state = 'closed', buffer = [], disposed = false;\n let heartbeatTimer = null, reconnectTimer = null;\n let url = '', protocols = [], shouldReconnect = true;\n let maxDelay = 30000, maxRetries = Infinity, hbInterval = 30000, maxBuf = 100;\n let delay = 1000, attempts = 0, pingPayload = '{\"type\":\"ping\"}';\n\n function setState(s) { state = s; self.postMessage({ type: 'state', state: s }); }\n function connect() {\n if (disposed) return;\n setState('connecting');\n ws = new WebSocket(url, protocols);\n ws.onopen = () => { attempts = 0; delay = 1000; setState('connected'); self.postMessage({ type: 'open' }); flush(); startHB(); };\n ws.onmessage = (e) => { let d; try { d = JSON.parse(e.data); } catch { d = e.data; } self.postMessage({ type: 'message', data: d }); };\n ws.onclose = (e) => { stopHB(); self.postMessage({ type: 'close', code: e.code, reason: e.reason }); if (!disposed && shouldReconnect && e.code !== 1000) reconnect(); else setState('closed'); };\n ws.onerror = () => { self.postMessage({ type: 'error', message: 'error' }); };\n }\n function send(d) { if (state === 'connected' && ws?.readyState === 1) ws.send(JSON.stringify(d)); else if (buffer.length < maxBuf) buffer.push(d); }\n function flush() { const p = buffer.splice(0); p.forEach(send); }\n function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(pingPayload); }, hbInterval); }\n function stopHB() { if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; } }\n function reconnect() {\n attempts++;\n if (attempts > maxRetries) { setState('closed'); return; }\n setState('reconnecting');\n const j = delay * 0.25 * (Math.random() * 2 - 1);\n reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay));\n delay = Math.min(delay * 2, maxDelay);\n }\n self.onmessage = (e) => {\n const c = e.data;\n if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; maxRetries = c.reconnectMaxRetries ?? Infinity; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; if (c.pingPayload) pingPayload = JSON.stringify(c.pingPayload); connect(); }\n if (c.type === 'send') send(c.data);\n if (c.type === 'disconnect') { disposed = true; stopHB(); if (reconnectTimer) clearTimeout(reconnectTimer); if (ws) { ws.onclose = null; if (ws.readyState < 2) ws.close(1000); ws = null; } buffer = []; setState('closed'); }\n };\n `;\n const blob = new Blob([code], { type: 'application/javascript' });\n return new URL(URL.createObjectURL(blob));\n }\n\n [Symbol.dispose](): void {\n this.disconnect();\n this.onMessageFns.clear();\n this.onStateChangeFns.clear();\n }\n}\n","import './utils/disposable';\nimport type { EventHandler, Unsubscribe } from './types';\n\nexport class SubscriptionManager implements Disposable {\n private handlers = new Map<string, Set<EventHandler>>();\n private lastMessages = new Map<string, unknown>();\n\n on(event: string, handler: EventHandler): Unsubscribe {\n let set = this.handlers.get(event);\n if (!set) {\n set = new Set();\n this.handlers.set(event, set);\n }\n set.add(handler);\n return () => set!.delete(handler);\n }\n\n once(event: string, handler: EventHandler): Unsubscribe {\n const wrapper: EventHandler = (data) => {\n unsub();\n handler(data);\n };\n const unsub = this.on(event, wrapper);\n return unsub;\n }\n\n off(event: string, handler?: EventHandler): void {\n if (handler) {\n this.handlers.get(event)?.delete(handler);\n } else {\n this.handlers.delete(event);\n }\n }\n\n emit(event: string, data: unknown): void {\n this.lastMessages.set(event, data);\n const set = this.handlers.get(event);\n if (set) {\n for (const fn of set) fn(data);\n }\n }\n\n getLastMessage(event: string): unknown | undefined {\n return this.lastMessages.get(event);\n }\n\n async *stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n const queue: unknown[] = [];\n let resolve: (() => void) | null = null;\n let done = false;\n\n const unsub = this.on(event, (data) => {\n queue.push(data);\n resolve?.();\n });\n\n const onAbort = () => {\n done = true;\n resolve?.();\n };\n signal?.addEventListener('abort', onAbort);\n\n try {\n while (!done) {\n if (queue.length > 0) {\n yield queue.shift()!;\n } else {\n await new Promise<void>((r) => { resolve = r; });\n resolve = null;\n }\n }\n } finally {\n unsub();\n signal?.removeEventListener('abort', onAbort);\n }\n }\n\n offAll(): void {\n this.handlers.clear();\n this.lastMessages.clear();\n }\n\n [Symbol.dispose](): void {\n this.offAll();\n }\n}\n","import './utils/disposable';\nimport { generateId } from './utils/id';\nimport { MessageBus } from './MessageBus';\nimport { TabCoordinator } from './TabCoordinator';\nimport { SharedSocket } from './SharedSocket';\nimport { WorkerSocket } from './WorkerSocket';\nimport { SubscriptionManager } from './SubscriptionManager';\nimport type { SharedWebSocketOptions, TabRole, Unsubscribe, EventHandler, Channel, EventProtocol, EventMap, Logger, Middleware } from './types';\n\nconst DEFAULT_PROTOCOL: EventProtocol = {\n eventField: 'event',\n dataField: 'data',\n channelJoin: '$channel:join',\n channelLeave: '$channel:leave',\n ping: { type: 'ping' },\n defaultEvent: 'message',\n topicSubscribe: '$topic:subscribe',\n topicUnsubscribe: '$topic:unsubscribe',\n authLogin: '$auth:login',\n authLogout: '$auth:logout',\n authRevoked: '$auth:revoked',\n};\n\nconst NOOP_LOGGER: Logger = {\n debug() {},\n info() {},\n warn() {},\n error() {},\n};\n\n/** Common interface for both SharedSocket and WorkerSocket. */\ninterface SocketAdapter {\n readonly state: string;\n connect(): void | Promise<void>;\n send(data: unknown): void;\n disconnect(): void;\n onMessage(fn: EventHandler): Unsubscribe;\n onStateChange(fn: (state: string) => void): Unsubscribe;\n [Symbol.dispose](): void;\n}\n\n/**\n * SharedWebSocket — shares ONE WebSocket connection across browser tabs.\n *\n * @typeParam TEvents - Event map for type-safe subscriptions.\n *\n * @example\n * // Typed events\n * type Events = {\n * 'chat.message': { text: string; userId: string };\n * 'order.created': { id: string; total: number };\n * };\n * const ws = new SharedWebSocket<Events>(url);\n * ws.on('chat.message', (msg) => msg.text); // ← msg: { text, userId }\n */\nexport class SharedWebSocket<TEvents extends EventMap = EventMap> implements Disposable {\n private bus: MessageBus;\n private coordinator: TabCoordinator;\n private socket: SocketAdapter | null = null;\n private subs = new SubscriptionManager();\n private syncStore = new Map<string, unknown>();\n private tabId: string;\n private cleanups: Unsubscribe[] = [];\n private disposed = false;\n private readonly proto: EventProtocol;\n private readonly log: Logger;\n private outgoingMiddleware: Middleware[] = [];\n private incomingMiddleware: Middleware[] = [];\n private serializers = new Map<string, (data: unknown) => unknown>();\n private deserializers = new Map<string, (data: unknown) => unknown>();\n private _isAuthenticated = false;\n private authChannels = new Map<string, Channel>();\n private authTopics = new Set<string>();\n\n constructor(\n private readonly url: string,\n private readonly options: SharedWebSocketOptions<TEvents> = {} as SharedWebSocketOptions<TEvents>,\n ) {\n this.proto = { ...DEFAULT_PROTOCOL, ...options.events };\n this.log = options.debug ? (options.logger ?? console) : NOOP_LOGGER;\n this.tabId = generateId();\n this.log.debug('[SharedWS] init', { tabId: this.tabId, url });\n this.bus = new MessageBus('shared-ws', this.tabId);\n this.coordinator = new TabCoordinator(this.bus, this.tabId, {\n electionTimeout: options.electionTimeout,\n heartbeatInterval: options.leaderHeartbeat,\n leaderTimeout: options.leaderTimeout,\n });\n\n // When ANY tab receives a WS message via bus → emit to local subscribers\n this.cleanups.push(\n this.bus.subscribe<{ event: string; data: unknown }>('ws:message', (msg) => {\n this.subs.emit(msg.event, msg.data);\n }),\n );\n\n // Leader listens for send requests from followers\n this.cleanups.push(\n this.bus.subscribe<{ event: string; data: unknown }>('ws:send', (msg) => {\n if (this.coordinator.isLeader && this.socket) {\n this.socket.send({ [this.proto.eventField]: msg.event, [this.proto.dataField]: msg.data });\n }\n }),\n );\n\n // Sync across tabs\n this.cleanups.push(\n this.bus.subscribe<{ key: string; value: unknown }>('ws:sync', (msg) => {\n this.syncStore.set(msg.key, msg.value);\n this.subs.emit(`sync:${msg.key}`, msg.value);\n }),\n );\n\n // Leader lifecycle\n this.coordinator.onBecomeLeader(() => {\n this.handleBecomeLeader();\n this.bus.broadcast('ws:lifecycle', { type: 'leader', isLeader: true });\n });\n this.coordinator.onLoseLeadership(() => {\n this.handleLoseLeadership();\n this.bus.broadcast('ws:lifecycle', { type: 'leader', isLeader: false });\n });\n\n // Lifecycle events from bus (all tabs receive)\n this.cleanups.push(\n this.bus.subscribe<{ type: string; isLeader?: boolean; error?: unknown; authenticated?: boolean }>('ws:lifecycle', (msg) => {\n switch (msg.type) {\n case 'connect':\n this.subs.emit('$lifecycle:connect', undefined);\n break;\n case 'disconnect':\n this.subs.emit('$lifecycle:disconnect', undefined);\n break;\n case 'reconnecting':\n this.subs.emit('$lifecycle:reconnecting', undefined);\n break;\n case 'leader':\n this.subs.emit('$lifecycle:leader', msg.isLeader);\n break;\n case 'error':\n this.subs.emit('$lifecycle:error', msg.error);\n break;\n case 'auth': {\n this._isAuthenticated = !!msg.authenticated;\n if (!msg.authenticated) {\n this.authChannels.clear();\n this.authTopics.clear();\n }\n this.subs.emit('$lifecycle:auth', msg.authenticated);\n break;\n }\n }\n }),\n );\n\n // Track tab visibility\n if (typeof document !== 'undefined') {\n const onVisibilityChange = () => {\n const active = !document.hidden;\n this.subs.emit('$lifecycle:active', active);\n this.log.debug('[SharedWS]', active ? '👁 tab active' : '👁 tab hidden');\n };\n document.addEventListener('visibilitychange', onVisibilityChange);\n this.cleanups.push(() => document.removeEventListener('visibilitychange', onVisibilityChange));\n }\n\n // Handle server-initiated auth revocation\n this.cleanups.push(\n this.subs.on(this.proto.authRevoked, () => {\n if (this.coordinator.isLeader) {\n for (const [, ch] of this.authChannels) ch.leave();\n for (const topic of this.authTopics) this.unsubscribe(topic);\n }\n this.authChannels.clear();\n this.authTopics.clear();\n this._isAuthenticated = false;\n this.syncStore.delete('$auth:token');\n this.subs.emit('$lifecycle:auth', false);\n this.log.warn('[SharedWS] auth revoked by server');\n }),\n );\n\n // Cleanup on tab close\n if (typeof window !== 'undefined') {\n const onBeforeUnload = () => this[Symbol.dispose]();\n window.addEventListener('beforeunload', onBeforeUnload);\n this.cleanups.push(() => window.removeEventListener('beforeunload', onBeforeUnload));\n }\n }\n\n get connected(): boolean {\n return this.socket?.state === 'connected' || !this.coordinator.isLeader;\n }\n\n get tabRole(): TabRole {\n return this.coordinator.isLeader ? 'leader' : 'follower';\n }\n\n /** Whether the user is authenticated via runtime auth. */\n get isAuthenticated(): boolean {\n return this._isAuthenticated;\n }\n\n /** Whether this tab is currently visible/focused. */\n get isActive(): boolean {\n return typeof document !== 'undefined' ? !document.hidden : true;\n }\n\n /** Start leader election and connect. */\n async connect(): Promise<void> {\n await this.coordinator.elect();\n }\n\n // ─── Lifecycle Hooks ─────────────────────────────────\n\n /** Called when WebSocket connection opens (broadcast to all tabs). */\n onConnect(fn: () => void): Unsubscribe {\n return this.subs.on('$lifecycle:connect', fn);\n }\n\n /** Called when WebSocket connection closes (broadcast to all tabs). */\n onDisconnect(fn: () => void): Unsubscribe {\n return this.subs.on('$lifecycle:disconnect', fn);\n }\n\n /** Called when WebSocket starts reconnecting (broadcast to all tabs). */\n onReconnecting(fn: () => void): Unsubscribe {\n return this.subs.on('$lifecycle:reconnecting', fn);\n }\n\n /** Called when this tab becomes leader or loses leadership. */\n onLeaderChange(fn: (isLeader: boolean) => void): Unsubscribe {\n return this.subs.on('$lifecycle:leader', fn as EventHandler);\n }\n\n /** Called on WebSocket or network error (broadcast to all tabs). */\n onError(fn: (error: unknown) => void): Unsubscribe {\n return this.subs.on('$lifecycle:error', fn as EventHandler);\n }\n\n /** Called when this tab becomes visible/focused. */\n onActive(fn: () => void): Unsubscribe {\n return this.subs.on('$lifecycle:active', ((isActive: unknown) => {\n if (isActive === true) fn();\n }) as EventHandler);\n }\n\n /** Called when this tab goes to background/hidden. */\n onInactive(fn: () => void): Unsubscribe {\n return this.subs.on('$lifecycle:active', ((isActive: unknown) => {\n if (isActive === false) fn();\n }) as EventHandler);\n }\n\n /** Called on any visibility change. */\n onVisibilityChange(fn: (isActive: boolean) => void): Unsubscribe {\n return this.subs.on('$lifecycle:active', fn as EventHandler);\n }\n\n // ─── Authentication ──────────────────────────────────\n\n /**\n * Authenticate on an existing connection. Sends auth event to server,\n * syncs auth state across all tabs. Use for login after guest connection.\n *\n * @example\n * const token = await loginApi(email, password);\n * ws.authenticate(token);\n *\n * @example\n * // React — via useSocketAuth hook\n * const { authenticate } = useSocketAuth();\n * authenticate(token);\n */\n authenticate(token: string): void {\n this._isAuthenticated = true;\n this.syncStore.set('$auth:token', token);\n this.bus.broadcast('ws:sync', { key: '$auth:token', value: token });\n this.send(this.proto.authLogin, { token });\n this.bus.broadcast('ws:lifecycle', { type: 'auth', authenticated: true });\n this.log.info('[SharedWS] authenticated');\n }\n\n /**\n * Deauthenticate — notifies server, auto-leaves all auth-required channels\n * and topics, syncs state across tabs. Connection stays open for public events.\n *\n * @example\n * ws.deauthenticate(); // connection stays open, auth subscriptions cleaned up\n */\n deauthenticate(): void {\n // Leave auth channels and unsubscribe auth topics\n for (const [, ch] of this.authChannels) ch.leave();\n this.authChannels.clear();\n for (const topic of this.authTopics) this.unsubscribe(topic);\n this.authTopics.clear();\n\n this._isAuthenticated = false;\n this.send(this.proto.authLogout, {});\n this.syncStore.delete('$auth:token');\n this.bus.broadcast('ws:sync', { key: '$auth:token', value: undefined });\n this.bus.broadcast('ws:lifecycle', { type: 'auth', authenticated: false });\n this.log.info('[SharedWS] deauthenticated');\n }\n\n /**\n * Called when auth state changes (authenticate, deauthenticate, or server revocation).\n *\n * @example\n * ws.onAuthChange((authenticated) => {\n * if (!authenticated) router.push('/login');\n * });\n */\n onAuthChange(fn: (authenticated: boolean) => void): Unsubscribe {\n return this.subs.on('$lifecycle:auth', fn as EventHandler);\n }\n\n // ─── Middleware ───────────────────────────────────────\n\n /**\n * Add middleware to transform messages before send or after receive.\n * Return null from middleware to drop the message.\n *\n * @example\n * // Add timestamp to every outgoing message\n * ws.use('outgoing', (msg) => ({ ...msg, timestamp: Date.now() }));\n *\n * @example\n * // Decrypt incoming messages\n * ws.use('incoming', (msg) => ({ ...msg, data: decrypt(msg.data) }));\n *\n * @example\n * // Drop messages from blocked users\n * ws.use('incoming', (msg) => blockedUsers.has(msg.userId) ? null : msg);\n */\n use(direction: 'outgoing' | 'incoming', fn: Middleware): this {\n if (direction === 'outgoing') {\n this.outgoingMiddleware.push(fn);\n } else {\n this.incomingMiddleware.push(fn);\n }\n return this;\n }\n\n // ─── Per-Event Serialization ─────────────────────────\n\n /**\n * Register a custom serializer for a specific event.\n * The data is transformed before outgoing middleware and global serialize.\n *\n * @example\n * // Binary for file uploads, JSON for everything else\n * ws.serializer('file.upload', (data) => new Blob([data as ArrayBuffer]));\n *\n * @example\n * // Protobuf for specific event\n * ws.serializer('trading.order', (data) => OrderProto.encode(data).finish());\n */\n serializer(event: string, fn: (data: unknown) => unknown): this {\n this.serializers.set(event, fn);\n return this;\n }\n\n /**\n * Register a custom deserializer for a specific event.\n * The data is transformed after global deserialize and before incoming middleware.\n *\n * @example\n * ws.deserializer('file.download', (data) => new Uint8Array(data as ArrayBuffer));\n *\n * @example\n * // Protobuf for specific event\n * ws.deserializer('trading.tick', (data) => TickProto.decode(data as Uint8Array));\n */\n deserializer(event: string, fn: (data: unknown) => unknown): this {\n this.deserializers.set(event, fn);\n return this;\n }\n\n // ─── Event Subscription ──────────────────────────────\n\n /** Subscribe to server events (works in ALL tabs). Type-safe with EventMap. */\n on<K extends string & keyof TEvents>(event: K, handler: EventHandler<TEvents[K]>): Unsubscribe;\n on(event: string, handler: EventHandler<unknown>): Unsubscribe;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n on(event: string, handler: (data: any) => void): Unsubscribe {\n return this.subs.on(event, handler);\n }\n\n once<K extends string & keyof TEvents>(event: K, handler: EventHandler<TEvents[K]>): Unsubscribe;\n once(event: string, handler: EventHandler<unknown>): Unsubscribe;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n once(event: string, handler: (data: any) => void): Unsubscribe {\n return this.subs.once(event, handler);\n }\n\n off(event: string, handler?: EventHandler): void {\n this.subs.off(event, handler);\n }\n\n /** Async generator for consuming events. Type-safe with EventMap. */\n stream<K extends string & keyof TEvents>(event: K, signal?: AbortSignal): AsyncGenerator<TEvents[K]>;\n stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown>;\n stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n return this.subs.stream(event, signal);\n }\n\n /** Send message to server (auto-routed through leader). Type-safe with EventMap. */\n send<K extends string & keyof TEvents>(event: K, data: TEvents[K]): void;\n send(event: string, data: unknown): void;\n send(event: string, data: unknown): void {\n // Per-event serializer transforms data before building payload\n const eventSerializer = this.serializers.get(event);\n const serializedData = eventSerializer ? eventSerializer(data) : data;\n\n let payload: unknown = { [this.proto.eventField]: event, [this.proto.dataField]: serializedData };\n\n for (const mw of this.outgoingMiddleware) {\n payload = mw(payload);\n if (payload === null) {\n this.log.debug('[SharedWS] ✗ outgoing dropped by middleware', event);\n return;\n }\n }\n\n this.log.debug('[SharedWS] → send', event, data);\n\n if (this.coordinator.isLeader && this.socket) {\n this.socket.send(payload);\n } else {\n this.bus.publish('ws:send', { event, data });\n }\n }\n\n /** Request/response through server via leader. */\n async request<T>(event: string, data: unknown, timeout = 5000): Promise<T> {\n return this.bus.request('ws:request', { event, data }, timeout);\n }\n\n /** Sync state across tabs (no server roundtrip). */\n sync<T>(key: string, value: T): void {\n this.syncStore.set(key, value);\n this.bus.broadcast('ws:sync', { key, value });\n }\n\n getSync<T>(key: string): T | undefined {\n return this.syncStore.get(key) as T | undefined;\n }\n\n onSync<T>(key: string, fn: (value: T) => void): Unsubscribe {\n return this.subs.on(`sync:${key}`, fn as EventHandler);\n }\n\n /**\n * Subscribe to a private/scoped channel. Returns a channel handle with\n * scoped on/send/stream methods. Sends join on subscribe, leave on unsubscribe.\n *\n * @example\n * const chat = ws.channel('chat:room_123');\n * chat.on('message', (msg) => render(msg));\n * chat.send('message', { text: 'Hello' });\n * chat.leave(); // sends leave + unsubscribes\n *\n * @example\n * // Private notifications for tenant\n * const notifications = ws.channel(`tenant:${tenantId}:notifications`);\n * notifications.on('alert', (alert) => showToast(alert));\n */\n channel(name: string, options?: { auth?: boolean }): Channel {\n // Notify server about channel subscription\n this.send(this.proto.channelJoin, { channel: name });\n\n const self = this;\n const unsubs: Unsubscribe[] = [];\n const isAuth = options?.auth ?? false;\n\n const ch: Channel = {\n name,\n on(event: string, handler: EventHandler): Unsubscribe {\n const unsub = self.subs.on(`${name}:${event}`, handler);\n unsubs.push(unsub);\n return unsub;\n },\n once(event: string, handler: EventHandler): Unsubscribe {\n const unsub = self.subs.once(`${name}:${event}`, handler);\n unsubs.push(unsub);\n return unsub;\n },\n send(event: string, data: unknown): void {\n self.send(`${name}:${event}`, data);\n },\n stream(event: string, signal?: AbortSignal): AsyncGenerator<unknown> {\n return self.subs.stream(`${name}:${event}`, signal);\n },\n leave(): void {\n self.send(self.proto.channelLeave, { channel: name });\n for (const unsub of unsubs) unsub();\n unsubs.length = 0;\n if (isAuth) self.authChannels.delete(name);\n },\n };\n\n if (isAuth) {\n this.authChannels.set(name, ch);\n }\n\n return ch;\n }\n\n // ─── Topics ──────────────────────────────────────────\n\n /**\n * Subscribe to a server-side topic. Server will start sending events for this topic.\n * Sends topicSubscribe event (default: \"$topic:subscribe\").\n *\n * @example\n * ws.subscribe('notifications:orders');\n * ws.subscribe('notifications:payments');\n * ws.subscribe(`user:${userId}:mentions`);\n */\n subscribe(topic: string, options?: { auth?: boolean }): void {\n this.send(this.proto.topicSubscribe, { topic });\n if (options?.auth) {\n this.authTopics.add(topic);\n }\n this.log.debug('[SharedWS] subscribe topic', topic);\n }\n\n /**\n * Unsubscribe from a server-side topic.\n * Sends topicUnsubscribe event (default: \"$topic:unsubscribe\").\n */\n unsubscribe(topic: string): void {\n this.send(this.proto.topicUnsubscribe, { topic });\n this.authTopics.delete(topic);\n this.log.debug('[SharedWS] unsubscribe topic', topic);\n }\n\n // ─── Push Notifications ─────────────────────────────\n\n /**\n * Subscribe to an event and show notifications.\n *\n * **target** controls which tab(s) display the notification:\n * - `'active'` — only the currently visible tab (default for render)\n * - `'leader'` — only the leader tab (default for browser Notification)\n * - `'all'` — every tab (for critical alerts)\n *\n * @example\n * // Custom render — sonner toast on active tab only\n * ws.push('notification', {\n * render: (n) => toast(n.title),\n * target: 'active', // default for render\n * });\n *\n * @example\n * // Critical alert — show in ALL tabs\n * ws.push('payment.failed', {\n * render: (n) => toast.error('Payment failed!'),\n * target: 'all',\n * });\n *\n * @example\n * // Browser Notification — only from leader\n * ws.push('order.created', {\n * title: (order) => `New Order #${order.id}`,\n * target: 'leader', // default for browser Notification\n * });\n *\n * @example\n * // Both render + native with different targets\n * ws.push('order.created', {\n * render: (order) => toast(`Order #${order.id}`), // active tab\n * title: (order) => `New Order #${order.id}`, // leader → native\n * });\n */\n push<T = unknown>(\n event: string,\n config: {\n /** Custom render function — you decide how to display. */\n render?: (data: T) => void;\n /** Title for browser Notification API. */\n title?: string | ((data: T) => string);\n /** Body for browser Notification API. */\n body?: string | ((data: T) => string);\n /** Icon URL for browser Notification. */\n icon?: string;\n /** Tag for browser Notification deduplication. */\n tag?: string | ((data: T) => string);\n /**\n * Which tab(s) show the notification:\n * - `'active'` — only the visible/focused tab (default for render)\n * - `'leader'` — only the leader tab (default for browser Notification)\n * - `'all'` — every tab (critical alerts)\n */\n target?: 'active' | 'leader' | 'all';\n /** Called when browser Notification is clicked. */\n onClick?: (data: T) => void;\n },\n ): Unsubscribe {\n const useNativeNotification = !!config.title;\n\n // Default target: 'active' for render, 'leader' for native\n const renderTarget = config.target ?? 'active';\n const nativeTarget = config.target ?? 'leader';\n\n if (useNativeNotification && typeof Notification !== 'undefined' && Notification.permission === 'default') {\n Notification.requestPermission();\n }\n\n return this.on(event, ((data: unknown) => {\n const typed = data as T;\n const isVisible = typeof document !== 'undefined' && !document.hidden;\n const isLeader = this.tabRole === 'leader';\n\n // Custom render\n if (config.render) {\n const shouldRender =\n renderTarget === 'all' ||\n (renderTarget === 'active' && isVisible) ||\n (renderTarget === 'leader' && isLeader);\n\n if (shouldRender) {\n config.render(typed);\n this.log.debug('[SharedWS] 🔔 render', event, `(target: ${renderTarget})`);\n }\n }\n\n // Browser Notification API\n if (useNativeNotification && typeof Notification !== 'undefined' && Notification.permission === 'granted') {\n const shouldNotify =\n nativeTarget === 'all' ||\n (nativeTarget === 'leader' && isLeader) ||\n (nativeTarget === 'active' && isVisible);\n\n // Native notifications make sense when tab is hidden\n if (shouldNotify && !isVisible) {\n const title = typeof config.title === 'function' ? config.title(typed) : config.title!;\n const body = typeof config.body === 'function' ? config.body(typed) : config.body;\n const tag = typeof config.tag === 'function' ? config.tag(typed) : config.tag;\n\n const notif = new Notification(title, { body, icon: config.icon, tag });\n\n if (config.onClick) {\n const handler = config.onClick;\n notif.onclick = () => {\n handler(typed);\n window.focus();\n };\n }\n\n this.log.debug('[SharedWS] 🔔 native', title, `(target: ${nativeTarget})`);\n }\n }\n }) as EventHandler);\n }\n\n disconnect(): void {\n this[Symbol.dispose]();\n }\n\n private createSocket(): SocketAdapter {\n const socketOptions = {\n protocols: this.options.protocols,\n reconnect: this.options.reconnect,\n reconnectMaxDelay: this.options.reconnectMaxDelay,\n reconnectMaxRetries: this.options.reconnectMaxRetries,\n heartbeatInterval: this.options.heartbeatInterval,\n sendBuffer: this.options.sendBuffer,\n pingPayload: this.proto.ping,\n };\n\n if (this.options.useWorker) {\n // WebSocket runs in a Web Worker — main thread stays free\n return new WorkerSocket(this.url, {\n ...socketOptions,\n workerUrl: this.options.workerUrl,\n auth: this.options.auth,\n authToken: this.options.authToken,\n authParam: this.options.authParam,\n });\n }\n\n // WebSocket runs in main thread (default)\n return new SharedSocket(this.url, {\n ...socketOptions,\n auth: this.options.auth,\n authToken: this.options.authToken,\n authParam: this.options.authParam,\n serialize: this.options.serialize,\n deserialize: this.options.deserialize,\n });\n }\n\n private handleBecomeLeader(): void {\n this.log.info('[SharedWS] 👑 became leader');\n this.socket = this.createSocket();\n\n this.socket.onMessage((raw: unknown) => {\n let data: unknown = raw;\n for (const mw of this.incomingMiddleware) {\n data = mw(data);\n if (data === null) {\n this.log.debug('[SharedWS] ✗ incoming dropped by middleware');\n return;\n }\n }\n\n const msg = data as Record<string, unknown> | null | undefined;\n const event = (msg?.[this.proto.eventField] as string) ?? this.proto.defaultEvent;\n let payload = msg?.[this.proto.dataField] ?? data;\n\n // Per-event deserializer transforms data after global deserialize\n const eventDeserializer = this.deserializers.get(event);\n if (eventDeserializer) {\n payload = eventDeserializer(payload);\n }\n\n this.log.debug('[SharedWS] ← recv', event, payload);\n this.bus.broadcast('ws:message', { event, data: payload });\n });\n\n this.socket.onStateChange((state: string) => {\n this.log.info('[SharedWS]', state === 'connected' ? '✓ connected' : state === 'reconnecting' ? '🔄 reconnecting' : `state: ${state}`);\n switch (state) {\n case 'connected':\n this.bus.broadcast('ws:lifecycle', { type: 'connect' });\n this.reAuthenticateOnReconnect();\n break;\n case 'closed':\n this.bus.broadcast('ws:lifecycle', { type: 'disconnect' });\n break;\n case 'reconnecting':\n this.bus.broadcast('ws:lifecycle', { type: 'reconnecting' });\n break;\n }\n });\n\n this.cleanups.push(\n this.bus.respond<{ event: string; data: unknown }, unknown>('ws:request', async (req) => {\n return new Promise((resolve) => {\n const unsub = this.socket!.onMessage((response: unknown) => {\n const res = response as Record<string, unknown> | undefined;\n if (res?.[this.proto.eventField] === req.event || res?.requestId) {\n unsub();\n resolve(res?.[this.proto.dataField] ?? response);\n }\n });\n this.socket!.send({ event: req.event, data: req.data });\n });\n }),\n );\n\n void this.socket.connect();\n }\n\n private reAuthenticateOnReconnect(): void {\n if (!this._isAuthenticated || !this.socket) return;\n\n const token = this.syncStore.get('$auth:token') as string | undefined;\n if (token) {\n this.socket.send({\n [this.proto.eventField]: this.proto.authLogin,\n [this.proto.dataField]: { token },\n });\n this.log.debug('[SharedWS] re-authenticated after reconnect');\n }\n\n // Re-join auth channels\n for (const name of this.authChannels.keys()) {\n this.socket.send({\n [this.proto.eventField]: this.proto.channelJoin,\n [this.proto.dataField]: { channel: name },\n });\n }\n\n // Re-subscribe auth topics\n for (const topic of this.authTopics) {\n this.socket.send({\n [this.proto.eventField]: this.proto.topicSubscribe,\n [this.proto.dataField]: { topic },\n });\n }\n }\n\n private handleLoseLeadership(): void {\n if (this.socket) {\n this.socket[Symbol.dispose]();\n this.socket = null;\n }\n }\n\n [Symbol.dispose](): void {\n if (this.disposed) return;\n this.disposed = true;\n\n this.coordinator[Symbol.dispose]();\n\n if (this.socket) {\n this.socket[Symbol.dispose]();\n this.socket = null;\n }\n\n for (const unsub of this.cleanups) unsub();\n this.cleanups = [];\n this.subs[Symbol.dispose]();\n this.bus[Symbol.dispose]();\n this.syncStore.clear();\n this.authChannels.clear();\n this.authTopics.clear();\n }\n}\n"]}
|
|
@@ -1,17 +1,27 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _class;// src/TabSync.ts
|
|
1
|
+
"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 _class;// src/TabSync.ts
|
|
2
|
+
var NOOP_LOGGER = { debug() {
|
|
3
|
+
}, info() {
|
|
4
|
+
}, warn() {
|
|
5
|
+
}, error() {
|
|
6
|
+
} };
|
|
2
7
|
var TabSync = (_class = class {
|
|
3
8
|
__init() {this.store = /* @__PURE__ */ new Map()}
|
|
4
9
|
__init2() {this.listeners = /* @__PURE__ */ new Map()}
|
|
5
10
|
|
|
6
11
|
__init3() {this.disposed = false}
|
|
7
|
-
|
|
12
|
+
|
|
13
|
+
constructor(channel = "tab-sync", options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);
|
|
14
|
+
this.log = _optionalChain([options, 'optionalAccess', _ => _.debug]) ? _nullishCoalesce(options.logger, () => ( console)) : NOOP_LOGGER;
|
|
15
|
+
this.log.debug("[TabSync] init", { channel });
|
|
8
16
|
this.bc = new BroadcastChannel(channel);
|
|
9
17
|
this.bc.onmessage = (ev) => {
|
|
10
18
|
const { key, value, deleted } = ev.data;
|
|
11
19
|
if (deleted) {
|
|
12
20
|
this.store.delete(key);
|
|
21
|
+
this.log.debug("[TabSync] \u2190 remote delete", key);
|
|
13
22
|
} else {
|
|
14
23
|
this.store.set(key, value);
|
|
24
|
+
this.log.debug("[TabSync] \u2190 remote set", key, value);
|
|
15
25
|
}
|
|
16
26
|
this.emit(key, value);
|
|
17
27
|
};
|
|
@@ -20,6 +30,7 @@ var TabSync = (_class = class {
|
|
|
20
30
|
set(key, value) {
|
|
21
31
|
this.store.set(key, value);
|
|
22
32
|
this.bc.postMessage({ key, value });
|
|
33
|
+
this.log.debug("[TabSync] \u2192 set", key, value);
|
|
23
34
|
this.emit(key, value);
|
|
24
35
|
}
|
|
25
36
|
/** Get current value from local store. */
|
|
@@ -30,6 +41,7 @@ var TabSync = (_class = class {
|
|
|
30
41
|
delete(key) {
|
|
31
42
|
this.store.delete(key);
|
|
32
43
|
this.bc.postMessage({ key, value: void 0, deleted: true });
|
|
44
|
+
this.log.debug("[TabSync] \u2192 delete", key);
|
|
33
45
|
this.emit(key, void 0);
|
|
34
46
|
}
|
|
35
47
|
/** Check if a key exists in the local store. */
|
|
@@ -71,6 +83,7 @@ var TabSync = (_class = class {
|
|
|
71
83
|
/** Clear all keys and notify listeners. */
|
|
72
84
|
clear() {
|
|
73
85
|
const keys = [...this.store.keys()];
|
|
86
|
+
this.log.debug("[TabSync] \u2192 clear", keys);
|
|
74
87
|
this.store.clear();
|
|
75
88
|
for (const key of keys) {
|
|
76
89
|
this.bc.postMessage({ key, value: void 0, deleted: true });
|
|
@@ -99,4 +112,4 @@ var TabSync = (_class = class {
|
|
|
99
112
|
|
|
100
113
|
|
|
101
114
|
exports.TabSync = TabSync;
|
|
102
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-RJKAFACH.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/gwakko/Projects/shared-websocket/dist/chunk-RJKAFACH.cjs","../src/TabSync.ts"],"names":[],"mappings":"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","file":"/Users/gwakko/Projects/shared-websocket/dist/chunk-RJKAFACH.cjs","sourcesContent":[null,"import './utils/disposable';\nimport type { Unsubscribe, Logger } from './types';\n\ninterface SyncMessage {\n key: string;\n value: unknown;\n deleted?: boolean;\n}\n\ninterface TabSyncOptions {\n /** Enable debug logging (default: false). */\n debug?: boolean;\n /** Custom logger (default: console). */\n logger?: Logger;\n}\n\nconst NOOP_LOGGER: Logger = { debug() {}, info() {}, warn() {}, error() {} };\n\n/**\n * Cross-tab state synchronization via BroadcastChannel.\n * No WebSocket needed — works standalone for sharing state between browser tabs.\n *\n * @example\n * const sync = new TabSync('my-app');\n * sync.set('theme', 'dark');\n * sync.on('theme', (theme) => applyTheme(theme));\n *\n * @example\n * // With debug logging\n * const sync = new TabSync('my-app', { debug: true });\n */\nexport class TabSync implements Disposable {\n private store = new Map<string, unknown>();\n private listeners = new Map<string, Set<(value: unknown) => void>>();\n private bc: BroadcastChannel;\n private disposed = false;\n private readonly log: Logger;\n\n constructor(channel = 'tab-sync', options?: TabSyncOptions) {\n this.log = options?.debug ? (options.logger ?? console) : NOOP_LOGGER;\n this.log.debug('[TabSync] init', { channel });\n this.bc = new BroadcastChannel(channel);\n this.bc.onmessage = (ev: MessageEvent<SyncMessage>) => {\n const { key, value, deleted } = ev.data;\n if (deleted) {\n this.store.delete(key);\n this.log.debug('[TabSync] ← remote delete', key);\n } else {\n this.store.set(key, value);\n this.log.debug('[TabSync] ← remote set', key, value);\n }\n this.emit(key, value);\n };\n }\n\n /** Set a value and broadcast to all tabs. Local listeners also fire. */\n set<T>(key: string, value: T): void {\n this.store.set(key, value);\n this.bc.postMessage({ key, value } satisfies SyncMessage);\n this.log.debug('[TabSync] → set', key, value);\n this.emit(key, value);\n }\n\n /** Get current value from local store. */\n get<T>(key: string): T | undefined {\n return this.store.get(key) as T | undefined;\n }\n\n /** Delete a key and broadcast deletion to all tabs. */\n delete(key: string): void {\n this.store.delete(key);\n this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n this.log.debug('[TabSync] → delete', key);\n this.emit(key, undefined);\n }\n\n /** Check if a key exists in the local store. */\n has(key: string): boolean {\n return this.store.has(key);\n }\n\n /** Get all keys in the local store. */\n keys(): string[] {\n return [...this.store.keys()];\n }\n\n /** Get number of entries. */\n get size(): number {\n return this.store.size;\n }\n\n /**\n * Listen for changes to a key. Fires when any tab (including this one) calls set().\n *\n * @example\n * sync.on('cart', (cart) => updateBadge(cart.items.length));\n */\n on<T>(key: string, fn: (value: T) => void): Unsubscribe {\n let set = this.listeners.get(key);\n if (!set) {\n set = new Set();\n this.listeners.set(key, set);\n }\n const wrapper = fn as (value: unknown) => void;\n set.add(wrapper);\n return () => set!.delete(wrapper);\n }\n\n /** Listen for a key change once, then auto-unsubscribe. */\n once<T>(key: string, fn: (value: T) => void): Unsubscribe {\n const unsub = this.on<T>(key, (value) => {\n unsub();\n fn(value);\n });\n return unsub;\n }\n\n /** Clear all keys and notify listeners. */\n clear(): void {\n const keys = [...this.store.keys()];\n this.log.debug('[TabSync] → clear', keys);\n this.store.clear();\n for (const key of keys) {\n this.bc.postMessage({ key, value: undefined, deleted: true } satisfies SyncMessage);\n this.emit(key, undefined);\n }\n }\n\n /** Dispose — close BroadcastChannel and clear all state. */\n dispose(): void {\n this[Symbol.dispose]();\n }\n\n private emit(key: string, value: unknown): void {\n const set = this.listeners.get(key);\n if (set) {\n for (const fn of set) fn(value);\n }\n }\n\n [Symbol.dispose](): void {\n if (this.disposed) return;\n this.disposed = true;\n this.bc.close();\n this.store.clear();\n this.listeners.clear();\n }\n}\n"]}
|
|
@@ -418,7 +418,14 @@ var WorkerSocket = class {
|
|
|
418
418
|
get state() {
|
|
419
419
|
return this._state;
|
|
420
420
|
}
|
|
421
|
-
connect() {
|
|
421
|
+
async connect() {
|
|
422
|
+
let authToken;
|
|
423
|
+
if (this.options.auth) {
|
|
424
|
+
authToken = await this.options.auth();
|
|
425
|
+
} else if (this.options.authToken) {
|
|
426
|
+
authToken = this.options.authToken;
|
|
427
|
+
}
|
|
428
|
+
const connectUrl = authToken ? this.buildUrl(authToken) : this.url;
|
|
422
429
|
const workerUrl = this.options.workerUrl ?? this.createWorkerBlob();
|
|
423
430
|
this.worker = new Worker(workerUrl, { type: "module" });
|
|
424
431
|
this.worker.onmessage = (ev) => {
|
|
@@ -442,14 +449,23 @@ var WorkerSocket = class {
|
|
|
442
449
|
};
|
|
443
450
|
this.worker.postMessage({
|
|
444
451
|
type: "connect",
|
|
445
|
-
url:
|
|
452
|
+
url: connectUrl,
|
|
446
453
|
protocols: this.options.protocols ?? [],
|
|
447
454
|
reconnect: this.options.reconnect ?? true,
|
|
448
455
|
reconnectMaxDelay: this.options.reconnectMaxDelay ?? 3e4,
|
|
456
|
+
reconnectMaxRetries: this.options.reconnectMaxRetries ?? Infinity,
|
|
449
457
|
heartbeatInterval: this.options.heartbeatInterval ?? 3e4,
|
|
450
|
-
bufferSize: this.options.sendBuffer ?? 100
|
|
458
|
+
bufferSize: this.options.sendBuffer ?? 100,
|
|
459
|
+
pingPayload: this.options.pingPayload
|
|
451
460
|
});
|
|
452
461
|
}
|
|
462
|
+
buildUrl(token) {
|
|
463
|
+
const param = this.options.authParam ?? "token";
|
|
464
|
+
const httpUrl = this.url.replace(/^ws(s?):\/\//, "http$1://");
|
|
465
|
+
const parsed = new URL(httpUrl);
|
|
466
|
+
parsed.searchParams.set(param, token);
|
|
467
|
+
return parsed.toString().replace(/^http(s?):\/\//, "ws$1://");
|
|
468
|
+
}
|
|
453
469
|
send(data) {
|
|
454
470
|
this.worker?.postMessage({ type: "send", data });
|
|
455
471
|
}
|
|
@@ -474,26 +490,34 @@ var WorkerSocket = class {
|
|
|
474
490
|
let ws = null, state = 'closed', buffer = [], disposed = false;
|
|
475
491
|
let heartbeatTimer = null, reconnectTimer = null;
|
|
476
492
|
let url = '', protocols = [], shouldReconnect = true;
|
|
477
|
-
let maxDelay = 30000,
|
|
493
|
+
let maxDelay = 30000, maxRetries = Infinity, hbInterval = 30000, maxBuf = 100;
|
|
494
|
+
let delay = 1000, attempts = 0, pingPayload = '{"type":"ping"}';
|
|
478
495
|
|
|
479
496
|
function setState(s) { state = s; self.postMessage({ type: 'state', state: s }); }
|
|
480
497
|
function connect() {
|
|
481
498
|
if (disposed) return;
|
|
482
499
|
setState('connecting');
|
|
483
500
|
ws = new WebSocket(url, protocols);
|
|
484
|
-
ws.onopen = () => {
|
|
501
|
+
ws.onopen = () => { attempts = 0; delay = 1000; setState('connected'); self.postMessage({ type: 'open' }); flush(); startHB(); };
|
|
485
502
|
ws.onmessage = (e) => { let d; try { d = JSON.parse(e.data); } catch { d = e.data; } self.postMessage({ type: 'message', data: d }); };
|
|
486
503
|
ws.onclose = (e) => { stopHB(); self.postMessage({ type: 'close', code: e.code, reason: e.reason }); if (!disposed && shouldReconnect && e.code !== 1000) reconnect(); else setState('closed'); };
|
|
487
504
|
ws.onerror = () => { self.postMessage({ type: 'error', message: 'error' }); };
|
|
488
505
|
}
|
|
489
506
|
function send(d) { if (state === 'connected' && ws?.readyState === 1) ws.send(JSON.stringify(d)); else if (buffer.length < maxBuf) buffer.push(d); }
|
|
490
507
|
function flush() { const p = buffer.splice(0); p.forEach(send); }
|
|
491
|
-
function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(
|
|
508
|
+
function startHB() { stopHB(); heartbeatTimer = setInterval(() => { if (ws?.readyState === 1) ws.send(pingPayload); }, hbInterval); }
|
|
492
509
|
function stopHB() { if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; } }
|
|
493
|
-
function reconnect() {
|
|
510
|
+
function reconnect() {
|
|
511
|
+
attempts++;
|
|
512
|
+
if (attempts > maxRetries) { setState('closed'); return; }
|
|
513
|
+
setState('reconnecting');
|
|
514
|
+
const j = delay * 0.25 * (Math.random() * 2 - 1);
|
|
515
|
+
reconnectTimer = setTimeout(() => { if (!disposed) connect(); }, Math.min(delay + j, maxDelay));
|
|
516
|
+
delay = Math.min(delay * 2, maxDelay);
|
|
517
|
+
}
|
|
494
518
|
self.onmessage = (e) => {
|
|
495
519
|
const c = e.data;
|
|
496
|
-
if (c.type === 'connect') { url = c.url; protocols = c.protocols || []; shouldReconnect = c.reconnect ?? true; maxDelay = c.reconnectMaxDelay || 30000; hbInterval = c.heartbeatInterval || 30000; maxBuf = c.bufferSize || 100; connect(); }
|
|
520
|
+
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(); }
|
|
497
521
|
if (c.type === 'send') send(c.data);
|
|
498
522
|
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'); }
|
|
499
523
|
};
|
|
@@ -1103,7 +1127,10 @@ var SharedWebSocket = class {
|
|
|
1103
1127
|
if (this.options.useWorker) {
|
|
1104
1128
|
return new WorkerSocket(this.url, {
|
|
1105
1129
|
...socketOptions,
|
|
1106
|
-
workerUrl: this.options.workerUrl
|
|
1130
|
+
workerUrl: this.options.workerUrl,
|
|
1131
|
+
auth: this.options.auth,
|
|
1132
|
+
authToken: this.options.authToken,
|
|
1133
|
+
authParam: this.options.authParam
|
|
1107
1134
|
});
|
|
1108
1135
|
}
|
|
1109
1136
|
return new SharedSocket(this.url, {
|
|
@@ -1166,7 +1193,7 @@ var SharedWebSocket = class {
|
|
|
1166
1193
|
});
|
|
1167
1194
|
})
|
|
1168
1195
|
);
|
|
1169
|
-
this.socket.connect();
|
|
1196
|
+
void this.socket.connect();
|
|
1170
1197
|
}
|
|
1171
1198
|
reAuthenticateOnReconnect() {
|
|
1172
1199
|
if (!this._isAuthenticated || !this.socket) return;
|
|
@@ -1223,4 +1250,4 @@ export {
|
|
|
1223
1250
|
SubscriptionManager,
|
|
1224
1251
|
SharedWebSocket
|
|
1225
1252
|
};
|
|
1226
|
-
//# sourceMappingURL=chunk-
|
|
1253
|
+
//# sourceMappingURL=chunk-SQZHBLWT.js.map
|