@zhin.js/client 1.0.17 → 1.1.0

package/client/store/reducers/config.ts

@@ -1,135 +0,0 @@
-/**
- * 配置管理 Redux Slice
- * 通过 WebSocket 管理插件配置
- */
-
-import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit'
-
-export interface ConfigState {
-  // 所有插件的配置，按插件名分发
-  configs: Record<string, any>
-  // 所有插件的 Schema，按插件名分发
-  schemas: Record<string, any>
-  // 加载状态
-  loading: Record<string, boolean>
-  // 错误信息
-  errors: Record<string, string | null>
-  // WebSocket 连接状态
-  connected: boolean
-}
-
-const initialState: ConfigState = {
-  configs: {},
-  schemas: {},
-  loading: {},
-  errors: {},
-  connected: false
-}
-
-// WebSocket 消息类型
-export interface ConfigMessage {
-  type: 'config:get' | 'config:set' | 'config:updated' | 'schema:get' | 'schema:updated'
-  pluginName: string
-  data?: any
-  error?: string
-}
-
-const configSlice = createSlice({
-  name: 'config',
-  initialState,
-  reducers: {
-    // WebSocket 连接状态
-    setConnected: (state, action: PayloadAction<boolean>) => {
-      state.connected = action.payload
-    },
-
-    // 设置配置加载状态
-    setLoading: (state, action: PayloadAction<{ pluginName: string; loading: boolean }>) => {
-      const { pluginName, loading } = action.payload
-      state.loading[pluginName] = loading
-    },
-
-    // 设置错误信息
-    setError: (state, action: PayloadAction<{ pluginName: string; error: string | null }>) => {
-      const { pluginName, error } = action.payload
-      state.errors[pluginName] = error
-    },
-
-    // 更新插件配置
-    updateConfig: (state, action: PayloadAction<{ pluginName: string; config: any }>) => {
-      const { pluginName, config } = action.payload
-      state.configs[pluginName] = config
-      state.loading[pluginName] = false
-      state.errors[pluginName] = null
-    },
-
-    // 更新插件 Schema
-    updateSchema: (state, action: PayloadAction<{ pluginName: string; schema: any }>) => {
-      const { pluginName, schema } = action.payload
-      state.schemas[pluginName] = schema
-    },
-
-    // 批量更新配置
-    updateConfigs: (state, action: PayloadAction<Record<string, any>>) => {
-      state.configs = { ...state.configs, ...action.payload }
-    },
-
-    // 批量更新 Schema
-    updateSchemas: (state, action: PayloadAction<Record<string, any>>) => {
-      state.schemas = { ...state.schemas, ...action.payload }
-    },
-
-    // 清除插件配置
-    removeConfig: (state, action: PayloadAction<string>) => {
-      const pluginName = action.payload
-      delete state.configs[pluginName]
-      delete state.schemas[pluginName]
-      delete state.loading[pluginName]
-      delete state.errors[pluginName]
-    },
-
-    // 清除所有配置
-    clearConfigs: (state) => {
-      state.configs = {}
-      state.schemas = {}
-      state.loading = {}
-      state.errors = {}
-    }
-  }
-})
-
-export const {
-  setConnected,
-  setLoading,
-  setError,
-  updateConfig,
-  updateSchema,
-  updateConfigs,
-  updateSchemas,
-  removeConfig,
-  clearConfigs
-} = configSlice.actions
-
-export default configSlice.reducer
-
-// Selectors
-export const selectConfig = (state: { config: ConfigState }, pluginName: string) => 
-  state.config.configs[pluginName]
-
-export const selectSchema = (state: { config: ConfigState }, pluginName: string) => 
-  state.config.schemas[pluginName]
-
-export const selectConfigLoading = (state: { config: ConfigState }, pluginName: string) => 
-  state.config.loading[pluginName] || false
-
-export const selectConfigError = (state: { config: ConfigState }, pluginName: string) => 
-  state.config.errors[pluginName] || null
-
-export const selectConfigConnected = (state: { config: ConfigState }) => 
-  state.config.connected
-
-export const selectAllConfigs = (state: { config: ConfigState }) => 
-  state.config.configs
-
-export const selectAllSchemas = (state: { config: ConfigState }) => 
-  state.config.schemas

package/client/store/reducers/index.ts

@@ -1,19 +0,0 @@
-import { Reducer } from "@reduxjs/toolkit"
-import ui from "./ui"
-import route from "./route"
-import script from "./script"
-import config from "./config"
-
-export interface Reducers {
-    ui: ReturnType<typeof ui>
-    route: ReturnType<typeof route>
-    script: ReturnType<typeof script>
-    config: ReturnType<typeof config>
-}
-
-export const reducers: Record<keyof Reducers, Reducer<any, any>> = {
-    ui,
-    route,
-    script,
-    config
-}

package/client/store/reducers/route.ts

@@ -1,126 +0,0 @@
-import { createSlice, PayloadAction } from "@reduxjs/toolkit"
-import { ComponentType, ReactNode } from "react"
-
-// 路由菜单项接口
-export interface RouteMenuItem {
-    key: string
-    path: string
-    title: string
-    index?: boolean
-    icon?: ReactNode
-    element?: ReactNode
-    Component?: ComponentType
-    children?: RouteMenuItem[]
-    meta?: {
-        hideInMenu?: boolean
-        requiresAuth?: boolean
-        order?: number
-        /** 侧栏分组标签，同组内按 order 排序 */
-        group?: string
-        /** 主内容区全宽（无 max-w-7xl） */
-        fullWidth?: boolean
-    }
-}
-
-export interface RouteState {
-    routes: RouteMenuItem[]
-}
-
-const initialState: RouteState = {
-    routes: []
-}
-
-// 辅助函数：查找最佳父路由
-const findBestParent = (routes: RouteMenuItem[], fullPath: string): RouteMenuItem | null => {
-    const segments = fullPath.split('/').filter(Boolean)
-    
-    for (let i = segments.length - 1; i > 0; i--) {
-        const parentPath = '/' + segments.slice(0, i).join('/')
-        const parent = routes.find(r => r.path === parentPath)
-        if (parent) return parent
-    }
-    
-    return routes.find(r=>r.path==='/')||null
-}
-
-// 辅助函数：计算相对路径
-const calculateRelativePath = (parentPath: string, fullPath: string): string => {
-    if (parentPath === '/') return fullPath
-    return fullPath.replace(parentPath + '/', '')
-}
-
-const routeSlice = createSlice({
-    name: 'route',
-    initialState,
-    reducers: {
-        addRoute: (state, action: PayloadAction<RouteMenuItem>) => {
-            const route = action.payload
-            const parent = findBestParent(state.routes, route.path)
-            
-            if (parent) {
-                if (!parent.children) parent.children = []
-                const relativePath = calculateRelativePath(parent.path, route.path)
-                parent.children.push({ ...route, path: relativePath })
-            } else {
-                state.routes.push(route)
-            }
-            
-            state.routes.sort((a, b) => (a.meta?.order || 999) - (b.meta?.order || 999))
-        },
-        
-        removeRoute: (state, action: PayloadAction<string>) => {
-            const path = action.payload
-            
-            const removeFromArray = (routes: RouteMenuItem[]): boolean => {
-                const index = routes.findIndex(r => r.path === path)
-                if (index >= 0) {
-                    routes.splice(index, 1)
-                    return true
-                }
-                
-                for (const route of routes) {
-                    if (route.children && removeFromArray(route.children)) {
-                        return true
-                    }
-                }
-                return false
-            }
-            
-            removeFromArray(state.routes)
-        },
-        
-        updateRoute: (state, action: PayloadAction<{ path: string; updates: Partial<RouteMenuItem> }>) => {
-            const { path, updates } = action.payload
-            
-            const updateInArray = (routes: RouteMenuItem[]): boolean => {
-                const index = routes.findIndex(r => r.path === path)
-                if (index >= 0) {
-                    routes[index] = { ...routes[index], ...updates }
-                    return true
-                }
-                
-                for (const route of routes) {
-                    if (route.children && updateInArray(route.children)) {
-                        return true
-                    }
-                }
-                return false
-            }
-            
-            updateInArray(state.routes)
-        },
-        
-        setRoutes: (state, action: PayloadAction<RouteMenuItem[]>) => {
-            state.routes = action.payload
-            state.routes.sort((a, b) => (a.meta?.order || 999) - (b.meta?.order || 999))
-        },
-        
-        clearRoutes: (state) => {
-            state.routes = []
-        }
-    }
-})
-
-export const { addRoute, removeRoute, updateRoute, setRoutes, clearRoutes } = routeSlice.actions
-export default routeSlice.reducer
-

package/client/store/reducers/script.ts

@@ -1,109 +0,0 @@
-import { createSlice, PayloadAction, createAsyncThunk } from "@reduxjs/toolkit"
-
-export interface ScriptState {
-    entries: string[]
-    loadedScripts: string[]
-    /** 是否已收到 WebSocket 的首次 entries 同步 */
-    synced: boolean
-}
-
-const initialState: ScriptState = {
-    entries: [],
-    loadedScripts: [],
-    synced: false
-}
-
-// AsyncThunk: 加载单个脚本
-export const loadScript = createAsyncThunk(
-    'script/loadScript',
-    async (src: string) => {
-        return new Promise<string>((resolve, reject) => {
-            const script = document.createElement('script')
-            script.type = 'module'
-            script.src = src
-            script.dataset.dynamicEntry = 'true'
-            
-            script.onload = () => resolve(src)
-            script.onerror = (error) => {
-                console.error('[Script] Load failed:', src)
-                reject(error)
-            }
-
-            document.body.appendChild(script)
-        })
-    }
-)
-
-// AsyncThunk: 批量加载脚本
-export const loadScripts = createAsyncThunk(
-    'script/loadScripts',
-    async (entries: string[], { dispatch }) => {
-        const results = await Promise.allSettled(
-            entries.map(entry => dispatch(loadScript(entry)).unwrap())
-        )
-        
-        return results
-            .filter((r): r is PromiseFulfilledResult<string> => r.status === 'fulfilled')
-            .map(r => r.value)
-    }
-)
-
-// AsyncThunk: 卸载脚本
-export const unloadScript = createAsyncThunk(
-    'script/unloadScript',
-    async (src: string) => {
-        const scripts = document.querySelectorAll(`script[src="${src}"][data-dynamic-entry="true"]`)
-        scripts.forEach(script => script.remove())
-        return src
-    }
-)
-
-const scriptSlice = createSlice({
-    name: 'script',
-    initialState,
-    reducers: {
-        syncEntries: (state, action: PayloadAction<string[]>) => {
-            state.entries = action.payload
-            // 清理掉不在新 entries 中的 loadedScripts（重启后 entries 可能变化）
-            state.loadedScripts = state.loadedScripts.filter(s => action.payload.includes(s))
-            state.synced = true
-        },
-        
-        addEntry: (state, action: PayloadAction<string>) => {
-            if (!state.entries.includes(action.payload)) {
-                state.entries.push(action.payload)
-            }
-        },
-        
-        removeEntry: (state, action: PayloadAction<string>) => {
-            state.entries = state.entries.filter(e => e !== action.payload)
-            state.loadedScripts = state.loadedScripts.filter(s => s !== action.payload)
-        }
-    },
-    extraReducers: (builder) => {
-        // loadScript 成功
-        builder.addCase(loadScript.fulfilled, (state, action) => {
-            if (!state.loadedScripts.includes(action.payload)) {
-                state.loadedScripts.push(action.payload)
-            }
-        })
-        
-        // loadScripts 成功
-        builder.addCase(loadScripts.fulfilled, (state, action) => {
-            action.payload.forEach(src => {
-                if (!state.loadedScripts.includes(src)) {
-                    state.loadedScripts.push(src)
-                }
-            })
-        })
-        
-        // unloadScript 成功
-        builder.addCase(unloadScript.fulfilled, (state, action) => {
-            state.loadedScripts = state.loadedScripts.filter(s => s !== action.payload)
-        })
-    }
-})
-
-export const { syncEntries, addEntry, removeEntry } = scriptSlice.actions
-export default scriptSlice.reducer
-

package/client/store/reducers/ui.ts

@@ -1,31 +0,0 @@
-import { createSlice, PayloadAction } from "@reduxjs/toolkit"
-
-export interface UIState {
-    sidebarOpen: boolean
-    activeMenu: string
-}
-
-const initialState: UIState = {
-    sidebarOpen: true,
-    activeMenu: 'home'
-}
-
-const uiSlice = createSlice({
-    name: 'ui',
-    initialState,
-    reducers: {
-        toggleSidebar: (state) => {
-            state.sidebarOpen = !state.sidebarOpen
-        },
-        setSidebarOpen: (state, action: PayloadAction<boolean>) => {
-            state.sidebarOpen = action.payload
-        },
-        setActiveMenu: (state, action: PayloadAction<string>) => {
-            state.activeMenu = action.payload
-        }
-    }
-})
-
-export const { toggleSidebar, setSidebarOpen, setActiveMenu } = uiSlice.actions
-export default uiSlice.reducer
-

package/client/websocket/messageHandler.ts

@@ -1,208 +0,0 @@
-/**
- * WebSocket 消息处理器
- * 负责处理不同类型的 WebSocket 消息并分发到对应的处理逻辑
- */
-
-import {
-  store,
-  syncEntries,
-  addEntry,
-  removeEntry,
-  loadScripts,
-  loadScript,
-  unloadScript,
-  updateConfig,
-  updateSchema,
-  updateConfigs,
-  updateSchemas,
-  setError
-} from '../store'
-import type { WebSocketMessage } from './types'
-
-export class MessageHandler {
-  /**
-   * 处理 WebSocket 消息
-   */
-  static handle(message: WebSocketMessage): void {
-    try {
-      const t = (message as { type: string }).type
-      if (t === 'bot:request' || t === 'bot:notice' || t === 'bot:message') {
-        if (typeof window !== 'undefined') {
-          window.dispatchEvent(
-            new CustomEvent('zhin-console-bot-push', { detail: message })
-          )
-        }
-        return
-      }
-      switch (message.type) {
-        // 脚本管理相关消息
-        case 'sync':
-          this.handleScriptSync(message)
-          break
-        case 'add':
-          this.handleScriptAdd(message)
-          break
-        case 'delete':
-          this.handleScriptDelete(message)
-          break
-
-        // 配置管理相关消息
-        case 'config:updated':
-          this.handleConfigUpdated(message)
-          break
-        case 'config:batch':
-          this.handleConfigBatch(message)
-          break
-        case 'config:error':
-          this.handleConfigError(message)
-          break
-
-        // Schema 管理相关消息
-        case 'schema:updated':
-          this.handleSchemaUpdated(message)
-          break
-        case 'schema:batch':
-          this.handleSchemaBatch(message)
-          break
-
-        // 轻量 HMR：文件变更时刷新页面
-        case 'hmr:reload':
-          this.handleHmrReload(message)
-          break
-
-        // 系统重启通知：延迟后刷新页面
-        case 'system:restarting':
-          this.handleSystemRestart()
-          break
-
-        // 系统消息
-        case 'init-data':
-        case 'data-update':
-          this.handleSystemMessage(message)
-          break
-
-        default:
-          console.warn('[WebSocket] Unknown message type:', message.type)
-      }
-    } catch (error) {
-      console.error('[WebSocket] Message handling error:', error)
-    }
-  }
-
-  /**
-   * 处理脚本同步消息
-   */
-  private static handleScriptSync(message: any): void {
-    if (message.data?.key === 'entries') {
-      const entries = Array.isArray(message.data.value) 
-        ? message.data.value 
-        : [message.data.value]
-      
-      store.dispatch(syncEntries(entries))
-      store.dispatch(loadScripts(entries))
-    }
-  }
-
-  /**
-   * 处理脚本添加消息
-   */
-  private static handleScriptAdd(message: any): void {
-    if (message.data?.key === 'entries') {
-      store.dispatch(addEntry(message.data.value))
-      store.dispatch(loadScript(message.data.value))
-    }
-  }
-
-  /**
-   * 处理脚本删除消息
-   */
-  private static handleScriptDelete(message: any): void {
-    if (message.data?.key === 'entries') {
-      store.dispatch(removeEntry(message.data.value))
-      store.dispatch(unloadScript(message.data.value))
-    }
-  }
-
-  /**
-   * 处理配置更新消息
-   */
-  private static handleConfigUpdated(message: any): void {
-    if (message.pluginName && message.data !== undefined) {
-      store.dispatch(updateConfig({
-        pluginName: message.pluginName,
-        config: message.data
-      }))
-    }
-  }
-
-  /**
-   * 处理批量配置消息
-   */
-  private static handleConfigBatch(message: any): void {
-    if (message.data) {
-      store.dispatch(updateConfigs(message.data))
-    }
-  }
-
-  /**
-   * 处理配置错误消息
-   */
-  private static handleConfigError(message: any): void {
-    if (message.pluginName && message.error) {
-      store.dispatch(setError({
-        pluginName: message.pluginName,
-        error: message.error
-      }))
-    }
-  }
-
-  /**
-   * 处理 Schema 更新消息
-   */
-  private static handleSchemaUpdated(message: any): void {
-    if (message.pluginName && message.data !== undefined) {
-      store.dispatch(updateSchema({
-        pluginName: message.pluginName,
-        schema: message.data
-      }))
-    }
-  }
-
-  /**
-   * 处理批量 Schema 消息
-   */
-  private static handleSchemaBatch(message: any): void {
-    if (message.data) {
-      store.dispatch(updateSchemas(message.data))
-    }
-  }
-
-  /**
-   * 处理轻量 HMR 刷新通知
-   * 服务端监听到入口目录文件变更后发送此消息，客户端直接刷新页面
-   */
-  private static handleHmrReload(message: any): void {
-    const file = message.data?.file || ''
-    console.info(`[HMR] 文件变更: ${file}，正在刷新页面...`)
-    window.location.reload()
-  }
-
-  /**
-   * 处理系统重启通知
-   * 服务端即将重启，延迟后刷新页面以重新连接
-   */
-  private static handleSystemRestart(): void {
-    console.info('[System] 服务端正在重启，稍后将自动刷新...')
-    setTimeout(() => {
-      window.location.reload()
-    }, 3000)
-  }
-
-  /**
-   * 处理系统消息
-   */
-  private static handleSystemMessage(message: WebSocketMessage): void {
-    // 系统消息暂时不需要特殊处理
-    // 可以在这里添加系统级别的消息处理逻辑
-  }
-}

package/dist/router/index.d.ts

@@ -1,25 +0,0 @@
-import { RouteMenuItem } from '../store';
-export { useOutlet, Outlet, Link, useNavigate, useParams } from 'react-router';
-export declare const addPage: (route: RouteMenuItem) => {
-    payload: RouteMenuItem;
-    type: "route/addRoute";
-};
-export declare const removePage: (path: string) => {
-    payload: string;
-    type: "route/removeRoute";
-};
-export declare const updatePage: (path: string, route: RouteMenuItem) => {
-    payload: {
-        path: string;
-        updates: Partial<RouteMenuItem>;
-    };
-    type: "route/updateRoute";
-};
-export declare const getPage: (path: string) => RouteMenuItem | undefined;
-export declare const getAllPages: () => RouteMenuItem[];
-export declare const clearPages: () => {
-    payload: undefined;
-    type: "route/clearRoutes";
-};
-export declare function DynamicRouter(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/router/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../client/router/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0D,aAAa,EAAe,MAAM,UAAU,CAAA;AAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAK9E,eAAO,MAAM,OAAO,GAAI,OAAO,aAAa;;;CAAoC,CAAA;AAChF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM;;;CAAsC,CAAA;AAC7E,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,OAAO,aAAa;;;;;;CAG1D,CAAA;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,8BAAqE,CAAA;AACzG,eAAO,MAAM,WAAW,uBAAsC,CAAA;AAC9D,eAAO,MAAM,UAAU;;;CAAsC,CAAA;AAG7D,wBAAgB,aAAa,4CAkC5B"}