@zhin.js/client 1.0.3 → 1.0.5

package/app/src/theme/index.ts

@@ -1,92 +0,0 @@
-// Theme configuration
-export const themes = {
-  light: {
-    background: '0 0% 100%',
-    foreground: '222.2 84% 4.9%',
-    card: '0 0% 100%',
-    'card-foreground': '222.2 84% 4.9%',
-    popover: '0 0% 100%',
-    'popover-foreground': '222.2 84% 4.9%',
-    primary: '221.2 83.2% 53.3%',
-    'primary-foreground': '210 40% 98%',
-    secondary: '210 40% 96.1%',
-    'secondary-foreground': '222.2 47.4% 11.2%',
-    muted: '210 40% 96.1%',
-    'muted-foreground': '215.4 16.3% 46.9%',
-    accent: '210 40% 96.1%',
-    'accent-foreground': '222.2 47.4% 11.2%',
-    destructive: '0 84.2% 60.2%',
-    'destructive-foreground': '210 40% 98%',
-    border: '214.3 31.8% 91.4%',
-    input: '214.3 31.8% 91.4%',
-    ring: '221.2 83.2% 53.3%',
-    radius: '0.5rem',
-  },
-  dark: {
-    background: '222.2 84% 4.9%',
-    foreground: '210 40% 98%',
-    card: '222.2 84% 4.9%',
-    'card-foreground': '210 40% 98%',
-    popover: '222.2 84% 4.9%',
-    'popover-foreground': '210 40% 98%',
-    primary: '217.2 91.2% 59.8%',
-    'primary-foreground': '222.2 47.4% 11.2%',
-    secondary: '217.2 32.6% 17.5%',
-    'secondary-foreground': '210 40% 98%',
-    muted: '217.2 32.6% 17.5%',
-    'muted-foreground': '215 20.2% 65.1%',
-    accent: '217.2 32.6% 17.5%',
-    'accent-foreground': '210 40% 98%',
-    destructive: '0 62.8% 30.6%',
-    'destructive-foreground': '210 40% 98%',
-    border: '217.2 32.6% 17.5%',
-    input: '217.2 32.6% 17.5%',
-    ring: '224.3 76.3% 48%',
-    radius: '0.5rem',
-  },
-} as const
-
-export type Theme = keyof typeof themes
-export type ThemeColors = typeof themes.light
-
-// Apply theme to document
-export function applyTheme(theme: Theme) {
-  const root = document.documentElement
-  const colors = themes[theme]
-
-  // Remove old theme class
-  root.classList.remove('light', 'dark')
-  // Add new theme class
-  root.classList.add(theme)
-
-  // Apply CSS variables
-  Object.entries(colors).forEach(([key, value]) => {
-    root.style.setProperty(`--${key}`, value)
-  })
-
-  // Save to localStorage
-  localStorage.setItem('theme', theme)
-}
-
-// Get current theme from localStorage or system preference
-export function getInitialTheme(): Theme {
-  const stored = localStorage.getItem('theme') as Theme | null
-  if (stored && (stored === 'light' || stored === 'dark')) {
-    return stored
-  }
-
-  // Check system preference
-  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-    return 'dark'
-  }
-
-  return 'light'
-}
-
-// Initialize theme on app load
-export function initializeTheme() {
-  const theme = getInitialTheme()
-  applyTheme(theme)
-  return theme
-}
-

package/app/tailwind.config.js

@@ -1,70 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const cwd = process.cwd();
-export default {
-    content: [
-        "./index.html",
-        './src/**/*.{js,ts,jsx,tsx,mdx}',
-        `${cwd}/**/radix-ui/**/*.{js,ts,jsx,tsx}`,
-        `${cwd}/**/@radix-ui/themes/**/*.{js,ts,jsx,tsx}`,
-    ],
-    theme: {
-        extend: {
-            colors: {
-                border: 'hsl(var(--border))',
-                input: 'hsl(var(--input))',
-                ring: 'hsl(var(--ring))',
-                background: 'hsl(var(--background))',
-                foreground: 'hsl(var(--foreground))',
-                primary: {
-                    DEFAULT: 'hsl(var(--primary))',
-                    foreground: 'hsl(var(--primary-foreground))',
-                },
-                secondary: {
-                    DEFAULT: 'hsl(var(--secondary))',
-                    foreground: 'hsl(var(--secondary-foreground))',
-                },
-                destructive: {
-                    DEFAULT: 'hsl(var(--destructive))',
-                    foreground: 'hsl(var(--destructive-foreground))',
-                },
-                muted: {
-                    DEFAULT: 'hsl(var(--muted))',
-                    foreground: 'hsl(var(--muted-foreground))',
-                },
-                accent: {
-                    DEFAULT: 'hsl(var(--accent))',
-                    foreground: 'hsl(var(--accent-foreground))',
-                },
-                popover: {
-                    DEFAULT: 'hsl(var(--popover))',
-                    foreground: 'hsl(var(--popover-foreground))',
-                },
-                card: {
-                    DEFAULT: 'hsl(var(--card))',
-                    foreground: 'hsl(var(--card-foreground))',
-                },
-            },
-            borderRadius: {
-                lg: 'var(--radius)',
-                md: 'calc(var(--radius) - 2px)',
-                sm: 'calc(var(--radius) - 4px)',
-            },
-            keyframes: {
-                "accordion-down": {
-                    from: { height: "0" },
-                    to: { height: "var(--radix-accordion-content-height)" },
-                },
-                "accordion-up": {
-                    from: { height: "var(--radix-accordion-content-height)" },
-                    to: { height: "0" },
-                },
-            },
-            animation: {
-                "accordion-down": "accordion-down 0.2s ease-out",
-                "accordion-up": "accordion-up 0.2s ease-out",
-            },
-        },
-    },
-    darkMode: "class",
-    plugins: [],
-}

package/app/tsconfig.json

@@ -1,16 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "ES2020",
-        "lib": ["ES2020", "DOM", "DOM.Iterable"],
-        "moduleResolution": "bundler",
-        "module": "ESNext",
-        "jsx": "react-jsx",
-        "paths": {
-            "@/*": ["src/*"],
-            "@zhin.js/client": [
-                "../src"
-            ]
-        }
-    }
-}

package/src/websocket/index.ts

@@ -1,193 +0,0 @@
-import { store, loadScripts, loadScript, unloadScript } from '../store'
-/**
- * WebSocket 客户端管理
- * 用于连接服务器并接收动态入口脚本
- * 脚本加载状态由 Redux store 管理
- */
-
-export interface WebSocketMessage {
-    type: 'sync' | 'add' | 'delete' | 'init-data' | 'data-update'
-    data?: {
-        key: string
-        value: any
-    }
-    timestamp?: number
-}
-
-export interface WebSocketManagerOptions {
-    url?: string
-    reconnectInterval?: number
-    maxReconnectAttempts?: number
-    onConnect?: () => void
-    onDisconnect?: () => void
-    onError?: (error: Event) => void
-    onMessage?: (message: WebSocketMessage) => void
-}
-
-export class WebSocketManager {
-    private ws: WebSocket | null = null
-    private url: string
-    private reconnectInterval: number
-    private maxReconnectAttempts: number
-    private reconnectAttempts = 0
-    private reconnectTimer: NodeJS.Timeout | null = null
-    private options: WebSocketManagerOptions
-
-    constructor(options: WebSocketManagerOptions = {}) {
-        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
-        const host = window.location.host
-        
-        this.url = options.url || `${protocol}//${host}/server`
-        this.reconnectInterval = options.reconnectInterval || 3000
-        this.maxReconnectAttempts = options.maxReconnectAttempts || 10
-        this.options = options
-    }
-
-    /**
-     * 连接 WebSocket
-     */
-    connect() {
-        if (this.ws?.readyState === WebSocket.OPEN) return
-
-        try {
-            this.ws = new WebSocket(this.url)
-
-            this.ws.onopen = () => {
-                this.reconnectAttempts = 0
-                this.options.onConnect?.()
-            }
-
-            this.ws.onmessage = (event) => {
-                try {
-                    const message: WebSocketMessage = JSON.parse(event.data)
-                    this.handleMessage(message)
-                    this.options.onMessage?.(message)
-                } catch (error) {
-                    console.error('[WS] Parse error:', error)
-                }
-            }
-
-            this.ws.onclose = () => {
-                this.options.onDisconnect?.()
-                this.attemptReconnect()
-            }
-
-            this.ws.onerror = () => {
-                this.options.onError?.(new Event('error'))
-            }
-        } catch (error) {
-            this.attemptReconnect()
-        }
-    }
-
-    /**
-     * 处理服务器消息
-     */
-    private handleMessage(message: WebSocketMessage) {
-        switch (message.type) {
-            case 'sync':
-                // 同步所有入口 - dispatch 到 Redux
-                if (message.data?.key === 'entries') {
-                    const entries = Array.isArray(message.data.value) 
-                        ? message.data.value 
-                        : [message.data.value]
-                    store.dispatch({ type: 'script/syncEntries', payload: entries })
-                    // 使用 AsyncThunk 加载脚本
-                    store.dispatch(loadScripts(entries))
-                }
-                break
-
-            case 'add':
-                // 添加新入口 - dispatch 到 Redux
-                if (message.data?.key === 'entries') {
-                    store.dispatch({ type: 'script/addEntry', payload: message.data.value })
-                    // 使用 AsyncThunk 加载脚本
-                    store.dispatch(loadScript(message.data.value))
-                }
-                break
-
-            case 'delete':
-                // 删除入口 - dispatch 到 Redux
-                if (message.data?.key === 'entries') {
-                    store.dispatch({ type: 'script/removeEntry', payload: message.data.value })
-                    // 使用 AsyncThunk 卸载脚本
-                    store.dispatch(unloadScript(message.data.value))
-                }
-                break
-
-            case 'init-data':
-            case 'data-update':
-                break
-
-            default:
-                console.warn('[WS] Unknown type:', message.type)
-        }
-    }
-
-    /**
-     * 尝试重新连接
-     */
-    private attemptReconnect() {
-        if (this.reconnectAttempts >= this.maxReconnectAttempts) return
-
-        this.reconnectAttempts++
-        this.reconnectTimer = setTimeout(() => {
-            this.connect()
-        }, this.reconnectInterval)
-    }
-
-    /**
-     * 断开连接
-     */
-    disconnect() {
-        if (this.reconnectTimer) {
-            clearTimeout(this.reconnectTimer)
-            this.reconnectTimer = null
-        }
-
-        if (this.ws) {
-            this.ws.close()
-            this.ws = null
-        }
-    }
-
-    /**
-     * 发送消息
-     */
-    send(message: any) {
-        if (this.ws?.readyState === WebSocket.OPEN) {
-            this.ws.send(JSON.stringify(message))
-        }
-    }
-
-    /**
-     * 检查是否已连接
-     */
-    isConnected() {
-        return this.ws?.readyState === WebSocket.OPEN
-    }
-}
-
-// 创建全局单例并自动连接
-const globalWebSocketManager = new WebSocketManager()
-
-// 模块加载时自动连接
-if (typeof window !== 'undefined') {
-    globalWebSocketManager.connect()
-}
-
-/**
- * 获取全局 WebSocket 管理器
- */
-export function getWebSocketManager(): WebSocketManager {
-    return globalWebSocketManager
-}
-
-/**
- * 销毁全局 WebSocket 管理器
- */
-export function destroyWebSocketManager() {
-    globalWebSocketManager.disconnect()
-}
-
-export default WebSocketManager

package/src/websocket/useWebSocket.ts

@@ -1,42 +0,0 @@
-import { useCallback } from 'react'
-import { useSelector } from '../store'
-import { getWebSocketManager } from './index'
-
-/**
- * WebSocket Hook
- * 用于在 React 组件中访问 WebSocket 状态和方法
- * WebSocket 在模块加载时已自动连接，无需手动初始化
- * 状态由 Redux store 管理
- */
-export function useWebSocket() {
-    // 从 Redux 读取状态
-    const entries = useSelector((state: any) => state.script.entries || [])
-    const loadedScripts = useSelector((state: any) => state.script.loadedScripts || [])
-
-    const connect = useCallback(() => {
-        getWebSocketManager().connect()
-    }, [])
-
-    const disconnect = useCallback(() => {
-        getWebSocketManager().disconnect()
-    }, [])
-
-    const send = useCallback((message: any) => {
-        getWebSocketManager().send(message)
-    }, [])
-
-    const isConnected = useCallback(() => {
-        return getWebSocketManager().isConnected()
-    }, [])
-
-    return {
-        entries,
-        loadedScripts,
-        connect,
-        disconnect,
-        send,
-        isConnected
-    }
-}
-
-export default useWebSocket