create-fullstack-scaffold 0.1.1 → 0.2.0

package/template/src/admin/pages/PluginReviewPage.tsx

@@ -0,0 +1,255 @@
+import { useState, useEffect, useCallback } from 'react'
+import {
+  Card,
+  Button,
+  Space,
+  Tag,
+  Empty,
+  Spin,
+  Input,
+  Modal,
+  Descriptions,
+  message,
+  Popconfirm,
+} from 'antd'
+import { CheckCircle, XCircle, ExternalLink, ArrowRight } from 'lucide-react'
+import { apiClient, api } from '../services/apiClient'
+import type { Plugin } from '@shared/modules/plugins'
+
+const STATUS_CONFIG: Record<string, { color: string; label: string }> = {
+  pending: { color: 'orange', label: '待审核' },
+  approved: { color: 'green', label: '已通过' },
+  rejected: { color: 'red', label: '已拒绝' },
+}
+
+export const PluginReviewPage: React.FC = () => {
+  const [pending, setPending] = useState<Plugin[]>([])
+  const [loading, setLoading] = useState(false)
+  const [currentIndex, setCurrentIndex] = useState(0)
+  const [rejectModalVisible, setRejectModalVisible] = useState(false)
+  const [rejectReason, setRejectReason] = useState('')
+
+  const fetchPending = useCallback(async () => {
+    setLoading(true)
+    try {
+      const result = await api(
+        apiClient.api.plugins.$get({ query: { status: 'pending', limit: 50, page: 1 } })
+      )
+        .withLoading()
+        .json()
+      setPending(result.plugins)
+      setCurrentIndex(0)
+    } catch {
+      // handled by api-request
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    fetchPending()
+  }, [fetchPending])
+
+  const current = pending[currentIndex]
+
+  const handleApprove = async () => {
+    if (!current) return
+    try {
+      await api(apiClient.api.plugins[':slug'].approve.$put({ param: { slug: current.slug } }))
+        .withLoading('审核通过中...')
+        .json()
+      message.success(`插件 "${current.name}" 已通过审核`)
+      setPending(prev => prev.filter(p => p.id !== current.id))
+      setCurrentIndex(prev => Math.min(prev, Math.max(0, pending.length - 2)))
+    } catch {
+      // handled
+    }
+  }
+
+  const openRejectModal = () => {
+    setRejectReason('')
+    setRejectModalVisible(true)
+  }
+
+  const handleReject = async () => {
+    if (!current || !rejectReason.trim()) {
+      message.warning('请填写拒绝原因')
+      return
+    }
+    try {
+      await api(
+        apiClient.api.plugins[':slug'].reject.$put({
+          param: { slug: current.slug },
+          json: { reason: rejectReason },
+        })
+      )
+        .withLoading('拒绝中...')
+        .json()
+      message.success(`插件 "${current.name}" 已拒绝`)
+      setPending(prev => prev.filter(p => p.id !== current.id))
+      setCurrentIndex(prev => Math.min(prev, Math.max(0, pending.length - 2)))
+      setRejectModalVisible(false)
+    } catch {
+      // handled
+    }
+  }
+
+  const goNext = () => setCurrentIndex(prev => Math.min(prev + 1, pending.length - 1))
+  const goPrev = () => setCurrentIndex(prev => Math.max(prev - 1, 0))
+
+  if (loading) {
+    return (
+      <div className="flex justify-center items-center h-64">
+        <Spin size="large" tip="加载待审核插件..." />
+      </div>
+    )
+  }
+
+  return (
+    <div>
+      <div className="flex justify-between items-center mb-6">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-900">插件审核</h1>
+          <p className="text-gray-600 mt-1">
+            待审核插件：{pending.length} 个
+            {pending.length > 0 && ` (${currentIndex + 1}/${pending.length})`}
+          </p>
+        </div>
+        <Button onClick={fetchPending}>刷新列表</Button>
+      </div>
+
+      {pending.length === 0 ? (
+        <Card>
+          <Empty description="没有待审核的插件" />
+        </Card>
+      ) : (
+        current && (
+          <Card
+            className="shadow-sm"
+            title={
+              <div className="flex items-center gap-3">
+                <span className="text-lg font-semibold">{current.name}</span>
+                <Tag color={STATUS_CONFIG[current.status]?.color}>
+                  {STATUS_CONFIG[current.status]?.label}
+                </Tag>
+                {current.featured && <Tag color="gold">推荐</Tag>}
+              </div>
+            }
+            extra={
+              <Space>
+                <Button
+                  onClick={goPrev}
+                  disabled={currentIndex === 0}
+                  icon={<ArrowRight className="w-4 h-4 rotate-180" />}
+                >
+                  上一个
+                </Button>
+                <Button
+                  onClick={goNext}
+                  disabled={currentIndex >= pending.length - 1}
+                  icon={<ArrowRight className="w-4 h-4" />}
+                >
+                  下一个
+                </Button>
+              </Space>
+            }
+          >
+            <Descriptions bordered column={2}>
+              <Descriptions.Item label="Slug">
+                <code className="text-xs">{current.slug}</code>
+              </Descriptions.Item>
+              <Descriptions.Item label="作者">{current.authorName}</Descriptions.Item>
+              <Descriptions.Item label="版本">
+                <code className="text-xs">{current.version}</code>
+              </Descriptions.Item>
+              <Descriptions.Item label="下载量">{current.downloadCount}</Descriptions.Item>
+              <Descriptions.Item label="描述" span={2}>
+                {current.description}
+              </Descriptions.Item>
+              {current.repositoryUrl && (
+                <Descriptions.Item label="仓库地址">
+                  <a
+                    href={current.repositoryUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center gap-1"
+                  >
+                    <ExternalLink className="w-3 h-3" /> {current.repositoryUrl}
+                  </a>
+                </Descriptions.Item>
+              )}
+              {current.homepageUrl && (
+                <Descriptions.Item label="主页">
+                  <a
+                    href={current.homepageUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center gap-1"
+                  >
+                    <ExternalLink className="w-3 h-3" /> {current.homepageUrl}
+                  </a>
+                </Descriptions.Item>
+              )}
+              {current.license && (
+                <Descriptions.Item label="许可证">{current.license}</Descriptions.Item>
+              )}
+              {current.npmPackage && (
+                <Descriptions.Item label="NPM 包">
+                  <code className="text-xs">{current.npmPackage}</code>
+                </Descriptions.Item>
+              )}
+              {current.tags && current.tags.length > 0 && (
+                <Descriptions.Item label="标签" span={2}>
+                  {current.tags.map(tag => (
+                    <Tag key={tag}>{tag}</Tag>
+                  ))}
+                </Descriptions.Item>
+              )}
+            </Descriptions>
+
+            <div className="flex justify-end gap-3 mt-6 pt-4 border-t">
+              <Popconfirm
+                title="确定通过此插件审核？"
+                onConfirm={handleApprove}
+                okText="通过"
+                cancelText="取消"
+              >
+                <Button type="primary" icon={<CheckCircle className="w-4 h-4" />}>
+                  通过审核
+                </Button>
+              </Popconfirm>
+              <Button danger icon={<XCircle className="w-4 h-4" />} onClick={openRejectModal}>
+                拒绝
+              </Button>
+            </div>
+          </Card>
+        )
+      )}
+
+      <Modal
+        title={`拒绝插件${current ? ` - ${current.name}` : ''}`}
+        open={rejectModalVisible}
+        onOk={handleReject}
+        onCancel={() => {
+          setRejectModalVisible(false)
+          setRejectReason('')
+        }}
+        okText="确认拒绝"
+        cancelText="取消"
+        okButtonProps={{ danger: true }}
+      >
+        <div className="mb-4">
+          <p className="text-sm text-gray-500 mb-2">请填写拒绝原因：</p>
+          <Input.TextArea
+            rows={4}
+            value={rejectReason}
+            onChange={e => setRejectReason(e.target.value)}
+            placeholder="请输入拒绝原因..."
+            maxLength={500}
+            showCount
+          />
+        </div>
+      </Modal>
+    </div>
+  )
+}

package/template/src/admin/pages/SystemLogsPage.tsx

@@ -29,6 +29,15 @@ export const SystemLogsPage: React.FC = () => {
     resourceType: '',
   })
 
+  const safeFormatJson = (val: string | null | undefined): string => {
+    if (!val) return '-'
+    try {
+      return JSON.stringify(JSON.parse(val), null, 2)
+    } catch {
+      return val
+    }
+  }
+
   useEffect(() => {
     fetchLogs()
   }, [fetchLogs])
@@ -199,14 +208,14 @@ export const SystemLogsPage: React.FC = () => {
             {selectedLog.oldValue && (
               <Descriptions.Item label="旧值">
                 <pre style={{ margin: 0, maxHeight: '200px', overflow: 'auto' }}>
-                  {JSON.stringify(JSON.parse(selectedLog.oldValue), null, 2)}
+                  {safeFormatJson(selectedLog.oldValue)}
                 </pre>
               </Descriptions.Item>
             )}
             {selectedLog.newValue && (
               <Descriptions.Item label="新值">
                 <pre style={{ margin: 0, maxHeight: '200px', overflow: 'auto' }}>
-                  {JSON.stringify(JSON.parse(selectedLog.newValue), null, 2)}
+                  {safeFormatJson(selectedLog.newValue)}
                 </pre>
               </Descriptions.Item>
             )}

package/template/src/admin/pages/TicketsPage.tsx

@@ -53,6 +53,8 @@ export const TicketsPage: React.FC = () => {
       const result = await response.json()
       if (result.success) {
         setTickets(result.data)
+      } else {
+        message.error(result.error || 'Failed to load tickets')
       }
     } catch {
       message.error('获取工单列表失败')

package/template/src/admin/pages/UsersPage.tsx

@@ -137,12 +137,13 @@ export const UsersPage: React.FC = () => {
   }
 
   const getStatusTag = (status: string) => {
-    const statusConfig = {
+    const statusConfig: Record<string, { color: string; text: string }> = {
       active: { color: 'green', text: '正常' },
       inactive: { color: 'orange', text: '未激活' },
       locked: { color: 'red', text: '已锁定' },
     }
-    const config = statusConfig[status as keyof typeof statusConfig]
+    const config = statusConfig[status]
+    if (!config) return <Tag>{status}</Tag>
     return <Tag color={config.color}>{config.text}</Tag>
   }
 

package/template/src/admin/stores/adminStore.ts

@@ -10,12 +10,14 @@ interface AdminState {
   isAuthenticated: boolean
   stats: SystemStats | null
   loading: boolean
+  error: string | null
 
   login: (username: string, password: string) => Promise<LoginResponse>
   logout: () => void
   fetchStats: () => Promise<void>
   setUser: (user: AuthUserResponse) => void
   setToken: (token: string) => void
+  clearError: () => void
 }
 
 export const useAdminStore = create<AdminState>()(
@@ -26,6 +28,7 @@ export const useAdminStore = create<AdminState>()(
       isAuthenticated: false,
       stats: null,
       loading: false,
+      error: null,
 
       login: async (username: string, password: string) => {
         set({ loading: true })
@@ -70,11 +73,13 @@ export const useAdminStore = create<AdminState>()(
           }
         } catch (error) {
           console.error('Failed to fetch stats:', error)
+          set({ error: error instanceof Error ? error.message : 'Failed to fetch stats' })
         }
       },
 
       setUser: (user: AuthUserResponse) => set({ user }),
       setToken: (token: string) => set({ token }),
+      clearError: () => set({ error: null }),
     }),
     {
       name: 'admin-storage',

package/template/src/cli/index.ts

@@ -1,22 +1,20 @@
-import { program } from 'commander'
-import { registerModules } from './modules'
-import { setBaseUrl } from './utils/api'
-import { createLogger } from './utils/logger'
+import { Core, type CoreConfig } from '@dyyz1993/xcli-core'
+import { registerBuiltinCommands } from './modules'
 
-program
-  .name('biomimic')
-  .description('Biomimic CLI - RPC service & code generation tools')
-  .version('0.1.0')
-  .option('-v, --verbose', 'Enable verbose output')
-  .option('-u, --url <url>', 'Server URL', 'http://localhost:3010')
-  .hook('preAction', thisCommand => {
-    const options = thisCommand.opts()
-    createLogger({ verbose: options.verbose })
-    if (options.url) {
-      setBaseUrl(options.url)
-    }
-  })
+const coreConfig: CoreConfig = {
+  name: 'biomimic',
+  version: '0.1.0',
+  description: 'Biomimic CLI - RPC service & code generation tools',
+  configDirName: '.biomimic',
+  envPrefix: 'BIOMIMIC',
+  pluginDirs: [],
+}
 
-registerModules(program)
+const app = new Core(coreConfig)
 
-program.parse()
+// Register builtin commands (todo/notification/config modules)
+registerBuiltinCommands(app)
+
+// Execute CLI
+const exitCode = await app.run(process.argv.slice(2))
+process.exit(exitCode)

package/template/src/cli/modules/auth/index.ts

@@ -0,0 +1,65 @@
+import type { SiteInstance } from '@dyyz1993/xcli-core'
+import { ok, fail } from '@dyyz1993/xcli-core'
+import { z } from 'zod'
+import { getClient } from '@cli/utils/api'
+
+export function registerAuthCommands(site: SiteInstance) {
+  site.command('register', {
+    description: 'Register a new developer account',
+    parameters: z.object({
+      username: z.string().min(2).max(50).describe('Username'),
+      email: z.string().email().describe('Email'),
+      password: z.string().min(6).describe('Password'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { username: string; email: string; password: string }
+      try {
+        const client = getClient()
+        const res = await client.api.auth.register.$post({ json: p })
+        const data = await res.json()
+        return ok(data, ['Registration successful'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to register')
+      }
+    },
+  })
+
+  site.command('login', {
+    description: 'Login to get API key',
+    parameters: z.object({
+      account: z.string().describe('Email or username'),
+      password: z.string().min(6).describe('Password'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { account: string; password: string }
+      try {
+        const client = getClient()
+        const res = await client.api.auth.login.$post({ json: p })
+        const data = await res.json()
+        return ok(data, ['Login successful'])
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to login')
+      }
+    },
+  })
+
+  site.command('verify', {
+    description: 'Verify API key',
+    parameters: z.object({
+      token: z.string().describe('API key to verify'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { token: string }
+      try {
+        const client = getClient()
+        const res = await client.api.auth.verify.$get({
+          headers: { Authorization: `Bearer ${p.token}` },
+        })
+        const data = await res.json()
+        return ok(data)
+      } catch (err) {
+        return fail(err instanceof Error ? err.message : 'Failed to verify')
+      }
+    },
+  })
+}

package/template/src/cli/modules/config/index.ts

@@ -1,9 +1,10 @@
-import { Command } from 'commander'
+import type { SiteInstance } from '@dyyz1993/xcli-core'
+import { ok, fail } from '@dyyz1993/xcli-core'
+import { z } from 'zod'
 import { getBaseUrl, setBaseUrl, getClient } from '@cli/utils/api'
-import { getLogger } from '@cli/utils/logger'
-import fs from 'fs'
-import path from 'path'
-import os from 'os'
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
 
 const CONFIG_DIR = path.join(os.homedir(), '.biomimic')
 const CONFIG_FILE = path.join(CONFIG_DIR, 'config.json')
@@ -37,96 +38,92 @@ function saveConfig(config: Config) {
   fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2))
 }
 
-export function registerConfigCommands(program: Command) {
-  const config = program.command('config').description('CLI configuration and service management')
-
-  config
-    .command('get')
-    .description('Show current configuration')
-    .option('-k, --key <key>', 'Get specific config key')
-    .action((options: { key?: string }) => {
-      const logger = getLogger()
+export function registerConfigCommands(site: SiteInstance) {
+  site.command('config-get', {
+    description: 'Show current configuration',
+    parameters: z.object({
+      key: z.string().optional().describe('Get specific config key'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { key?: string }
       const cfg = loadConfig()
-
-      if (options.key) {
-        const value = cfg[options.key]
-        logger.info(`${options.key}: ${value ?? 'not set'}`)
-      } else {
-        logger.info(JSON.stringify(cfg, null, 2))
+      if (p.key) {
+        const value = cfg[p.key]
+        return ok({ [p.key]: value ?? 'not set' })
       }
-    })
-
-  config
-    .command('set')
-    .description('Set configuration value')
-    .option('-u, --url <url>', 'Set server URL')
-    .action((options: { url?: string }) => {
-      const logger = getLogger()
+      return ok(cfg)
+    },
+  })
+
+  site.command('config-set', {
+    description: 'Set configuration value',
+    parameters: z.object({
+      url: z.string().optional().describe('Set server URL'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { url?: string }
       const cfg = loadConfig()
-
-      if (options.url) {
-        cfg.baseUrl = options.url
-        setBaseUrl(options.url)
-        logger.success(`Server URL set to: ${options.url}`)
+      if (p.url) {
+        cfg.baseUrl = p.url
+        setBaseUrl(p.url)
       }
-
       saveConfig(cfg)
-    })
-
-  config
-    .command('url')
-    .description('Show or set server URL')
-    .argument('[url]', 'New server URL')
-    .action((url?: string) => {
-      const logger = getLogger()
-      if (url) {
+      return ok(cfg, ['Configuration saved'])
+    },
+  })
+
+  site.command('config-url', {
+    description: 'Show or set server URL',
+    parameters: z.object({
+      url: z.string().optional().describe('New server URL'),
+    }),
+    handler: async (params: unknown) => {
+      const p = params as { url?: string }
+      if (p.url) {
         const cfg = loadConfig()
-        cfg.baseUrl = url
-        setBaseUrl(url)
+        cfg.baseUrl = p.url
+        setBaseUrl(p.url)
         saveConfig(cfg)
-        logger.success(`Server URL set to: ${url}`)
-      } else {
-        logger.info(`Current server URL: ${getBaseUrl()}`)
+        return ok({ url: p.url }, [`Server URL set to: ${p.url}`])
       }
-    })
-
-  config
-    .command('status')
-    .description('Check server connection status')
-    .action(async () => {
-      const logger = getLogger()
-      const client = getClient()
-
+      return ok({ url: getBaseUrl() })
+    },
+  })
+
+  site.command('config-status', {
+    description: 'Check server connection status',
+    parameters: z.object({}),
+    handler: async () => {
       try {
+        const client = getClient()
         type HealthClient = { health: { $get: () => Promise<Response> } }
         const res = await (client as unknown as HealthClient).health.$get()
         const data = await res.json()
-        logger.success('Server is reachable')
-        logger.info(JSON.stringify(data, null, 2))
+        return ok(data, ['Server is reachable'])
       } catch (error) {
-        logger.error(`Server not reachable: ${getBaseUrl()}`)
-        logger.error(String(error))
+        return fail(`Server not reachable: ${getBaseUrl()} - ${String(error)}`)
       }
-    })
+    },
+  })
 
-  config
-    .command('reset')
-    .description('Reset configuration to defaults')
-    .action(() => {
-      const logger = getLogger()
+  site.command('config-reset', {
+    description: 'Reset configuration to defaults',
+    parameters: z.object({}),
+    handler: async () => {
       const defaultConfig: Config = { baseUrl: 'http://localhost:3010' }
       saveConfig(defaultConfig)
       setBaseUrl(defaultConfig.baseUrl)
-      logger.success('Configuration reset to defaults')
-    })
-
-  config
-    .command('path')
-    .description('Show config file path')
-    .action(() => {
-      const logger = getLogger()
-      logger.info(`Config file: ${CONFIG_FILE}`)
-    })
+      return ok(defaultConfig, ['Configuration reset to defaults'])
+    },
+  })
+
+  site.command('config-path', {
+    description: 'Show config file path',
+    parameters: z.object({}),
+    handler: async () => {
+      return ok({ path: CONFIG_FILE })
+    },
+  })
 }
 
 export { loadConfig, saveConfig, CONFIG_FILE }

package/template/src/cli/modules/index.ts

@@ -1,12 +1,34 @@
-import type { Command } from 'commander'
+import type { Core } from '@dyyz1993/xcli-core'
 import { registerTodoCommands } from './todo'
 import { registerNotificationCommands } from './notification'
 import { registerConfigCommands } from './config'
+import { registerPluginCommands } from './plugin'
+import { registerAuthCommands } from './auth'
 
-export function registerModules(program: Command) {
-  registerTodoCommands(program)
-  registerNotificationCommands(program)
-  registerConfigCommands(program)
+/**
+ * Register all builtin CLI commands to xcli-core.
+ * Each register function receives a SiteInstance for command registration.
+ */
+export function registerBuiltinCommands(app: Core) {
+  const api = app.loader.getAPI()
+
+  // Create a builtin site representing the local server
+  const site = api.createSite({
+    name: 'local-server',
+    url: 'http://localhost:3010',
+  })
+
+  registerTodoCommands(site)
+  registerNotificationCommands(site)
+  registerConfigCommands(site)
+  registerPluginCommands(site)
+  registerAuthCommands(site)
 }
 
-export { registerTodoCommands, registerNotificationCommands, registerConfigCommands }
+export {
+  registerTodoCommands,
+  registerNotificationCommands,
+  registerConfigCommands,
+  registerPluginCommands,
+  registerAuthCommands,
+}