@zhin.js/client 1.0.4 → 1.0.6

package/app/src/main.tsx

@@ -1,121 +0,0 @@
-import { StrictMode, useEffect, useState } from 'react'
-import { createRoot } from 'react-dom/client'
-import { Provider as ReduxProvider } from 'react-redux'
-import { store, DynamicRouter, persistor, addPage, useSelector, Icons } from '@zhin.js/client'
-import DashboardLayout from './layouts/dashboard'
-import DashboardHome from './pages/dashboard-home'
-import DashboardPlugins from './pages/dashboard-plugins'
-import DashboardPluginDetail from './pages/dashboard-plugin-detail'
-import DashboardBots from './pages/dashboard-bots'
-import DashboardLogs from './pages/dashboard-logs'
-import { Theme } from '@radix-ui/themes';
-import '@radix-ui/themes/styles.css'
-import './style.css'
-import { PersistGate } from 'redux-persist/integration/react'
-import { initializeTheme } from './theme'
-
-// Initialize theme on app load
-initializeTheme()
-
-
-// 路由配置
-const routes = [
-    {
-        key: 'dashboard-layout',
-        path: '/',
-        title: 'Dashboard',
-        element: <DashboardLayout />,
-        redirect: '/dashboard',
-        meta: { order: 0 },
-        children: [
-            {
-                key: 'dashboard-home',
-                index: true,
-                path: '',
-                title: '系统概览',
-                icon: <Icons.Home className="w-5 h-5" />,
-                element: <DashboardHome />,
-            },
-
-             {
-                 key: 'dashboard-plugins',
-                 path: '/plugins',
-                 title: '插件管理',
-                 icon: <Icons.Package className="w-5 h-5" />,
-                 element: <DashboardPlugins />,
-                 meta: { order: 2 }
-             },
-             {
-                 key: 'dashboard-plugin-detail',
-                 title: '插件详情',
-                 path: '/plugins/:name',
-                 element: <DashboardPluginDetail />,
-                 meta: { hideInMenu: true }
-             },
-            {
-                key: 'dashboard-bots',
-                path: '/bots',
-                title: '机器人',
-                icon: <Icons.Bot className="w-5 h-5" />,
-                element: <DashboardBots />,
-                meta: { order: 3 }
-            },
-            {
-                key: 'dashboard-logs',
-                path: '/logs',
-                title: '系统日志',
-                icon: <Icons.FileText className="w-5 h-5" />,
-                element: <DashboardLogs />,
-                meta: { order: 4 }
-            }
-        ]
-    }
-]
-
-// 路由初始化组件
-function RouteInitializer() {
-    const entries = useSelector(state => state.script.entries)
-    const loadedScripts = useSelector(state => state.script.loadedScripts)
-    const [staticRoutesLoaded, setStaticRoutesLoaded] = useState(false)
-
-    useEffect(() => {
-        // 添加静态路由
-        routes.forEach(route => {
-            addPage(route)
-        })
-        setStaticRoutesLoaded(true)
-    }, [])
-
-    // 检查是否所有脚本都已加载
-    const allScriptsLoaded = entries.length === 0 || entries.length === loadedScripts.length
-
-    // 等待静态路由和动态脚本都加载完成
-    if (!staticRoutesLoaded || !allScriptsLoaded) {
-        return (
-            <div className="flex items-center justify-center h-screen">
-                <div className="text-center">
-                    <div className="inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>
-                    <p className="mt-2 text-gray-600">
-                        加载中... ({loadedScripts.length}/{entries.length})
-                    </p>
-                </div>
-            </div>
-        )
-    }
-
-    return <DynamicRouter />
-}
-
-createRoot(
-    document.getElementById('root'),
-).render(
-    <StrictMode>
-        <Theme accentColor="blue" grayColor="slate" radius="large" scaling="100%">
-            <PersistGate loading={null} persistor={persistor}>
-                <ReduxProvider store={store}>
-                    <RouteInitializer />
-                </ReduxProvider>
-            </PersistGate>
-        </Theme>
-    </StrictMode>,
-)

package/app/src/pages/dashboard-bots.tsx

@@ -1,198 +0,0 @@
-import { useEffect, useState } from 'react'
-import { Bot, AlertCircle, Wifi, WifiOff, Activity, Package, Zap } from 'lucide-react'
-import {Flex,Box,Spinner,Text,Callout,Heading,Badge,Separator,Grid,Card} from '@radix-ui/themes'
-
-interface BotInfo {
-  name: string
-  adapter: string
-  connected: boolean
-  status: 'online' | 'offline'
-}
-
-export default function DashboardBots() {
-  const [bots, setBots] = useState<BotInfo[]>([])
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-
-  useEffect(() => {
-    fetchBots()
-    const interval = setInterval(fetchBots, 5000)
-    return () => clearInterval(interval)
-  }, [])
-
-  const fetchBots = async () => {
-    try {
-      const res = await fetch('/api/bots', { credentials: 'include' })
-      if (!res.ok) throw new Error('API 请求失败')
-
-      const data = await res.json()
-      if (data.success) {
-        setBots(data.data)
-        setError(null)
-      } else {
-        throw new Error('数据格式错误')
-      }
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  if (loading) {
-    return (
-      <Flex align="center" justify="center" style={{ height: '100%' }}>
-        <Box>
-          <Spinner size="3" />
-          <Text size="2" color="gray" style={{ marginTop: '8px' }}>加载中...</Text>
-        </Box>
-      </Flex>
-    )
-  }
-
-  if (error) {
-    return (
-      <Flex align="center" justify="center" style={{ height: '100%' }}>
-        <Callout.Root color="red">
-            <Callout.Icon>
-            <AlertCircle />
-          </Callout.Icon>
-          <Callout.Text>
-            加载失败: {error}
-          </Callout.Text>
-        </Callout.Root>
-      </Flex>
-    )
-  }
-
-  return (
-    <Box>
-      {/* 页面标题 */}
-      <Flex direction="column" gap="2" mb="6">
-        <Heading size="8">机器人管理</Heading>
-        <Flex align="center" gap="2">
-          <Text color="gray">共 {bots.length} 个机器人，</Text>
-          <Badge color="green">{bots.filter(b => b.connected).length}</Badge>
-          <Text color="gray">个在线</Text>
-        </Flex>
-      </Flex>
-
-      <Separator size="4" mb="6" />
-
-      {/* 机器人列表 */}
-      <Grid columns={{ initial: '1', sm: '2', lg: '3' }} gap="4">
-        {bots.map((bot, index) => (
-          <Card key={`${bot.adapter}-${bot.name}-${index}`}>
-            <Flex direction="column" gap="3">
-              {/* 头部 */}
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <Box
-                    style={{
-                      padding: '8px',
-                      borderRadius: '8px',
-                      backgroundColor: bot.connected ? 'var(--green-3)' : 'var(--gray-3)'
-                    }}
-                  >
-                    <Bot 
-                      size={20}
-                      color={bot.connected ? 'var(--green-9)' : 'var(--gray-9)'}
-                    />
-                  </Box>
-                  <Text size="4" weight="bold">{bot.name}</Text>
-                </Flex>
-                
-                <Box style={{ position: 'relative' }}>
-                  <Badge color={bot.connected ? 'green' : 'gray'}>
-                    <Flex align="center" gap="1">
-                      {bot.connected ? (
-                        <>
-                          <Wifi size={12} />
-                          在线
-                        </>
-                      ) : (
-                        <>
-                          <WifiOff size={12} />
-                          离线
-                        </>
-                      )}
-                    </Flex>
-                  </Badge>
-                  {bot.connected && (
-                    <Box
-                      style={{
-                        position: 'absolute',
-                        top: '-4px',
-                        right: '-4px',
-                        width: '8px',
-                        height: '8px',
-                        borderRadius: '50%',
-                        backgroundColor: 'var(--green-9)',
-                        animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite'
-                      }}
-                    />
-                  )}
-                </Box>
-              </Flex>
-
-              {/* 适配器信息 */}
-              <Flex align="center" gap="2">
-                <Text size="2" color="gray">适配器:</Text>
-                <Badge variant="outline">{bot.adapter}</Badge>
-              </Flex>
-
-              <Separator size="4" />
-
-              {/* 详细信息 */}
-              <Flex direction="column" gap="2">
-                <Flex justify="between" align="center" p="2" style={{ borderRadius: '6px', backgroundColor: 'var(--gray-2)' }}>
-                  <Flex align="center" gap="2">
-                    <Activity 
-                      size={16}
-                      color={bot.status === 'online' ? 'var(--green-9)' : 'var(--gray-9)'}
-                    />
-                    <Text size="2" color="gray">运行状态</Text>
-                  </Flex>
-                  <Badge color={bot.status === 'online' ? 'green' : 'gray'}>
-                    {bot.status === 'online' ? '运行中' : '已停止'}
-                  </Badge>
-                </Flex>
-
-                <Flex justify="between" align="center" p="2" style={{ borderRadius: '6px', backgroundColor: 'var(--gray-2)' }}>
-                  <Flex align="center" gap="2">
-                    <Package size={16} color="var(--blue-9)" />
-                    <Text size="2" color="gray">适配器类型</Text>
-                  </Flex>
-                  <Text size="2" weight="medium">{bot.adapter}</Text>
-                </Flex>
-
-                <Flex justify="between" align="center" p="2" style={{ borderRadius: '6px', backgroundColor: 'var(--gray-2)' }}>
-                  <Flex align="center" gap="2">
-                    <Zap size={16} color="var(--purple-9)" />
-                    <Text size="2" color="gray">连接状态</Text>
-                  </Flex>
-                  <Text size="2" weight="medium" color={bot.connected ? 'green' : 'gray'}>
-                    {bot.connected ? '已连接' : '未连接'}
-                  </Text>
-                </Flex>
-              </Flex>
-            </Flex>
-          </Card>
-        ))}
-      </Grid>
-
-      {/* 空状态 */}
-      {bots.length === 0 && (
-        <Card>
-          <Flex direction="column" align="center" gap="4" py="9">
-            <Bot size={64} color="var(--gray-6)" />
-            <Flex direction="column" align="center" gap="2">
-              <Heading size="4">暂无机器人</Heading>
-              <Text color="gray">请先配置并启动机器人</Text>
-            </Flex>
-          </Flex>
-        </Card>
-      )}
-    </Box>
-  )
-}

package/app/src/pages/dashboard-home.tsx

@@ -1,301 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useNavigate } from 'react-router'
-import {Flex,Box,Spinner,Text,Callout,Heading,Badge,Grid,Card,Button} from '@radix-ui/themes'
-import { Bot, AlertCircle, Activity, Package, Clock, Cpu, MemoryStick, FileText, TrendingUp } from 'lucide-react'
-
-interface Stats {
-  plugins: { total: number; active: number }
-  bots: { total: number; online: number }
-  commands: number
-  components: number
-  uptime: number
-  memory: number
-}
-
-interface SystemStatus {
-  uptime: number
-  memory: {
-    rss: number
-    heapTotal: number
-    heapUsed: number
-    external: number
-  }
-  cpu: {
-    user: number
-    system: number
-  }
-  platform: string
-  nodeVersion: string
-}
-
-export default function DashboardHome() {
-  const navigate = useNavigate()
-  const [stats, setStats] = useState<Stats | null>(null)
-  const [systemStatus, setSystemStatus] = useState<SystemStatus | null>(null)
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-
-  useEffect(() => {
-    fetchData()
-    const interval = setInterval(fetchData, 5000)
-    return () => clearInterval(interval)
-  }, [])
-
-  const fetchData = async () => {
-    try {
-      const [statsRes, statusRes] = await Promise.all([
-        fetch('/api/stats', { credentials: 'include' }),
-        fetch('/api/system/status', { credentials: 'include' })
-      ])
-
-      if (!statsRes.ok || !statusRes.ok) throw new Error('API 请求失败')
-
-      const statsData = await statsRes.json()
-      const statusData = await statusRes.json()
-
-      if (statsData.success && statusData.success) {
-        setStats(statsData.data)
-        setSystemStatus(statusData.data)
-        setError(null)
-      }
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  const formatUptime = (seconds: number) => {
-    const days = Math.floor(seconds / 86400)
-    const hours = Math.floor((seconds % 86400) / 3600)
-    const minutes = Math.floor((seconds % 3600) / 60)
-    return `${days}天 ${hours}小时 ${minutes}分钟`
-  }
-
-  const formatMemory = (bytes: number) => {
-    return `${(bytes / 1024 / 1024).toFixed(2)} MB`
-  }
-
-  if (loading) {
-    return (
-      <Flex align="center" justify="center" style={{ height: '100%' }}>
-        <Box>
-          <Spinner size="3" />
-          <Text size="2" color="gray" style={{ marginTop: '8px' }}>加载中...</Text>
-        </Box>
-      </Flex>
-    )
-  }
-
-  if (error) {
-    return (
-      <Flex align="center" justify="center" style={{ height: '100%' }}>
-        <Callout.Root color="red">
-          <Callout.Icon>
-            <AlertCircle />
-          </Callout.Icon>
-          <Callout.Text>
-            加载失败: {error}
-          </Callout.Text>
-        </Callout.Root>
-      </Flex>
-    )
-  }
-
-  return (
-    <Box>
-      {/* 页面标题 */}
-      <Flex direction="column" gap="2" mb="6">
-        <Heading size="8">系统概览</Heading>
-        <Text color="gray">实时监控您的机器人框架运行状态</Text>
-      </Flex>
-
-      {/* 统计卡片 */}
-      <Grid columns={{ initial: '1', sm: '2', lg: '4' }} gap="4" mb="6">
-        <Card>
-          <Flex direction="column" gap="2">
-            <Flex justify="between" align="center">
-              <Text size="2" weight="medium" color="gray">插件总数</Text>
-              <Box p="2" style={{ borderRadius: '8px', backgroundColor: 'var(--purple-3)' }}>
-                <Package size={16} color="var(--purple-9)" />
-              </Box>
-            </Flex>
-            <Heading size="7">{stats?.plugins.total || 0}</Heading>
-            <Flex align="center" gap="1">
-              <Badge color="blue">{stats?.plugins.active || 0}</Badge>
-              <Text size="1" color="gray">个活跃</Text>
-            </Flex>
-          </Flex>
-        </Card>
-
-        <Card>
-          <Flex direction="column" gap="2">
-            <Flex justify="between" align="center">
-              <Text size="2" weight="medium" color="gray">机器人</Text>
-              <Bot size={16} color="var(--gray-9)" />
-            </Flex>
-            <Heading size="7">{stats?.bots.total || 0}</Heading>
-            <Text size="1" color="green">
-              {stats?.bots.online || 0} 个在线
-            </Text>
-          </Flex>
-        </Card>
-
-        <Card>
-          <Flex direction="column" gap="2">
-            <Flex justify="between" align="center">
-              <Text size="2" weight="medium" color="gray">命令数量</Text>
-              <Activity size={16} color="var(--gray-9)" />
-            </Flex>
-            <Heading size="7">{stats?.commands || 0}</Heading>
-            <Text size="1" color="gray">可用命令</Text>
-          </Flex>
-        </Card>
-
-        <Card>
-          <Flex direction="column" gap="2">
-            <Flex justify="between" align="center">
-              <Text size="2" weight="medium" color="gray">组件数量</Text>
-              <TrendingUp size={16} color="var(--gray-9)" />
-            </Flex>
-            <Heading size="7">{stats?.components || 0}</Heading>
-            <Text size="1" color="gray">已注册组件</Text>
-          </Flex>
-        </Card>
-      </Grid>
-
-      {/* 系统状态 */}
-      <Grid columns={{ initial: '1', md: '2' }} gap="4" mb="6">
-        <Card>
-          <Flex direction="column" gap="4">
-            <Box>
-              <Heading size="5" mb="1">系统信息</Heading>
-              <Text size="2" color="gray">服务器运行状态</Text>
-            </Box>
-
-            <Flex direction="column" gap="3">
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <Clock size={16} color="var(--gray-9)" />
-                  <Text size="2">运行时间</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {systemStatus ? formatUptime(systemStatus.uptime) : '-'}
-                </Badge>
-              </Flex>
-
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <Cpu size={16} color="var(--gray-9)" />
-                  <Text size="2">平台</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {systemStatus?.platform || '-'}
-                </Badge>
-              </Flex>
-
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <Activity size={16} color="var(--gray-9)" />
-                  <Text size="2">Node 版本</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {systemStatus?.nodeVersion || '-'}
-                </Badge>
-              </Flex>
-            </Flex>
-          </Flex>
-        </Card>
-
-        <Card>
-          <Flex direction="column" gap="4">
-            <Box>
-              <Heading size="5" mb="1">资源使用</Heading>
-              <Text size="2" color="gray">内存使用情况</Text>
-            </Box>
-
-            <Flex direction="column" gap="3">
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <MemoryStick size={16} color="var(--gray-9)" />
-                  <Text size="2">堆内存使用</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {stats ? `${stats.memory.toFixed(2)} MB` : '-'}
-                </Badge>
-              </Flex>
-
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <MemoryStick size={16} color="var(--gray-9)" />
-                  <Text size="2">总堆内存</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {systemStatus ? formatMemory(systemStatus.memory.heapTotal) : '-'}
-                </Badge>
-              </Flex>
-
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <MemoryStick size={16} color="var(--gray-9)" />
-                  <Text size="2">RSS</Text>
-                </Flex>
-                <Badge variant="soft">
-                  {systemStatus ? formatMemory(systemStatus.memory.rss) : '-'}
-                </Badge>
-              </Flex>
-            </Flex>
-          </Flex>
-        </Card>
-      </Grid>
-
-      {/* 快速操作 */}
-      <Card>
-        <Flex direction="column" gap="4">
-          <Box>
-            <Heading size="5" mb="1">快速操作</Heading>
-            <Text size="2" color="gray">常用功能快捷入口</Text>
-          </Box>
-
-          <Grid columns={{ initial: '1', md: '3' }} gap="3">
-            <Button 
-              variant="outline"
-              onClick={() => navigate('/plugins')}
-              style={{ height: 'auto', padding: '16px', cursor: 'pointer' }}
-            >
-              <Flex direction="column" align="start" gap="2" style={{ width: '100%' }}>
-                <Package size={20} color="var(--blue-9)" />
-                <Text weight="medium">插件管理</Text>
-                <Text size="1" color="gray">查看和管理插件</Text>
-              </Flex>
-            </Button>
-
-            <Button 
-              variant="outline"
-              onClick={() => navigate('/bots')}
-              style={{ height: 'auto', padding: '16px', cursor: 'pointer' }}
-            >
-              <Flex direction="column" align="start" gap="2" style={{ width: '100%' }}>
-                <Bot size={20} color="var(--green-9)" />
-                <Text weight="medium">机器人状态</Text>
-                <Text size="1" color="gray">监控机器人运行</Text>
-              </Flex>
-            </Button>
-
-            <Button 
-              variant="outline"
-              onClick={() => navigate('/logs')}
-              style={{ height: 'auto', padding: '16px', cursor: 'pointer' }}
-            >
-              <Flex direction="column" align="start" gap="2" style={{ width: '100%' }}>
-                <FileText size={20} color="var(--purple-9)" />
-                <Text weight="medium">系统日志</Text>
-                <Text size="1" color="gray">查看运行日志</Text>
-              </Flex>
-            </Button>
-          </Grid>
-        </Flex>
-      </Card>
-    </Box>
-  )
-}