@0xchain/web-socket 1.1.0-beta.7 → 1.1.0-beta.71

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present 0xchain
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -1,251 +1,407 @@
-import { ConnectionStatus } from './type.js';
-/**
- * WebSocket单例连接类
- * 提供WebSocket连接的创建、管理、重连等功能
- */
-class SocketConnection {
-    static instance = null;
-    socket = null;
-    config;
-    status = ConnectionStatus.DISCONNECTED;
-    reconnectAttempts = 0;
-    reconnectTimer = null;
-    heartbeatTimer = null;
-    eventListeners = {};
-    constructor(config) {
-        this.config = {
-            reconnectInterval: 3000,
-            maxReconnectAttempts: 5,
-            heartbeatInterval: 30000,
-            debug: false,
-            ...config
-        };
+import { useState, useRef, useEffect, useCallback } from "react";
+var ConnectionStatus = /* @__PURE__ */ ((ConnectionStatus2) => {
+  ConnectionStatus2["CONNECTING"] = "connecting";
+  ConnectionStatus2["CONNECTED"] = "connected";
+  ConnectionStatus2["DISCONNECTED"] = "disconnected";
+  ConnectionStatus2["RECONNECTING"] = "reconnecting";
+  ConnectionStatus2["ERROR"] = "error";
+  return ConnectionStatus2;
+})(ConnectionStatus || {});
+function useSocket(config) {
+  const [status, setStatus] = useState(ConnectionStatus.DISCONNECTED);
+  const [error, setError] = useState(null);
+  const [reconnectAttempts, setReconnectAttempts] = useState(0);
+  const socketRef = useRef(null);
+  const isInitializedRef = useRef(false);
+  const configRef = useRef(config);
+  useEffect(() => {
+    configRef.current = config;
+  }, [config]);
+  const getSocket = useCallback(() => {
+    if (!socketRef.current) {
+      try {
+        socketRef.current = SocketConnection.getInstance(configRef.current);
+      } catch (err) {
+        console.error("Failed to create socket instance:", err);
+        throw err;
+      }
     }
-    /**
-     * 获取单例实例
-     */
-    static getInstance(config) {
-        if (!SocketConnection.instance) {
-            if (!config) {
-                throw new Error('首次创建SocketConnection实例时必须提供配置');
-            }
-            SocketConnection.instance = new SocketConnection(config);
-        }
-        else if (config) {
-            if (JSON.stringify(SocketConnection.instance.config) !== JSON.stringify(config)) {
-                SocketConnection.instance = new SocketConnection(config);
-            }
-            if (config) {
-                SocketConnection.instance.config = {
-                    ...SocketConnection.instance.config,
-                    ...config
-                };
-            }
-        }
-        return SocketConnection.instance;
-    }
-    /**
-     * 连接WebSocket
-     */
-    connect(config) {
-        this.config = {
-            ...this.config,
-            ...config
-        };
-        return new Promise((resolve, reject) => {
-            if (this.socket?.readyState === WebSocket.OPEN) {
-                resolve();
-                return;
-            }
-            const url = this.config.url + (this.config?.params ? `?${Object.entries(this.config.params).map(([key, value]) => `${key}=${value}`).join('&')}` : '');
-            if (url) {
-                this.setStatus(ConnectionStatus.CONNECTING);
-                this.log('正在连接WebSocket...', url);
-                try {
-                    this.socket = new WebSocket(url, this.config.protocols);
-                    this.setupEventListeners();
-                    this.socket.onopen = () => {
-                        this.log('WebSocket连接成功');
-                        this.setStatus(ConnectionStatus.CONNECTED);
-                        this.reconnectAttempts = 0;
-                        this.startHeartbeat();
-                        this.eventListeners.open?.();
-                        resolve();
-                    };
-                    this.socket.onerror = (error) => {
-                        this.log('WebSocket连接错误:', error);
-                        this.setStatus(ConnectionStatus.ERROR);
-                        this.eventListeners.error?.(error);
-                        reject(error);
-                    };
-                }
-                catch (error) {
-                    this.log('创建WebSocket连接失败:', error);
-                    this.setStatus(ConnectionStatus.ERROR);
-                    reject(error);
-                }
-            }
-        });
-    }
-    /**
-     * 断开连接
-     */
-    disconnect() {
-        this.log('正在断开WebSocket连接...');
-        this.stopHeartbeat();
-        this.clearReconnectTimer();
-        if (this.socket) {
-            this.socket.close(1000, '主动断开连接');
-            this.socket = null;
-        }
-        this.setStatus(ConnectionStatus.DISCONNECTED);
-    }
-    /**
-     * 发送消息
-     */
-    send(data) {
-        if (this.socket?.readyState === WebSocket.OPEN) {
-            this.socket.send(data);
-            this.log('发送消息:', data);
-            return true;
-        }
-        else {
-            this.log('WebSocket未连接，无法发送消息');
-            return false;
+    return socketRef.current;
+  }, []);
+  const connect = useCallback(async () => {
+    try {
+      setError(null);
+      const socket = getSocket();
+      await socket.connect();
+    } catch (err) {
+      const errorEvent = err;
+      setError(errorEvent);
+      throw err;
+    }
+  }, [getSocket]);
+  const disconnect = useCallback(() => {
+    const socket = socketRef.current;
+    if (socket) {
+      socket.disconnect();
+    }
+  }, []);
+  const send = useCallback((data) => {
+    const socket = socketRef.current;
+    if (socket) {
+      return socket.send(data);
+    }
+    return false;
+  }, []);
+  const sendJSON = useCallback((data) => {
+    const socket = socketRef.current;
+    if (socket) {
+      return socket.sendJSON(data);
+    }
+    return false;
+  }, []);
+  const on = useCallback((event, listener) => {
+    const socket = socketRef.current;
+    if (socket) {
+      socket.on(event, listener);
+    }
+  }, []);
+  const off = useCallback((event) => {
+    const socket = socketRef.current;
+    if (socket) {
+      socket.off(event);
+    }
+  }, []);
+  const reconnect = useCallback(async () => {
+    disconnect();
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    await connect();
+  }, [disconnect, connect]);
+  useEffect(() => {
+    if (isInitializedRef.current) return;
+    try {
+      const socket = getSocket();
+      socket.on("statusChange", (newStatus) => {
+        setStatus(newStatus);
+        if (newStatus === ConnectionStatus.RECONNECTING) {
+          setReconnectAttempts((prev) => prev + 1);
+        } else if (newStatus === ConnectionStatus.CONNECTED) {
+          setReconnectAttempts(0);
         }
+      });
+      socket.on("error", (errorEvent) => {
+        setError(errorEvent);
+      });
+      socket.on("close", () => {
+        setError(null);
+      });
+      isInitializedRef.current = true;
+    } catch (err) {
+      console.error("Failed to initialize socket:", err);
+      setError(err);
     }
-    /**
-     * 发送JSON消息
-     */
-    sendJSON(data) {
-        return this.send(JSON.stringify(data));
-    }
-    /**
-     * 添加事件监听器
-     */
-    on(event, listener) {
-        this.eventListeners[event] = listener;
-    }
-    /**
-     * 移除事件监听器
-     */
-    off(event) {
-        delete this.eventListeners[event];
-    }
-    /**
-     * 获取连接状态
-     */
-    getStatus() {
-        return this.status;
-    }
-    /**
-     * 检查是否已连接
-     */
-    isConnected() {
-        return this.status === ConnectionStatus.CONNECTED && this.socket?.readyState === WebSocket.OPEN;
-    }
-    /**
-     * 设置事件监听器
-     */
-    setupEventListeners() {
-        if (!this.socket)
-            return;
-        this.socket.onmessage = (event) => {
-            this.log('收到消息:', event.data);
-            if (event.data !== 'pong') {
-                this.eventListeners.message?.(event.data);
-            }
-        };
-        this.socket.onclose = (event) => {
-            this.log('WebSocket连接关闭:', event.code, event.reason);
-            this.setStatus(ConnectionStatus.DISCONNECTED);
-            this.stopHeartbeat();
-            this.eventListeners.close?.(event);
-            // 如果不是主动断开，尝试重连
-            if (event.code !== 1000 && this.reconnectAttempts < (this.config.maxReconnectAttempts || 5)) {
-                this.scheduleReconnect();
-            }
+  }, [getSocket]);
+  useEffect(() => {
+    if (config.autoConnect !== false && !isInitializedRef.current) {
+      connect().catch(console.error);
+    }
+  }, [config.autoConnect, connect]);
+  useEffect(() => {
+    return () => {
+      const socket = socketRef.current;
+      if (socket && config.autoConnect !== false) {
+        socket.disconnect();
+      }
+    };
+  }, [config.autoConnect]);
+  const isConnected = status === ConnectionStatus.CONNECTED;
+  return {
+    status,
+    isConnected,
+    connect,
+    disconnect,
+    send,
+    sendJSON,
+    on,
+    off,
+    error,
+    reconnectAttempts,
+    reconnect
+  };
+}
+function useSocketMessage(config, messageHandler) {
+  const socket = useSocket(config);
+  useEffect(() => {
+    socket.on("message", (data) => {
+      try {
+        const parsedData = typeof data === "string" ? JSON.parse(data) : data;
+        messageHandler(parsedData);
+      } catch (err) {
+        console.error("Failed to parse message:", err);
+      }
+    });
+    return () => {
+      socket.off("message");
+    };
+  }, [socket, messageHandler]);
+  return socket;
+}
+function useSocketStatus(config) {
+  const [status, setStatus] = useState(ConnectionStatus.DISCONNECTED);
+  const socket = useSocket(config);
+  useEffect(() => {
+    socket.on("statusChange", setStatus);
+    return () => {
+      socket.off("statusChange");
+    };
+  }, [socket]);
+  return {
+    status,
+    isConnected: status === ConnectionStatus.CONNECTED,
+    isConnecting: status === ConnectionStatus.CONNECTING,
+    isReconnecting: status === ConnectionStatus.RECONNECTING,
+    isDisconnected: status === ConnectionStatus.DISCONNECTED,
+    hasError: status === ConnectionStatus.ERROR
+  };
+}
+class SocketConnection {
+  static instance = null;
+  socket = null;
+  config;
+  status = ConnectionStatus.DISCONNECTED;
+  reconnectAttempts = 0;
+  reconnectTimer = null;
+  heartbeatTimer = null;
+  eventListeners = {};
+  constructor(config) {
+    this.config = {
+      reconnectInterval: 3e3,
+      maxReconnectAttempts: 5,
+      heartbeatInterval: 3e4,
+      debug: false,
+      ...config
+    };
+  }
+  /**
+   * 获取单例实例
+   */
+  static getInstance(config) {
+    if (!SocketConnection.instance) {
+      if (!config) {
+        throw new Error("首次创建SocketConnection实例时必须提供配置");
+      }
+      SocketConnection.instance = new SocketConnection(config);
+    } else if (config) {
+      if (JSON.stringify(SocketConnection.instance.config) !== JSON.stringify(config)) {
+        SocketConnection.instance = new SocketConnection(config);
+      }
+      if (config) {
+        SocketConnection.instance.config = {
+          ...SocketConnection.instance.config,
+          ...config
         };
-        this.socket.onerror = (error) => {
-            this.log('WebSocket错误:', error);
+      }
+    }
+    return SocketConnection.instance;
+  }
+  /**
+   * 连接WebSocket
+   */
+  connect(config) {
+    this.config = {
+      ...this.config,
+      ...config
+    };
+    return new Promise((resolve, reject) => {
+      if (this.socket?.readyState === WebSocket.OPEN) {
+        resolve();
+        return;
+      }
+      const url = this.config.url + (this.config?.params ? `?${Object.entries(this.config.params).map(([key, value]) => `${key}=${value}`).join("&")}` : "");
+      if (url) {
+        this.setStatus(ConnectionStatus.CONNECTING);
+        this.log("正在连接WebSocket...", url);
+        try {
+          this.socket = new WebSocket(url, this.config.protocols);
+          this.setupEventListeners();
+          this.socket.onopen = () => {
+            this.log("WebSocket连接成功");
+            this.setStatus(ConnectionStatus.CONNECTED);
+            this.reconnectAttempts = 0;
+            this.startHeartbeat();
+            this.eventListeners.open?.();
+            resolve();
+          };
+          this.socket.onerror = (error) => {
+            this.log("WebSocket连接错误:", error);
             this.setStatus(ConnectionStatus.ERROR);
             this.eventListeners.error?.(error);
-        };
-    }
-    /**
-     * 设置连接状态
-     */
-    setStatus(status) {
-        if (this.status !== status) {
-            this.status = status;
-            this.log('连接状态变更:', status);
-            this.eventListeners.statusChange?.(status);
+            reject(error);
+          };
+        } catch (error) {
+          this.log("创建WebSocket连接失败:", error);
+          this.setStatus(ConnectionStatus.ERROR);
+          reject(error);
         }
+      }
+    });
+  }
+  /**
+   * 断开连接
+   */
+  disconnect() {
+    this.log("正在断开WebSocket连接...");
+    this.stopHeartbeat();
+    this.clearReconnectTimer();
+    if (this.socket) {
+      this.socket.close(1e3, "主动断开连接");
+      this.socket = null;
     }
-    /**
-     * 安排重连
-     */
-    scheduleReconnect() {
-        if (this.reconnectTimer)
-            return;
-        this.reconnectAttempts++;
-        this.setStatus(ConnectionStatus.RECONNECTING);
-        this.log(`准备重连 (第${this.reconnectAttempts}次)...`);
-        this.reconnectTimer = setTimeout(() => {
-            this.reconnectTimer = null;
-            this.connect().catch(() => {
-                // 重连失败，继续尝试
-            });
-        }, this.config.reconnectInterval || 3000);
-    }
-    /**
-     * 清除重连定时器
-     */
-    clearReconnectTimer() {
-        if (this.reconnectTimer) {
-            clearTimeout(this.reconnectTimer);
-            this.reconnectTimer = null;
-        }
+    this.setStatus(ConnectionStatus.DISCONNECTED);
+  }
+  /**
+   * 发送消息
+   */
+  send(data) {
+    if (this.socket?.readyState === WebSocket.OPEN) {
+      this.socket.send(data);
+      this.log("发送消息:", data);
+      return true;
+    } else {
+      this.log("WebSocket未连接，无法发送消息");
+      return false;
     }
-    /**
-     * 开始心跳检测
-     */
-    startHeartbeat() {
-        this.stopHeartbeat();
-        if (this.config.heartbeatInterval && this.config.heartbeatInterval > 0) {
-            this.heartbeatTimer = setInterval(() => {
-                if (this.isConnected()) {
-                    this.send('ping');
-                }
-            }, this.config.heartbeatInterval);
-        }
+  }
+  /**
+   * 发送JSON消息
+   */
+  sendJSON(data) {
+    return this.send(JSON.stringify(data));
+  }
+  /**
+   * 添加事件监听器
+   */
+  on(event, listener) {
+    this.eventListeners[event] = listener;
+  }
+  /**
+   * 移除事件监听器
+   */
+  off(event) {
+    delete this.eventListeners[event];
+  }
+  /**
+   * 获取连接状态
+   */
+  getStatus() {
+    return this.status;
+  }
+  /**
+   * 检查是否已连接
+   */
+  isConnected() {
+    return this.status === ConnectionStatus.CONNECTED && this.socket?.readyState === WebSocket.OPEN;
+  }
+  /**
+   * 设置事件监听器
+   */
+  setupEventListeners() {
+    if (!this.socket) return;
+    this.socket.onmessage = (event) => {
+      this.log("收到消息:", event.data);
+      if (event.data !== "pong") {
+        this.eventListeners.message?.(event.data);
+      }
+    };
+    this.socket.onclose = (event) => {
+      this.log("WebSocket连接关闭:", event.code, event.reason);
+      this.setStatus(ConnectionStatus.DISCONNECTED);
+      this.stopHeartbeat();
+      this.eventListeners.close?.(event);
+      if (event.code !== 1e3 && this.reconnectAttempts < (this.config.maxReconnectAttempts || 5)) {
+        this.scheduleReconnect();
+      }
+    };
+    this.socket.onerror = (error) => {
+      this.log("WebSocket错误:", error);
+      this.setStatus(ConnectionStatus.ERROR);
+      this.eventListeners.error?.(error);
+    };
+  }
+  /**
+   * 设置连接状态
+   */
+  setStatus(status) {
+    if (this.status !== status) {
+      this.status = status;
+      this.log("连接状态变更:", status);
+      this.eventListeners.statusChange?.(status);
     }
-    /**
-     * 停止心跳检测
-     */
-    stopHeartbeat() {
-        if (this.heartbeatTimer) {
-            clearInterval(this.heartbeatTimer);
-            this.heartbeatTimer = null;
-        }
+  }
+  /**
+   * 安排重连
+   */
+  scheduleReconnect() {
+    if (this.reconnectTimer) return;
+    this.reconnectAttempts++;
+    this.setStatus(ConnectionStatus.RECONNECTING);
+    this.log(`准备重连 (第${this.reconnectAttempts}次)...`);
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
+      this.connect().catch(() => {
+      });
+    }, this.config.reconnectInterval || 3e3);
+  }
+  /**
+   * 清除重连定时器
+   */
+  clearReconnectTimer() {
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
     }
-    /**
-     * 日志输出
-     */
-    log(...args) {
-        if (this.config.debug) {
-            console.log('[SocketConnection]', ...args);
+  }
+  /**
+   * 开始心跳检测
+   */
+  startHeartbeat() {
+    this.stopHeartbeat();
+    if (this.config.heartbeatInterval && this.config.heartbeatInterval > 0) {
+      this.heartbeatTimer = setInterval(() => {
+        if (this.isConnected()) {
+          this.send("ping");
         }
+      }, this.config.heartbeatInterval);
+    }
+  }
+  /**
+   * 停止心跳检测
+   */
+  stopHeartbeat() {
+    if (this.heartbeatTimer) {
+      clearInterval(this.heartbeatTimer);
+      this.heartbeatTimer = null;
     }
-    /**
-     * 销毁实例
-     */
-    destroy() {
-        this.disconnect();
-        this.eventListeners = {};
-        SocketConnection.instance = null;
+  }
+  /**
+   * 日志输出
+   */
+  log(...args) {
+    if (this.config.debug) {
+      console.log("[SocketConnection]", ...args);
     }
+  }
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    this.disconnect();
+    this.eventListeners = {};
+    SocketConnection.instance = null;
+  }
 }
-export default SocketConnection;
-// 导出React Hooks
-export { useSocket, useSocketMessage, useSocketStatus } from './useSocket.js';
+export {
+  SocketConnection as default,
+  useSocket,
+  useSocketMessage,
+  useSocketStatus
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/web-socket",
-  "version": "1.1.0-beta.7",
+  "version": "1.1.0-beta.71",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -17,10 +17,21 @@
     "dist",
     "!**/*.tsbuildinfo"
   ],
-  "dependencies": {
+  "peerDependencies": {
     "react": "19.1.1",
+    "react-dom": "19.1.1",
     "tslib": "2.8.1"
   },
+  "devDependencies": {
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "tslib": "2.8.1"
+  },
+  "nx": {
+    "tags": [
+      "type:util"
+    ]
+  },
   "publishConfig": {
     "access": "public"
   }

package/dist/type.js

@@ -1,19 +0,0 @@
-/**
- * WebSocket事件类型枚举
- */
-export var WebSocketEventType;
-(function (WebSocketEventType) {
-    WebSocketEventType["ALL_CHAIN_LATEST_BLOCK"] = "allChainLatestBlock";
-    WebSocketEventType["CHAIN_LATEST_BLOCK"] = "chainLatestBlock";
-})(WebSocketEventType || (WebSocketEventType = {}));
-/**
- * WebSocket连接状态枚举
- */
-export var ConnectionStatus;
-(function (ConnectionStatus) {
-    ConnectionStatus["CONNECTING"] = "connecting";
-    ConnectionStatus["CONNECTED"] = "connected";
-    ConnectionStatus["DISCONNECTED"] = "disconnected";
-    ConnectionStatus["RECONNECTING"] = "reconnecting";
-    ConnectionStatus["ERROR"] = "error";
-})(ConnectionStatus || (ConnectionStatus = {}));

package/dist/useSocket.js

@@ -1,204 +0,0 @@
-import { useEffect, useRef, useState, useCallback } from 'react';
-import SocketConnection from './index.js';
-import { ConnectionStatus } from './type.js';
-/**
- * useSocket Hook
- * 提供在React组件中使用WebSocket连接的便捷方法
- *
- * @param config WebSocket配置选项
- * @returns useSocket的返回值对象
- */
-export function useSocket(config) {
-    const [status, setStatus] = useState(ConnectionStatus.DISCONNECTED);
-    const [error, setError] = useState(null);
-    const [reconnectAttempts, setReconnectAttempts] = useState(0);
-    const socketRef = useRef(null);
-    const isInitializedRef = useRef(false);
-    const configRef = useRef(config);
-    // 更新配置引用
-    useEffect(() => {
-        configRef.current = config;
-    }, [config]);
-    // 获取或创建socket实例
-    const getSocket = useCallback(() => {
-        if (!socketRef.current) {
-            try {
-                socketRef.current = SocketConnection.getInstance(configRef.current);
-            }
-            catch (err) {
-                console.error('Failed to create socket instance:', err);
-                throw err;
-            }
-        }
-        return socketRef.current;
-    }, []);
-    // 连接WebSocket
-    const connect = useCallback(async () => {
-        try {
-            setError(null);
-            const socket = getSocket();
-            await socket.connect();
-        }
-        catch (err) {
-            const errorEvent = err;
-            setError(errorEvent);
-            throw err;
-        }
-    }, [getSocket]);
-    // 断开连接
-    const disconnect = useCallback(() => {
-        const socket = socketRef.current;
-        if (socket) {
-            socket.disconnect();
-        }
-    }, []);
-    // 发送消息
-    const send = useCallback((data) => {
-        const socket = socketRef.current;
-        if (socket) {
-            return socket.send(data);
-        }
-        return false;
-    }, []);
-    // 发送JSON消息
-    const sendJSON = useCallback((data) => {
-        const socket = socketRef.current;
-        if (socket) {
-            return socket.sendJSON(data);
-        }
-        return false;
-    }, []);
-    // 添加事件监听器
-    const on = useCallback((event, listener) => {
-        const socket = socketRef.current;
-        if (socket) {
-            socket.on(event, listener);
-        }
-    }, []);
-    // 移除事件监听器
-    const off = useCallback((event) => {
-        const socket = socketRef.current;
-        if (socket) {
-            socket.off(event);
-        }
-    }, []);
-    // 手动重连
-    const reconnect = useCallback(async () => {
-        disconnect();
-        await new Promise(resolve => setTimeout(resolve, 1000)); // 等待1秒
-        await connect();
-    }, [disconnect, connect]);
-    // 初始化socket和事件监听
-    useEffect(() => {
-        if (isInitializedRef.current)
-            return;
-        try {
-            const socket = getSocket();
-            // 监听状态变化
-            socket.on('statusChange', (newStatus) => {
-                setStatus(newStatus);
-                // 更新重连次数
-                if (newStatus === ConnectionStatus.RECONNECTING) {
-                    setReconnectAttempts(prev => prev + 1);
-                }
-                else if (newStatus === ConnectionStatus.CONNECTED) {
-                    setReconnectAttempts(0);
-                }
-            });
-            // 监听错误
-            socket.on('error', (errorEvent) => {
-                setError(errorEvent);
-            });
-            // 监听连接关闭
-            socket.on('close', () => {
-                setError(null);
-            });
-            isInitializedRef.current = true;
-        }
-        catch (err) {
-            console.error('Failed to initialize socket:', err);
-            setError(err);
-        }
-    }, [getSocket]);
-    // 自动连接
-    useEffect(() => {
-        if (config.autoConnect !== false && !isInitializedRef.current) {
-            connect().catch(console.error);
-        }
-    }, [config.autoConnect, connect]);
-    // 组件卸载时清理
-    useEffect(() => {
-        return () => {
-            const socket = socketRef.current;
-            if (socket && config.autoConnect !== false) {
-                socket.disconnect();
-            }
-        };
-    }, [config.autoConnect]);
-    // 检查是否已连接
-    const isConnected = status === ConnectionStatus.CONNECTED;
-    return {
-        status,
-        isConnected,
-        connect,
-        disconnect,
-        send,
-        sendJSON,
-        on,
-        off,
-        error,
-        reconnectAttempts,
-        reconnect,
-    };
-}
-/**
- * useSocketMessage Hook
- * 专门用于监听特定类型消息的简化Hook
- *
- * @param config WebSocket配置选项
- * @param messageHandler 消息处理函数
- * @returns useSocket的返回值对象
- */
-export function useSocketMessage(config, messageHandler) {
-    const socket = useSocket(config);
-    useEffect(() => {
-        socket.on('message', (data) => {
-            try {
-                const parsedData = typeof data === 'string' ? JSON.parse(data) : data;
-                messageHandler(parsedData);
-            }
-            catch (err) {
-                console.error('Failed to parse message:', err);
-            }
-        });
-        return () => {
-            socket.off('message');
-        };
-    }, [socket, messageHandler]);
-    return socket;
-}
-/**
- * useSocketStatus Hook
- * 专门用于监听连接状态的简化Hook
- *
- * @param config WebSocket配置选项
- * @returns 连接状态和状态变化回调
- */
-export function useSocketStatus(config) {
-    const [status, setStatus] = useState(ConnectionStatus.DISCONNECTED);
-    const socket = useSocket(config);
-    useEffect(() => {
-        socket.on('statusChange', setStatus);
-        return () => {
-            socket.off('statusChange');
-        };
-    }, [socket]);
-    return {
-        status,
-        isConnected: status === ConnectionStatus.CONNECTED,
-        isConnecting: status === ConnectionStatus.CONNECTING,
-        isReconnecting: status === ConnectionStatus.RECONNECTING,
-        isDisconnected: status === ConnectionStatus.DISCONNECTED,
-        hasError: status === ConnectionStatus.ERROR,
-    };
-}