Refactor frontend into monorepo

Author: TNT-Likely

frontend/packages/README.md

@@ -0,0 +1,7 @@
+# Frontend Workspace Packages
+
+- `@panwatch/api`: 统一的 HTTP 请求入口与领域 API（认证、版本、股票等）。
+- `@panwatch/base-ui`: 基础 UI 组件与样式工具（原 `src/components/ui/*` 已迁移）。
+- `@panwatch/biz-ui`: 业务组件与业务复用逻辑（原 `src/components/*` 业务组件已迁移）。
+
+当前前端页面已统一从 `@panwatch/api` 发起接口请求，避免在页面中直接调用 `fetch`。

frontend/packages/api/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@panwatch/api",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  }
+}

frontend/packages/api/src/app.ts

@@ -0,0 +1,9 @@
+import { fetchAPI } from './client'
+
+export interface VersionInfo {
+  version: string
+}
+
+export const appApi = {
+  version: () => fetchAPI<VersionInfo>('/version'),
+}

frontend/packages/api/src/auth.ts

@@ -0,0 +1,29 @@
+import { fetchAPI } from './client'
+
+export interface AuthStatus {
+  initialized: boolean
+}
+
+export interface AuthTokenPayload {
+  token: string
+  expires_at: string
+}
+
+export interface LoginPayload {
+  username: string
+  password: string
+}
+
+export const authApi = {
+  status: () => fetchAPI<AuthStatus>('/auth/status'),
+  login: (payload: LoginPayload) =>
+    fetchAPI<AuthTokenPayload>('/auth/login', {
+      method: 'POST',
+      body: JSON.stringify(payload),
+    }),
+  setup: (payload: LoginPayload) =>
+    fetchAPI<AuthTokenPayload>('/auth/setup', {
+      method: 'POST',
+      body: JSON.stringify(payload),
+    }),
+}

frontend/packages/api/src/client.ts

@@ -0,0 +1,67 @@
+const API_BASE = '/api'
+
+interface ApiResponse<T> {
+  code: number
+  success?: boolean
+  data: T
+  message: string
+}
+
+export function getToken(): string | null {
+  return localStorage.getItem('token')
+}
+
+export function logout() {
+  localStorage.removeItem('token')
+  localStorage.removeItem('token_expires')
+  window.location.href = '/login'
+}
+
+export function isAuthenticated(): boolean {
+  const token = getToken()
+  if (!token) return false
+
+  const expires = localStorage.getItem('token_expires')
+  if (expires && new Date(expires) < new Date()) {
+    logout()
+    return false
+  }
+  return true
+}
+
+export async function fetchAPI<T>(path: string, options?: RequestInit): Promise<T> {
+  const headers: Record<string, string> = {}
+
+  const token = getToken()
+  if (token) {
+    headers['Authorization'] = `Bearer ${token}`
+  }
+
+  if (options?.body) {
+    headers['Content-Type'] = 'application/json'
+  }
+
+  const res = await fetch(`${API_BASE}${path}`, {
+    headers,
+    ...options,
+  })
+
+  if (res.status === 401) {
+    logout()
+    throw new Error('登录已过期')
+  }
+
+  const body: ApiResponse<T> = await res.json().catch(() => ({
+    code: res.status,
+    data: null as T,
+    message: `HTTP ${res.status}`,
+  }))
+  if (body.code !== 0 || body.success === false) {
+    throw new Error(body.message || `HTTP ${res.status}`)
+  }
+  return body.data
+}
+
+export const apiClient = {
+  request: fetchAPI,
+}

frontend/packages/api/src/index.ts

@@ -0,0 +1,5 @@
+export * from './client'
+export * from './types'
+export * from './stocks'
+export * from './app'
+export * from './auth'

frontend/packages/api/src/stocks.ts

@@ -0,0 +1,33 @@
+import { fetchAPI } from './client'
+
+export interface StockAgentInfo {
+  agent_name: string
+  schedule: string
+  ai_model_id: number | null
+  notify_channel_ids: number[]
+}
+
+export interface StockItem {
+  id: number
+  symbol: string
+  name: string
+  market: string
+  sort_order?: number
+  agents?: StockAgentInfo[]
+}
+
+export interface StockCreatePayload {
+  symbol: string
+  name: string
+  market: string
+}
+
+export const stocksApi = {
+  list: () => fetchAPI<StockItem[]>('/stocks'),
+  create: (payload: StockCreatePayload) =>
+    fetchAPI<StockItem>('/stocks', {
+      method: 'POST',
+      body: JSON.stringify(payload),
+    }),
+  remove: (id: number) => fetchAPI<{ ok: boolean }>(`/stocks/${id}`, { method: 'DELETE' }),
+}

frontend/packages/api/src/types.ts

@@ -0,0 +1,36 @@
+export interface AIModel {
+  id: number
+  name: string
+  service_id: number
+  model: string
+  is_default: boolean
+}
+
+export interface AIService {
+  id: number
+  name: string
+  base_url: string
+  api_key: string
+  models: AIModel[]
+}
+
+export interface NotifyChannel {
+  id: number
+  name: string
+  type: string
+  config: Record<string, string>
+  enabled: boolean
+  is_default: boolean
+}
+
+export interface DataSource {
+  id: number
+  name: string
+  type: string
+  provider: string
+  config: Record<string, unknown>
+  enabled: boolean
+  priority: number
+  supports_batch: boolean
+  test_symbols: string[]
+}

frontend/packages/base-ui/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@panwatch/base-ui",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  }
+}

frontend/packages/base-ui/src/cn.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}