aicodeswitch 1.4.1 → 1.5.0

package/src/server/version-check.ts

@@ -0,0 +1,108 @@
+import https from 'https';
+import path from 'path';
+import fs from 'fs';
+
+const PACKAGE_NAME = 'aicodeswitch';
+const NPM_REGISTRY = 'registry.npmjs.org';
+
+// 比较版本号
+export const compareVersions = (v1: string, v2: string): number => {
+  const parts1 = v1.split('.').map(Number);
+  const parts2 = v2.split('.').map(Number);
+
+  for (let i = 0; i < 3; i++) {
+    if (parts1[i] > parts2[i]) return 1;
+    if (parts1[i] < parts2[i]) return -1;
+  }
+  return 0;
+};
+
+// 获取当前版本
+export const getCurrentVersion = (): string | null => {
+  try {
+    const packageJsonPath = path.resolve(__dirname, '../../package.json');
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+    return packageJson.version;
+  } catch (err) {
+    console.error('Failed to read current version:', err);
+    return null;
+  }
+};
+
+// 从 npm 获取最新版本
+export const getLatestVersion = (): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const options = {
+      hostname: NPM_REGISTRY,
+      path: `/${PACKAGE_NAME}`,
+      method: 'GET',
+      headers: {
+        'User-Agent': 'aicodeswitch-version-check'
+      }
+    };
+
+    const req = https.request(options, (res) => {
+      let data = '';
+
+      res.on('data', (chunk) => {
+        data += chunk;
+      });
+
+      res.on('end', () => {
+        try {
+          const packageInfo = JSON.parse(data);
+          resolve(packageInfo['dist-tags'].latest);
+        } catch (err) {
+          reject(new Error('Failed to parse npm response'));
+        }
+      });
+    });
+
+    req.on('error', (err) => {
+      reject(err);
+    });
+
+    req.setTimeout(10000, () => {
+      req.destroy();
+      reject(new Error('Request timeout'));
+    });
+
+    req.end();
+  });
+};
+
+// 检查版本更新
+export const checkVersionUpdate = async (): Promise<{
+  hasUpdate: boolean;
+  currentVersion: string | null;
+  latestVersion: string | null;
+}> => {
+  try {
+    const currentVersion = getCurrentVersion();
+    const latestVersion = await getLatestVersion();
+
+    if (!currentVersion || !latestVersion) {
+      return {
+        hasUpdate: false,
+        currentVersion,
+        latestVersion
+      };
+    }
+
+    const versionCompare = compareVersions(latestVersion, currentVersion);
+    const hasUpdate = versionCompare > 0;
+
+    return {
+      hasUpdate,
+      currentVersion,
+      latestVersion
+    };
+  } catch (error) {
+    console.error('Failed to check version update:', error);
+    return {
+      hasUpdate: false,
+      currentVersion: getCurrentVersion(),
+      latestVersion: null
+    };
+  }
+};

package/src/types/index.ts

@@ -0,0 +1,217 @@
+/** 供应商信息 */
+export interface Vendor {
+  id: string;
+  name: string;
+  description?: string;
+  createdAt: number;
+  updatedAt: number;
+}
+
+/** 供应商API接口的数据结构标准类型 */
+export type SourceType = 'openai-chat' | 'openai-code' | 'openai-responses' | 'claude-chat' | 'claude-code' | 'deepseek-chat';
+/** 路由的目标对象类型，目前，仅支持claude-code和codex */
+export type TargetType = 'claude-code' | 'codex';
+
+/** 供应商API服务 */
+export interface APIService {
+  id: string;
+  vendorId: string;
+  name: string;
+  apiUrl: string;
+  apiKey: string;
+  timeout?: number;
+  sourceType?: SourceType;
+  supportedModels?: string[];
+  createdAt: number;
+  updatedAt: number;
+}
+
+/** 路由信息 */
+export interface Route {
+  id: string;
+  name: string;
+  description?: string;
+  targetType: TargetType;
+  isActive: boolean;
+  createdAt: number;
+  updatedAt: number;
+}
+
+/** 路由规则 */
+export interface Rule {
+  id: string;
+  routeId: string;
+  contentType: ContentType;
+  targetServiceId: string;
+  targetModel?: string;
+  replacedModel?: string;
+  sortOrder?: number;
+  createdAt: number;
+  updatedAt: number;
+}
+
+export type ContentType = 'default' | 'background' | 'thinking' | 'long-context' | 'image-understanding' | 'model-mapping';
+
+export interface RequestLog {
+  id: string;
+  timestamp: number;
+  method: string;
+  path: string;
+  headers: Record<string, string>;
+  body?: string;
+  statusCode?: number;
+  responseTime?: number;
+  targetProvider?: string;
+  usage?: TokenUsage;
+  error?: string;
+
+  // 新增字段 - 用于日志筛选和详情展示
+  targetType?: TargetType;                         // 来源对象类型
+  targetServiceId?: string;                        // API服务ID
+  targetServiceName?: string;                      // API服务名
+  targetModel?: string;                            // 模型名
+  vendorId?: string;                               // 供应商ID
+  vendorName?: string;                             // 供应商名称
+  requestModel?: string;                           // 请求模型名（从请求体中读取）
+
+  responseHeaders?: Record<string, string>;        // 响应头
+  responseBody?: string;                           // 响应体(非stream)
+  streamChunks?: string[];                         // stream chunks数组
+}
+
+export interface AccessLog {
+  id: string;
+  timestamp: number;
+  method: string;
+  path: string;
+  clientIp?: string;
+  userAgent?: string;
+  statusCode?: number;
+  responseTime?: number;
+  error?: string;
+}
+
+export interface ErrorLog {
+  id: string;
+  timestamp: number;
+  method: string;
+  path: string;
+  statusCode?: number;
+  errorMessage: string;
+  errorStack?: string;
+  requestHeaders?: Record<string, string>;
+  requestBody?: string;
+}
+
+export interface AppConfig {
+  enableLogging: boolean;
+  logRetentionDays: number;
+  maxLogSize: number;
+  apiKey: string;
+  enableFailover?: boolean;  // 是否启用智能故障切换,默认 true
+}
+
+export interface ExportData {
+  version: string;
+  exportDate: number;
+  vendors: Vendor[];
+  apiServices: APIService[];
+  routes: Route[];
+  rules: Rule[];
+  config: AppConfig;
+}
+
+export interface TokenUsage {
+  inputTokens: number;
+  outputTokens: number;
+  totalTokens?: number;
+  cacheReadInputTokens?: number;
+}
+
+/** 服务黑名单记录 */
+export interface ServiceBlacklistEntry {
+  serviceId: string;
+  routeId: string;
+  contentType: ContentType;
+  blacklistedAt: number;      // 标记时间戳
+  expiresAt: number;          // 过期时间 = blacklistedAt + 10分钟
+  errorCount: number;         // 错误计数
+  lastError?: string;         // 最后一次错误信息
+  lastStatusCode?: number;    // 最后一次错误的状态码
+}
+
+/** 鉴权状态响应 */
+export interface AuthStatus {
+  enabled: boolean;
+}
+
+/** 登录请求 */
+export interface LoginRequest {
+  authCode: string;
+}
+
+/** 登录响应 */
+export interface LoginResponse {
+  token: string;
+}
+
+/** 统计数据 */
+export interface Statistics {
+  overview: {
+    totalRequests: number;
+    totalTokens: number;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+    totalCacheReadTokens: number;
+    totalVendors: number;
+    totalServices: number;
+    totalRoutes: number;
+    totalRules: number;
+    avgResponseTime: number;
+    successRate: number;
+    totalCodingTime: number; // 编程时长(分钟)
+  };
+  byTargetType: {
+    targetType: TargetType;
+    totalRequests: number;
+    totalTokens: number;
+    avgResponseTime: number;
+  }[];
+  byVendor: {
+    vendorId: string;
+    vendorName: string;
+    totalRequests: number;
+    totalTokens: number;
+    avgResponseTime: number;
+  }[];
+  byService: {
+    serviceId: string;
+    serviceName: string;
+    vendorName: string;
+    totalRequests: number;
+    totalTokens: number;
+    avgResponseTime: number;
+  }[];
+  byModel: {
+    modelName: string;
+    totalRequests: number;
+    totalTokens: number;
+    avgResponseTime: number;
+  }[];
+  timeline: {
+    date: string; // YYYY-MM-DD
+    totalRequests: number;
+    totalTokens: number;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+  }[];
+  contentTypeDistribution: {
+    contentType: string;
+    count: number;
+    percentage: number;
+  }[];
+  errors: {
+    totalErrors: number;
+    recentErrors: number; // 最近24小时
+  };
+}

package/src/ui/App.tsx

@@ -0,0 +1,342 @@
+import { useState, useEffect } from 'react';
+import { HashRouter as Router, Routes, Route, NavLink, useNavigate } from 'react-router-dom';
+import { api } from './api/client';
+import VendorsPage from './pages/VendorsPage';
+import RouteGroupsPage from './pages/RoutesPage';
+import LogsPage from './pages/LogsPage';
+import SettingsPage from './pages/SettingsPage';
+import WriteConfigPage from './pages/WriteConfigPage';
+import UsagePage from './pages/UsagePage';
+import StatisticsPage from './pages/StatisticsPage';
+import './styles/App.css';
+
+function AppContent() {
+  const navigate = useNavigate();
+  const [theme, setTheme] = useState('light');
+  const [showVendorModal, setShowVendorModal] = useState(false);
+  const [hasCheckedVendors, setHasCheckedVendors] = useState(false);
+
+  // 版本更新相关状态
+  const [hasUpdate, setHasUpdate] = useState(false);
+  const [latestVersion, setLatestVersion] = useState<string | null>(null);
+  const [currentVersion, setCurrentVersion] = useState<string | null>(null);
+
+  // 鉴权相关状态
+  const [authEnabled, setAuthEnabled] = useState(false);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [authCode, setAuthCode] = useState('');
+  const [loginError, setLoginError] = useState('');
+  const [isCheckingAuth, setIsCheckingAuth] = useState(true);
+
+  useEffect(() => {
+    const savedTheme = localStorage.getItem('theme') || 'light';
+    setTheme(savedTheme);
+    document.documentElement.setAttribute('data-theme', savedTheme);
+  }, []);
+
+  // 版本检查 - 每1分钟检查一次
+  useEffect(() => {
+    const checkVersion = async () => {
+      try {
+        const versionInfo = await api.checkVersion();
+        setHasUpdate(versionInfo.hasUpdate);
+        setLatestVersion(versionInfo.latestVersion);
+        setCurrentVersion(versionInfo.currentVersion);
+      } catch (error) {
+        console.error('Failed to check version:', error);
+      }
+    };
+
+    // 立即检查一次
+    checkVersion();
+
+    // 每1分钟检查一次
+    const intervalId = setInterval(checkVersion, 60000);
+
+    return () => clearInterval(intervalId);
+  }, []);
+
+  // 检查鉴权状态
+  useEffect(() => {
+    const checkAuth = async () => {
+      try {
+        // 1. 检查是否启用鉴权
+        const authStatus = await api.getAuthStatus();
+        setAuthEnabled(authStatus.enabled);
+
+        if (!authStatus.enabled) {
+          // 未启用鉴权,直接标记为已认证
+          setIsAuthenticated(true);
+          setIsCheckingAuth(false);
+          return;
+        }
+
+        // 2. 如果启用鉴权,检查本地是否有 token
+        const token = localStorage.getItem('auth_token');
+        if (!token) {
+          // 没有 token,不设置为已认证
+          setIsCheckingAuth(false);
+          return;
+        }
+
+        // 3. 有 token,尝试调用 API 验证 token 有效性
+        try {
+          await api.getVendors(); // 调用任意需要鉴权的 API
+          setIsAuthenticated(true);
+        } catch (error) {
+          // Token 无效,不设置为已认证
+        }
+      } catch (error) {
+        console.error('Failed to check auth status:', error);
+      } finally {
+        setIsCheckingAuth(false);
+      }
+    };
+
+    checkAuth();
+  }, []);
+
+  useEffect(() => {
+    const checkVendors = async () => {
+      try {
+        const vendors = await api.getVendors();
+        if (vendors.length === 0 && !hasCheckedVendors) {
+          setShowVendorModal(true);
+          setHasCheckedVendors(true);
+        }
+      } catch (error) {
+        console.error('Failed to check vendors:', error);
+      }
+    };
+
+    checkVendors();
+  }, [hasCheckedVendors]);
+
+  const toggleTheme = () => {
+    const newTheme = theme === 'light' ? 'dark' : 'light';
+    setTheme(newTheme);
+    document.documentElement.setAttribute('data-theme', newTheme);
+    localStorage.setItem('theme', newTheme);
+  };
+
+  const handleVendorModalConfirm = () => {
+    setShowVendorModal(false);
+    navigate('/vendors');
+  };
+
+  const handleLogin = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoginError('');
+
+    if (!authCode.trim()) {
+      setLoginError('请输入鉴权码');
+      return;
+    }
+
+    try {
+      const response = await api.login(authCode);
+      localStorage.setItem('auth_token', response.token);
+      setIsAuthenticated(true);
+      setAuthCode('');
+    } catch (error) {
+      if (error instanceof Error) {
+        setLoginError(error.message || '登录失败,请检查鉴权码');
+      } else {
+        setLoginError('登录失败,请检查鉴权码');
+      }
+    }
+  };
+
+  // 如果正在检查鉴权状态,显示加载中
+  if (isCheckingAuth) {
+    return (
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100vh',
+        fontSize: '18px',
+        color: 'var(--text-secondary)'
+      }}>
+        加载中...
+      </div>
+    );
+  }
+
+  // 如果启用鉴权且未认证,只显示登录弹层
+  if (authEnabled && !isAuthenticated) {
+    return (
+      <div className="modal-overlay">
+        <div className="modal" style={{ maxWidth: '400px' }}>
+          <div className="modal-header">
+            <h2>🔐 系统鉴权</h2>
+          </div>
+          <form onSubmit={handleLogin}>
+            <div style={{ padding: '20px 0' }}>
+              <p style={{ marginBottom: '16px', lineHeight: '1.6', color: 'var(--text-secondary)' }}>
+                系统已启用鉴权保护,请输入鉴权码以继续访问。
+              </p>
+              <div style={{ marginBottom: '16px' }}>
+                <label style={{ display: 'block', marginBottom: '8px', fontWeight: '500' }}>
+                  鉴权码
+                </label>
+                <input
+                  type="password"
+                  value={authCode}
+                  onChange={(e) => setAuthCode(e.target.value)}
+                  placeholder="请输入鉴权码"
+                  style={{
+                    width: '100%',
+                    padding: '10px 12px',
+                    border: '1px solid var(--border-color)',
+                    borderRadius: '6px',
+                    fontSize: '14px',
+                    boxSizing: 'border-box'
+                  }}
+                  autoFocus
+                />
+              </div>
+              {loginError && (
+                <div style={{
+                  padding: '10px 12px',
+                  backgroundColor: '#fee',
+                  border: '1px solid #fcc',
+                  borderRadius: '6px',
+                  color: '#c33',
+                  fontSize: '14px',
+                  marginBottom: '16px'
+                }}>
+                  {loginError}
+                </div>
+              )}
+            </div>
+            <div className="modal-footer">
+              <button type="submit" className="btn btn-primary" style={{ width: '100%' }}>
+                登录
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="app">
+      <nav className="sidebar">
+        <div className="logo">
+          <h2>AI Code Switch</h2>
+        </div>
+         <ul className="nav-menu">
+          <li>
+            <NavLink to="/">📊 数据统计</NavLink>
+          </li>
+          <li>
+            <NavLink to="/routes">路由管理</NavLink>
+          </li>
+          <li>
+            <NavLink to="/vendors">供应商管理</NavLink>
+          </li>
+          <li>
+            <NavLink to="/write-config">覆盖配置文件</NavLink>
+          </li>
+          <li>
+            <NavLink to="/logs">请求日志</NavLink>
+          </li>
+          <li>
+            <NavLink to="/settings">设置</NavLink>
+          </li>
+          <li>
+            <NavLink to="/usage">使用说明</NavLink>
+          </li>
+        </ul>
+
+        {hasUpdate && (
+          <div className="update-notification">
+            <div className="update-notification-content">
+              <span className="update-icon">⬆️</span>
+              <div className="update-text">
+                <div className="update-title">新版本可用</div>
+                <div className="update-versions">
+                  {currentVersion} → {latestVersion}
+                </div>
+                <div className="update-message">
+                  命令行执行如下更新到最新版本<br />
+                  <code>npm i -g aicodeswitch</code>
+                </div>
+              </div>
+            </div>
+            <a
+              href="https://npmjs.com/package/aicodeswitch"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="update-link"
+            >
+              查看详情
+            </a>
+          </div>
+        )}
+
+        <div className="theme-toggle">
+          <button
+            onClick={toggleTheme}
+            className={theme === 'light' ? 'active' : ''}
+            title="浅色模式"
+          >
+            ☀️
+          </button>
+          <button
+            onClick={toggleTheme}
+            className={theme === 'dark' ? 'active' : ''}
+            title="深色模式"
+          >
+            🌙
+          </button>
+        </div>
+      </nav>
+      <main className="main-content">
+          <Routes>
+            <Route path="/" element={<StatisticsPage />} />
+            <Route path="/routes" element={<RouteGroupsPage />} />
+            <Route path="/vendors" element={<VendorsPage />} />
+            <Route path="/logs" element={<LogsPage />} />
+            <Route path="/write-config" element={<WriteConfigPage />} />
+            <Route path="/settings" element={<SettingsPage />} />
+            <Route path="/usage" element={<UsagePage />} />
+          </Routes>
+      </main>
+
+      {showVendorModal && (
+        <div className="modal-overlay" onClick={() => setShowVendorModal(false)}>
+          <div className="modal" onClick={(e) => e.stopPropagation()}>
+            <div className="modal-header">
+              <h2>⚠️ 需要配置供应商</h2>
+            </div>
+            <div style={{ padding: '20px 0' }}>
+              <p style={{ marginBottom: '16px', lineHeight: '1.6' }}>
+                检测到系统中没有配置任何API供应商。在没有供应商的情况下，路由将无法正常工作。
+              </p>
+              <p style={{ marginBottom: '0', lineHeight: '1.6', fontWeight: '500' }}>
+                请先添加至少一个供应商，然后再配置路由规则。
+              </p>
+            </div>
+            <div className="modal-footer">
+              <button type="button" className="btn btn-secondary" onClick={() => setShowVendorModal(false)}>稍后</button>
+              <button type="button" className="btn btn-primary" onClick={handleVendorModalConfirm}>前往供应商管理</button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function App() {
+  return (
+    <Router>
+      <AppContent />
+    </Router>
+  );
+}
+
+export default App;