@brewer/dj-common 1.0.0-beta.8 → 1.0.0

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.
Files changed (44) hide show
  1. package/README.md +169 -6
  2. package/dist/MessageSocket.cjs.js +1 -1
  3. package/dist/MessageSocket.cjs.js.map +1 -1
  4. package/dist/MessageSocket.d.ts +65 -4
  5. package/dist/MessageSocket.d.ts.map +1 -1
  6. package/dist/MessageSocket.esm.js +1 -1
  7. package/dist/MessageSocket.esm.js.map +1 -1
  8. package/dist/SharedWorkerManager.cjs.js +2 -0
  9. package/dist/SharedWorkerManager.cjs.js.map +1 -0
  10. package/dist/SharedWorkerManager.d.ts +181 -0
  11. package/dist/SharedWorkerManager.d.ts.map +1 -0
  12. package/dist/SharedWorkerManager.esm.js +2 -0
  13. package/dist/SharedWorkerManager.esm.js.map +1 -0
  14. package/dist/WebSocketClient.cjs.js +1 -1
  15. package/dist/WebSocketClient.cjs.js.map +1 -1
  16. package/dist/WebSocketClient.d.ts +25 -0
  17. package/dist/WebSocketClient.d.ts.map +1 -1
  18. package/dist/WebSocketClient.esm.js +1 -1
  19. package/dist/WebSocketClient.esm.js.map +1 -1
  20. package/dist/index.cjs.js +1 -1
  21. package/dist/index.cjs.js.map +1 -1
  22. package/dist/index.d.ts +5 -0
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.esm.js +1 -1
  25. package/dist/index.esm.js.map +1 -1
  26. package/dist/logger.cjs.js +2 -0
  27. package/dist/logger.cjs.js.map +1 -0
  28. package/dist/logger.d.ts +16 -0
  29. package/dist/logger.d.ts.map +1 -0
  30. package/dist/logger.esm.js +2 -0
  31. package/dist/logger.esm.js.map +1 -0
  32. package/dist/types.cjs.js +2 -0
  33. package/dist/types.cjs.js.map +1 -0
  34. package/dist/types.d.ts +185 -0
  35. package/dist/types.d.ts.map +1 -0
  36. package/dist/types.esm.js +2 -0
  37. package/dist/types.esm.js.map +1 -0
  38. package/dist/worker-script.cjs.js +2 -0
  39. package/dist/worker-script.cjs.js.map +1 -0
  40. package/dist/worker-script.d.ts +231 -0
  41. package/dist/worker-script.d.ts.map +1 -0
  42. package/dist/worker-script.esm.js +2 -0
  43. package/dist/worker-script.esm.js.map +1 -0
  44. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SharedWorkerManager.cjs.js","sources":["../src/logger.ts","../src/SharedWorkerManager.ts"],"sourcesContent":["export type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'silent'\n\nexport const LOG_LEVEL_PRIORITY: Record<LogLevel, number> = {\n debug: 10,\n info: 20,\n warn: 30,\n error: 40,\n silent: 50,\n}\n\nexport class Logger {\n private level: LogLevel\n\n constructor(\n private readonly name: string,\n level: LogLevel = 'warn'\n ) {\n this.level = level\n }\n\n setLevel(level: LogLevel): void {\n this.level = level\n }\n\n getLevel(): LogLevel {\n return this.level\n }\n\n debug(...values: unknown[]): void {\n this.logAtLevel('debug', console.debug, values)\n }\n\n info(...values: unknown[]): void {\n this.logAtLevel('info', console.info, values)\n }\n\n warn(...values: unknown[]): void {\n this.logAtLevel('warn', console.warn, values)\n }\n\n error(...values: unknown[]): void {\n this.logAtLevel('error', console.error, values)\n }\n\n private shouldLog(level: LogLevel): boolean {\n if (level === 'silent') {\n return false\n }\n return LOG_LEVEL_PRIORITY[level] >= LOG_LEVEL_PRIORITY[this.level]\n }\n\n private logAtLevel(level: LogLevel, writer: (...args: unknown[]) => void, values: unknown[]): void {\n if (!this.shouldLog(level)) {\n return\n }\n writer(`[${this.name}]`, ...values)\n }\n}\n","/**\n * SharedWorker 管理器(标签页端)\n * 负责在标签页中创建和管理 SharedWorker 连接\n */\n\nimport { Logger, LogLevel } from './logger'\nimport type { MessageCallback, MessageCallbackEntry } from './WebSocketClient'\nimport type {\n TabToWorkerMessage,\n WorkerToTabMessage,\n TabToWorkerMessageType,\n WorkerToTabMessageType,\n InitPayload,\n SendPayload,\n VisibilityPayload,\n RegisterCallbackPayload,\n UnregisterCallbackPayload,\n ServerMessagePayload,\n ErrorPayload,\n AuthConflictPayload,\n} from './types'\n\n/**\n * SharedWorker 管理器配置\n */\nexport interface SharedWorkerManagerConfig extends InitPayload {\n /** 日志级别 */\n logLevel?: LogLevel\n /** 启动时强制新建 SharedWorker(会生成新的 worker 会话名,并尝试关闭旧 worker) */\n forceNewWorkerOnStart?: boolean\n}\n\n/**\n * 回调条目(带 ID)\n */\ninterface CallbackEntryWithId<T = unknown> extends MessageCallbackEntry<T> {\n /** 回调ID */\n id: string\n}\n\n/**\n * SharedWorker 管理器类\n */\nexport class SharedWorkerManager {\n private static readonly WORKER_NAME = 'dj-common-websocket-worker'\n\n /** SharedWorker 实例 */\n private worker: SharedWorker | null = null\n\n /** MessagePort 实例 */\n private port: MessagePort | null = null\n\n /** 标签页ID */\n private readonly tabId: string\n\n /** 回调列表 */\n private callbacks: Map<string, CallbackEntryWithId> = new Map()\n\n /** 回调ID计数器 */\n private callbackIdCounter = 0\n\n /** 是否已连接 */\n private connected = false\n\n /** 是否已初始化可见性监听 */\n private visibilityListenerInitialized = false\n\n /** 配置 */\n private config: SharedWorkerManagerConfig\n\n /** 日志器 */\n private readonly logger: Logger\n\n /** 连接回调 */\n private onConnectedCallback: (() => void) | null = null\n\n /** 断开回调 */\n private onDisconnectedCallback: (() => void) | null = null\n\n /** 错误回调 */\n private onErrorCallback: ((error: ErrorPayload) => void) | null = null\n\n /** 身份冲突回调 */\n private onAuthConflictCallback: ((conflict: AuthConflictPayload) => void) | null = null\n\n /** 标签页心跳定时器(用于让 Worker 能识别已关闭标签页) */\n private pingTimer: ReturnType<typeof globalThis.setInterval> | null = null\n\n /** 是否已初始化卸载监听 */\n private unloadListenerInitialized = false\n\n /** 是否已初始化网络状态监听 */\n private networkListenerInitialized = false\n\n /**\n * 构造函数\n */\n constructor(config: SharedWorkerManagerConfig) {\n this.config = config\n this.tabId = this.generateTabId()\n this.logger = new Logger('SharedWorkerManager', config.logLevel ?? 'warn')\n }\n\n /**\n * 生成标签页ID\n */\n private generateTabId(): string {\n return `tab_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`\n }\n\n /**\n * 发送重置命令到现有 Worker(断开 WebSocket 并清理状态,但不终止 Worker)\n */\n private async sendResetToExistingWorker(workerScriptUrl: string): Promise<void> {\n try {\n // 连接到现有的 SharedWorker\n const existing = new SharedWorker(workerScriptUrl, { name: SharedWorkerManager.WORKER_NAME })\n const port = existing.port\n port.start()\n port.postMessage({\n type: 'TAB_FORCE_RESET' as TabToWorkerMessageType,\n payload: { reason: 'force_new_start' },\n tabId: this.tabId,\n timestamp: Date.now(),\n } satisfies TabToWorkerMessage)\n // 等待消息发送完成后再关闭 port\n await new Promise((resolve) => setTimeout(resolve, 100))\n port.close()\n this.logger.debug('[SharedWorkerManager] 已发送重置命令到现有 Worker')\n } catch (error) {\n this.logger.warn('[SharedWorkerManager] 发送重置命令失败(可忽略)', error)\n }\n }\n\n /**\n * 启动 SharedWorker 连接\n */\n async start(): Promise<boolean> {\n try {\n this.logger.debug('[SharedWorkerManager] 开始启动 SharedWorker')\n\n // 创建 Worker 脚本 URL(必须跨标签页一致,否则 SharedWorker 无法复用)\n // 注意:Blob URL 每次都会不同,因此不能用于 SharedWorker 复用。\n const workerScriptUrl = this.getWorkerScriptDataUrl()\n this.logger.debug(`[SharedWorkerManager] Worker Script URL 创建成功: ${workerScriptUrl.slice(0, 60)}...`)\n\n // 若要求强制重置,则先发送重置命令让 Worker 断开 WebSocket 并清理状态\n if (this.config.forceNewWorkerOnStart) {\n this.logger.debug('[SharedWorkerManager] forceNewWorkerOnStart=true,发送重置命令')\n await this.sendResetToExistingWorker(workerScriptUrl)\n }\n\n // 创建 SharedWorker(使用固定的 name,所有标签页共享同一个 Worker)\n this.logger.debug('[SharedWorkerManager] 正在创建 SharedWorker 实例...')\n this.worker = new SharedWorker(workerScriptUrl, {\n name: SharedWorkerManager.WORKER_NAME,\n // 注意:不使用 type: 'module',因为 Blob URL 作为 module 有 CORS 限制\n })\n this.logger.debug('[SharedWorkerManager] ✅ SharedWorker 实例创建成功')\n\n this.port = this.worker.port\n this.port.onmessage = this.handleWorkerMessage.bind(this)\n // MessagePort 没有 onerror,错误会在 worker 中抛出\n this.port.start()\n this.logger.debug('[SharedWorkerManager] ✅ MessagePort 已启动')\n\n // 设置页面可见性监听\n this.setupVisibilityListener()\n\n // 设置页面卸载监听(页面关闭/刷新时通知 Worker 及时移除 tab)\n this.setupUnloadListener()\n\n // 设置网络状态监听(网络恢复时通知 Worker 重连)\n this.setupNetworkListener()\n\n // 发送初始化消息(只发送可序列化的配置项)\n const serializableConfig = {\n heartbeatInterval: this.config.config.heartbeatInterval,\n maxReconnectAttempts: this.config.config.maxReconnectAttempts,\n reconnectDelay: this.config.config.reconnectDelay,\n reconnectDelayMax: this.config.config.reconnectDelayMax,\n autoReconnect: this.config.config.autoReconnect,\n logLevel: this.config.config.logLevel,\n }\n\n this.sendToWorker(\n 'TAB_INIT' as TabToWorkerMessageType,\n {\n url: this.config.url,\n userId: this.config.userId,\n token: this.config.token,\n isVisible: !document.hidden,\n config: serializableConfig,\n sharedWorkerIdleTimeout: this.config.sharedWorkerIdleTimeout,\n } as InitPayload\n )\n\n // 启动与 Worker 的轻量心跳(用于 Worker 回收已关闭标签页)\n this.startPing()\n\n this.logger.info('[SharedWorkerManager] SharedWorker 已启动')\n return true\n } catch (error) {\n this.logger.error('[SharedWorkerManager] 启动 SharedWorker 失败', error)\n return false\n }\n }\n\n /**\n * 停止 SharedWorker 连接(只断开当前标签页,不影响其他标签页)\n */\n stop(): void {\n this.logger.debug('[SharedWorkerManager] 停止当前标签页的 SharedWorker 连接')\n\n // 保存 port 引用,用于延迟关闭\n const portToClose = this.port\n\n // 发送断开消息,告知 Worker 移除当前标签页\n if (this.port) {\n this.sendToWorker('TAB_DISCONNECT' as TabToWorkerMessageType, {})\n }\n\n // 停止心跳\n this.stopPing()\n\n // 移除可见性监听\n this.removeVisibilityListener()\n\n // 移除卸载监听\n this.removeUnloadListener()\n\n // 移除网络状态监听\n this.removeNetworkListener()\n\n // 清理引用(但延迟关闭 port,确保消息发送完成)\n this.port = null\n this.worker = null\n this.connected = false\n this.callbacks.clear()\n\n // 延迟关闭 port,确保 postMessage 消息被发送出去\n if (portToClose) {\n setTimeout(() => {\n try {\n portToClose.close()\n } catch {\n // 忽略关闭错误\n }\n }, 100)\n }\n }\n\n /**\n * 强制关闭 Worker(会影响所有标签页,用于退出登录)\n */\n forceShutdown(): void {\n this.logger.debug('[SharedWorkerManager] 强制关闭 Worker(退出登录)')\n\n // 保存 port 引用,用于延迟关闭\n const portToClose = this.port\n\n // 发送强制关闭命令\n if (this.port) {\n this.sendToWorker('TAB_FORCE_SHUTDOWN' as TabToWorkerMessageType, {\n reason: 'logout',\n })\n }\n\n // 停止心跳\n this.stopPing()\n\n // 移除可见性监听\n this.removeVisibilityListener()\n\n // 移除卸载监听\n this.removeUnloadListener()\n\n // 移除网络状态监听\n this.removeNetworkListener()\n\n // 清理引用\n this.port = null\n this.worker = null\n this.connected = false\n this.callbacks.clear()\n\n // 延迟关闭 port\n if (portToClose) {\n setTimeout(() => {\n try {\n portToClose.close()\n } catch {\n // 忽略关闭错误\n }\n }, 100)\n }\n }\n\n /**\n * 发送消息到服务器\n */\n send(data: string | object): void {\n if (!this.port) {\n this.logger.warn('[SharedWorkerManager] MessagePort 未初始化,无法发送消息')\n return\n }\n\n const payload: SendPayload = { data }\n this.sendToWorker('TAB_SEND' as TabToWorkerMessageType, payload)\n }\n\n /**\n * 注册消息回调\n */\n registerCallback<T = unknown>(entry: MessageCallbackEntry<T>): string {\n const callbackId = `callback_${this.callbackIdCounter++}`\n const entryWithId: CallbackEntryWithId<T> = {\n ...entry,\n id: callbackId,\n }\n\n this.callbacks.set(callbackId, entryWithId as CallbackEntryWithId)\n\n // 通知 Worker\n if (this.port) {\n const payload: RegisterCallbackPayload = {\n type: entry.type,\n callbackId,\n }\n this.sendToWorker('TAB_REGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n this.logger.debug(`[SharedWorkerManager] ✅ 已发送注册消息到 Worker: ${entry.type} (${callbackId})`)\n } else {\n this.logger.warn(`[SharedWorkerManager] ⚠️ port 未初始化,无法发送注册消息: ${entry.type}`)\n }\n\n this.logger.debug(\n `[SharedWorkerManager] 注册回调: ${entry.type} (${callbackId}), 当前回调总数: ${this.callbacks.size}`\n )\n return callbackId\n }\n\n /**\n * 取消注册消息回调\n */\n unregisterCallback(type: string, callback?: MessageCallback): void {\n if (callback) {\n // 移除特定回调\n let callbackId: string | null = null\n\n for (const [id, entry] of this.callbacks.entries()) {\n if (entry.type === type && entry.callback === callback) {\n callbackId = id\n this.callbacks.delete(id)\n break\n }\n }\n\n if (callbackId && this.port) {\n const payload: UnregisterCallbackPayload = {\n type,\n callbackId,\n }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n\n this.logger.debug(`[SharedWorkerManager] 取消注册回调: ${type} (${callbackId})`)\n } else {\n // 移除该类型的所有回调\n const callbackIds: string[] = []\n\n for (const [id, entry] of this.callbacks.entries()) {\n if (entry.type === type) {\n callbackIds.push(id)\n this.callbacks.delete(id)\n }\n }\n\n if (this.port) {\n const payload: UnregisterCallbackPayload = { type }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n\n this.logger.debug(`[SharedWorkerManager] 取消注册所有 ${type} 类型回调 (${callbackIds.length} 个)`)\n }\n }\n\n /**\n * 清空所有回调\n */\n clearCallbacks(): void {\n for (const entry of this.callbacks.values()) {\n if (this.port) {\n const payload: UnregisterCallbackPayload = {\n type: entry.type,\n callbackId: entry.id,\n }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n }\n\n this.callbacks.clear()\n this.logger.debug('[SharedWorkerManager] 已清空所有回调')\n }\n\n /**\n * 是否已连接\n */\n isConnected(): boolean {\n return this.connected\n }\n\n /**\n * 设置连接回调\n */\n onConnected(callback: () => void): void {\n this.onConnectedCallback = callback\n }\n\n /**\n * 设置断开回调\n */\n onDisconnected(callback: () => void): void {\n this.onDisconnectedCallback = callback\n }\n\n /**\n * 设置错误回调\n */\n onError(callback: (error: ErrorPayload) => void): void {\n this.onErrorCallback = callback\n }\n\n /**\n * 设置身份冲突回调\n */\n onAuthConflict(callback: (conflict: AuthConflictPayload) => void): void {\n this.onAuthConflictCallback = callback\n }\n\n /**\n * 处理来自 Worker 的消息\n */\n private handleWorkerMessage(event: MessageEvent): void {\n const message = event.data as WorkerToTabMessage\n\n this.logger.debug(`[SharedWorkerManager] 📬 收到 Worker 消息, type: ${message.type}`)\n\n switch (message.type) {\n case 'WORKER_CONNECTED' as WorkerToTabMessageType:\n this.connected = true\n this.logger.info('[SharedWorkerManager] ✅ WebSocket 已连接')\n this.onConnectedCallback?.()\n break\n\n case 'WORKER_DISCONNECTED' as WorkerToTabMessageType:\n this.connected = false\n this.logger.info('[SharedWorkerManager] WebSocket 已断开')\n this.onDisconnectedCallback?.()\n break\n\n case 'WORKER_MESSAGE' as WorkerToTabMessageType:\n // 始终打印每一条来自 Worker 的服务器消息,便于排查“回调未注册/未匹配”导致页面无回显的问题\n try {\n const payload = message.payload as ServerMessagePayload\n // 用 console.log 确保即使 logLevel 较高也能看到\n\n console.log('[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发):', payload?.message)\n this.logger.info('[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发)', payload?.message)\n this.logger.debug('[SharedWorkerManager] 🧾 原始消息 data:', payload?.data)\n } catch (error) {\n this.logger.warn('[SharedWorkerManager] 打印服务器消息失败', error)\n }\n\n this.handleServerMessage(message.payload as ServerMessagePayload)\n break\n\n case 'WORKER_ERROR' as WorkerToTabMessageType:\n this.logger.error('[SharedWorkerManager] Worker 错误', message.payload)\n this.onErrorCallback?.(message.payload as ErrorPayload)\n break\n\n case 'WORKER_AUTH_CONFLICT' as WorkerToTabMessageType:\n this.logger.warn('[SharedWorkerManager] 身份冲突', message.payload)\n this.onAuthConflictCallback?.(message.payload as AuthConflictPayload)\n break\n\n case 'WORKER_PONG' as WorkerToTabMessageType:\n this.logger.debug('[SharedWorkerManager] 收到 PONG')\n break\n\n default:\n this.logger.warn('[SharedWorkerManager] 未知消息类型', message.type)\n }\n }\n\n /**\n * 处理服务器消息\n */\n private handleServerMessage(payload: ServerMessagePayload): void {\n const { message } = payload\n\n this.logger.debug(`[SharedWorkerManager] 📨 收到服务器消息, type: ${message.type}`)\n this.logger.debug(\n `[SharedWorkerManager] 当前注册的回调类型:`,\n Array.from(this.callbacks.values()).map((e) => e.type)\n )\n\n // 触发匹配的回调\n let matchedCount = 0\n for (const entry of this.callbacks.values()) {\n if (entry.type === message.type) {\n matchedCount++\n this.logger.debug(`[SharedWorkerManager] ✅ 匹配到回调 ${entry.type} (${entry.id}),准备执行`)\n try {\n entry.callback(message.data, message)\n this.logger.debug(`[SharedWorkerManager] ✅ 回调执行成功 ${entry.type} (${entry.id})`)\n } catch (error) {\n this.logger.error('[SharedWorkerManager] ❌ 回调执行失败', error)\n }\n }\n }\n\n if (matchedCount === 0) {\n this.logger.warn(`[SharedWorkerManager] ⚠️ 没有匹配的回调: ${message.type}`)\n }\n }\n\n /**\n * 发送消息到 Worker\n */\n private sendToWorker(type: TabToWorkerMessageType, payload: unknown): void {\n if (!this.port) {\n this.logger.warn('[SharedWorkerManager] MessagePort 未初始化,无法发送消息')\n return\n }\n\n const message: TabToWorkerMessage = {\n type,\n payload,\n tabId: this.tabId,\n timestamp: Date.now(),\n }\n\n try {\n this.port.postMessage(message)\n } catch (error) {\n this.logger.error('[SharedWorkerManager] 发送消息到 Worker 失败', error)\n }\n }\n\n /**\n * 设置页面可见性监听\n */\n private setupVisibilityListener(): void {\n if (typeof document === 'undefined' || this.visibilityListenerInitialized) {\n return\n }\n\n document.addEventListener('visibilitychange', this.handleVisibilityChange)\n this.visibilityListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置页面可见性监听')\n }\n\n /**\n * 移除页面可见性监听\n */\n private removeVisibilityListener(): void {\n if (typeof document === 'undefined' || !this.visibilityListenerInitialized) {\n return\n }\n\n document.removeEventListener('visibilitychange', this.handleVisibilityChange)\n this.visibilityListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除页面可见性监听')\n }\n\n /**\n * 处理页面可见性变化\n */\n private handleVisibilityChange = (): void => {\n const isVisible = !document.hidden\n this.logger.debug(`[SharedWorkerManager] 页面可见性变化: ${isVisible}`)\n\n if (this.port) {\n const payload: VisibilityPayload = { isVisible }\n this.sendToWorker('TAB_VISIBILITY' as TabToWorkerMessageType, payload)\n }\n }\n\n /**\n * 启动与 Worker 的轻量心跳\n * 目的:当标签页被强制关闭/崩溃时,Worker 可通过超时回收该 tab\n */\n private startPing(): void {\n this.stopPing()\n if (typeof window === 'undefined' || !this.port) return\n\n // 10s 一次足够,开销很小\n this.pingTimer = globalThis.setInterval(() => {\n if (!this.port) return\n this.sendToWorker('TAB_PING' as TabToWorkerMessageType, {})\n }, 10000)\n }\n\n private stopPing(): void {\n if (this.pingTimer !== null) {\n clearInterval(this.pingTimer)\n this.pingTimer = null\n }\n }\n\n /**\n * 设置页面卸载监听(pagehide/beforeunload)\n */\n private setupUnloadListener(): void {\n if (typeof window === 'undefined' || this.unloadListenerInitialized) return\n\n window.addEventListener('pagehide', this.handlePageHide, { capture: true })\n window.addEventListener('beforeunload', this.handlePageHide, { capture: true })\n this.unloadListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置页面卸载监听')\n }\n\n private removeUnloadListener(): void {\n if (typeof window === 'undefined' || !this.unloadListenerInitialized) return\n window.removeEventListener('pagehide', this.handlePageHide, { capture: true } as unknown as boolean)\n window.removeEventListener('beforeunload', this.handlePageHide, { capture: true } as unknown as boolean)\n this.unloadListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除页面卸载监听')\n }\n\n private handlePageHide = (): void => {\n // 尽量在页面销毁前通知 Worker 移除 tab\n if (this.port) {\n this.sendToWorker('TAB_DISCONNECT' as TabToWorkerMessageType, {})\n }\n }\n\n // ========== 网络状态监听 ==========\n\n /**\n * 设置网络状态监听\n */\n private setupNetworkListener(): void {\n if (typeof window === 'undefined' || this.networkListenerInitialized) return\n\n window.addEventListener('online', this.handleOnline)\n window.addEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置网络状态监听')\n }\n\n /**\n * 移除网络状态监听\n */\n private removeNetworkListener(): void {\n if (typeof window === 'undefined' || !this.networkListenerInitialized) return\n\n window.removeEventListener('online', this.handleOnline)\n window.removeEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除网络状态监听')\n }\n\n /**\n * 网络恢复时的处理函数\n */\n private handleOnline = (): void => {\n this.logger.info('[SharedWorkerManager] 网络已恢复,通知 Worker 重连')\n\n // 通知 Worker 网络已恢复,应该重试连接\n if (this.port) {\n this.sendToWorker('TAB_NETWORK_ONLINE' as TabToWorkerMessageType, {})\n }\n }\n\n /**\n * 网络断开时的处理函数\n */\n private handleOffline = (): void => {\n this.logger.info('[SharedWorkerManager] 网络已断开')\n // Worker 会自动处理连接断开,这里只记录日志\n }\n\n /**\n * 获取 Worker 脚本 Data URL\n * 说明:SharedWorker 的复用依据是「脚本 URL + name」,所以必须让不同标签页拿到完全一致的脚本 URL。\n */\n private getWorkerScriptDataUrl(): string {\n const workerCode = this.getWorkerScriptContent()\n this.logger.debug(`[SharedWorkerManager] 正在创建 Worker Data URL, 代码长度: ${workerCode.length}`)\n\n // 兼容中文日志:必须做 UTF-8 base64\n const base64 = this.toBase64Utf8(workerCode)\n return `data:application/javascript;charset=utf-8;base64,${base64}`\n }\n\n /**\n * UTF-8 Base64 编码(避免 btoa 处理非 latin1 时报错)\n */\n private toBase64Utf8(input: string): string {\n try {\n if (typeof TextEncoder !== 'undefined') {\n const bytes = new TextEncoder().encode(input)\n let binary = ''\n for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i])\n // eslint-disable-next-line no-undef\n return btoa(binary)\n }\n // 兜底:老浏览器\n // eslint-disable-next-line no-undef\n return btoa(unescape(encodeURIComponent(input)))\n } catch (error) {\n this.logger.error('[SharedWorkerManager] ❌ Worker 脚本 base64 编码失败', error)\n throw error\n }\n }\n\n /**\n * 获取 Worker 脚本内容\n * 这里使用占位符,在构建时会被替换为实际的 Worker 代码\n */\n private getWorkerScriptContent(): string {\n // 占位符,构建时会被替换\n const content: string = '__WORKER_SCRIPT_CONTENT__'\n\n // 调试:检查内容是否被替换\n if (content === '__WORKER_SCRIPT_CONTENT__') {\n this.logger.error('[SharedWorkerManager] ❌ Worker 代码未被内联!构建配置有问题')\n throw new Error('Worker script not inlined during build')\n }\n\n this.logger.debug(`[SharedWorkerManager] Worker 脚本长度: ${content.length} 字符`)\n return content\n }\n}\n"],"names":["LOG_LEVEL_PRIORITY","debug","info","warn","error","silent","Logger","constructor","name","level","this","setLevel","getLevel","values","logAtLevel","console","shouldLog","writer","SharedWorkerManager","config","worker","port","callbacks","Map","callbackIdCounter","connected","visibilityListenerInitialized","onConnectedCallback","onDisconnectedCallback","onErrorCallback","onAuthConflictCallback","pingTimer","unloadListenerInitialized","networkListenerInitialized","handleVisibilityChange","isVisible","document","hidden","logger","payload","sendToWorker","handlePageHide","handleOnline","handleOffline","tabId","generateTabId","logLevel","Date","now","Math","random","toString","substring","sendResetToExistingWorker","workerScriptUrl","SharedWorker","WORKER_NAME","start","postMessage","type","reason","timestamp","Promise","resolve","setTimeout","close","getWorkerScriptDataUrl","slice","forceNewWorkerOnStart","onmessage","handleWorkerMessage","bind","setupVisibilityListener","setupUnloadListener","setupNetworkListener","serializableConfig","heartbeatInterval","maxReconnectAttempts","reconnectDelay","reconnectDelayMax","autoReconnect","url","userId","token","sharedWorkerIdleTimeout","startPing","stop","portToClose","stopPing","removeVisibilityListener","removeUnloadListener","removeNetworkListener","clear","forceShutdown","send","data","registerCallback","entry","callbackId","entryWithId","id","set","size","unregisterCallback","callback","entries","delete","callbackIds","push","length","clearCallbacks","isConnected","onConnected","onDisconnected","onError","onAuthConflict","event","message","log","handleServerMessage","Array","from","map","e","matchedCount","addEventListener","removeEventListener","window","globalThis","setInterval","clearInterval","capture","workerCode","getWorkerScriptContent","toBase64Utf8","input","TextEncoder","bytes","encode","binary","i","String","fromCharCode","btoa","unescape","encodeURIComponent","content"],"mappings":"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"}
@@ -0,0 +1,181 @@
1
+ /**
2
+ * SharedWorker 管理器(标签页端)
3
+ * 负责在标签页中创建和管理 SharedWorker 连接
4
+ */
5
+ import { LogLevel } from './logger';
6
+ import type { MessageCallback, MessageCallbackEntry } from './WebSocketClient';
7
+ import type { InitPayload, ErrorPayload, AuthConflictPayload } from './types';
8
+ /**
9
+ * SharedWorker 管理器配置
10
+ */
11
+ export interface SharedWorkerManagerConfig extends InitPayload {
12
+ /** 日志级别 */
13
+ logLevel?: LogLevel;
14
+ /** 启动时强制新建 SharedWorker(会生成新的 worker 会话名,并尝试关闭旧 worker) */
15
+ forceNewWorkerOnStart?: boolean;
16
+ }
17
+ /**
18
+ * SharedWorker 管理器类
19
+ */
20
+ export declare class SharedWorkerManager {
21
+ private static readonly WORKER_NAME;
22
+ /** SharedWorker 实例 */
23
+ private worker;
24
+ /** MessagePort 实例 */
25
+ private port;
26
+ /** 标签页ID */
27
+ private readonly tabId;
28
+ /** 回调列表 */
29
+ private callbacks;
30
+ /** 回调ID计数器 */
31
+ private callbackIdCounter;
32
+ /** 是否已连接 */
33
+ private connected;
34
+ /** 是否已初始化可见性监听 */
35
+ private visibilityListenerInitialized;
36
+ /** 配置 */
37
+ private config;
38
+ /** 日志器 */
39
+ private readonly logger;
40
+ /** 连接回调 */
41
+ private onConnectedCallback;
42
+ /** 断开回调 */
43
+ private onDisconnectedCallback;
44
+ /** 错误回调 */
45
+ private onErrorCallback;
46
+ /** 身份冲突回调 */
47
+ private onAuthConflictCallback;
48
+ /** 标签页心跳定时器(用于让 Worker 能识别已关闭标签页) */
49
+ private pingTimer;
50
+ /** 是否已初始化卸载监听 */
51
+ private unloadListenerInitialized;
52
+ /** 是否已初始化网络状态监听 */
53
+ private networkListenerInitialized;
54
+ /**
55
+ * 构造函数
56
+ */
57
+ constructor(config: SharedWorkerManagerConfig);
58
+ /**
59
+ * 生成标签页ID
60
+ */
61
+ private generateTabId;
62
+ /**
63
+ * 发送重置命令到现有 Worker(断开 WebSocket 并清理状态,但不终止 Worker)
64
+ */
65
+ private sendResetToExistingWorker;
66
+ /**
67
+ * 启动 SharedWorker 连接
68
+ */
69
+ start(): Promise<boolean>;
70
+ /**
71
+ * 停止 SharedWorker 连接(只断开当前标签页,不影响其他标签页)
72
+ */
73
+ stop(): void;
74
+ /**
75
+ * 强制关闭 Worker(会影响所有标签页,用于退出登录)
76
+ */
77
+ forceShutdown(): void;
78
+ /**
79
+ * 发送消息到服务器
80
+ */
81
+ send(data: string | object): void;
82
+ /**
83
+ * 注册消息回调
84
+ */
85
+ registerCallback<T = unknown>(entry: MessageCallbackEntry<T>): string;
86
+ /**
87
+ * 取消注册消息回调
88
+ */
89
+ unregisterCallback(type: string, callback?: MessageCallback): void;
90
+ /**
91
+ * 清空所有回调
92
+ */
93
+ clearCallbacks(): void;
94
+ /**
95
+ * 是否已连接
96
+ */
97
+ isConnected(): boolean;
98
+ /**
99
+ * 设置连接回调
100
+ */
101
+ onConnected(callback: () => void): void;
102
+ /**
103
+ * 设置断开回调
104
+ */
105
+ onDisconnected(callback: () => void): void;
106
+ /**
107
+ * 设置错误回调
108
+ */
109
+ onError(callback: (error: ErrorPayload) => void): void;
110
+ /**
111
+ * 设置身份冲突回调
112
+ */
113
+ onAuthConflict(callback: (conflict: AuthConflictPayload) => void): void;
114
+ /**
115
+ * 处理来自 Worker 的消息
116
+ */
117
+ private handleWorkerMessage;
118
+ /**
119
+ * 处理服务器消息
120
+ */
121
+ private handleServerMessage;
122
+ /**
123
+ * 发送消息到 Worker
124
+ */
125
+ private sendToWorker;
126
+ /**
127
+ * 设置页面可见性监听
128
+ */
129
+ private setupVisibilityListener;
130
+ /**
131
+ * 移除页面可见性监听
132
+ */
133
+ private removeVisibilityListener;
134
+ /**
135
+ * 处理页面可见性变化
136
+ */
137
+ private handleVisibilityChange;
138
+ /**
139
+ * 启动与 Worker 的轻量心跳
140
+ * 目的:当标签页被强制关闭/崩溃时,Worker 可通过超时回收该 tab
141
+ */
142
+ private startPing;
143
+ private stopPing;
144
+ /**
145
+ * 设置页面卸载监听(pagehide/beforeunload)
146
+ */
147
+ private setupUnloadListener;
148
+ private removeUnloadListener;
149
+ private handlePageHide;
150
+ /**
151
+ * 设置网络状态监听
152
+ */
153
+ private setupNetworkListener;
154
+ /**
155
+ * 移除网络状态监听
156
+ */
157
+ private removeNetworkListener;
158
+ /**
159
+ * 网络恢复时的处理函数
160
+ */
161
+ private handleOnline;
162
+ /**
163
+ * 网络断开时的处理函数
164
+ */
165
+ private handleOffline;
166
+ /**
167
+ * 获取 Worker 脚本 Data URL
168
+ * 说明:SharedWorker 的复用依据是「脚本 URL + name」,所以必须让不同标签页拿到完全一致的脚本 URL。
169
+ */
170
+ private getWorkerScriptDataUrl;
171
+ /**
172
+ * UTF-8 Base64 编码(避免 btoa 处理非 latin1 时报错)
173
+ */
174
+ private toBase64Utf8;
175
+ /**
176
+ * 获取 Worker 脚本内容
177
+ * 这里使用占位符,在构建时会被替换为实际的 Worker 代码
178
+ */
179
+ private getWorkerScriptContent;
180
+ }
181
+ //# sourceMappingURL=SharedWorkerManager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SharedWorkerManager.d.ts","sourceRoot":"","sources":["../src/SharedWorkerManager.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ const e={debug:10,info:20,warn:30,error:40,silent:50};class n{constructor(e,n="warn"){this.name=e,this.level=n}setLevel(e){this.level=e}getLevel(){return this.level}debug(...e){this.logAtLevel("debug",console.debug,e)}info(...e){this.logAtLevel("info",console.info,e)}warn(...e){this.logAtLevel("warn",console.warn,e)}error(...e){this.logAtLevel("error",console.error,e)}shouldLog(n){return"silent"!==n&&e[n]>=e[this.level]}logAtLevel(e,n,t){this.shouldLog(e)&&n(`[${this.name}]`,...t)}}class t{constructor(e){this.worker=null,this.port=null,this.callbacks=new Map,this.callbackIdCounter=0,this.connected=!1,this.visibilityListenerInitialized=!1,this.onConnectedCallback=null,this.onDisconnectedCallback=null,this.onErrorCallback=null,this.onAuthConflictCallback=null,this.pingTimer=null,this.unloadListenerInitialized=!1,this.networkListenerInitialized=!1,this.handleVisibilityChange=()=>{const e=!document.hidden;if(this.logger.debug(`[SharedWorkerManager] 页面可见性变化: ${e}`),this.port){const n={isVisible:e};this.sendToWorker("TAB_VISIBILITY",n)}},this.handlePageHide=()=>{this.port&&this.sendToWorker("TAB_DISCONNECT",{})},this.handleOnline=()=>{this.logger.info("[SharedWorkerManager] 网络已恢复,通知 Worker 重连"),this.port&&this.sendToWorker("TAB_NETWORK_ONLINE",{})},this.handleOffline=()=>{this.logger.info("[SharedWorkerManager] 网络已断开")},this.config=e,this.tabId=this.generateTabId(),this.logger=new n("SharedWorkerManager",e.logLevel??"warn")}generateTabId(){return`tab_${Date.now()}_${Math.random().toString(36).substring(2,9)}`}async sendResetToExistingWorker(e){try{const n=new SharedWorker(e,{name:t.WORKER_NAME}).port;n.start(),n.postMessage({type:"TAB_FORCE_RESET",payload:{reason:"force_new_start"},tabId:this.tabId,timestamp:Date.now()}),await new Promise(e=>setTimeout(e,100)),n.close(),this.logger.debug("[SharedWorkerManager] 已发送重置命令到现有 Worker")}catch(e){this.logger.warn("[SharedWorkerManager] 发送重置命令失败(可忽略)",e)}}async start(){try{this.logger.debug("[SharedWorkerManager] 开始启动 SharedWorker");const e=this.getWorkerScriptDataUrl();this.logger.debug(`[SharedWorkerManager] Worker Script URL 创建成功: ${e.slice(0,60)}...`),this.config.forceNewWorkerOnStart&&(this.logger.debug("[SharedWorkerManager] forceNewWorkerOnStart=true,发送重置命令"),await this.sendResetToExistingWorker(e)),this.logger.debug("[SharedWorkerManager] 正在创建 SharedWorker 实例..."),this.worker=new SharedWorker(e,{name:t.WORKER_NAME}),this.logger.debug("[SharedWorkerManager] ✅ SharedWorker 实例创建成功"),this.port=this.worker.port,this.port.onmessage=this.handleWorkerMessage.bind(this),this.port.start(),this.logger.debug("[SharedWorkerManager] ✅ MessagePort 已启动"),this.setupVisibilityListener(),this.setupUnloadListener(),this.setupNetworkListener();const n={heartbeatInterval:this.config.config.heartbeatInterval,maxReconnectAttempts:this.config.config.maxReconnectAttempts,reconnectDelay:this.config.config.reconnectDelay,reconnectDelayMax:this.config.config.reconnectDelayMax,autoReconnect:this.config.config.autoReconnect,logLevel:this.config.config.logLevel};return this.sendToWorker("TAB_INIT",{url:this.config.url,userId:this.config.userId,token:this.config.token,isVisible:!document.hidden,config:n,sharedWorkerIdleTimeout:this.config.sharedWorkerIdleTimeout}),this.startPing(),this.logger.info("[SharedWorkerManager] SharedWorker 已启动"),!0}catch(e){return this.logger.error("[SharedWorkerManager] 启动 SharedWorker 失败",e),!1}}stop(){this.logger.debug("[SharedWorkerManager] 停止当前标签页的 SharedWorker 连接");const e=this.port;this.port&&this.sendToWorker("TAB_DISCONNECT",{}),this.stopPing(),this.removeVisibilityListener(),this.removeUnloadListener(),this.removeNetworkListener(),this.port=null,this.worker=null,this.connected=!1,this.callbacks.clear(),e&&setTimeout(()=>{try{e.close()}catch{}},100)}forceShutdown(){this.logger.debug("[SharedWorkerManager] 强制关闭 Worker(退出登录)");const e=this.port;this.port&&this.sendToWorker("TAB_FORCE_SHUTDOWN",{reason:"logout"}),this.stopPing(),this.removeVisibilityListener(),this.removeUnloadListener(),this.removeNetworkListener(),this.port=null,this.worker=null,this.connected=!1,this.callbacks.clear(),e&&setTimeout(()=>{try{e.close()}catch{}},100)}send(e){if(!this.port)return void this.logger.warn("[SharedWorkerManager] MessagePort 未初始化,无法发送消息");const n={data:e};this.sendToWorker("TAB_SEND",n)}registerCallback(e){const n="callback_"+this.callbackIdCounter++,t={...e,id:n};if(this.callbacks.set(n,t),this.port){const t={type:e.type,callbackId:n};this.sendToWorker("TAB_REGISTER_CALLBACK",t),this.logger.debug(`[SharedWorkerManager] ✅ 已发送注册消息到 Worker: ${e.type} (${n})`)}else this.logger.warn(`[SharedWorkerManager] ⚠️ port 未初始化,无法发送注册消息: ${e.type}`);return this.logger.debug(`[SharedWorkerManager] 注册回调: ${e.type} (${n}), 当前回调总数: ${this.callbacks.size}`),n}unregisterCallback(e,n){if(n){let t=null;for(const[r,s]of this.callbacks.entries())if(s.type===e&&s.callback===n){t=r,this.callbacks.delete(r);break}if(t&&this.port){const n={type:e,callbackId:t};this.sendToWorker("TAB_UNREGISTER_CALLBACK",n)}this.logger.debug(`[SharedWorkerManager] 取消注册回调: ${e} (${t})`)}else{const n=[];for(const[t,r]of this.callbacks.entries())r.type===e&&(n.push(t),this.callbacks.delete(t));if(this.port){const n={type:e};this.sendToWorker("TAB_UNREGISTER_CALLBACK",n)}this.logger.debug(`[SharedWorkerManager] 取消注册所有 ${e} 类型回调 (${n.length} 个)`)}}clearCallbacks(){for(const e of this.callbacks.values())if(this.port){const n={type:e.type,callbackId:e.id};this.sendToWorker("TAB_UNREGISTER_CALLBACK",n)}this.callbacks.clear(),this.logger.debug("[SharedWorkerManager] 已清空所有回调")}isConnected(){return this.connected}onConnected(e){this.onConnectedCallback=e}onDisconnected(e){this.onDisconnectedCallback=e}onError(e){this.onErrorCallback=e}onAuthConflict(e){this.onAuthConflictCallback=e}handleWorkerMessage(e){const n=e.data;switch(this.logger.debug(`[SharedWorkerManager] 📬 收到 Worker 消息, type: ${n.type}`),n.type){case"WORKER_CONNECTED":this.connected=!0,this.logger.info("[SharedWorkerManager] ✅ WebSocket 已连接"),this.onConnectedCallback?.();break;case"WORKER_DISCONNECTED":this.connected=!1,this.logger.info("[SharedWorkerManager] WebSocket 已断开"),this.onDisconnectedCallback?.();break;case"WORKER_MESSAGE":try{const e=n.payload;console.log("[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发):",e?.message),this.logger.info("[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发)",e?.message),this.logger.debug("[SharedWorkerManager] 🧾 原始消息 data:",e?.data)}catch(e){this.logger.warn("[SharedWorkerManager] 打印服务器消息失败",e)}this.handleServerMessage(n.payload);break;case"WORKER_ERROR":this.logger.error("[SharedWorkerManager] Worker 错误",n.payload),this.onErrorCallback?.(n.payload);break;case"WORKER_AUTH_CONFLICT":this.logger.warn("[SharedWorkerManager] 身份冲突",n.payload),this.onAuthConflictCallback?.(n.payload);break;case"WORKER_PONG":this.logger.debug("[SharedWorkerManager] 收到 PONG");break;default:this.logger.warn("[SharedWorkerManager] 未知消息类型",n.type)}}handleServerMessage(e){const{message:n}=e;this.logger.debug(`[SharedWorkerManager] 📨 收到服务器消息, type: ${n.type}`),this.logger.debug("[SharedWorkerManager] 当前注册的回调类型:",Array.from(this.callbacks.values()).map(e=>e.type));let t=0;for(const e of this.callbacks.values())if(e.type===n.type){t++,this.logger.debug(`[SharedWorkerManager] ✅ 匹配到回调 ${e.type} (${e.id}),准备执行`);try{e.callback(n.data,n),this.logger.debug(`[SharedWorkerManager] ✅ 回调执行成功 ${e.type} (${e.id})`)}catch(e){this.logger.error("[SharedWorkerManager] ❌ 回调执行失败",e)}}0===t&&this.logger.warn(`[SharedWorkerManager] ⚠️ 没有匹配的回调: ${n.type}`)}sendToWorker(e,n){if(!this.port)return void this.logger.warn("[SharedWorkerManager] MessagePort 未初始化,无法发送消息");const t={type:e,payload:n,tabId:this.tabId,timestamp:Date.now()};try{this.port.postMessage(t)}catch(e){this.logger.error("[SharedWorkerManager] 发送消息到 Worker 失败",e)}}setupVisibilityListener(){"undefined"==typeof document||this.visibilityListenerInitialized||(document.addEventListener("visibilitychange",this.handleVisibilityChange),this.visibilityListenerInitialized=!0,this.logger.debug("[SharedWorkerManager] 已设置页面可见性监听"))}removeVisibilityListener(){"undefined"!=typeof document&&this.visibilityListenerInitialized&&(document.removeEventListener("visibilitychange",this.handleVisibilityChange),this.visibilityListenerInitialized=!1,this.logger.debug("[SharedWorkerManager] 已移除页面可见性监听"))}startPing(){this.stopPing(),"undefined"!=typeof window&&this.port&&(this.pingTimer=globalThis.setInterval(()=>{this.port&&this.sendToWorker("TAB_PING",{})},1e4))}stopPing(){null!==this.pingTimer&&(clearInterval(this.pingTimer),this.pingTimer=null)}setupUnloadListener(){"undefined"==typeof window||this.unloadListenerInitialized||(window.addEventListener("pagehide",this.handlePageHide,{capture:!0}),window.addEventListener("beforeunload",this.handlePageHide,{capture:!0}),this.unloadListenerInitialized=!0,this.logger.debug("[SharedWorkerManager] 已设置页面卸载监听"))}removeUnloadListener(){"undefined"!=typeof window&&this.unloadListenerInitialized&&(window.removeEventListener("pagehide",this.handlePageHide,{capture:!0}),window.removeEventListener("beforeunload",this.handlePageHide,{capture:!0}),this.unloadListenerInitialized=!1,this.logger.debug("[SharedWorkerManager] 已移除页面卸载监听"))}setupNetworkListener(){"undefined"==typeof window||this.networkListenerInitialized||(window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline),this.networkListenerInitialized=!0,this.logger.debug("[SharedWorkerManager] 已设置网络状态监听"))}removeNetworkListener(){"undefined"!=typeof window&&this.networkListenerInitialized&&(window.removeEventListener("online",this.handleOnline),window.removeEventListener("offline",this.handleOffline),this.networkListenerInitialized=!1,this.logger.debug("[SharedWorkerManager] 已移除网络状态监听"))}getWorkerScriptDataUrl(){const e=this.getWorkerScriptContent();this.logger.debug(`[SharedWorkerManager] 正在创建 Worker Data URL, 代码长度: ${e.length}`);return`data:application/javascript;charset=utf-8;base64,${this.toBase64Utf8(e)}`}toBase64Utf8(e){try{if("undefined"!=typeof TextEncoder){const n=(new TextEncoder).encode(e);let t="";for(let e=0;e<n.length;e++)t+=String.fromCharCode(n[e]);return btoa(t)}return btoa(unescape(encodeURIComponent(e)))}catch(e){throw this.logger.error("[SharedWorkerManager] ❌ Worker 脚本 base64 编码失败",e),e}}getWorkerScriptContent(){const e="const WorkerToTabMessageType = {\n WORKER_READY: 'WORKER_READY',\n WORKER_MESSAGE: 'WORKER_MESSAGE',\n WORKER_CONNECTED: 'WORKER_CONNECTED',\n WORKER_DISCONNECTED: 'WORKER_DISCONNECTED',\n WORKER_ERROR: 'WORKER_ERROR',\n WORKER_AUTH_CONFLICT: 'WORKER_AUTH_CONFLICT',\n WORKER_PONG: 'WORKER_PONG',\n};\nclass WebSocketManager {\n constructor() {\n this.tabs = new Map();\n this.socket = null;\n this.lastMessageByType = new Map();\n this.tabCleanupTimer = null;\n this.idleTimer = null;\n this.heartbeatTimer = null;\n this.reconnectTimer = null;\n this.reconnectAttempts = 0;\n this.manualClose = false;\n this.currentUrl = null;\n this.currentUserId = null;\n this.currentToken = null;\n this.currentBaseUrl = null;\n this.lastOpenAt = 0;\n this.fastClose1000Count = 0;\n this.reconnectSuppressedUntil = 0;\n this.config = null;\n this.sharedWorkerIdleTimeout = 30000;\n this.tabStaleTimeout = 45000;\n }\n hasVisibleTab() {\n return Array.from(this.tabs.values()).some((tab) => tab.isVisible);\n }\n clearReconnectTimer() {\n if (this.reconnectTimer !== null) {\n clearTimeout(this.reconnectTimer);\n this.reconnectTimer = null;\n }\n }\n startTabCleanup() {\n if (this.tabCleanupTimer !== null)\n return;\n this.tabCleanupTimer = globalThis.setInterval(() => {\n const now = Date.now();\n const staleTabIds = [];\n for (const tab of this.tabs.values()) {\n if (now - tab.lastSeen > this.tabStaleTimeout) {\n staleTabIds.push(tab.tabId);\n }\n }\n if (staleTabIds.length > 0) {\n console.warn('[SharedWorker] 检测到过期标签页,将清理:', staleTabIds);\n staleTabIds.forEach((id) => this.removeTab(id));\n }\n }, 15000);\n }\n stopTabCleanup() {\n if (this.tabCleanupTimer !== null) {\n clearInterval(this.tabCleanupTimer);\n this.tabCleanupTimer = null;\n }\n }\n addTab(port, message) {\n const { tabId, payload } = message;\n const initPayload = payload;\n if (this.currentUserId && this.currentUserId !== initPayload.userId) {\n const conflictPayload = {\n currentUserId: this.currentUserId,\n newUserId: initPayload.userId,\n message: `检测到不同用户身份:当前连接用户为 ${this.currentUserId},新标签页尝试使用用户 ${initPayload.userId} 连接。将复用现有连接。`,\n };\n this.sendToTab(port, WorkerToTabMessageType.WORKER_AUTH_CONFLICT, conflictPayload);\n console.warn('[SharedWorker]', conflictPayload.message);\n }\n const tabInfo = {\n port,\n tabId,\n isVisible: initPayload.isVisible,\n lastSeen: Date.now(),\n registeredTypes: new Set(),\n callbackMap: new Map(),\n };\n this.tabs.set(tabId, tabInfo);\n console.log(`[SharedWorker] 标签页已添加: ${tabId}, 当前标签页数量: ${this.tabs.size}`);\n this.startTabCleanup();\n const nextBaseUrl = initPayload.url;\n const nextUserId = initPayload.userId;\n const nextToken = initPayload.token;\n const nextUrl = `${nextBaseUrl}/${nextUserId}?token=${encodeURIComponent(nextToken)}`;\n const hasExistingIdentity = this.currentBaseUrl !== null ||\n this.currentUserId !== null ||\n this.currentToken !== null ||\n this.currentUrl !== null;\n const identityChanged = (this.currentBaseUrl !== null && this.currentBaseUrl !== nextBaseUrl) ||\n (this.currentUserId !== null && this.currentUserId !== nextUserId) ||\n (this.currentToken !== null && this.currentToken !== nextToken) ||\n (this.currentUrl !== null && this.currentUrl !== nextUrl);\n if (!hasExistingIdentity || identityChanged) {\n if (hasExistingIdentity) {\n const conflictPayload = {\n currentUserId: this.currentUserId ?? '',\n newUserId: nextUserId,\n message: `检测到连接身份/参数变化:` +\n `oldUser=${this.currentUserId ?? 'null'} -> newUser=${nextUserId}, ` +\n `oldBaseUrl=${this.currentBaseUrl ?? 'null'} -> newBaseUrl=${nextBaseUrl}, ` +\n `tokenChanged=${this.currentToken ? this.currentToken !== nextToken : true}。` +\n `将切换到最新登录态并重建连接。`,\n };\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_AUTH_CONFLICT, conflictPayload);\n console.warn('[SharedWorker]', conflictPayload.message);\n }\n this.currentBaseUrl = nextBaseUrl;\n this.currentUserId = nextUserId;\n this.currentToken = nextToken;\n this.currentUrl = nextUrl;\n this.config = initPayload.config;\n this.sharedWorkerIdleTimeout = initPayload.sharedWorkerIdleTimeout ?? 30000;\n this.lastMessageByType.clear();\n if (this.socket) {\n console.log('[SharedWorker] 检测到登录态变化,断开旧连接以使用新参数');\n this.disconnect();\n }\n }\n else {\n this.config = initPayload.config;\n this.sharedWorkerIdleTimeout = initPayload.sharedWorkerIdleTimeout ?? this.sharedWorkerIdleTimeout;\n }\n if (this.socket && this.socket.readyState === WebSocket.OPEN) {\n this.sendToTab(port, WorkerToTabMessageType.WORKER_CONNECTED, {});\n }\n this.checkAllTabsVisibility();\n }\n removeTab(tabId) {\n this.tabs.delete(tabId);\n console.log(`[SharedWorker] 标签页已移除: ${tabId}, 剩余标签页数量: ${this.tabs.size}`);\n if (this.tabs.size === 0) {\n console.log(`[SharedWorker] 所有标签页已关闭,将在 ${this.sharedWorkerIdleTimeout}ms 后断开连接`);\n this.clearReconnectTimer();\n this.stopTabCleanup();\n this.startIdleTimer();\n }\n else {\n this.checkAllTabsVisibility();\n }\n }\n updateTabVisibility(tabId, isVisible) {\n const tab = this.tabs.get(tabId);\n if (!tab) {\n console.warn(`[SharedWorker] 标签页不存在: ${tabId}`);\n return;\n }\n tab.isVisible = isVisible;\n tab.lastSeen = Date.now();\n console.log(`[SharedWorker] 标签页 ${tabId} 可见性更新: ${isVisible}`);\n this.checkAllTabsVisibility();\n }\n checkAllTabsVisibility() {\n if (this.tabs.size === 0)\n return;\n const allHidden = Array.from(this.tabs.values()).every((tab) => !tab.isVisible);\n if (allHidden) {\n console.log(`[SharedWorker] 所有标签页都不可见,将在 ${this.sharedWorkerIdleTimeout}ms 后断开连接`);\n this.clearReconnectTimer();\n this.startIdleTimer();\n }\n else {\n console.log('[SharedWorker] 至少有一个标签页可见,保持连接');\n this.resetIdleTimer();\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n if (this.currentUrl) {\n console.log('[SharedWorker] 检测到连接已断开,标签页可见,尝试重新连接');\n this.connect();\n }\n }\n }\n }\n startIdleTimer() {\n this.clearIdleTimer();\n this.idleTimer = globalThis.setTimeout(() => {\n console.log('[SharedWorker] 空闲超时,断开连接');\n this.disconnect();\n }, this.sharedWorkerIdleTimeout);\n }\n resetIdleTimer() {\n this.clearIdleTimer();\n }\n clearIdleTimer() {\n if (this.idleTimer !== null) {\n clearTimeout(this.idleTimer);\n this.idleTimer = null;\n }\n }\n connect() {\n if (!this.currentUrl) {\n console.error('[SharedWorker] 缺少 WebSocket URL');\n return;\n }\n if (Date.now() < this.reconnectSuppressedUntil) {\n console.warn('[SharedWorker] 自动重连已熔断,暂不连接', {\n suppressedUntil: this.reconnectSuppressedUntil,\n });\n return;\n }\n if (!this.hasVisibleTab()) {\n console.log('[SharedWorker] 当前无可见标签页,跳过连接');\n return;\n }\n if (this.socket && (this.socket.readyState === WebSocket.OPEN || this.socket.readyState === WebSocket.CONNECTING)) {\n return;\n }\n this.manualClose = false;\n this.clearReconnectTimer();\n try {\n this.socket = new WebSocket(this.currentUrl);\n this.socket.onopen = () => {\n console.log('[SharedWorker] ✅ WebSocket 连接成功');\n this.reconnectAttempts = 0;\n this.lastOpenAt = Date.now();\n this.fastClose1000Count = 0;\n this.startHeartbeat();\n console.log(`[SharedWorker] 通知 ${this.tabs.size} 个标签页: 已连接`);\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_CONNECTED, {});\n };\n this.socket.onmessage = (event) => {\n this.handleIncoming(event.data);\n };\n this.socket.onclose = (event) => {\n const now = Date.now();\n const liveMs = this.lastOpenAt ? now - this.lastOpenAt : -1;\n console.log('[SharedWorker] WebSocket 连接关闭', {\n code: event.code,\n reason: event.reason,\n wasClean: event.wasClean,\n liveMs,\n });\n this.stopHeartbeat();\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_DISCONNECTED, {});\n if (event.code === 1000 && liveMs >= 0 && liveMs < 3000) {\n this.fastClose1000Count += 1;\n console.warn('[SharedWorker] 检测到快速 1000 关闭', {\n fastClose1000Count: this.fastClose1000Count,\n liveMs,\n });\n if (this.fastClose1000Count >= 3) {\n this.reconnectSuppressedUntil = now + 60000;\n const errorPayload = {\n message: 'WebSocket 被服务端频繁正常关闭(1000),已临时暂停自动重连 60s。请检查 token/服务端是否限制同账号多连接/是否需要额外鉴权消息。',\n error: {\n code: event.code,\n reason: event.reason,\n liveMs,\n },\n };\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_ERROR, errorPayload);\n return;\n }\n }\n else {\n this.fastClose1000Count = 0;\n }\n if (!this.manualClose && this.config?.autoReconnect && this.tabs.size > 0 && this.hasVisibleTab()) {\n this.scheduleReconnect();\n }\n };\n this.socket.onerror = (event) => {\n console.error('[SharedWorker] WebSocket 连接错误', event);\n this.stopHeartbeat();\n const errorPayload = {\n message: 'WebSocket 连接错误',\n error: event,\n };\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_ERROR, errorPayload);\n };\n }\n catch (error) {\n console.error('[SharedWorker] 创建 WebSocket 连接失败', error);\n const errorPayload = {\n message: '创建 WebSocket 连接失败',\n error,\n };\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_ERROR, errorPayload);\n if (this.config?.autoReconnect && !this.manualClose) {\n this.scheduleReconnect();\n }\n }\n }\n scheduleReconnect() {\n if (this.tabs.size === 0 || !this.hasVisibleTab()) {\n return;\n }\n const maxAttempts = this.config?.maxReconnectAttempts ?? 10;\n const reconnectDelay = this.config?.reconnectDelay ?? 3000;\n const reconnectDelayMax = this.config?.reconnectDelayMax ?? 10000;\n if (this.reconnectAttempts >= maxAttempts || !this.currentUrl || this.manualClose) {\n if (this.reconnectAttempts >= maxAttempts) {\n console.warn('[SharedWorker] 已达到最大重连次数');\n }\n return;\n }\n this.reconnectAttempts += 1;\n const delay = Math.min(reconnectDelay * this.reconnectAttempts, reconnectDelayMax);\n console.log(`[SharedWorker] 将在 ${delay}ms 后进行第 ${this.reconnectAttempts} 次重连`);\n this.clearReconnectTimer();\n this.reconnectTimer = globalThis.setTimeout(() => {\n this.connect();\n }, delay);\n }\n disconnect() {\n this.manualClose = true;\n this.stopHeartbeat();\n this.clearIdleTimer();\n this.clearReconnectTimer();\n if (this.socket) {\n this.socket.close();\n this.socket = null;\n }\n this.reconnectAttempts = 0;\n }\n startHeartbeat() {\n this.stopHeartbeat();\n const heartbeatInterval = this.config?.heartbeatInterval ?? 25000;\n this.heartbeatTimer = globalThis.setInterval(() => {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n return;\n }\n const heartbeatData = { type: 'PING', timestamp: Date.now() };\n this.send(heartbeatData);\n }, heartbeatInterval);\n }\n stopHeartbeat() {\n if (this.heartbeatTimer !== null) {\n clearInterval(this.heartbeatTimer);\n this.heartbeatTimer = null;\n }\n }\n send(data) {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n console.warn('[SharedWorker] WebSocket 未连接,无法发送消息');\n return;\n }\n const message = typeof data === 'string' ? data : JSON.stringify(data);\n this.socket.send(message);\n }\n handleIncoming(data) {\n if (!data)\n return;\n let message;\n try {\n message = JSON.parse(data);\n }\n catch {\n console.warn('[SharedWorker] 无法解析消息', data);\n return;\n }\n if (!message?.type) {\n return;\n }\n console.log(`[SharedWorker] 📨 收到服务器消息, type: ${message.type}`, message);\n const serverMessagePayload = {\n data,\n message,\n };\n this.lastMessageByType.set(message.type, serverMessagePayload);\n let sentCount = 0;\n for (const tab of this.tabs.values()) {\n console.log(`[SharedWorker] 检查标签页 ${tab.tabId}, 注册的类型:`, Array.from(tab.registeredTypes));\n if (tab.registeredTypes.has(message.type)) {\n console.log(`[SharedWorker] ✅ 发送消息到标签页 ${tab.tabId}, type: ${message.type}`);\n this.sendToTab(tab.port, WorkerToTabMessageType.WORKER_MESSAGE, serverMessagePayload);\n sentCount++;\n }\n }\n console.log(`[SharedWorker] 消息分发完成, type: ${message.type}, 发送给 ${sentCount} 个标签页`);\n }\n registerCallback(tabId, payload) {\n const tab = this.tabs.get(tabId);\n if (!tab) {\n console.warn(`[SharedWorker] ⚠️ 标签页不存在: ${tabId}`);\n return;\n }\n tab.lastSeen = Date.now();\n tab.registeredTypes.add(payload.type);\n tab.callbackMap.set(payload.callbackId, payload.type);\n console.log(`[SharedWorker] ✅ 标签页 ${tabId} 注册回调: ${payload.type} (${payload.callbackId})`);\n console.log(`[SharedWorker] 标签页 ${tabId} 当前注册的所有类型:`, Array.from(tab.registeredTypes));\n const cached = this.lastMessageByType.get(payload.type);\n if (cached) {\n console.log(`[SharedWorker] 🔁 回放缓存消息到标签页 ${tabId}, type: ${payload.type}`);\n this.sendToTab(tab.port, WorkerToTabMessageType.WORKER_MESSAGE, cached);\n }\n }\n unregisterCallback(tabId, payload) {\n const tab = this.tabs.get(tabId);\n if (!tab) {\n console.warn(`[SharedWorker] 标签页不存在: ${tabId}`);\n return;\n }\n tab.lastSeen = Date.now();\n if (payload.callbackId) {\n const type = tab.callbackMap.get(payload.callbackId);\n if (type) {\n tab.callbackMap.delete(payload.callbackId);\n const hasOtherCallbacks = Array.from(tab.callbackMap.values()).some((t) => t === type);\n if (!hasOtherCallbacks) {\n tab.registeredTypes.delete(type);\n }\n console.log(`[SharedWorker] 标签页 ${tabId} 取消注册回调: ${type}`);\n }\n }\n else {\n tab.registeredTypes.delete(payload.type);\n for (const [callbackId, type] of tab.callbackMap.entries()) {\n if (type === payload.type) {\n tab.callbackMap.delete(callbackId);\n }\n }\n console.log(`[SharedWorker] 标签页 ${tabId} 取消注册所有 ${payload.type} 类型回调`);\n }\n }\n sendToTab(port, type, payload) {\n const message = {\n type,\n payload,\n timestamp: Date.now(),\n };\n try {\n port.postMessage(message);\n }\n catch (error) {\n console.error('[SharedWorker] 发送消息到标签页失败', error);\n }\n }\n broadcastToAllTabs(type, payload) {\n for (const tab of this.tabs.values()) {\n this.sendToTab(tab.port, type, payload);\n }\n }\n forceReset(reason) {\n console.warn('[SharedWorker] 🔄 收到强制重置指令,正在重置 Worker 状态', { reason });\n this.disconnect();\n this.lastMessageByType.clear();\n this.currentUrl = null;\n this.currentBaseUrl = null;\n this.currentUserId = null;\n this.currentToken = null;\n this.broadcastToAllTabs(WorkerToTabMessageType.WORKER_DISCONNECTED, {});\n console.log('[SharedWorker] ✅ Worker 状态已重置,等待新的连接参数');\n }\n forceShutdown(reason) {\n console.warn('[SharedWorker] ⚠️ 收到强制关闭指令,正在关闭 Worker', { reason });\n this.disconnect();\n this.lastMessageByType.clear();\n this.currentUrl = null;\n this.currentBaseUrl = null;\n this.currentUserId = null;\n this.currentToken = null;\n for (const tab of this.tabs.values()) {\n try {\n tab.port.postMessage({\n type: WorkerToTabMessageType.WORKER_DISCONNECTED,\n payload: {},\n timestamp: Date.now(),\n });\n }\n catch {\n }\n try {\n tab.port.close();\n }\n catch {\n }\n }\n this.tabs.clear();\n this.stopTabCleanup();\n const workerClose = globalThis.close;\n if (typeof workerClose === 'function') {\n console.warn('[SharedWorker] 🛑 正在终止 SharedWorker 进程');\n try {\n workerClose();\n }\n catch (error) {\n console.warn('[SharedWorker] 终止 SharedWorker 失败', error);\n }\n }\n }\n handleNetworkOnline() {\n console.log('[SharedWorker] 🌐 收到网络恢复通知');\n if (this.socket && this.socket.readyState === WebSocket.OPEN) {\n console.log('[SharedWorker] 已有活跃连接,无需重连');\n return;\n }\n this.reconnectAttempts = 0;\n this.clearReconnectTimer();\n this.reconnectSuppressedUntil = 0;\n if (this.currentUrl && this.hasVisibleTab()) {\n console.log('[SharedWorker] 网络恢复,立即尝试重连');\n this.connect();\n }\n else {\n console.log('[SharedWorker] 网络恢复,但无可见标签页或无 URL,等待条件满足');\n }\n }\n}\nconst wsManager = new WebSocketManager();\nglobalThis.onconnect = (event) => {\n const port = event.ports[0];\n port.onmessage = (e) => {\n const message = e.data;\n console.log(`[SharedWorker] 📬 收到标签页消息, type: ${message.type}, tabId: ${message.tabId}`);\n const tab = wsManager.tabs?.get?.(message.tabId);\n if (tab)\n tab.lastSeen = Date.now();\n switch (message.type) {\n case 'TAB_INIT':\n wsManager.addTab(port, message);\n break;\n case 'TAB_SEND':\n wsManager.send(message.payload.data);\n break;\n case 'TAB_VISIBILITY':\n wsManager.updateTabVisibility(message.tabId, message.payload.isVisible);\n break;\n case 'TAB_REGISTER_CALLBACK':\n console.log(`[SharedWorker] 🔔 处理注册回调请求:`, message.payload);\n wsManager.registerCallback(message.tabId, message.payload);\n break;\n case 'TAB_UNREGISTER_CALLBACK':\n wsManager.unregisterCallback(message.tabId, message.payload);\n break;\n case 'TAB_DISCONNECT':\n wsManager.removeTab(message.tabId);\n break;\n case 'TAB_PING':\n port.postMessage({\n type: 'WORKER_PONG',\n timestamp: Date.now(),\n });\n break;\n case 'TAB_FORCE_RESET':\n wsManager.forceReset(message.payload?.reason);\n break;\n case 'TAB_FORCE_SHUTDOWN':\n wsManager.forceShutdown(message.payload?.reason);\n break;\n case 'TAB_NETWORK_ONLINE':\n wsManager.handleNetworkOnline();\n break;\n default:\n console.warn('[SharedWorker] 未知消息类型', message.type);\n }\n };\n port.start();\n};\n";return this.logger.debug("[SharedWorkerManager] Worker 脚本长度: 21587 字符"),e}}t.WORKER_NAME="dj-common-websocket-worker";export{t as SharedWorkerManager};
2
+ //# sourceMappingURL=SharedWorkerManager.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SharedWorkerManager.esm.js","sources":["../src/logger.ts","../src/SharedWorkerManager.ts"],"sourcesContent":["export type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'silent'\n\nexport const LOG_LEVEL_PRIORITY: Record<LogLevel, number> = {\n debug: 10,\n info: 20,\n warn: 30,\n error: 40,\n silent: 50,\n}\n\nexport class Logger {\n private level: LogLevel\n\n constructor(\n private readonly name: string,\n level: LogLevel = 'warn'\n ) {\n this.level = level\n }\n\n setLevel(level: LogLevel): void {\n this.level = level\n }\n\n getLevel(): LogLevel {\n return this.level\n }\n\n debug(...values: unknown[]): void {\n this.logAtLevel('debug', console.debug, values)\n }\n\n info(...values: unknown[]): void {\n this.logAtLevel('info', console.info, values)\n }\n\n warn(...values: unknown[]): void {\n this.logAtLevel('warn', console.warn, values)\n }\n\n error(...values: unknown[]): void {\n this.logAtLevel('error', console.error, values)\n }\n\n private shouldLog(level: LogLevel): boolean {\n if (level === 'silent') {\n return false\n }\n return LOG_LEVEL_PRIORITY[level] >= LOG_LEVEL_PRIORITY[this.level]\n }\n\n private logAtLevel(level: LogLevel, writer: (...args: unknown[]) => void, values: unknown[]): void {\n if (!this.shouldLog(level)) {\n return\n }\n writer(`[${this.name}]`, ...values)\n }\n}\n","/**\n * SharedWorker 管理器(标签页端)\n * 负责在标签页中创建和管理 SharedWorker 连接\n */\n\nimport { Logger, LogLevel } from './logger'\nimport type { MessageCallback, MessageCallbackEntry } from './WebSocketClient'\nimport type {\n TabToWorkerMessage,\n WorkerToTabMessage,\n TabToWorkerMessageType,\n WorkerToTabMessageType,\n InitPayload,\n SendPayload,\n VisibilityPayload,\n RegisterCallbackPayload,\n UnregisterCallbackPayload,\n ServerMessagePayload,\n ErrorPayload,\n AuthConflictPayload,\n} from './types'\n\n/**\n * SharedWorker 管理器配置\n */\nexport interface SharedWorkerManagerConfig extends InitPayload {\n /** 日志级别 */\n logLevel?: LogLevel\n /** 启动时强制新建 SharedWorker(会生成新的 worker 会话名,并尝试关闭旧 worker) */\n forceNewWorkerOnStart?: boolean\n}\n\n/**\n * 回调条目(带 ID)\n */\ninterface CallbackEntryWithId<T = unknown> extends MessageCallbackEntry<T> {\n /** 回调ID */\n id: string\n}\n\n/**\n * SharedWorker 管理器类\n */\nexport class SharedWorkerManager {\n private static readonly WORKER_NAME = 'dj-common-websocket-worker'\n\n /** SharedWorker 实例 */\n private worker: SharedWorker | null = null\n\n /** MessagePort 实例 */\n private port: MessagePort | null = null\n\n /** 标签页ID */\n private readonly tabId: string\n\n /** 回调列表 */\n private callbacks: Map<string, CallbackEntryWithId> = new Map()\n\n /** 回调ID计数器 */\n private callbackIdCounter = 0\n\n /** 是否已连接 */\n private connected = false\n\n /** 是否已初始化可见性监听 */\n private visibilityListenerInitialized = false\n\n /** 配置 */\n private config: SharedWorkerManagerConfig\n\n /** 日志器 */\n private readonly logger: Logger\n\n /** 连接回调 */\n private onConnectedCallback: (() => void) | null = null\n\n /** 断开回调 */\n private onDisconnectedCallback: (() => void) | null = null\n\n /** 错误回调 */\n private onErrorCallback: ((error: ErrorPayload) => void) | null = null\n\n /** 身份冲突回调 */\n private onAuthConflictCallback: ((conflict: AuthConflictPayload) => void) | null = null\n\n /** 标签页心跳定时器(用于让 Worker 能识别已关闭标签页) */\n private pingTimer: ReturnType<typeof globalThis.setInterval> | null = null\n\n /** 是否已初始化卸载监听 */\n private unloadListenerInitialized = false\n\n /** 是否已初始化网络状态监听 */\n private networkListenerInitialized = false\n\n /**\n * 构造函数\n */\n constructor(config: SharedWorkerManagerConfig) {\n this.config = config\n this.tabId = this.generateTabId()\n this.logger = new Logger('SharedWorkerManager', config.logLevel ?? 'warn')\n }\n\n /**\n * 生成标签页ID\n */\n private generateTabId(): string {\n return `tab_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`\n }\n\n /**\n * 发送重置命令到现有 Worker(断开 WebSocket 并清理状态,但不终止 Worker)\n */\n private async sendResetToExistingWorker(workerScriptUrl: string): Promise<void> {\n try {\n // 连接到现有的 SharedWorker\n const existing = new SharedWorker(workerScriptUrl, { name: SharedWorkerManager.WORKER_NAME })\n const port = existing.port\n port.start()\n port.postMessage({\n type: 'TAB_FORCE_RESET' as TabToWorkerMessageType,\n payload: { reason: 'force_new_start' },\n tabId: this.tabId,\n timestamp: Date.now(),\n } satisfies TabToWorkerMessage)\n // 等待消息发送完成后再关闭 port\n await new Promise((resolve) => setTimeout(resolve, 100))\n port.close()\n this.logger.debug('[SharedWorkerManager] 已发送重置命令到现有 Worker')\n } catch (error) {\n this.logger.warn('[SharedWorkerManager] 发送重置命令失败(可忽略)', error)\n }\n }\n\n /**\n * 启动 SharedWorker 连接\n */\n async start(): Promise<boolean> {\n try {\n this.logger.debug('[SharedWorkerManager] 开始启动 SharedWorker')\n\n // 创建 Worker 脚本 URL(必须跨标签页一致,否则 SharedWorker 无法复用)\n // 注意:Blob URL 每次都会不同,因此不能用于 SharedWorker 复用。\n const workerScriptUrl = this.getWorkerScriptDataUrl()\n this.logger.debug(`[SharedWorkerManager] Worker Script URL 创建成功: ${workerScriptUrl.slice(0, 60)}...`)\n\n // 若要求强制重置,则先发送重置命令让 Worker 断开 WebSocket 并清理状态\n if (this.config.forceNewWorkerOnStart) {\n this.logger.debug('[SharedWorkerManager] forceNewWorkerOnStart=true,发送重置命令')\n await this.sendResetToExistingWorker(workerScriptUrl)\n }\n\n // 创建 SharedWorker(使用固定的 name,所有标签页共享同一个 Worker)\n this.logger.debug('[SharedWorkerManager] 正在创建 SharedWorker 实例...')\n this.worker = new SharedWorker(workerScriptUrl, {\n name: SharedWorkerManager.WORKER_NAME,\n // 注意:不使用 type: 'module',因为 Blob URL 作为 module 有 CORS 限制\n })\n this.logger.debug('[SharedWorkerManager] ✅ SharedWorker 实例创建成功')\n\n this.port = this.worker.port\n this.port.onmessage = this.handleWorkerMessage.bind(this)\n // MessagePort 没有 onerror,错误会在 worker 中抛出\n this.port.start()\n this.logger.debug('[SharedWorkerManager] ✅ MessagePort 已启动')\n\n // 设置页面可见性监听\n this.setupVisibilityListener()\n\n // 设置页面卸载监听(页面关闭/刷新时通知 Worker 及时移除 tab)\n this.setupUnloadListener()\n\n // 设置网络状态监听(网络恢复时通知 Worker 重连)\n this.setupNetworkListener()\n\n // 发送初始化消息(只发送可序列化的配置项)\n const serializableConfig = {\n heartbeatInterval: this.config.config.heartbeatInterval,\n maxReconnectAttempts: this.config.config.maxReconnectAttempts,\n reconnectDelay: this.config.config.reconnectDelay,\n reconnectDelayMax: this.config.config.reconnectDelayMax,\n autoReconnect: this.config.config.autoReconnect,\n logLevel: this.config.config.logLevel,\n }\n\n this.sendToWorker(\n 'TAB_INIT' as TabToWorkerMessageType,\n {\n url: this.config.url,\n userId: this.config.userId,\n token: this.config.token,\n isVisible: !document.hidden,\n config: serializableConfig,\n sharedWorkerIdleTimeout: this.config.sharedWorkerIdleTimeout,\n } as InitPayload\n )\n\n // 启动与 Worker 的轻量心跳(用于 Worker 回收已关闭标签页)\n this.startPing()\n\n this.logger.info('[SharedWorkerManager] SharedWorker 已启动')\n return true\n } catch (error) {\n this.logger.error('[SharedWorkerManager] 启动 SharedWorker 失败', error)\n return false\n }\n }\n\n /**\n * 停止 SharedWorker 连接(只断开当前标签页,不影响其他标签页)\n */\n stop(): void {\n this.logger.debug('[SharedWorkerManager] 停止当前标签页的 SharedWorker 连接')\n\n // 保存 port 引用,用于延迟关闭\n const portToClose = this.port\n\n // 发送断开消息,告知 Worker 移除当前标签页\n if (this.port) {\n this.sendToWorker('TAB_DISCONNECT' as TabToWorkerMessageType, {})\n }\n\n // 停止心跳\n this.stopPing()\n\n // 移除可见性监听\n this.removeVisibilityListener()\n\n // 移除卸载监听\n this.removeUnloadListener()\n\n // 移除网络状态监听\n this.removeNetworkListener()\n\n // 清理引用(但延迟关闭 port,确保消息发送完成)\n this.port = null\n this.worker = null\n this.connected = false\n this.callbacks.clear()\n\n // 延迟关闭 port,确保 postMessage 消息被发送出去\n if (portToClose) {\n setTimeout(() => {\n try {\n portToClose.close()\n } catch {\n // 忽略关闭错误\n }\n }, 100)\n }\n }\n\n /**\n * 强制关闭 Worker(会影响所有标签页,用于退出登录)\n */\n forceShutdown(): void {\n this.logger.debug('[SharedWorkerManager] 强制关闭 Worker(退出登录)')\n\n // 保存 port 引用,用于延迟关闭\n const portToClose = this.port\n\n // 发送强制关闭命令\n if (this.port) {\n this.sendToWorker('TAB_FORCE_SHUTDOWN' as TabToWorkerMessageType, {\n reason: 'logout',\n })\n }\n\n // 停止心跳\n this.stopPing()\n\n // 移除可见性监听\n this.removeVisibilityListener()\n\n // 移除卸载监听\n this.removeUnloadListener()\n\n // 移除网络状态监听\n this.removeNetworkListener()\n\n // 清理引用\n this.port = null\n this.worker = null\n this.connected = false\n this.callbacks.clear()\n\n // 延迟关闭 port\n if (portToClose) {\n setTimeout(() => {\n try {\n portToClose.close()\n } catch {\n // 忽略关闭错误\n }\n }, 100)\n }\n }\n\n /**\n * 发送消息到服务器\n */\n send(data: string | object): void {\n if (!this.port) {\n this.logger.warn('[SharedWorkerManager] MessagePort 未初始化,无法发送消息')\n return\n }\n\n const payload: SendPayload = { data }\n this.sendToWorker('TAB_SEND' as TabToWorkerMessageType, payload)\n }\n\n /**\n * 注册消息回调\n */\n registerCallback<T = unknown>(entry: MessageCallbackEntry<T>): string {\n const callbackId = `callback_${this.callbackIdCounter++}`\n const entryWithId: CallbackEntryWithId<T> = {\n ...entry,\n id: callbackId,\n }\n\n this.callbacks.set(callbackId, entryWithId as CallbackEntryWithId)\n\n // 通知 Worker\n if (this.port) {\n const payload: RegisterCallbackPayload = {\n type: entry.type,\n callbackId,\n }\n this.sendToWorker('TAB_REGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n this.logger.debug(`[SharedWorkerManager] ✅ 已发送注册消息到 Worker: ${entry.type} (${callbackId})`)\n } else {\n this.logger.warn(`[SharedWorkerManager] ⚠️ port 未初始化,无法发送注册消息: ${entry.type}`)\n }\n\n this.logger.debug(\n `[SharedWorkerManager] 注册回调: ${entry.type} (${callbackId}), 当前回调总数: ${this.callbacks.size}`\n )\n return callbackId\n }\n\n /**\n * 取消注册消息回调\n */\n unregisterCallback(type: string, callback?: MessageCallback): void {\n if (callback) {\n // 移除特定回调\n let callbackId: string | null = null\n\n for (const [id, entry] of this.callbacks.entries()) {\n if (entry.type === type && entry.callback === callback) {\n callbackId = id\n this.callbacks.delete(id)\n break\n }\n }\n\n if (callbackId && this.port) {\n const payload: UnregisterCallbackPayload = {\n type,\n callbackId,\n }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n\n this.logger.debug(`[SharedWorkerManager] 取消注册回调: ${type} (${callbackId})`)\n } else {\n // 移除该类型的所有回调\n const callbackIds: string[] = []\n\n for (const [id, entry] of this.callbacks.entries()) {\n if (entry.type === type) {\n callbackIds.push(id)\n this.callbacks.delete(id)\n }\n }\n\n if (this.port) {\n const payload: UnregisterCallbackPayload = { type }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n\n this.logger.debug(`[SharedWorkerManager] 取消注册所有 ${type} 类型回调 (${callbackIds.length} 个)`)\n }\n }\n\n /**\n * 清空所有回调\n */\n clearCallbacks(): void {\n for (const entry of this.callbacks.values()) {\n if (this.port) {\n const payload: UnregisterCallbackPayload = {\n type: entry.type,\n callbackId: entry.id,\n }\n this.sendToWorker('TAB_UNREGISTER_CALLBACK' as TabToWorkerMessageType, payload)\n }\n }\n\n this.callbacks.clear()\n this.logger.debug('[SharedWorkerManager] 已清空所有回调')\n }\n\n /**\n * 是否已连接\n */\n isConnected(): boolean {\n return this.connected\n }\n\n /**\n * 设置连接回调\n */\n onConnected(callback: () => void): void {\n this.onConnectedCallback = callback\n }\n\n /**\n * 设置断开回调\n */\n onDisconnected(callback: () => void): void {\n this.onDisconnectedCallback = callback\n }\n\n /**\n * 设置错误回调\n */\n onError(callback: (error: ErrorPayload) => void): void {\n this.onErrorCallback = callback\n }\n\n /**\n * 设置身份冲突回调\n */\n onAuthConflict(callback: (conflict: AuthConflictPayload) => void): void {\n this.onAuthConflictCallback = callback\n }\n\n /**\n * 处理来自 Worker 的消息\n */\n private handleWorkerMessage(event: MessageEvent): void {\n const message = event.data as WorkerToTabMessage\n\n this.logger.debug(`[SharedWorkerManager] 📬 收到 Worker 消息, type: ${message.type}`)\n\n switch (message.type) {\n case 'WORKER_CONNECTED' as WorkerToTabMessageType:\n this.connected = true\n this.logger.info('[SharedWorkerManager] ✅ WebSocket 已连接')\n this.onConnectedCallback?.()\n break\n\n case 'WORKER_DISCONNECTED' as WorkerToTabMessageType:\n this.connected = false\n this.logger.info('[SharedWorkerManager] WebSocket 已断开')\n this.onDisconnectedCallback?.()\n break\n\n case 'WORKER_MESSAGE' as WorkerToTabMessageType:\n // 始终打印每一条来自 Worker 的服务器消息,便于排查“回调未注册/未匹配”导致页面无回显的问题\n try {\n const payload = message.payload as ServerMessagePayload\n // 用 console.log 确保即使 logLevel 较高也能看到\n\n console.log('[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发):', payload?.message)\n this.logger.info('[SharedWorkerManager] 📨 收到服务器消息(经 Worker 转发)', payload?.message)\n this.logger.debug('[SharedWorkerManager] 🧾 原始消息 data:', payload?.data)\n } catch (error) {\n this.logger.warn('[SharedWorkerManager] 打印服务器消息失败', error)\n }\n\n this.handleServerMessage(message.payload as ServerMessagePayload)\n break\n\n case 'WORKER_ERROR' as WorkerToTabMessageType:\n this.logger.error('[SharedWorkerManager] Worker 错误', message.payload)\n this.onErrorCallback?.(message.payload as ErrorPayload)\n break\n\n case 'WORKER_AUTH_CONFLICT' as WorkerToTabMessageType:\n this.logger.warn('[SharedWorkerManager] 身份冲突', message.payload)\n this.onAuthConflictCallback?.(message.payload as AuthConflictPayload)\n break\n\n case 'WORKER_PONG' as WorkerToTabMessageType:\n this.logger.debug('[SharedWorkerManager] 收到 PONG')\n break\n\n default:\n this.logger.warn('[SharedWorkerManager] 未知消息类型', message.type)\n }\n }\n\n /**\n * 处理服务器消息\n */\n private handleServerMessage(payload: ServerMessagePayload): void {\n const { message } = payload\n\n this.logger.debug(`[SharedWorkerManager] 📨 收到服务器消息, type: ${message.type}`)\n this.logger.debug(\n `[SharedWorkerManager] 当前注册的回调类型:`,\n Array.from(this.callbacks.values()).map((e) => e.type)\n )\n\n // 触发匹配的回调\n let matchedCount = 0\n for (const entry of this.callbacks.values()) {\n if (entry.type === message.type) {\n matchedCount++\n this.logger.debug(`[SharedWorkerManager] ✅ 匹配到回调 ${entry.type} (${entry.id}),准备执行`)\n try {\n entry.callback(message.data, message)\n this.logger.debug(`[SharedWorkerManager] ✅ 回调执行成功 ${entry.type} (${entry.id})`)\n } catch (error) {\n this.logger.error('[SharedWorkerManager] ❌ 回调执行失败', error)\n }\n }\n }\n\n if (matchedCount === 0) {\n this.logger.warn(`[SharedWorkerManager] ⚠️ 没有匹配的回调: ${message.type}`)\n }\n }\n\n /**\n * 发送消息到 Worker\n */\n private sendToWorker(type: TabToWorkerMessageType, payload: unknown): void {\n if (!this.port) {\n this.logger.warn('[SharedWorkerManager] MessagePort 未初始化,无法发送消息')\n return\n }\n\n const message: TabToWorkerMessage = {\n type,\n payload,\n tabId: this.tabId,\n timestamp: Date.now(),\n }\n\n try {\n this.port.postMessage(message)\n } catch (error) {\n this.logger.error('[SharedWorkerManager] 发送消息到 Worker 失败', error)\n }\n }\n\n /**\n * 设置页面可见性监听\n */\n private setupVisibilityListener(): void {\n if (typeof document === 'undefined' || this.visibilityListenerInitialized) {\n return\n }\n\n document.addEventListener('visibilitychange', this.handleVisibilityChange)\n this.visibilityListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置页面可见性监听')\n }\n\n /**\n * 移除页面可见性监听\n */\n private removeVisibilityListener(): void {\n if (typeof document === 'undefined' || !this.visibilityListenerInitialized) {\n return\n }\n\n document.removeEventListener('visibilitychange', this.handleVisibilityChange)\n this.visibilityListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除页面可见性监听')\n }\n\n /**\n * 处理页面可见性变化\n */\n private handleVisibilityChange = (): void => {\n const isVisible = !document.hidden\n this.logger.debug(`[SharedWorkerManager] 页面可见性变化: ${isVisible}`)\n\n if (this.port) {\n const payload: VisibilityPayload = { isVisible }\n this.sendToWorker('TAB_VISIBILITY' as TabToWorkerMessageType, payload)\n }\n }\n\n /**\n * 启动与 Worker 的轻量心跳\n * 目的:当标签页被强制关闭/崩溃时,Worker 可通过超时回收该 tab\n */\n private startPing(): void {\n this.stopPing()\n if (typeof window === 'undefined' || !this.port) return\n\n // 10s 一次足够,开销很小\n this.pingTimer = globalThis.setInterval(() => {\n if (!this.port) return\n this.sendToWorker('TAB_PING' as TabToWorkerMessageType, {})\n }, 10000)\n }\n\n private stopPing(): void {\n if (this.pingTimer !== null) {\n clearInterval(this.pingTimer)\n this.pingTimer = null\n }\n }\n\n /**\n * 设置页面卸载监听(pagehide/beforeunload)\n */\n private setupUnloadListener(): void {\n if (typeof window === 'undefined' || this.unloadListenerInitialized) return\n\n window.addEventListener('pagehide', this.handlePageHide, { capture: true })\n window.addEventListener('beforeunload', this.handlePageHide, { capture: true })\n this.unloadListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置页面卸载监听')\n }\n\n private removeUnloadListener(): void {\n if (typeof window === 'undefined' || !this.unloadListenerInitialized) return\n window.removeEventListener('pagehide', this.handlePageHide, { capture: true } as unknown as boolean)\n window.removeEventListener('beforeunload', this.handlePageHide, { capture: true } as unknown as boolean)\n this.unloadListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除页面卸载监听')\n }\n\n private handlePageHide = (): void => {\n // 尽量在页面销毁前通知 Worker 移除 tab\n if (this.port) {\n this.sendToWorker('TAB_DISCONNECT' as TabToWorkerMessageType, {})\n }\n }\n\n // ========== 网络状态监听 ==========\n\n /**\n * 设置网络状态监听\n */\n private setupNetworkListener(): void {\n if (typeof window === 'undefined' || this.networkListenerInitialized) return\n\n window.addEventListener('online', this.handleOnline)\n window.addEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = true\n this.logger.debug('[SharedWorkerManager] 已设置网络状态监听')\n }\n\n /**\n * 移除网络状态监听\n */\n private removeNetworkListener(): void {\n if (typeof window === 'undefined' || !this.networkListenerInitialized) return\n\n window.removeEventListener('online', this.handleOnline)\n window.removeEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = false\n this.logger.debug('[SharedWorkerManager] 已移除网络状态监听')\n }\n\n /**\n * 网络恢复时的处理函数\n */\n private handleOnline = (): void => {\n this.logger.info('[SharedWorkerManager] 网络已恢复,通知 Worker 重连')\n\n // 通知 Worker 网络已恢复,应该重试连接\n if (this.port) {\n this.sendToWorker('TAB_NETWORK_ONLINE' as TabToWorkerMessageType, {})\n }\n }\n\n /**\n * 网络断开时的处理函数\n */\n private handleOffline = (): void => {\n this.logger.info('[SharedWorkerManager] 网络已断开')\n // Worker 会自动处理连接断开,这里只记录日志\n }\n\n /**\n * 获取 Worker 脚本 Data URL\n * 说明:SharedWorker 的复用依据是「脚本 URL + name」,所以必须让不同标签页拿到完全一致的脚本 URL。\n */\n private getWorkerScriptDataUrl(): string {\n const workerCode = this.getWorkerScriptContent()\n this.logger.debug(`[SharedWorkerManager] 正在创建 Worker Data URL, 代码长度: ${workerCode.length}`)\n\n // 兼容中文日志:必须做 UTF-8 base64\n const base64 = this.toBase64Utf8(workerCode)\n return `data:application/javascript;charset=utf-8;base64,${base64}`\n }\n\n /**\n * UTF-8 Base64 编码(避免 btoa 处理非 latin1 时报错)\n */\n private toBase64Utf8(input: string): string {\n try {\n if (typeof TextEncoder !== 'undefined') {\n const bytes = new TextEncoder().encode(input)\n let binary = ''\n for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i])\n // eslint-disable-next-line no-undef\n return btoa(binary)\n }\n // 兜底:老浏览器\n // eslint-disable-next-line no-undef\n return btoa(unescape(encodeURIComponent(input)))\n } catch (error) {\n this.logger.error('[SharedWorkerManager] ❌ Worker 脚本 base64 编码失败', error)\n throw error\n }\n }\n\n /**\n * 获取 Worker 脚本内容\n * 这里使用占位符,在构建时会被替换为实际的 Worker 代码\n */\n private getWorkerScriptContent(): string {\n // 占位符,构建时会被替换\n const content: string = '__WORKER_SCRIPT_CONTENT__'\n\n // 调试:检查内容是否被替换\n if (content === '__WORKER_SCRIPT_CONTENT__') {\n this.logger.error('[SharedWorkerManager] ❌ Worker 代码未被内联!构建配置有问题')\n throw new Error('Worker script not inlined during build')\n }\n\n this.logger.debug(`[SharedWorkerManager] Worker 脚本长度: ${content.length} 字符`)\n return content\n }\n}\n"],"names":["LOG_LEVEL_PRIORITY","debug","info","warn","error","silent","Logger","constructor","name","level","this","setLevel","getLevel","values","logAtLevel","console","shouldLog","writer","SharedWorkerManager","config","worker","port","callbacks","Map","callbackIdCounter","connected","visibilityListenerInitialized","onConnectedCallback","onDisconnectedCallback","onErrorCallback","onAuthConflictCallback","pingTimer","unloadListenerInitialized","networkListenerInitialized","handleVisibilityChange","isVisible","document","hidden","logger","payload","sendToWorker","handlePageHide","handleOnline","handleOffline","tabId","generateTabId","logLevel","Date","now","Math","random","toString","substring","sendResetToExistingWorker","workerScriptUrl","SharedWorker","WORKER_NAME","start","postMessage","type","reason","timestamp","Promise","resolve","setTimeout","close","getWorkerScriptDataUrl","slice","forceNewWorkerOnStart","onmessage","handleWorkerMessage","bind","setupVisibilityListener","setupUnloadListener","setupNetworkListener","serializableConfig","heartbeatInterval","maxReconnectAttempts","reconnectDelay","reconnectDelayMax","autoReconnect","url","userId","token","sharedWorkerIdleTimeout","startPing","stop","portToClose","stopPing","removeVisibilityListener","removeUnloadListener","removeNetworkListener","clear","forceShutdown","send","data","registerCallback","entry","callbackId","entryWithId","id","set","size","unregisterCallback","callback","entries","delete","callbackIds","push","length","clearCallbacks","isConnected","onConnected","onDisconnected","onError","onAuthConflict","event","message","log","handleServerMessage","Array","from","map","e","matchedCount","addEventListener","removeEventListener","window","globalThis","setInterval","clearInterval","capture","workerCode","getWorkerScriptContent","toBase64Utf8","input","TextEncoder","bytes","encode","binary","i","String","fromCharCode","btoa","unescape","encodeURIComponent","content"],"mappings":"AAEO,MAAMA,EAA+C,CAC1DC,MAAO,GACPC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,OAAQ,UAGGC,EAGX,WAAAC,CACmBC,EACjBC,EAAkB,QADDC,KAAAF,KAAAA,EAGjBE,KAAKD,MAAQA,CACf,CAEA,QAAAE,CAASF,GACPC,KAAKD,MAAQA,CACf,CAEA,QAAAG,GACE,OAAOF,KAAKD,KACd,CAEA,KAAAR,IAASY,GACPH,KAAKI,WAAW,QAASC,QAAQd,MAAOY,EAC1C,CAEA,IAAAX,IAAQW,GACNH,KAAKI,WAAW,OAAQC,QAAQb,KAAMW,EACxC,CAEA,IAAAV,IAAQU,GACNH,KAAKI,WAAW,OAAQC,QAAQZ,KAAMU,EACxC,CAEA,KAAAT,IAASS,GACPH,KAAKI,WAAW,QAASC,QAAQX,MAAOS,EAC1C,CAEQ,SAAAG,CAAUP,GAChB,MAAc,WAAVA,GAGGT,EAAmBS,IAAUT,EAAmBU,KAAKD,MAC9D,CAEQ,UAAAK,CAAWL,EAAiBQ,EAAsCJ,GACnEH,KAAKM,UAAUP,IAGpBQ,EAAO,IAAIP,KAAKF,WAAYK,EAC9B,QCbWK,EAsDX,WAAAX,CAAYY,GAlDJT,KAAAU,OAA8B,KAG9BV,KAAAW,KAA2B,KAM3BX,KAAAY,UAA8C,IAAIC,IAGlDb,KAAAc,kBAAoB,EAGpBd,KAAAe,WAAY,EAGZf,KAAAgB,+BAAgC,EAShChB,KAAAiB,oBAA2C,KAG3CjB,KAAAkB,uBAA8C,KAG9ClB,KAAAmB,gBAA0D,KAG1DnB,KAAAoB,uBAA2E,KAG3EpB,KAAAqB,UAA8D,KAG9DrB,KAAAsB,2BAA4B,EAG5BtB,KAAAuB,4BAA6B,EAue7BvB,KAAAwB,uBAAyB,KAC/B,MAAMC,GAAaC,SAASC,OAG5B,GAFA3B,KAAK4B,OAAOrC,MAAM,kCAAkCkC,KAEhDzB,KAAKW,KAAM,CACb,MAAMkB,EAA6B,CAAEJ,aACrCzB,KAAK8B,aAAa,iBAA4CD,EAChE,GA6CM7B,KAAA+B,eAAiB,KAEnB/B,KAAKW,MACPX,KAAK8B,aAAa,iBAA4C,KAiC1D9B,KAAAgC,aAAe,KACrBhC,KAAK4B,OAAOpC,KAAK,4CAGbQ,KAAKW,MACPX,KAAK8B,aAAa,qBAAgD,KAO9D9B,KAAAiC,cAAgB,KACtBjC,KAAK4B,OAAOpC,KAAK,gCAtkBjBQ,KAAKS,OAASA,EACdT,KAAKkC,MAAQlC,KAAKmC,gBAClBnC,KAAK4B,OAAS,IAAIhC,EAAO,sBAAuBa,EAAO2B,UAAY,OACrE,CAKQ,aAAAD,GACN,MAAO,OAAOE,KAAKC,SAASC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,IACtE,CAKQ,+BAAMC,CAA0BC,GACtC,IAEE,MACMjC,EADW,IAAIkC,aAAaD,EAAiB,CAAE9C,KAAMU,EAAoBsC,cACzDnC,KACtBA,EAAKoC,QACLpC,EAAKqC,YAAY,CACfC,KAAM,kBACNpB,QAAS,CAAEqB,OAAQ,mBACnBhB,MAAOlC,KAAKkC,MACZiB,UAAWd,KAAKC,cAGZ,IAAIc,QAASC,GAAYC,WAAWD,EAAS,MACnD1C,EAAK4C,QACLvD,KAAK4B,OAAOrC,MAAM,0CACpB,CAAE,MAAOG,GACPM,KAAK4B,OAAOnC,KAAK,sCAAuCC,EAC1D,CACF,CAKA,WAAMqD,GACJ,IACE/C,KAAK4B,OAAOrC,MAAM,2CAIlB,MAAMqD,EAAkB5C,KAAKwD,yBAC7BxD,KAAK4B,OAAOrC,MAAM,iDAAiDqD,EAAgBa,MAAM,EAAG,UAGxFzD,KAAKS,OAAOiD,wBACd1D,KAAK4B,OAAOrC,MAAM,iEACZS,KAAK2C,0BAA0BC,IAIvC5C,KAAK4B,OAAOrC,MAAM,iDAClBS,KAAKU,OAAS,IAAImC,aAAaD,EAAiB,CAC9C9C,KAAMU,EAAoBsC,cAG5B9C,KAAK4B,OAAOrC,MAAM,+CAElBS,KAAKW,KAAOX,KAAKU,OAAOC,KACxBX,KAAKW,KAAKgD,UAAY3D,KAAK4D,oBAAoBC,KAAK7D,MAEpDA,KAAKW,KAAKoC,QACV/C,KAAK4B,OAAOrC,MAAM,2CAGlBS,KAAK8D,0BAGL9D,KAAK+D,sBAGL/D,KAAKgE,uBAGL,MAAMC,EAAqB,CACzBC,kBAAmBlE,KAAKS,OAAOA,OAAOyD,kBACtCC,qBAAsBnE,KAAKS,OAAOA,OAAO0D,qBACzCC,eAAgBpE,KAAKS,OAAOA,OAAO2D,eACnCC,kBAAmBrE,KAAKS,OAAOA,OAAO4D,kBACtCC,cAAetE,KAAKS,OAAOA,OAAO6D,cAClClC,SAAUpC,KAAKS,OAAOA,OAAO2B,UAmB/B,OAhBApC,KAAK8B,aACH,WACA,CACEyC,IAAKvE,KAAKS,OAAO8D,IACjBC,OAAQxE,KAAKS,OAAO+D,OACpBC,MAAOzE,KAAKS,OAAOgE,MACnBhD,WAAYC,SAASC,OACrBlB,OAAQwD,EACRS,wBAAyB1E,KAAKS,OAAOiE,0BAKzC1E,KAAK2E,YAEL3E,KAAK4B,OAAOpC,KAAK,2CACV,CACT,CAAE,MAAOE,GAEP,OADAM,KAAK4B,OAAOlC,MAAM,2CAA4CA,IACvD,CACT,CACF,CAKA,IAAAkF,GACE5E,KAAK4B,OAAOrC,MAAM,kDAGlB,MAAMsF,EAAc7E,KAAKW,KAGrBX,KAAKW,MACPX,KAAK8B,aAAa,iBAA4C,IAIhE9B,KAAK8E,WAGL9E,KAAK+E,2BAGL/E,KAAKgF,uBAGLhF,KAAKiF,wBAGLjF,KAAKW,KAAO,KACZX,KAAKU,OAAS,KACdV,KAAKe,WAAY,EACjBf,KAAKY,UAAUsE,QAGXL,GACFvB,WAAW,KACT,IACEuB,EAAYtB,OACd,CAAE,MAEF,GACC,IAEP,CAKA,aAAA4B,GACEnF,KAAK4B,OAAOrC,MAAM,2CAGlB,MAAMsF,EAAc7E,KAAKW,KAGrBX,KAAKW,MACPX,KAAK8B,aAAa,qBAAgD,CAChEoB,OAAQ,WAKZlD,KAAK8E,WAGL9E,KAAK+E,2BAGL/E,KAAKgF,uBAGLhF,KAAKiF,wBAGLjF,KAAKW,KAAO,KACZX,KAAKU,OAAS,KACdV,KAAKe,WAAY,EACjBf,KAAKY,UAAUsE,QAGXL,GACFvB,WAAW,KACT,IACEuB,EAAYtB,OACd,CAAE,MAEF,GACC,IAEP,CAKA,IAAA6B,CAAKC,GACH,IAAKrF,KAAKW,KAER,YADAX,KAAK4B,OAAOnC,KAAK,iDAInB,MAAMoC,EAAuB,CAAEwD,QAC/BrF,KAAK8B,aAAa,WAAsCD,EAC1D,CAKA,gBAAAyD,CAA8BC,GAC5B,MAAMC,EAAa,YAAYxF,KAAKc,oBAC9B2E,EAAsC,IACvCF,EACHG,GAAIF,GAMN,GAHAxF,KAAKY,UAAU+E,IAAIH,EAAYC,GAG3BzF,KAAKW,KAAM,CACb,MAAMkB,EAAmC,CACvCoB,KAAMsC,EAAMtC,KACZuC,cAEFxF,KAAK8B,aAAa,wBAAmDD,GACrE7B,KAAK4B,OAAOrC,MAAM,4CAA4CgG,EAAMtC,SAASuC,KAC/E,MACExF,KAAK4B,OAAOnC,KAAK,gDAAgD8F,EAAMtC,QAMzE,OAHAjD,KAAK4B,OAAOrC,MACV,+BAA+BgG,EAAMtC,SAASuC,eAAwBxF,KAAKY,UAAUgF,QAEhFJ,CACT,CAKA,kBAAAK,CAAmB5C,EAAc6C,GAC/B,GAAIA,EAAU,CAEZ,IAAIN,EAA4B,KAEhC,IAAK,MAAOE,EAAIH,KAAUvF,KAAKY,UAAUmF,UACvC,GAAIR,EAAMtC,OAASA,GAAQsC,EAAMO,WAAaA,EAAU,CACtDN,EAAaE,EACb1F,KAAKY,UAAUoF,OAAON,GACtB,KACF,CAGF,GAAIF,GAAcxF,KAAKW,KAAM,CAC3B,MAAMkB,EAAqC,CACzCoB,OACAuC,cAEFxF,KAAK8B,aAAa,0BAAqDD,EACzE,CAEA7B,KAAK4B,OAAOrC,MAAM,iCAAiC0D,MAASuC,KAC9D,KAAO,CAEL,MAAMS,EAAwB,GAE9B,IAAK,MAAOP,EAAIH,KAAUvF,KAAKY,UAAUmF,UACnCR,EAAMtC,OAASA,IACjBgD,EAAYC,KAAKR,GACjB1F,KAAKY,UAAUoF,OAAON,IAI1B,GAAI1F,KAAKW,KAAM,CACb,MAAMkB,EAAqC,CAAEoB,QAC7CjD,KAAK8B,aAAa,0BAAqDD,EACzE,CAEA7B,KAAK4B,OAAOrC,MAAM,gCAAgC0D,WAAcgD,EAAYE,YAC9E,CACF,CAKA,cAAAC,GACE,IAAK,MAAMb,KAASvF,KAAKY,UAAUT,SACjC,GAAIH,KAAKW,KAAM,CACb,MAAMkB,EAAqC,CACzCoB,KAAMsC,EAAMtC,KACZuC,WAAYD,EAAMG,IAEpB1F,KAAK8B,aAAa,0BAAqDD,EACzE,CAGF7B,KAAKY,UAAUsE,QACflF,KAAK4B,OAAOrC,MAAM,gCACpB,CAKA,WAAA8G,GACE,OAAOrG,KAAKe,SACd,CAKA,WAAAuF,CAAYR,GACV9F,KAAKiB,oBAAsB6E,CAC7B,CAKA,cAAAS,CAAeT,GACb9F,KAAKkB,uBAAyB4E,CAChC,CAKA,OAAAU,CAAQV,GACN9F,KAAKmB,gBAAkB2E,CACzB,CAKA,cAAAW,CAAeX,GACb9F,KAAKoB,uBAAyB0E,CAChC,CAKQ,mBAAAlC,CAAoB8C,GAC1B,MAAMC,EAAUD,EAAMrB,KAItB,OAFArF,KAAK4B,OAAOrC,MAAM,gDAAgDoH,EAAQ1D,QAElE0D,EAAQ1D,MACd,IAAK,mBACHjD,KAAKe,WAAY,EACjBf,KAAK4B,OAAOpC,KAAK,yCACjBQ,KAAKiB,wBACL,MAEF,IAAK,sBACHjB,KAAKe,WAAY,EACjBf,KAAK4B,OAAOpC,KAAK,uCACjBQ,KAAKkB,2BACL,MAEF,IAAK,iBAEH,IACE,MAAMW,EAAU8E,EAAQ9E,QAGxBxB,QAAQuG,IAAI,iDAAkD/E,GAAS8E,SACvE3G,KAAK4B,OAAOpC,KAAK,gDAAiDqC,GAAS8E,SAC3E3G,KAAK4B,OAAOrC,MAAM,sCAAuCsC,GAASwD,KACpE,CAAE,MAAO3F,GACPM,KAAK4B,OAAOnC,KAAK,kCAAmCC,EACtD,CAEAM,KAAK6G,oBAAoBF,EAAQ9E,SACjC,MAEF,IAAK,eACH7B,KAAK4B,OAAOlC,MAAM,kCAAmCiH,EAAQ9E,SAC7D7B,KAAKmB,kBAAkBwF,EAAQ9E,SAC/B,MAEF,IAAK,uBACH7B,KAAK4B,OAAOnC,KAAK,6BAA8BkH,EAAQ9E,SACvD7B,KAAKoB,yBAAyBuF,EAAQ9E,SACtC,MAEF,IAAK,cACH7B,KAAK4B,OAAOrC,MAAM,iCAClB,MAEF,QACES,KAAK4B,OAAOnC,KAAK,+BAAgCkH,EAAQ1D,MAE/D,CAKQ,mBAAA4D,CAAoBhF,GAC1B,MAAM8E,QAAEA,GAAY9E,EAEpB7B,KAAK4B,OAAOrC,MAAM,2CAA2CoH,EAAQ1D,QACrEjD,KAAK4B,OAAOrC,MACV,mCACAuH,MAAMC,KAAK/G,KAAKY,UAAUT,UAAU6G,IAAKC,GAAMA,EAAEhE,OAInD,IAAIiE,EAAe,EACnB,IAAK,MAAM3B,KAASvF,KAAKY,UAAUT,SACjC,GAAIoF,EAAMtC,OAAS0D,EAAQ1D,KAAM,CAC/BiE,IACAlH,KAAK4B,OAAOrC,MAAM,iCAAiCgG,EAAMtC,SAASsC,EAAMG,YACxE,IACEH,EAAMO,SAASa,EAAQtB,KAAMsB,GAC7B3G,KAAK4B,OAAOrC,MAAM,kCAAkCgG,EAAMtC,SAASsC,EAAMG,MAC3E,CAAE,MAAOhG,GACPM,KAAK4B,OAAOlC,MAAM,iCAAkCA,EACtD,CACF,CAGmB,IAAjBwH,GACFlH,KAAK4B,OAAOnC,KAAK,qCAAqCkH,EAAQ1D,OAElE,CAKQ,YAAAnB,CAAamB,EAA8BpB,GACjD,IAAK7B,KAAKW,KAER,YADAX,KAAK4B,OAAOnC,KAAK,iDAInB,MAAMkH,EAA8B,CAClC1D,OACApB,UACAK,MAAOlC,KAAKkC,MACZiB,UAAWd,KAAKC,OAGlB,IACEtC,KAAKW,KAAKqC,YAAY2D,EACxB,CAAE,MAAOjH,GACPM,KAAK4B,OAAOlC,MAAM,wCAAyCA,EAC7D,CACF,CAKQ,uBAAAoE,GACkB,oBAAbpC,UAA4B1B,KAAKgB,gCAI5CU,SAASyF,iBAAiB,mBAAoBnH,KAAKwB,wBACnDxB,KAAKgB,+BAAgC,EACrChB,KAAK4B,OAAOrC,MAAM,oCACpB,CAKQ,wBAAAwF,GACkB,oBAAbrD,UAA6B1B,KAAKgB,gCAI7CU,SAAS0F,oBAAoB,mBAAoBpH,KAAKwB,wBACtDxB,KAAKgB,+BAAgC,EACrChB,KAAK4B,OAAOrC,MAAM,oCACpB,CAmBQ,SAAAoF,GACN3E,KAAK8E,WACiB,oBAAXuC,QAA2BrH,KAAKW,OAG3CX,KAAKqB,UAAYiG,WAAWC,YAAY,KACjCvH,KAAKW,MACVX,KAAK8B,aAAa,WAAsC,KACvD,KACL,CAEQ,QAAAgD,GACiB,OAAnB9E,KAAKqB,YACPmG,cAAcxH,KAAKqB,WACnBrB,KAAKqB,UAAY,KAErB,CAKQ,mBAAA0C,GACgB,oBAAXsD,QAA0BrH,KAAKsB,4BAE1C+F,OAAOF,iBAAiB,WAAYnH,KAAK+B,eAAgB,CAAE0F,SAAS,IACpEJ,OAAOF,iBAAiB,eAAgBnH,KAAK+B,eAAgB,CAAE0F,SAAS,IACxEzH,KAAKsB,2BAA4B,EACjCtB,KAAK4B,OAAOrC,MAAM,mCACpB,CAEQ,oBAAAyF,GACgB,oBAAXqC,QAA2BrH,KAAKsB,4BAC3C+F,OAAOD,oBAAoB,WAAYpH,KAAK+B,eAAgB,CAAE0F,SAAS,IACvEJ,OAAOD,oBAAoB,eAAgBpH,KAAK+B,eAAgB,CAAE0F,SAAS,IAC3EzH,KAAKsB,2BAA4B,EACjCtB,KAAK4B,OAAOrC,MAAM,mCACpB,CAcQ,oBAAAyE,GACgB,oBAAXqD,QAA0BrH,KAAKuB,6BAE1C8F,OAAOF,iBAAiB,SAAUnH,KAAKgC,cACvCqF,OAAOF,iBAAiB,UAAWnH,KAAKiC,eACxCjC,KAAKuB,4BAA6B,EAClCvB,KAAK4B,OAAOrC,MAAM,mCACpB,CAKQ,qBAAA0F,GACgB,oBAAXoC,QAA2BrH,KAAKuB,6BAE3C8F,OAAOD,oBAAoB,SAAUpH,KAAKgC,cAC1CqF,OAAOD,oBAAoB,UAAWpH,KAAKiC,eAC3CjC,KAAKuB,4BAA6B,EAClCvB,KAAK4B,OAAOrC,MAAM,mCACpB,CA0BQ,sBAAAiE,GACN,MAAMkE,EAAa1H,KAAK2H,yBACxB3H,KAAK4B,OAAOrC,MAAM,qDAAqDmI,EAAWvB,UAIlF,MAAO,oDADQnG,KAAK4H,aAAaF,IAEnC,CAKQ,YAAAE,CAAaC,GACnB,IACE,GAA2B,oBAAhBC,YAA6B,CACtC,MAAMC,GAAQ,IAAID,aAAcE,OAAOH,GACvC,IAAII,EAAS,GACb,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAM5B,OAAQ+B,IAAKD,GAAUE,OAAOC,aAAaL,EAAMG,IAE3E,OAAOG,KAAKJ,EACd,CAGA,OAAOI,KAAKC,SAASC,mBAAmBV,IAC1C,CAAE,MAAOnI,GAEP,MADAM,KAAK4B,OAAOlC,MAAM,gDAAiDA,GAC7DA,CACR,CACF,CAMQ,sBAAAiI,GAEN,MAAMa,EAAkB,gorBASxB,OADAxI,KAAK4B,OAAOrC,MAAM,+CACXiJ,CACT,EAlrBwBhI,EAAAsC,YAAc"}
@@ -1,2 +1,2 @@
1
- "use strict";class t{constructor(e={}){this.socket=null,this.heartbeatTimer=null,this.reconnectTimer=null,this.callbackList=[],this.currentUrl=null,this.reconnectAttempts=0,this.manualClose=!1,this.config={...t.DEFAULT_CONFIG,...e}}updateConfig(t){this.config={...this.config,...t}}connect(t){const e=t||this.config.url;if(e){this.currentUrl=e,this.manualClose=!1;try{this.socket=new WebSocket(e),this.socket.onopen=()=>{console.log("[WebSocketClient] 连接成功"),this.reconnectAttempts=0,this.startHeartbeat(),this.onOpen()},this.socket.onmessage=t=>{this.handleIncoming(t.data)},this.socket.onclose=t=>{console.log("[WebSocketClient] 连接关闭",t.code,t.reason),this.stopHeartbeat(),this.onClose(t),!this.manualClose&&this.config.autoReconnect&&this.scheduleReconnect()},this.socket.onerror=t=>{console.error("[WebSocketClient] 连接错误",t),this.stopHeartbeat(),this.onError(t)}}catch(t){console.error("[WebSocketClient] 连接失败",t),this.config.autoReconnect&&!this.manualClose&&this.scheduleReconnect()}}else console.error("[WebSocketClient] 缺少 WebSocket URL")}scheduleReconnect(){if(this.reconnectAttempts>=this.config.maxReconnectAttempts||!this.currentUrl||this.manualClose)return void(this.reconnectAttempts>=this.config.maxReconnectAttempts&&console.warn("[WebSocketClient] 已达到最大重连次数"));this.reconnectAttempts+=1;const t=Math.min(this.config.reconnectDelay*this.reconnectAttempts,this.config.reconnectDelayMax);console.log(`[WebSocketClient] 将在 ${t}ms 后进行第 ${this.reconnectAttempts} 次重连`),this.reconnectTimer=window.setTimeout(()=>{this.connect(this.currentUrl)},t)}disconnect(){this.manualClose=!0,this.stopHeartbeat(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.socket&&(this.socket.close(),this.socket=null),this.currentUrl=null,this.reconnectAttempts=0}send(t){if(!this.socket||this.socket.readyState!==WebSocket.OPEN)return void console.warn("[WebSocketClient] WebSocket 未连接,无法发送消息");const e="string"==typeof t?t:JSON.stringify(t);this.socket.send(e)}handleIncoming(t){if(!t)return;let e;try{e=JSON.parse(t)}catch{return void console.warn("[WebSocketClient] 无法解析消息",t)}if(!e?.type)return;this.callbackList.filter(t=>t.type===e.type).forEach(({callback:t})=>{try{t(e.data,e)}catch(t){console.error("[WebSocketClient] 回调执行失败",t)}}),this.onMessage(e)}startHeartbeat(){this.stopHeartbeat(),this.socket&&this.socket.readyState===WebSocket.OPEN&&(this.heartbeatTimer=window.setInterval(()=>{if(!this.socket||this.socket.readyState!==WebSocket.OPEN)return;const t=this.config.heartbeatMessage();this.send(t)},this.config.heartbeatInterval))}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}on(t,e){const s="string"==typeof t?{type:t,callback:e}:t;s.type&&"function"==typeof s.callback?this.callbackList.push(s):console.warn("[WebSocketClient] 无效的回调配置",s)}off(t,e){this.callbackList=e?this.callbackList.filter(s=>!(s.type===t&&s.callback===e)):this.callbackList.filter(e=>e.type!==t)}clearCallbacks(){this.callbackList=[]}getReadyState(){return this.socket?.readyState??WebSocket.CLOSED}isConnected(){return this.socket?.readyState===WebSocket.OPEN}onOpen(){console.log("[WebSocketClient] 连接打开")}onClose(t){console.log("[WebSocketClient] 连接打开")}onError(t){console.log("[WebSocketClient] 连接错误",t)}onMessage(t){console.log("[WebSocketClient] 收到消息",t)}}t.DEFAULT_CONFIG={url:"",heartbeatInterval:25e3,maxReconnectAttempts:10,reconnectDelay:3e3,reconnectDelayMax:1e4,autoReconnect:!0,heartbeatMessage:()=>({type:"PING",timestamp:Date.now()})},exports.WebSocketClient=t;
1
+ "use strict";const e={debug:10,info:20,warn:30,error:40,silent:50};class t{constructor(e,t="warn"){this.name=e,this.level=t}setLevel(e){this.level=e}getLevel(){return this.level}debug(...e){this.logAtLevel("debug",console.debug,e)}info(...e){this.logAtLevel("info",console.info,e)}warn(...e){this.logAtLevel("warn",console.warn,e)}error(...e){this.logAtLevel("error",console.error,e)}shouldLog(t){return"silent"!==t&&e[t]>=e[this.level]}logAtLevel(e,t,i){this.shouldLog(e)&&t(`[${this.name}]`,...i)}}class i{constructor(e={}){this.socket=null,this.heartbeatTimer=null,this.reconnectTimer=null,this.callbackList=[],this.currentUrl=null,this.reconnectAttempts=0,this.manualClose=!1,this.networkListenerInitialized=!1,this.handleOnline=()=>{this.logger.info("[WebSocketClient] 网络已恢复"),this.manualClose||this.isConnected()||(this.reconnectAttempts=0,this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.currentUrl&&this.config.autoReconnect&&(this.logger.info("[WebSocketClient] 网络恢复,立即尝试重连"),this.connect(this.currentUrl)))},this.handleOffline=()=>{this.logger.info("[WebSocketClient] 网络已断开"),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null)},this.config={...i.DEFAULT_CONFIG,...e},this.logger=new t("WebSocketClient",this.config.logLevel)}updateConfig(e){this.config={...this.config,...e},this.logger.setLevel(this.config.logLevel??i.DEFAULT_CONFIG.logLevel)}connect(e){const t=e||this.config.url;if(t){this.currentUrl=t,this.manualClose=!1,this.initNetworkListener();try{this.socket=new WebSocket(t),this.socket.onopen=()=>{this.logger.info("[WebSocketClient] 连接成功"),this.reconnectAttempts=0,this.startHeartbeat(),this.onOpen()},this.socket.onmessage=e=>{this.handleIncoming(e.data)},this.socket.onclose=e=>{this.logger.info("[WebSocketClient] 连接关闭",e.code,e.reason),this.stopHeartbeat(),this.onClose(e),!this.manualClose&&this.config.autoReconnect&&this.scheduleReconnect()},this.socket.onerror=e=>{this.logger.error("[WebSocketClient] 连接错误",e),this.stopHeartbeat(),this.onError(e)}}catch(e){this.logger.error("[WebSocketClient] 连接失败",e),this.config.autoReconnect&&!this.manualClose&&this.scheduleReconnect()}}else this.logger.error("[WebSocketClient] 缺少 WebSocket URL")}scheduleReconnect(){if(this.reconnectAttempts>=this.config.maxReconnectAttempts||!this.currentUrl||this.manualClose)return void(this.reconnectAttempts>=this.config.maxReconnectAttempts&&this.logger.warn("[WebSocketClient] 已达到最大重连次数"));this.reconnectAttempts+=1;const e=Math.min(this.config.reconnectDelay*this.reconnectAttempts,this.config.reconnectDelayMax);this.logger.debug(`[WebSocketClient] 将在 ${e}ms 后进行第 ${this.reconnectAttempts} 次重连`),this.reconnectTimer=window.setTimeout(()=>{this.connect(this.currentUrl)},e)}disconnect(){this.manualClose=!0,this.stopHeartbeat(),this.removeNetworkListener(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.socket&&(this.socket.close(),this.socket=null),this.currentUrl=null,this.reconnectAttempts=0}send(e){if(!this.socket||this.socket.readyState!==WebSocket.OPEN)return void this.logger.warn("[WebSocketClient] WebSocket 未连接,无法发送消息");const t="string"==typeof e?e:JSON.stringify(e);this.socket.send(t)}handleIncoming(e){if(!e)return;let t;try{t=JSON.parse(e)}catch{return void this.logger.warn("[WebSocketClient] 无法解析消息",e)}if(!t?.type)return;this.callbackList.filter(e=>e.type===t.type).forEach(({callback:e})=>{try{e(t.data,t)}catch(e){this.logger.error("[WebSocketClient] 回调执行失败",e)}}),this.onMessage(t)}startHeartbeat(){this.stopHeartbeat(),this.socket&&this.socket.readyState===WebSocket.OPEN&&(this.heartbeatTimer=window.setInterval(()=>{if(!this.socket||this.socket.readyState!==WebSocket.OPEN)return;const e=this.config.heartbeatMessage();this.send(e)},this.config.heartbeatInterval))}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}on(e,t){const i="string"==typeof e?{type:e,callback:t}:e;i.type&&"function"==typeof i.callback?this.callbackList.push(i):this.logger.warn("[WebSocketClient] 无效的回调配置",i)}off(e,t){this.callbackList=t?this.callbackList.filter(i=>!(i.type===e&&i.callback===t)):this.callbackList.filter(t=>t.type!==e)}clearCallbacks(){this.callbackList=[]}getReadyState(){return this.socket?.readyState??WebSocket.CLOSED}isConnected(){return this.socket?.readyState===WebSocket.OPEN}onOpen(){this.logger.info("[WebSocketClient] 连接打开")}onClose(e){this.logger.info("[WebSocketClient] 连接打开")}onError(e){this.logger.error("[WebSocketClient] 连接错误",e)}onMessage(e){this.logger.debug("[WebSocketClient] 收到消息",e)}initNetworkListener(){"undefined"==typeof window||this.networkListenerInitialized||this.config.enableNetworkListener&&(window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline),this.networkListenerInitialized=!0,this.logger.debug("[WebSocketClient] 已初始化网络状态监听"))}removeNetworkListener(){"undefined"!=typeof window&&this.networkListenerInitialized&&(window.removeEventListener("online",this.handleOnline),window.removeEventListener("offline",this.handleOffline),this.networkListenerInitialized=!1,this.logger.debug("[WebSocketClient] 已移除网络状态监听"))}}i.DEFAULT_CONFIG={url:"",heartbeatInterval:25e3,maxReconnectAttempts:10,reconnectDelay:3e3,reconnectDelayMax:1e4,autoReconnect:!0,heartbeatMessage:()=>({type:"PING",timestamp:Date.now()}),logLevel:"warn",enableNetworkListener:!0},exports.WebSocketClient=i;
2
2
  //# sourceMappingURL=WebSocketClient.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"WebSocketClient.cjs.js","sources":["../src/WebSocketClient.ts"],"sourcesContent":["/**\n * WebSocket 配置选项\n */\nexport interface WebSocketConfig {\n /** WebSocket 服务器地址(可选,可以在 connect 时指定) */\n url?: string\n /** 心跳间隔(毫秒),默认 25000 */\n heartbeatInterval?: number\n /** 最大重连次数,默认 10 */\n maxReconnectAttempts?: number\n /** 重连延迟(毫秒),默认 3000 */\n reconnectDelay?: number\n /** 最大重连延迟(毫秒),默认 10000 */\n reconnectDelayMax?: number\n /** 心跳消息生成器 */\n heartbeatMessage?: () => string | object\n /** 是否自动重连,默认 true */\n autoReconnect?: boolean\n}\n\n/**\n * 消息数据结构\n */\nexport interface MessageData<T = unknown> {\n /** 消息类型 */\n type: string\n /** 消息数据 */\n data: T\n /** 元数据 */\n meta?: Record<string, unknown>\n /** 时间戳 */\n timestamp?: number\n}\n\n/**\n * 消息回调函数\n */\nexport type MessageCallback<T = unknown> = (data: T, message?: MessageData<T>) => void\n\n/**\n * 消息回调配置\n */\nexport interface MessageCallbackEntry<T = unknown> {\n /** 消息类型 */\n type: string\n /** 回调函数 */\n callback: MessageCallback<T>\n}\n\n/**\n * WebSocket 基础封装类\n * 提供连接管理、心跳、自动重连、消息回调等基础功能\n */\nexport class WebSocketClient {\n /** WebSocket 连接实例 */\n protected socket: WebSocket | null = null\n\n /** 心跳定时器 */\n protected heartbeatTimer: number | null = null\n\n /** 重连定时器 */\n protected reconnectTimer: number | null = null\n\n /** 消息回调列表 */\n protected callbackList: MessageCallbackEntry<unknown>[] = []\n\n /** 当前连接的 URL */\n protected currentUrl: string | null = null\n\n /** 配置选项 */\n protected config: Required<WebSocketConfig>\n\n /** 重连次数 */\n protected reconnectAttempts = 0\n\n /** 是否手动关闭 */\n protected manualClose = false\n\n /**\n * 默认配置\n */\n protected static readonly DEFAULT_CONFIG: Required<WebSocketConfig> = {\n url: '',\n heartbeatInterval: 25000,\n maxReconnectAttempts: 10,\n reconnectDelay: 3000,\n reconnectDelayMax: 10000,\n autoReconnect: true,\n heartbeatMessage: () => ({\n type: 'PING',\n timestamp: Date.now(),\n }),\n }\n\n /**\n * 构造函数\n * @param config 配置选项\n */\n constructor(config: WebSocketConfig = {}) {\n this.config = { ...WebSocketClient.DEFAULT_CONFIG, ...config }\n }\n\n /**\n * 更新配置\n * @param config 新的配置选项\n */\n public updateConfig(config: Partial<WebSocketConfig>): void {\n this.config = { ...this.config, ...config }\n }\n\n /**\n * 连接到 WebSocket 服务器\n * @param url WebSocket 地址(可选,如果不传则使用配置中的 url)\n */\n public connect(url?: string): void {\n const targetUrl = url || this.config.url\n if (!targetUrl) {\n console.error('[WebSocketClient] 缺少 WebSocket URL')\n return\n }\n\n this.currentUrl = targetUrl\n this.manualClose = false\n\n try {\n this.socket = new WebSocket(targetUrl)\n\n this.socket.onopen = () => {\n console.log('[WebSocketClient] 连接成功')\n this.reconnectAttempts = 0\n this.startHeartbeat()\n this.onOpen()\n }\n\n this.socket.onmessage = (event: MessageEvent) => {\n this.handleIncoming(event.data)\n }\n\n this.socket.onclose = (event: CloseEvent) => {\n console.log('[WebSocketClient] 连接关闭', event.code, event.reason)\n this.stopHeartbeat()\n this.onClose(event)\n\n if (!this.manualClose && this.config.autoReconnect) {\n this.scheduleReconnect()\n }\n }\n\n this.socket.onerror = (event: Event) => {\n console.error('[WebSocketClient] 连接错误', event)\n this.stopHeartbeat()\n this.onError(event)\n }\n } catch (error) {\n console.error('[WebSocketClient] 连接失败', error)\n if (this.config.autoReconnect && !this.manualClose) {\n this.scheduleReconnect()\n }\n }\n }\n\n /**\n * 计划重连\n */\n protected scheduleReconnect(): void {\n if (this.reconnectAttempts >= this.config.maxReconnectAttempts || !this.currentUrl || this.manualClose) {\n if (this.reconnectAttempts >= this.config.maxReconnectAttempts) {\n console.warn('[WebSocketClient] 已达到最大重连次数')\n }\n return\n }\n\n this.reconnectAttempts += 1\n const delay = Math.min(this.config.reconnectDelay * this.reconnectAttempts, this.config.reconnectDelayMax)\n\n console.log(`[WebSocketClient] 将在 ${delay}ms 后进行第 ${this.reconnectAttempts} 次重连`)\n\n this.reconnectTimer = window.setTimeout(() => {\n this.connect(this.currentUrl!)\n }, delay)\n }\n\n /**\n * 断开连接\n */\n public disconnect(): void {\n this.manualClose = true\n this.stopHeartbeat()\n\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer)\n this.reconnectTimer = null\n }\n\n if (this.socket) {\n this.socket.close()\n this.socket = null\n }\n\n this.currentUrl = null\n this.reconnectAttempts = 0\n }\n\n /**\n * 发送消息\n * @param data 消息数据\n */\n public send(data: string | object): void {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n console.warn('[WebSocketClient] WebSocket 未连接,无法发送消息')\n return\n }\n\n const message = typeof data === 'string' ? data : JSON.stringify(data)\n this.socket.send(message)\n }\n\n /**\n * 处理接收的消息\n * @param data 接收到的数据\n */\n protected handleIncoming(data: string): void {\n if (!data) return\n\n let message: MessageData\n try {\n message = JSON.parse(data)\n } catch {\n console.warn('[WebSocketClient] 无法解析消息', data)\n return\n }\n\n if (!message?.type) {\n return\n }\n\n // 触发匹配的回调\n const matched = this.callbackList.filter((entry) => entry.type === message.type)\n matched.forEach(({ callback }) => {\n try {\n callback(message.data, message)\n } catch (error) {\n console.error('[WebSocketClient] 回调执行失败', error)\n }\n })\n\n // 调用钩子\n this.onMessage(message)\n }\n\n /**\n * 启动心跳\n */\n protected startHeartbeat(): void {\n this.stopHeartbeat()\n\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n return\n }\n\n this.heartbeatTimer = window.setInterval(() => {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n return\n }\n\n const heartbeatData = this.config.heartbeatMessage()\n this.send(heartbeatData)\n }, this.config.heartbeatInterval)\n }\n\n /**\n * 停止心跳\n */\n protected stopHeartbeat(): void {\n if (this.heartbeatTimer) {\n clearInterval(this.heartbeatTimer)\n this.heartbeatTimer = null\n }\n }\n\n /**\n * 注册消息回调\n * @param entry 回调配置\n */\n public on<T = unknown>(type: string, callback: MessageCallback<T>): void\n public on<T = unknown>(entry: MessageCallbackEntry<T>): void\n public on<T = unknown>(typeOrEntry: string | MessageCallbackEntry<T>, callback?: MessageCallback<T>): void {\n const entry: MessageCallbackEntry<T> =\n typeof typeOrEntry === 'string' ? { type: typeOrEntry, callback: callback! } : typeOrEntry\n\n if (!entry.type || typeof entry.callback !== 'function') {\n console.warn('[WebSocketClient] 无效的回调配置', entry)\n return\n }\n\n this.callbackList.push(entry as MessageCallbackEntry<unknown>)\n }\n\n /**\n * 取消注册消息回调\n * @param type 消息类型\n * @param callback 回调函数(可选,如果不传则移除该类型的所有回调)\n */\n public off<T = unknown>(type: string, callback?: MessageCallback<T>): void {\n if (callback) {\n this.callbackList = this.callbackList.filter((entry) => !(entry.type === type && entry.callback === callback))\n } else {\n this.callbackList = this.callbackList.filter((entry) => entry.type !== type)\n }\n }\n\n /**\n * 清空所有回调\n */\n public clearCallbacks(): void {\n this.callbackList = []\n }\n\n /**\n * 获取当前连接状态\n */\n public getReadyState(): number {\n return this.socket?.readyState ?? WebSocket.CLOSED\n }\n\n /**\n * 是否已连接\n */\n public isConnected(): boolean {\n return this.socket?.readyState === WebSocket.OPEN\n }\n\n // ========== 钩子方法(子类可以重写) ==========\n\n /**\n * 连接打开时的钩子\n */\n protected onOpen(): void {\n // 子类可以重写\n console.log('[WebSocketClient] 连接打开')\n }\n\n /**\n * 连接关闭时的钩子\n */\n protected onClose(_event: CloseEvent): void {\n // 子类可以重写\n console.log('[WebSocketClient] 连接打开')\n }\n\n /**\n * 连接错误时的钩子\n */\n protected onError(_event: Event): void {\n // 子类可以重写\n console.log('[WebSocketClient] 连接错误', _event)\n }\n\n /**\n * 收到消息时的钩子\n */\n protected onMessage(_message: MessageData): void {\n // 子类可以重写\n console.log('[WebSocketClient] 收到消息', _message)\n }\n}\n"],"names":["WebSocketClient","constructor","config","this","socket","heartbeatTimer","reconnectTimer","callbackList","currentUrl","reconnectAttempts","manualClose","DEFAULT_CONFIG","updateConfig","connect","url","targetUrl","WebSocket","onopen","console","log","startHeartbeat","onOpen","onmessage","event","handleIncoming","data","onclose","code","reason","stopHeartbeat","onClose","autoReconnect","scheduleReconnect","onerror","error","onError","maxReconnectAttempts","warn","delay","Math","min","reconnectDelay","reconnectDelayMax","window","setTimeout","disconnect","clearTimeout","close","send","readyState","OPEN","message","JSON","stringify","parse","type","filter","entry","forEach","callback","onMessage","setInterval","heartbeatData","heartbeatMessage","heartbeatInterval","clearInterval","on","typeOrEntry","push","off","clearCallbacks","getReadyState","CLOSED","isConnected","_event","_message","timestamp","Date","now"],"mappings":"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"}
1
+ {"version":3,"file":"WebSocketClient.cjs.js","sources":["../src/logger.ts","../src/WebSocketClient.ts"],"sourcesContent":["export type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'silent'\n\nexport const LOG_LEVEL_PRIORITY: Record<LogLevel, number> = {\n debug: 10,\n info: 20,\n warn: 30,\n error: 40,\n silent: 50,\n}\n\nexport class Logger {\n private level: LogLevel\n\n constructor(\n private readonly name: string,\n level: LogLevel = 'warn'\n ) {\n this.level = level\n }\n\n setLevel(level: LogLevel): void {\n this.level = level\n }\n\n getLevel(): LogLevel {\n return this.level\n }\n\n debug(...values: unknown[]): void {\n this.logAtLevel('debug', console.debug, values)\n }\n\n info(...values: unknown[]): void {\n this.logAtLevel('info', console.info, values)\n }\n\n warn(...values: unknown[]): void {\n this.logAtLevel('warn', console.warn, values)\n }\n\n error(...values: unknown[]): void {\n this.logAtLevel('error', console.error, values)\n }\n\n private shouldLog(level: LogLevel): boolean {\n if (level === 'silent') {\n return false\n }\n return LOG_LEVEL_PRIORITY[level] >= LOG_LEVEL_PRIORITY[this.level]\n }\n\n private logAtLevel(level: LogLevel, writer: (...args: unknown[]) => void, values: unknown[]): void {\n if (!this.shouldLog(level)) {\n return\n }\n writer(`[${this.name}]`, ...values)\n }\n}\n","import { Logger, LogLevel } from './logger'\n\n/**\n * WebSocket 配置选项\n */\nexport interface WebSocketConfig {\n /** WebSocket 服务器地址(可选,可以在 connect 时指定) */\n url?: string\n /** 心跳间隔(毫秒),默认 25000 */\n heartbeatInterval?: number\n /** 最大重连次数,默认 10 */\n maxReconnectAttempts?: number\n /** 重连延迟(毫秒),默认 3000 */\n reconnectDelay?: number\n /** 最大重连延迟(毫秒),默认 10000 */\n reconnectDelayMax?: number\n /** 心跳消息生成器 */\n heartbeatMessage?: () => string | object\n /** 是否自动重连,默认 true */\n autoReconnect?: boolean\n /** 日志输出等级 */\n logLevel?: LogLevel\n /** 是否启用网络状态监听(网络恢复时自动重连),默认 true */\n enableNetworkListener?: boolean\n}\n\n/**\n * 消息数据结构\n */\nexport interface MessageData<T = unknown> {\n /** 消息类型 */\n type: string\n /** 消息数据 */\n data: T\n /** 元数据 */\n meta?: Record<string, unknown>\n /** 时间戳 */\n timestamp?: number\n}\n\n/**\n * 消息回调函数\n */\nexport type MessageCallback<T = unknown> = (data: T, message?: MessageData<T>) => void\n\n/**\n * 消息回调配置\n */\nexport interface MessageCallbackEntry<T = unknown> {\n /** 消息类型 */\n type: string\n /** 回调函数 */\n callback: MessageCallback<T>\n}\n\n/**\n * WebSocket 基础封装类\n * 提供连接管理、心跳、自动重连、消息回调等基础功能\n */\nexport class WebSocketClient {\n /** WebSocket 连接实例 */\n protected socket: WebSocket | null = null\n\n /** 心跳定时器 */\n protected heartbeatTimer: number | null = null\n\n /** 重连定时器 */\n protected reconnectTimer: number | null = null\n\n /** 消息回调列表 */\n protected callbackList: MessageCallbackEntry<unknown>[] = []\n\n /** 当前连接的 URL */\n protected currentUrl: string | null = null\n\n /** 配置选项 */\n protected config: Required<WebSocketConfig>\n\n /** 重连次数 */\n protected reconnectAttempts = 0\n\n /** 是否手动关闭 */\n protected manualClose = false\n\n /** 是否已初始化网络监听 */\n protected networkListenerInitialized = false\n\n /** 日志器 */\n protected readonly logger: Logger\n\n /**\n * 默认配置\n */\n protected static readonly DEFAULT_CONFIG: Required<WebSocketConfig> = {\n url: '',\n heartbeatInterval: 25000,\n maxReconnectAttempts: 10,\n reconnectDelay: 3000,\n reconnectDelayMax: 10000,\n autoReconnect: true,\n heartbeatMessage: () => ({\n type: 'PING',\n timestamp: Date.now(),\n }),\n logLevel: 'warn',\n enableNetworkListener: true,\n }\n\n /**\n * 构造函数\n * @param config 配置选项\n */\n constructor(config: WebSocketConfig = {}) {\n this.config = { ...WebSocketClient.DEFAULT_CONFIG, ...config }\n this.logger = new Logger('WebSocketClient', this.config.logLevel)\n }\n\n /**\n * 更新配置\n * @param config 新的配置选项\n */\n public updateConfig(config: Partial<WebSocketConfig>): void {\n this.config = { ...this.config, ...config }\n this.logger.setLevel(this.config.logLevel ?? WebSocketClient.DEFAULT_CONFIG.logLevel)\n }\n\n /**\n * 连接到 WebSocket 服务器\n * @param url WebSocket 地址(可选,如果不传则使用配置中的 url)\n */\n public connect(url?: string): void {\n const targetUrl = url || this.config.url\n if (!targetUrl) {\n this.logger.error('[WebSocketClient] 缺少 WebSocket URL')\n return\n }\n\n this.currentUrl = targetUrl\n this.manualClose = false\n\n // 初始化网络状态监听\n this.initNetworkListener()\n\n try {\n this.socket = new WebSocket(targetUrl)\n\n this.socket.onopen = () => {\n this.logger.info('[WebSocketClient] 连接成功')\n this.reconnectAttempts = 0\n this.startHeartbeat()\n this.onOpen()\n }\n\n this.socket.onmessage = (event: MessageEvent) => {\n this.handleIncoming(event.data)\n }\n\n this.socket.onclose = (event: CloseEvent) => {\n this.logger.info('[WebSocketClient] 连接关闭', event.code, event.reason)\n this.stopHeartbeat()\n this.onClose(event)\n\n if (!this.manualClose && this.config.autoReconnect) {\n this.scheduleReconnect()\n }\n }\n\n this.socket.onerror = (event: Event) => {\n this.logger.error('[WebSocketClient] 连接错误', event)\n this.stopHeartbeat()\n this.onError(event)\n }\n } catch (error) {\n this.logger.error('[WebSocketClient] 连接失败', error)\n if (this.config.autoReconnect && !this.manualClose) {\n this.scheduleReconnect()\n }\n }\n }\n\n /**\n * 计划重连\n */\n protected scheduleReconnect(): void {\n if (this.reconnectAttempts >= this.config.maxReconnectAttempts || !this.currentUrl || this.manualClose) {\n if (this.reconnectAttempts >= this.config.maxReconnectAttempts) {\n this.logger.warn('[WebSocketClient] 已达到最大重连次数')\n }\n return\n }\n\n this.reconnectAttempts += 1\n const delay = Math.min(this.config.reconnectDelay * this.reconnectAttempts, this.config.reconnectDelayMax)\n\n this.logger.debug(`[WebSocketClient] 将在 ${delay}ms 后进行第 ${this.reconnectAttempts} 次重连`)\n\n this.reconnectTimer = window.setTimeout(() => {\n this.connect(this.currentUrl!)\n }, delay)\n }\n\n /**\n * 断开连接\n */\n public disconnect(): void {\n this.manualClose = true\n this.stopHeartbeat()\n this.removeNetworkListener()\n\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer)\n this.reconnectTimer = null\n }\n\n if (this.socket) {\n this.socket.close()\n this.socket = null\n }\n\n this.currentUrl = null\n this.reconnectAttempts = 0\n }\n\n /**\n * 发送消息\n * @param data 消息数据\n */\n public send(data: string | object): void {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n this.logger.warn('[WebSocketClient] WebSocket 未连接,无法发送消息')\n return\n }\n\n const message = typeof data === 'string' ? data : JSON.stringify(data)\n this.socket.send(message)\n }\n\n /**\n * 处理接收的消息\n * @param data 接收到的数据\n */\n protected handleIncoming(data: string): void {\n if (!data) return\n\n let message: MessageData\n try {\n message = JSON.parse(data)\n } catch {\n this.logger.warn('[WebSocketClient] 无法解析消息', data)\n return\n }\n\n if (!message?.type) {\n return\n }\n\n // 触发匹配的回调\n const matched = this.callbackList.filter((entry) => entry.type === message.type)\n matched.forEach(({ callback }) => {\n try {\n callback(message.data, message)\n } catch (error) {\n this.logger.error('[WebSocketClient] 回调执行失败', error)\n }\n })\n\n // 调用钩子\n this.onMessage(message)\n }\n\n /**\n * 启动心跳\n */\n protected startHeartbeat(): void {\n this.stopHeartbeat()\n\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n return\n }\n\n this.heartbeatTimer = window.setInterval(() => {\n if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {\n return\n }\n\n const heartbeatData = this.config.heartbeatMessage()\n this.send(heartbeatData)\n }, this.config.heartbeatInterval)\n }\n\n /**\n * 停止心跳\n */\n protected stopHeartbeat(): void {\n if (this.heartbeatTimer) {\n clearInterval(this.heartbeatTimer)\n this.heartbeatTimer = null\n }\n }\n\n /**\n * 注册消息回调\n * @param entry 回调配置\n */\n public on<T = unknown>(type: string, callback: MessageCallback<T>): void\n public on<T = unknown>(entry: MessageCallbackEntry<T>): void\n public on<T = unknown>(typeOrEntry: string | MessageCallbackEntry<T>, callback?: MessageCallback<T>): void {\n const entry: MessageCallbackEntry<T> =\n typeof typeOrEntry === 'string' ? { type: typeOrEntry, callback: callback! } : typeOrEntry\n\n if (!entry.type || typeof entry.callback !== 'function') {\n this.logger.warn('[WebSocketClient] 无效的回调配置', entry)\n return\n }\n\n this.callbackList.push(entry as MessageCallbackEntry<unknown>)\n }\n\n /**\n * 取消注册消息回调\n * @param type 消息类型\n * @param callback 回调函数(可选,如果不传则移除该类型的所有回调)\n */\n public off<T = unknown>(type: string, callback?: MessageCallback<T>): void {\n if (callback) {\n this.callbackList = this.callbackList.filter((entry) => !(entry.type === type && entry.callback === callback))\n } else {\n this.callbackList = this.callbackList.filter((entry) => entry.type !== type)\n }\n }\n\n /**\n * 清空所有回调\n */\n public clearCallbacks(): void {\n this.callbackList = []\n }\n\n /**\n * 获取当前连接状态\n */\n public getReadyState(): number {\n return this.socket?.readyState ?? WebSocket.CLOSED\n }\n\n /**\n * 是否已连接\n */\n public isConnected(): boolean {\n return this.socket?.readyState === WebSocket.OPEN\n }\n\n // ========== 钩子方法(子类可以重写) ==========\n\n /**\n * 连接打开时的钩子\n */\n protected onOpen(): void {\n // 子类可以重写\n this.logger.info('[WebSocketClient] 连接打开')\n }\n\n /**\n * 连接关闭时的钩子\n */\n protected onClose(_event: CloseEvent): void {\n // 子类可以重写\n this.logger.info('[WebSocketClient] 连接打开')\n }\n\n /**\n * 连接错误时的钩子\n */\n protected onError(_event: Event): void {\n // 子类可以重写\n this.logger.error('[WebSocketClient] 连接错误', _event)\n }\n\n /**\n * 收到消息时的钩子\n */\n protected onMessage(_message: MessageData): void {\n // 子类可以重写\n this.logger.debug('[WebSocketClient] 收到消息', _message)\n }\n\n // ========== 网络状态监听 ==========\n\n /**\n * 网络恢复时的处理函数\n */\n protected handleOnline = (): void => {\n this.logger.info('[WebSocketClient] 网络已恢复')\n\n // 如果是手动关闭的,不自动重连\n if (this.manualClose) {\n return\n }\n\n // 如果已连接,无需重连\n if (this.isConnected()) {\n return\n }\n\n // 重置重连计数,立即重连\n this.reconnectAttempts = 0\n\n // 清除可能存在的重连定时器\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer)\n this.reconnectTimer = null\n }\n\n // 立即尝试重连\n if (this.currentUrl && this.config.autoReconnect) {\n this.logger.info('[WebSocketClient] 网络恢复,立即尝试重连')\n this.connect(this.currentUrl)\n }\n }\n\n /**\n * 网络断开时的处理函数\n */\n protected handleOffline = (): void => {\n this.logger.info('[WebSocketClient] 网络已断开')\n\n // 清除重连定时器,避免在无网络时浪费重连尝试\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer)\n this.reconnectTimer = null\n }\n }\n\n /**\n * 初始化网络状态监听\n */\n protected initNetworkListener(): void {\n if (typeof window === 'undefined' || this.networkListenerInitialized) {\n return\n }\n\n if (!this.config.enableNetworkListener) {\n return\n }\n\n window.addEventListener('online', this.handleOnline)\n window.addEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = true\n this.logger.debug('[WebSocketClient] 已初始化网络状态监听')\n }\n\n /**\n * 移除网络状态监听\n */\n protected removeNetworkListener(): void {\n if (typeof window === 'undefined' || !this.networkListenerInitialized) {\n return\n }\n\n window.removeEventListener('online', this.handleOnline)\n window.removeEventListener('offline', this.handleOffline)\n this.networkListenerInitialized = false\n this.logger.debug('[WebSocketClient] 已移除网络状态监听')\n }\n}\n"],"names":["LOG_LEVEL_PRIORITY","debug","info","warn","error","silent","Logger","constructor","name","level","this","setLevel","getLevel","values","logAtLevel","console","shouldLog","writer","WebSocketClient","config","socket","heartbeatTimer","reconnectTimer","callbackList","currentUrl","reconnectAttempts","manualClose","networkListenerInitialized","handleOnline","logger","isConnected","clearTimeout","autoReconnect","connect","handleOffline","DEFAULT_CONFIG","logLevel","updateConfig","url","targetUrl","initNetworkListener","WebSocket","onopen","startHeartbeat","onOpen","onmessage","event","handleIncoming","data","onclose","code","reason","stopHeartbeat","onClose","scheduleReconnect","onerror","onError","maxReconnectAttempts","delay","Math","min","reconnectDelay","reconnectDelayMax","window","setTimeout","disconnect","removeNetworkListener","close","send","readyState","OPEN","message","JSON","stringify","parse","type","filter","entry","forEach","callback","onMessage","setInterval","heartbeatData","heartbeatMessage","heartbeatInterval","clearInterval","on","typeOrEntry","push","off","clearCallbacks","getReadyState","CLOSED","_event","_message","enableNetworkListener","addEventListener","removeEventListener","timestamp","Date","now"],"mappings":"aAEO,MAAMA,EAA+C,CAC1DC,MAAO,GACPC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,OAAQ,UAGGC,EAGX,WAAAC,CACmBC,EACjBC,EAAkB,QADDC,KAAAF,KAAAA,EAGjBE,KAAKD,MAAQA,CACf,CAEA,QAAAE,CAASF,GACPC,KAAKD,MAAQA,CACf,CAEA,QAAAG,GACE,OAAOF,KAAKD,KACd,CAEA,KAAAR,IAASY,GACPH,KAAKI,WAAW,QAASC,QAAQd,MAAOY,EAC1C,CAEA,IAAAX,IAAQW,GACNH,KAAKI,WAAW,OAAQC,QAAQb,KAAMW,EACxC,CAEA,IAAAV,IAAQU,GACNH,KAAKI,WAAW,OAAQC,QAAQZ,KAAMU,EACxC,CAEA,KAAAT,IAASS,GACPH,KAAKI,WAAW,QAASC,QAAQX,MAAOS,EAC1C,CAEQ,SAAAG,CAAUP,GAChB,MAAc,WAAVA,GAGGT,EAAmBS,IAAUT,EAAmBU,KAAKD,MAC9D,CAEQ,UAAAK,CAAWL,EAAiBQ,EAAsCJ,GACnEH,KAAKM,UAAUP,IAGpBQ,EAAO,IAAIP,KAAKF,WAAYK,EAC9B,QCGWK,EAqDX,WAAAX,CAAYY,EAA0B,IAnD5BT,KAAAU,OAA2B,KAG3BV,KAAAW,eAAgC,KAGhCX,KAAAY,eAAgC,KAGhCZ,KAAAa,aAAgD,GAGhDb,KAAAc,WAA4B,KAM5Bd,KAAAe,kBAAoB,EAGpBf,KAAAgB,aAAc,EAGdhB,KAAAiB,4BAA6B,EAkT7BjB,KAAAkB,aAAe,KACvBlB,KAAKmB,OAAO3B,KAAK,2BAGbQ,KAAKgB,aAKLhB,KAAKoB,gBAKTpB,KAAKe,kBAAoB,EAGrBf,KAAKY,iBACPS,aAAarB,KAAKY,gBAClBZ,KAAKY,eAAiB,MAIpBZ,KAAKc,YAAcd,KAAKS,OAAOa,gBACjCtB,KAAKmB,OAAO3B,KAAK,iCACjBQ,KAAKuB,QAAQvB,KAAKc,eAOZd,KAAAwB,cAAgB,KACxBxB,KAAKmB,OAAO3B,KAAK,2BAGbQ,KAAKY,iBACPS,aAAarB,KAAKY,gBAClBZ,KAAKY,eAAiB,OA5TxBZ,KAAKS,OAAS,IAAKD,EAAgBiB,kBAAmBhB,GACtDT,KAAKmB,OAAS,IAAIvB,EAAO,kBAAmBI,KAAKS,OAAOiB,SAC1D,CAMO,YAAAC,CAAalB,GAClBT,KAAKS,OAAS,IAAKT,KAAKS,UAAWA,GACnCT,KAAKmB,OAAOlB,SAASD,KAAKS,OAAOiB,UAAYlB,EAAgBiB,eAAeC,SAC9E,CAMO,OAAAH,CAAQK,GACb,MAAMC,EAAYD,GAAO5B,KAAKS,OAAOmB,IACrC,GAAKC,EAAL,CAKA7B,KAAKc,WAAae,EAClB7B,KAAKgB,aAAc,EAGnBhB,KAAK8B,sBAEL,IACE9B,KAAKU,OAAS,IAAIqB,UAAUF,GAE5B7B,KAAKU,OAAOsB,OAAS,KACnBhC,KAAKmB,OAAO3B,KAAK,0BACjBQ,KAAKe,kBAAoB,EACzBf,KAAKiC,iBACLjC,KAAKkC,UAGPlC,KAAKU,OAAOyB,UAAaC,IACvBpC,KAAKqC,eAAeD,EAAME,OAG5BtC,KAAKU,OAAO6B,QAAWH,IACrBpC,KAAKmB,OAAO3B,KAAK,yBAA0B4C,EAAMI,KAAMJ,EAAMK,QAC7DzC,KAAK0C,gBACL1C,KAAK2C,QAAQP,IAERpC,KAAKgB,aAAehB,KAAKS,OAAOa,eACnCtB,KAAK4C,qBAIT5C,KAAKU,OAAOmC,QAAWT,IACrBpC,KAAKmB,OAAOzB,MAAM,yBAA0B0C,GAC5CpC,KAAK0C,gBACL1C,KAAK8C,QAAQV,GAEjB,CAAE,MAAO1C,GACPM,KAAKmB,OAAOzB,MAAM,yBAA0BA,GACxCM,KAAKS,OAAOa,gBAAkBtB,KAAKgB,aACrChB,KAAK4C,mBAET,CA1CA,MAFE5C,KAAKmB,OAAOzB,MAAM,qCA6CtB,CAKU,iBAAAkD,GACR,GAAI5C,KAAKe,mBAAqBf,KAAKS,OAAOsC,uBAAyB/C,KAAKc,YAAcd,KAAKgB,YAIzF,YAHIhB,KAAKe,mBAAqBf,KAAKS,OAAOsC,sBACxC/C,KAAKmB,OAAO1B,KAAK,gCAKrBO,KAAKe,mBAAqB,EAC1B,MAAMiC,EAAQC,KAAKC,IAAIlD,KAAKS,OAAO0C,eAAiBnD,KAAKe,kBAAmBf,KAAKS,OAAO2C,mBAExFpD,KAAKmB,OAAO5B,MAAM,wBAAwByD,YAAgBhD,KAAKe,yBAE/Df,KAAKY,eAAiByC,OAAOC,WAAW,KACtCtD,KAAKuB,QAAQvB,KAAKc,aACjBkC,EACL,CAKO,UAAAO,GACLvD,KAAKgB,aAAc,EACnBhB,KAAK0C,gBACL1C,KAAKwD,wBAEDxD,KAAKY,iBACPS,aAAarB,KAAKY,gBAClBZ,KAAKY,eAAiB,MAGpBZ,KAAKU,SACPV,KAAKU,OAAO+C,QACZzD,KAAKU,OAAS,MAGhBV,KAAKc,WAAa,KAClBd,KAAKe,kBAAoB,CAC3B,CAMO,IAAA2C,CAAKpB,GACV,IAAKtC,KAAKU,QAAUV,KAAKU,OAAOiD,aAAe5B,UAAU6B,KAEvD,YADA5D,KAAKmB,OAAO1B,KAAK,0CAInB,MAAMoE,EAA0B,iBAATvB,EAAoBA,EAAOwB,KAAKC,UAAUzB,GACjEtC,KAAKU,OAAOgD,KAAKG,EACnB,CAMU,cAAAxB,CAAeC,GACvB,IAAKA,EAAM,OAEX,IAAIuB,EACJ,IACEA,EAAUC,KAAKE,MAAM1B,EACvB,CAAE,MAEA,YADAtC,KAAKmB,OAAO1B,KAAK,2BAA4B6C,EAE/C,CAEA,IAAKuB,GAASI,KACZ,OAIcjE,KAAKa,aAAaqD,OAAQC,GAAUA,EAAMF,OAASJ,EAAQI,MACnEG,QAAQ,EAAGC,eACjB,IACEA,EAASR,EAAQvB,KAAMuB,EACzB,CAAE,MAAOnE,GACPM,KAAKmB,OAAOzB,MAAM,2BAA4BA,EAChD,IAIFM,KAAKsE,UAAUT,EACjB,CAKU,cAAA5B,GACRjC,KAAK0C,gBAEA1C,KAAKU,QAAUV,KAAKU,OAAOiD,aAAe5B,UAAU6B,OAIzD5D,KAAKW,eAAiB0C,OAAOkB,YAAY,KACvC,IAAKvE,KAAKU,QAAUV,KAAKU,OAAOiD,aAAe5B,UAAU6B,KACvD,OAGF,MAAMY,EAAgBxE,KAAKS,OAAOgE,mBAClCzE,KAAK0D,KAAKc,IACTxE,KAAKS,OAAOiE,mBACjB,CAKU,aAAAhC,GACJ1C,KAAKW,iBACPgE,cAAc3E,KAAKW,gBACnBX,KAAKW,eAAiB,KAE1B,CAQO,EAAAiE,CAAgBC,EAA+CR,GACpE,MAAMF,EACmB,iBAAhBU,EAA2B,CAAEZ,KAAMY,EAAaR,SAAUA,GAAcQ,EAE5EV,EAAMF,MAAkC,mBAAnBE,EAAME,SAKhCrE,KAAKa,aAAaiE,KAAKX,GAJrBnE,KAAKmB,OAAO1B,KAAK,4BAA6B0E,EAKlD,CAOO,GAAAY,CAAiBd,EAAcI,GAElCrE,KAAKa,aADHwD,EACkBrE,KAAKa,aAAaqD,OAAQC,KAAYA,EAAMF,OAASA,GAAQE,EAAME,WAAaA,IAEhFrE,KAAKa,aAAaqD,OAAQC,GAAUA,EAAMF,OAASA,EAE3E,CAKO,cAAAe,GACLhF,KAAKa,aAAe,EACtB,CAKO,aAAAoE,GACL,OAAOjF,KAAKU,QAAQiD,YAAc5B,UAAUmD,MAC9C,CAKO,WAAA9D,GACL,OAAOpB,KAAKU,QAAQiD,aAAe5B,UAAU6B,IAC/C,CAOU,MAAA1B,GAERlC,KAAKmB,OAAO3B,KAAK,yBACnB,CAKU,OAAAmD,CAAQwC,GAEhBnF,KAAKmB,OAAO3B,KAAK,yBACnB,CAKU,OAAAsD,CAAQqC,GAEhBnF,KAAKmB,OAAOzB,MAAM,yBAA0ByF,EAC9C,CAKU,SAAAb,CAAUc,GAElBpF,KAAKmB,OAAO5B,MAAM,yBAA0B6F,EAC9C,CAoDU,mBAAAtD,GACc,oBAAXuB,QAA0BrD,KAAKiB,4BAIrCjB,KAAKS,OAAO4E,wBAIjBhC,OAAOiC,iBAAiB,SAAUtF,KAAKkB,cACvCmC,OAAOiC,iBAAiB,UAAWtF,KAAKwB,eACxCxB,KAAKiB,4BAA6B,EAClCjB,KAAKmB,OAAO5B,MAAM,gCACpB,CAKU,qBAAAiE,GACc,oBAAXH,QAA2BrD,KAAKiB,6BAI3CoC,OAAOkC,oBAAoB,SAAUvF,KAAKkB,cAC1CmC,OAAOkC,oBAAoB,UAAWvF,KAAKwB,eAC3CxB,KAAKiB,4BAA6B,EAClCjB,KAAKmB,OAAO5B,MAAM,+BACpB,EAlX0BiB,EAAAiB,eAA4C,CACpEG,IAAK,GACL8C,kBAAmB,KACnB3B,qBAAsB,GACtBI,eAAgB,IAChBC,kBAAmB,IACnB9B,eAAe,EACfmD,iBAAkB,KAAA,CAChBR,KAAM,OACNuB,UAAWC,KAAKC,QAElBhE,SAAU,OACV2D,uBAAuB"}