@zhin.js/client 1.0.16 → 1.0.18

package/dist/websocket/hooks.js

@@ -1,523 +1,247 @@
-/**
- * WebSocket React Hooks
- * 提供在 React 组件中使用 WebSocket 功能的便捷接口
- */
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useSelector, useDispatch, selectConfig, selectSchema, selectConfigLoading, selectConfigError, selectConfigConnected, selectAllConfigs, selectAllSchemas, setLoading, setError, updateConfig, updateSchema } from '../store';
-import { getWebSocketManager } from './instance';
-// ============================================================================
-// WebSocket 连接 Hook
-// ============================================================================
-/**
- * WebSocket 连接状态和基础功能 Hook
- */
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { getWebSocketManager } from "./instance";
 export function useWebSocket(options = {}) {
     const { autoConnect = true } = options;
     const wsManager = getWebSocketManager();
-    // 从 Redux 获取状态
-    const connected = useSelector(selectConfigConnected);
-    const entries = useSelector((state) => state.script?.entries || []);
-    const loadedScripts = useSelector((state) => state.script?.loadedScripts || []);
-    // 连接控制
-    const connect = useCallback(() => {
-        wsManager.connect();
-    }, [wsManager]);
-    const disconnect = useCallback(() => {
-        wsManager.disconnect();
-    }, [wsManager]);
-    // 消息发送
-    const send = useCallback((message) => {
-        wsManager.send(message);
-    }, [wsManager]);
-    const sendRequest = useCallback(async (message) => {
-        // 临时使用旧方法，后续完善
-        return wsManager.sendRequest(message);
-    }, [wsManager]);
-    // 状态查询
-    const isConnected = useCallback(() => {
-        return wsManager.isConnected();
-    }, [wsManager]);
-    const getState = useCallback(() => {
-        // 临时返回连接状态，后续完善
-        return wsManager.isConnected() ? 'connected' : 'disconnected';
+    const [connected, setConnected] = useState(wsManager.isConnected());
+    useEffect(() => {
+        return wsManager.onConnectionChange(setConnected);
     }, [wsManager]);
-    // 自动连接
+    const connect = useCallback(() => wsManager.connect(), [wsManager]);
+    const disconnect = useCallback(() => wsManager.disconnect(), [wsManager]);
+    const send = useCallback((message) => wsManager.send(message), [wsManager]);
+    const sendRequest = useCallback((message) => wsManager.sendRequest(message), [wsManager]);
     useEffect(() => {
-        if (autoConnect && !connected) {
+        if (autoConnect && !connected)
             connect();
-        }
     }, [autoConnect, connected, connect]);
-    return {
-        // 状态
-        connected,
-        entries,
-        loadedScripts,
-        // 方法
-        connect,
-        disconnect,
-        send,
-        sendRequest,
-        isConnected,
-        getState,
-        // WebSocket 实例（高级用法）
-        manager: wsManager
-    };
+    return { connected, connect, disconnect, send, sendRequest, manager: wsManager };
 }
-// ============================================================================
-// 配置管理 Hook
-// ============================================================================
-/**
- * 插件配置管理 Hook
- */
-export function useConfig(pluginName, options = {}) {
-    const { autoLoad = true, autoLoadSchema = true } = options;
-    const dispatch = useDispatch();
+export function useConfig(pluginName, options) {
+    const { autoLoad = true, autoLoadSchema = true } = options ?? {};
     const wsManager = getWebSocketManager();
-    // 状态选择器
-    const config = useSelector((state) => selectConfig(state, pluginName));
-    const schema = useSelector((state) => selectSchema(state, pluginName));
-    const loading = useSelector((state) => selectConfigLoading(state, pluginName));
-    const error = useSelector((state) => selectConfigError(state, pluginName));
-    const connected = useSelector(selectConfigConnected);
-    // 配置操作
+    const [connected, setConnected] = useState(wsManager.isConnected());
+    const [config, setConfigState] = useState(null);
+    const [schema, setSchemaState] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => wsManager.onConnectionChange(setConnected), [wsManager]);
     const getConfig = useCallback(async () => {
-        dispatch(setLoading({ pluginName, loading: true }));
-        dispatch(setError({ pluginName, error: null }));
+        setLoading(true);
+        setError(null);
         try {
             const result = await wsManager.getConfig(pluginName);
-            dispatch(updateConfig({ pluginName, config: result }));
+            setConfigState(result);
             return result;
         }
-        catch (error) {
-            console.error('[useConfig] getConfig failed:', error);
-            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-            dispatch(setError({ pluginName, error: errorMessage }));
-            throw error;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            dispatch(setLoading({ pluginName, loading: false }));
+            setLoading(false);
         }
-    }, [pluginName, wsManager, dispatch]);
+    }, [pluginName, wsManager]);
     const setConfig = useCallback(async (newConfig) => {
-        dispatch(setLoading({ pluginName, loading: true }));
-        dispatch(setError({ pluginName, error: null }));
+        setLoading(true);
+        setError(null);
         try {
-            const result = await wsManager.setConfig(pluginName, newConfig);
-            return { reloaded: result?.reloaded, message: result?.message };
+            return await wsManager.setConfig(pluginName, newConfig);
         }
-        catch (error) {
-            console.error('[useConfig] setConfig failed:', error);
-            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-            dispatch(setError({ pluginName, error: errorMessage }));
-            throw error;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            dispatch(setLoading({ pluginName, loading: false }));
+            setLoading(false);
         }
-    }, [pluginName, wsManager, dispatch]);
+    }, [pluginName, wsManager]);
     const getSchema = useCallback(async () => {
         try {
             const result = await wsManager.getSchema(pluginName);
-            if (result) {
-                dispatch(updateSchema({ pluginName, schema: result }));
-            }
+            if (result)
+                setSchemaState(result);
             return result;
         }
-        catch (error) {
-            console.error(`Failed to get schema for plugin ${pluginName}:`, error);
-            throw error;
+        catch (e) {
+            throw e;
         }
-    }, [pluginName, wsManager, dispatch]);
-    // 重新加载配置和 Schema
-    const reload = useCallback(async () => {
-        const promises = [];
-        if (autoLoad) {
-            promises.push(getConfig());
-        }
-        if (autoLoadSchema) {
-            promises.push(getSchema());
-        }
-        await Promise.all(promises);
-    }, [autoLoad, autoLoadSchema, getConfig, getSchema]);
-    // 自动加载
+    }, [pluginName, wsManager]);
     useEffect(() => {
-        if (connected && autoLoad && !config && !loading) {
-            getConfig().catch(console.error);
-        }
+        if (connected && autoLoad && !config && !loading)
+            getConfig().catch(() => { });
     }, [connected, autoLoad, config, loading, getConfig]);
     useEffect(() => {
-        if (connected && autoLoadSchema && !schema) {
-            getSchema().catch(console.error);
-        }
+        if (connected && autoLoadSchema && !schema)
+            getSchema().catch(() => { });
     }, [connected, autoLoadSchema, schema, getSchema]);
-    return useMemo(() => ({
-        // 状态
-        config,
-        schema,
-        loading,
-        error,
-        connected,
-        // 方法
-        getConfig,
-        setConfig,
-        getSchema,
-        reload
-    }), [config, schema, loading, error, connected, getConfig, setConfig, getSchema, reload]);
+    return useMemo(() => ({ config, schema, loading, error, connected, getConfig, setConfig, getSchema }), [config, schema, loading, error, connected, getConfig, setConfig, getSchema]);
 }
-// ============================================================================
-// 批量配置管理 Hook
-// ============================================================================
-/**
- * 所有配置管理 Hook
- */
-export function useAllConfigs() {
-    const wsManager = getWebSocketManager();
-    const allConfigs = useSelector(selectAllConfigs);
-    const allSchemas = useSelector(selectAllSchemas);
-    const connected = useSelector(selectConfigConnected);
-    const refreshAll = useCallback(async () => {
-        try {
-            const [configs, schemas] = await Promise.all([
-                wsManager.getAllConfigs(),
-                wsManager.getAllSchemas()
-            ]);
-            return { configs, schemas };
-        }
-        catch (error) {
-            console.error('Failed to refresh all configs:', error);
-            throw error;
-        }
-    }, [wsManager]);
-    return useMemo(() => ({
-        configs: allConfigs,
-        schemas: allSchemas,
-        connected,
-        refreshAll
-    }), [allConfigs, allSchemas, connected, refreshAll]);
-}
-// ============================================================================
-// 配置文件 YAML 读写 Hook
-// ============================================================================
 export function useConfigYaml() {
     const wsManager = getWebSocketManager();
-    const connected = useSelector(selectConfigConnected);
-    const [yaml, setYaml] = useState('');
+    const [connected, setConnected] = useState(wsManager.isConnected());
+    const [yaml, setYaml] = useState("");
     const [pluginKeys, setPluginKeys] = useState([]);
-    const [loading, setLoadingState] = useState(false);
-    const [error, setErrorState] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => wsManager.onConnectionChange(setConnected), [wsManager]);
     const load = useCallback(async () => {
-        setLoadingState(true);
-        setErrorState(null);
+        setLoading(true);
+        setError(null);
         try {
             const result = await wsManager.getConfigYaml();
             setYaml(result.yaml);
             setPluginKeys(result.pluginKeys);
             return result;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
+            setLoading(false);
         }
     }, [wsManager]);
     const save = useCallback(async (content) => {
-        setLoadingState(true);
-        setErrorState(null);
+        setLoading(true);
+        setError(null);
         try {
             const result = await wsManager.saveConfigYaml(content);
             setYaml(content);
             return result;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
+            setLoading(false);
         }
     }, [wsManager]);
     useEffect(() => {
-        if (connected && !yaml && !loading) {
+        if (connected && !yaml && !loading)
             load().catch(() => { });
-        }
     }, [connected, yaml, loading, load]);
-    return useMemo(() => ({
-        yaml, pluginKeys, loading, error, load, save
-    }), [yaml, pluginKeys, loading, error, load, save]);
-}
-// ============================================================================
-// 环境变量文件管理 Hook
-// ============================================================================
-export function useEnvFiles() {
-    const wsManager = getWebSocketManager();
-    const connected = useSelector(selectConfigConnected);
-    const [files, setFiles] = useState([]);
-    const [loading, setLoadingState] = useState(false);
-    const [error, setErrorState] = useState(null);
-    const listFiles = useCallback(async () => {
-        setLoadingState(true);
-        setErrorState(null);
-        try {
-            const result = await wsManager.getEnvList();
-            setFiles(result.files);
-            return result.files;
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-        finally {
-            setLoadingState(false);
-        }
-    }, [wsManager]);
-    const getFile = useCallback(async (filename) => {
-        try {
-            const result = await wsManager.getEnvFile(filename);
-            return result.content;
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const saveFile = useCallback(async (filename, content) => {
-        setLoadingState(true);
-        setErrorState(null);
-        try {
-            return await wsManager.saveEnvFile(filename, content);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-        finally {
-            setLoadingState(false);
-        }
-    }, [wsManager]);
-    useEffect(() => {
-        if (connected && files.length === 0 && !loading) {
-            listFiles().catch(() => { });
-        }
-    }, [connected, files.length, loading, listFiles]);
-    return useMemo(() => ({
-        files, loading, error, listFiles, getFile, saveFile
-    }), [files, loading, error, listFiles, getFile, saveFile]);
+    return useMemo(() => ({ yaml, pluginKeys, loading, error, load, save }), [yaml, pluginKeys, loading, error, load, save]);
 }
-// ============================================================================
-// 文件管理 Hook
-// ============================================================================
 export function useFiles() {
     const wsManager = getWebSocketManager();
-    const connected = useSelector(selectConfigConnected);
+    const [connected, setConnected] = useState(wsManager.isConnected());
     const [tree, setTree] = useState([]);
-    const [loading, setLoadingState] = useState(false);
-    const [error, setErrorState] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => wsManager.onConnectionChange(setConnected), [wsManager]);
     const loadTree = useCallback(async () => {
-        setLoadingState(true);
-        setErrorState(null);
+        setLoading(true);
+        setError(null);
         try {
             const result = await wsManager.getFileTree();
             setTree(result.tree);
             return result.tree;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
+            setLoading(false);
         }
     }, [wsManager]);
-    const readFile = useCallback(async (filePath) => {
-        try {
-            const result = await wsManager.readFile(filePath);
-            return result.content;
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const saveFile = useCallback(async (filePath, content) => {
-        setLoadingState(true);
-        setErrorState(null);
+    const readFile = useCallback(async (filePath) => (await wsManager.readFile(filePath)).content, [wsManager]);
+    const saveFile = useCallback(async (filePath, content) => wsManager.saveFile(filePath, content), [wsManager]);
+    useEffect(() => {
+        if (connected && tree.length === 0 && !loading)
+            loadTree().catch(() => { });
+    }, [connected, tree.length, loading, loadTree]);
+    return useMemo(() => ({ tree, loading, error, loadTree, readFile, saveFile }), [tree, loading, error, loadTree, readFile, saveFile]);
+}
+export function useEnvFiles() {
+    const wsManager = getWebSocketManager();
+    const [connected, setConnected] = useState(wsManager.isConnected());
+    const [files, setFiles] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => wsManager.onConnectionChange(setConnected), [wsManager]);
+    const listFiles = useCallback(async () => {
+        setLoading(true);
+        setError(null);
         try {
-            return await wsManager.saveFile(filePath, content);
+            const result = await wsManager.getEnvList();
+            setFiles(result.files);
+            return result.files;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
+            setLoading(false);
         }
     }, [wsManager]);
+    const getFile = useCallback(async (filename) => {
+        const result = await wsManager.getEnvFile(filename);
+        return result.content;
+    }, [wsManager]);
+    const saveFile = useCallback(async (filename, content) => wsManager.saveEnvFile(filename, content), [wsManager]);
     useEffect(() => {
-        if (connected && tree.length === 0 && !loading) {
-            loadTree().catch(() => { });
-        }
-    }, [connected, tree.length, loading, loadTree]);
-    return useMemo(() => ({
-        tree, loading, error, loadTree, readFile, saveFile
-    }), [tree, loading, error, loadTree, readFile, saveFile]);
+        if (connected && files.length === 0 && !loading)
+            listFiles().catch(() => { });
+    }, [connected, files.length, loading, listFiles]);
+    return useMemo(() => ({ files, loading, error, listFiles, getFile, saveFile }), [files, loading, error, listFiles, getFile, saveFile]);
 }
-// ============================================================================
-// 数据库管理 Hook
-// ============================================================================
 export function useDatabase() {
     const wsManager = getWebSocketManager();
-    const connected = useSelector(selectConfigConnected);
+    const [connected, setConnected] = useState(wsManager.isConnected());
     const [info, setInfo] = useState(null);
     const [tables, setTables] = useState([]);
-    const [loading, setLoadingState] = useState(false);
-    const [error, setErrorState] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => wsManager.onConnectionChange(setConnected), [wsManager]);
     const loadInfo = useCallback(async () => {
-        setLoadingState(true);
-        setErrorState(null);
+        setLoading(true);
         try {
             const result = await wsManager.getDbInfo();
             setInfo(result);
             return result;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
+            setLoading(false);
         }
     }, [wsManager]);
     const loadTables = useCallback(async () => {
-        setLoadingState(true);
-        setErrorState(null);
+        setLoading(true);
         try {
             const result = await wsManager.getDbTables();
             setTables(result.tables);
             return result.tables;
         }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Unknown error");
+            throw e;
         }
         finally {
-            setLoadingState(false);
-        }
-    }, [wsManager]);
-    const select = useCallback(async (table, page, pageSize, where) => {
-        try {
-            return await wsManager.dbSelect(table, page, pageSize, where);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const insert = useCallback(async (table, row) => {
-        try {
-            return await wsManager.dbInsert(table, row);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const update = useCallback(async (table, row, where) => {
-        try {
-            return await wsManager.dbUpdate(table, row, where);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const remove = useCallback(async (table, where) => {
-        try {
-            return await wsManager.dbDelete(table, where);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const dropTable = useCallback(async (table) => {
-        try {
-            const result = await wsManager.dbDropTable(table);
-            await loadTables();
-            return result;
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager, loadTables]);
-    const kvGet = useCallback(async (table, key) => {
-        try {
-            return await wsManager.kvGet(table, key);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const kvSet = useCallback(async (table, key, value, ttl) => {
-        try {
-            return await wsManager.kvSet(table, key, value, ttl);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const kvDelete = useCallback(async (table, key) => {
-        try {
-            return await wsManager.kvDelete(table, key);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
-    const kvEntries = useCallback(async (table) => {
-        try {
-            return await wsManager.kvGetEntries(table);
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : 'Unknown error';
-            setErrorState(msg);
-            throw err;
-        }
-    }, [wsManager]);
+            setLoading(false);
+        }
+    }, [wsManager]);
+    const select = useCallback(async (table, page, pageSize, where) => wsManager.dbSelect(table, page, pageSize, where), [wsManager]);
+    const insert = useCallback(async (table, row) => wsManager.dbInsert(table, row), [wsManager]);
+    const update = useCallback(async (table, row, where) => wsManager.dbUpdate(table, row, where), [wsManager]);
+    const remove = useCallback(async (table, where) => wsManager.dbDelete(table, where), [wsManager]);
+    const dropTable = useCallback(async (table) => { const r = await wsManager.dbDropTable(table); await loadTables(); return r; }, [wsManager, loadTables]);
+    const kvGet = useCallback(async (table, key) => wsManager.kvGet(table, key), [wsManager]);
+    const kvSet = useCallback(async (table, key, value, ttl) => wsManager.kvSet(table, key, value, ttl), [wsManager]);
+    const kvDelete = useCallback(async (table, key) => wsManager.kvDelete(table, key), [wsManager]);
+    const kvEntries = useCallback(async (table) => wsManager.kvGetEntries(table), [wsManager]);
     useEffect(() => {
         if (connected && !info && !loading) {
             loadInfo().catch(() => { });
             loadTables().catch(() => { });
         }
     }, [connected, info, loading, loadInfo, loadTables]);
-    return useMemo(() => ({
-        info, tables, loading, error,
-        loadInfo, loadTables, dropTable,
-        select, insert, update, remove,
-        kvGet, kvSet, kvDelete, kvEntries,
-    }), [info, tables, loading, error, loadInfo, loadTables, dropTable, select, insert, update, remove, kvGet, kvSet, kvDelete, kvEntries]);
+    return useMemo(() => ({ info, tables, loading, error, loadInfo, loadTables, dropTable, select, insert, update, remove, kvGet, kvSet, kvDelete, kvEntries }), [info, tables, loading, error, loadInfo, loadTables, dropTable, select, insert, update, remove, kvGet, kvSet, kvDelete, kvEntries]);
 }
 //# sourceMappingURL=hooks.js.map