b.classList.remove('a'));btn.classList.add('a');renderRL()}
+
+// ===== Format helpers =====
+function fmtDate(ts){const d=new Date(ts);return (d.getMonth()+1)+'/'+d.getDate()+' '+d.toLocaleTimeString('zh-CN',{hour12:false})}
+function timeAgo(ts){const s=Math.floor((Date.now()-ts)/1000);if(s<5)return'刚刚';if(s<60)return s+'s前';if(s<3600)return Math.floor(s/60)+'m前';return Math.floor(s/3600)+'h前'}
+function fmtN(n){if(n>=1e6)return(n/1e6).toFixed(1)+'M';if(n>=1e3)return(n/1e3).toFixed(1)+'K';return String(n)}
+function escH(s){if(!s)return'';const d=document.createElement('div');d.textContent=String(s);return d.innerHTML}
+function syntaxHL(data){
+ try{const s=typeof data==='string'?data:JSON.stringify(data,null,2);
+ return s.replace(/&/g,'&').replace(//g,'>')
+ .replace(/"([^"]+)"\s*:/g,'"$1":')
+ .replace(/:\s*"([^"]*?)"/g,': "$1"')
+ .replace(/:\s*(\d+\.?\d*)/g,': $1')
+ .replace(/:\s*(true|false)/g,': $1')
+ .replace(/:\s*(null)/g,': null')
+ }catch{return escH(String(data))}
+}
+function copyText(text){navigator.clipboard.writeText(text).then(()=>{}).catch(()=>{})}
+
+// ===== Request List =====
+function renderRL(){
+ const el=document.getElementById('rlist');const q=sq.toLowerCase();const cut=getTimeCutoff();
+ let f=reqs;
+ if(cut)f=f.filter(r=>r.startTime>=cut);
+ if(q)f=f.filter(r=>mS(r,q));
+ if(cFil!=='all')f=f.filter(r=>r.status===cFil);
+ if(!f.length){el.innerHTML='';return}
+ el.innerHTML=f.map(r=>{
+ const ac=r.requestId===selId;
+ const dur=r.endTime?((r.endTime-r.startTime)/1000).toFixed(1)+'s':'...';
+ const durMs=r.endTime?r.endTime-r.startTime:Date.now()-r.startTime;
+ const pct=Math.min(100,durMs/30000*100),dc=!r.endTime?'pr':durMs<3000?'f':durMs<10000?'m':durMs<20000?'s':'vs';
+ const ch=r.responseChars>0?fmtN(r.responseChars)+' chars':'';
+ const tt=r.ttft?r.ttft+'ms':'';
+ const title=r.title||r.model;
+ const dateStr=fmtDate(r.startTime);
+ let bd='';if(r.stream)bd+='Stream';if(r.hasTools)bd+='T:'+r.toolCount+'';
+ if(r.retryCount>0)bd+='R:'+r.retryCount+'';if(r.continuationCount>0)bd+='C:'+r.continuationCount+'';
+ if(r.status==='error')bd+='ERR';if(r.status==='intercepted')bd+='INTERCEPT';
+ const fm=r.apiFormat||'anthropic';
+ return ''
+ +'
'
+ +'
'+escH(title)+'
'
+ +'
'+dateStr+' · '+dur+(tt?' · ⚡'+tt:'')+'
'
+ +'
'+r.requestId+' '+fm+''
+ +(ch?'→ '+ch+'':'')+'
'
+ +'
'+bd+'
'
+ +'
'+l+''+v+'
').join('');
+ renderPTL(s);
+}
+
+function renderPTL(s){
+ const el=document.getElementById('ptl'),bar=document.getElementById('pbar');
+ if(!s.phaseTimings||!s.phaseTimings.length){el.style.display='none';return}
+ el.style.display='block';const tot=(s.endTime||Date.now())-s.startTime;if(tot<=0){el.style.display='none';return}
+ bar.innerHTML=s.phaseTimings.map(pt=>{const d=pt.duration||((pt.endTime||Date.now())-pt.startTime);const pct=Math.max(1,d/tot*100);const bg=PC[pt.phase]||'var(--t3)';return ''+escH(pt.label)+' '+d+'ms'+(pct>10?''+pt.phase+'':'')+'
'}).join('');
+}
+
+// ===== Tabs =====
+function setTab(tab,el){
+ curTab=tab;
+ document.querySelectorAll('.tab').forEach(t=>t.classList.remove('a'));
+ el.classList.add('a');
+ const tc=document.getElementById('tabContent');
+ if(tab==='logs'){
+ tc.innerHTML='';
+ if(selId){renderLogs(logs.filter(l=>l.requestId===selId))}else{renderLogs(logs.slice(-200))}
+ } else if(tab==='request'){
+ renderRequestTab(tc);
+ } else if(tab==='prompts'){
+ renderPromptsTab(tc);
+ } else if(tab==='response'){
+ renderResponseTab(tc);
+ }
+}
+
+function renderRequestTab(tc){
+ if(!curPayload){tc.innerHTML='';return}
+ let h='';
+ const s=selId?rmap[selId]:null;
+ if(s){
+ h+='📋 请求概要
';
+ h+='
'+syntaxHL({method:s.method,path:s.path,model:s.model,stream:s.stream,apiFormat:s.apiFormat,messageCount:s.messageCount,toolCount:s.toolCount,hasTools:s.hasTools})+'
🔧 工具定义 '+curPayload.tools.length+' 个
';
+ curPayload.tools.forEach(t=>{h+='
'});
+ h+='
🔄 Cursor 请求（转换后）
';
+ h+='
'+syntaxHL(curPayload.cursorRequest)+'
📨 Cursor 消息列表 '+curPayload.cursorMessages.length+' 条
';
+ curPayload.cursorMessages.forEach((m,i)=>{
+ const collapsed=m.contentPreview.length>500;
+ h+='
'+escH(m.contentPreview)+'
';
+ });
+ h+='
🔒 System Prompt '+fmtN(curPayload.systemPrompt.length)+' chars
';
+ h+='
'+escH(curPayload.systemPrompt)+'
💬 消息列表 '+curPayload.messages.length+' 条
';
+ curPayload.messages.forEach((m,i)=>{
+ const imgs=m.hasImages?' 🖼️':'';
+ const collapsed=m.contentPreview.length>500;
+ h+='
'+escH(m.contentPreview)+'
';
+ });
+ h+='
🧠 Thinking 内容 '+fmtN(curPayload.thinkingContent.length)+' chars
';
+ h+='
'+escH(curPayload.thinkingContent)+'
📝 模型原始返回 '+fmtN(curPayload.rawResponse.length)+' chars
';
+ h+='
'+escH(curPayload.rawResponse)+'
✅ 最终响应（处理后）'+fmtN(curPayload.finalResponse.length)+' chars
';
+ h+='
'+escH(curPayload.finalResponse)+'
🔧 工具调用结果 '+curPayload.toolCalls.length+' 个
';
+ h+='
'+syntaxHL(curPayload.toolCalls)+'
🔄 重试历史 '+curPayload.retryResponses.length+' 次
';
+ curPayload.retryResponses.forEach(r=>{h+='
'+escH(r.response.substring(0,1000))+(r.response.length>1000?'\n... ('+fmtN(r.response.length)+' chars)':'')+'
'});
+ h+='
📎 续写历史 '+curPayload.continuationResponses.length+' 次
';
+ curPayload.continuationResponses.forEach(r=>{h+='
'+escH(r.response.substring(0,1000))+(r.response.length>1000?'\n...':'')+'
'});
+ h+='
'+escH(title)+' ('+l.requestId+')
';
+ }
+ lastRid=l.requestId;
+ return sep+logH(l,autoExp);
+ }).join('');
+ el.scrollTop=el.scrollHeight;
+}
+
+function logH(l,autoExp){
+ const t=new Date(l.timestamp).toLocaleTimeString('zh-CN',{hour12:false,hour:'2-digit',minute:'2-digit',second:'2-digit'});
+ const d=l.duration!=null?'+'+l.duration+'ms':'';
+ let det='';
+ if(l.details){
+ const raw=typeof l.details==='string'?l.details:JSON.stringify(l.details,null,2);
+ const show=autoExp;
+ det=''+(show?'▼ 收起':'▶ 详情')+'
'+syntaxHL(l.details)+'
';
+ }
+ return ''+t+''+d+''+l.level+''+l.source+''+l.phase+''+escH(l.message)+det+'
';
+}
+
+function escAttr(s){return s.replace(/\\/g,'\\\\').replace(/'/g,"\\'").replace(/\n/g,'\\n').replace(/\r/g,'')}
+
+function appendLog(en){
+ const el=document.getElementById('logList');if(!el)return;
+ if(el.querySelector('.empty'))el.innerHTML='';
+ if(cLv!=='all'&&en.level!==cLv)return;
+ const autoExp=document.getElementById('autoExpand').checked;
+ // 分隔线（实时模式）
+ if(!selId){
+ const children=el.children;
+ if(children.length>0){
+ const lastEl=children[children.length-1];
+ const lastRid=lastEl.getAttribute('data-rid')||'';
+ if(lastRid&&lastRid!==en.requestId){
+ const title=rmap[en.requestId]?.title||en.requestId;
+ const sep=document.createElement('div');
+ sep.innerHTML=''+escH(title)+' ('+en.requestId+')
';
+ while(sep.firstChild)el.appendChild(sep.firstChild);
+ }
+ }
+ }
+ const d=document.createElement('div');d.innerHTML=logH(en,autoExp);
+ const n=d.firstElementChild;n.classList.add('ani');n.setAttribute('data-rid',en.requestId);
+ el.appendChild(n);
+ while(el.children.length>500)el.removeChild(el.firstChild);
+ el.scrollTop=el.scrollHeight;
+}
+
+// ===== Utils =====
+function togDet(el){const d=el.nextElementSibling;if(d.style.display==='none'){d.style.display='block';el.textContent='▼ 收起'}else{d.style.display='none';el.textContent='▶ 详情'}}
+function togMsg(el){const b=el.nextElementSibling;const isHidden=b.style.display==='none';b.style.display=isHidden?'block':'none';const m=el.querySelector('.msg-meta');if(m){const t=m.textContent;m.textContent=isHidden?t.replace('▶ 展开','▼ 收起'):t.replace('▼ 收起','▶ 展开')}}
+function sL(lv,btn){cLv=lv;document.querySelectorAll('#lvF .lvb').forEach(b=>b.classList.remove('a'));btn.classList.add('a');if(curTab==='logs'){if(selId)renderLogs(logs.filter(l=>l.requestId===selId));else renderLogs(logs.slice(-200))}}
+
+// ===== Clear logs =====
+async function clearLogs(){
+ if(!confirm('确定清空所有日志？此操作不可恢复。'))return;
+ try{
+ await fetch(authQ('/api/logs/clear'),{method:'POST'});
+ reqs=[];rmap={};logs=[];selId=null;curPayload=null;
+ renderRL();updCnt();updStats();desel();
+ }catch(e){console.error(e)}
+}
+
+// ===== Keyboard =====
+document.addEventListener('keydown',e=>{
+ if((e.ctrlKey||e.metaKey)&&e.key==='k'){e.preventDefault();document.getElementById('searchIn').focus();return}
+ if(e.key==='Escape'){if(document.activeElement===document.getElementById('searchIn')){document.getElementById('searchIn').blur();document.getElementById('searchIn').value='';sq='';renderRL();updCnt()}else{desel()}return}
+ if(e.key==='ArrowDown'||e.key==='ArrowUp'){e.preventDefault();const q=sq.toLowerCase();const cut=getTimeCutoff();let f=reqs;if(cut)f=f.filter(r=>r.startTime>=cut);if(q)f=f.filter(r=>mS(r,q));if(cFil!=='all')f=f.filter(r=>r.status===cFil);if(!f.length)return;const ci=selId?f.findIndex(r=>r.requestId===selId):-1;let ni;if(e.key==='ArrowDown')ni=ci0?ci-1:f.length-1;selReq(f[ni].requestId);const it=document.querySelector('[data-r="'+f[ni].requestId+'"]');if(it)it.scrollIntoView({block:'nearest'})}
+});
+
+document.getElementById('searchIn').addEventListener('input',e=>{sq=e.target.value;renderRL();updCnt()});
+document.getElementById('rlist').addEventListener('click',e=>{const el=e.target.closest('[data-r]');if(el)selReq(el.getAttribute('data-r'))});
+setInterval(renderRL,30000);
+init();
diff --git a/src/config.ts b/src/config.ts
index d7264c4..03341de 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -61,6 +61,14 @@ export function getConfig(): AppConfig {
enabled: yaml.thinking.enabled !== false, // 默认启用
};
}
+ // ★ 日志文件持久化
+ if (yaml.logging !== undefined) {
+ config.logging = {
+ file_enabled: yaml.logging.file_enabled === true, // 默认关闭
+ dir: yaml.logging.dir || './logs',
+ max_days: typeof yaml.logging.max_days === 'number' ? yaml.logging.max_days : 7,
+ };
+ }
} catch (e) {
console.warn('[Config] 读取 config.yaml 失败:', e);
}
@@ -90,6 +98,15 @@ export function getConfig(): AppConfig {
enabled: process.env.THINKING_ENABLED !== 'false' && process.env.THINKING_ENABLED !== '0',
};
}
+ // Logging 环境变量覆盖
+ if (process.env.LOG_FILE_ENABLED !== undefined) {
+ if (!config.logging) config.logging = { file_enabled: false, dir: './logs', max_days: 7 };
+ config.logging.file_enabled = process.env.LOG_FILE_ENABLED === 'true' || process.env.LOG_FILE_ENABLED === '1';
+ }
+ if (process.env.LOG_DIR) {
+ if (!config.logging) config.logging = { file_enabled: false, dir: './logs', max_days: 7 };
+ config.logging.dir = process.env.LOG_DIR;
+ }
// 从 base64 FP 环境变量解析指纹
if (process.env.FP) {
diff --git a/src/index.ts b/src/index.ts
index fbc4d68..72790cf 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,7 +11,8 @@ import express from 'express';
import { getConfig } from './config.js';
import { handleMessages, listModels, countTokens } from './handler.js';
import { handleOpenAIChatCompletions, handleOpenAIResponses } from './openai-handler.js';
-import { serveLogViewer, apiGetLogs, apiGetRequests, apiGetStats, apiGetPayload, apiLogsStream, serveLogViewerLogin } from './log-viewer.js';
+import { serveLogViewer, apiGetLogs, apiGetRequests, apiGetStats, apiGetPayload, apiLogsStream, serveLogViewerLogin, apiClearLogs } from './log-viewer.js';
+import { loadLogsFromFiles } from './logger.js';
// 从 package.json 读取版本号，统一来源，避免多处硬编码
const require = createRequire(import.meta.url);
@@ -36,6 +37,9 @@ app.use((_req, res, next) => {
next();
});
+// ★ 静态文件路由（无需鉴权，CSS/JS 等）
+app.use('/public', express.static('public'));
+
// ★ 日志查看器鉴权中间件：配置了 authTokens 时需要验证
const logViewerAuth = (req: express.Request, res: express.Response, next: express.NextFunction) => {
const tokens = config.authTokens;
@@ -65,6 +69,7 @@ app.get('/api/requests', logViewerAuth, apiGetRequests);
app.get('/api/stats', logViewerAuth, apiGetStats);
app.get('/api/payload/:requestId', logViewerAuth, apiGetPayload);
app.get('/api/logs/stream', logViewerAuth, apiLogsStream);
+app.post('/api/logs/clear', logViewerAuth, apiClearLogs);
// ★ API 鉴权中间件：配置了 authTokens 则需要 Bearer token
app.use((req, res, next) => {
@@ -140,13 +145,18 @@ app.get('/', (_req, res) => {
// ==================== 启动 ====================
+// ★ 从日志文件加载历史（必须在 listen 之前）
+loadLogsFromFiles();
+
app.listen(config.port, () => {
const auth = config.authTokens?.length ? `${config.authTokens.length} token(s)` : 'open';
+ const logPersist = config.logging?.file_enabled ? `file → ${config.logging.dir}` : 'memory only';
console.log('');
console.log(` \x1b[36m⚡ Cursor2API v${VERSION}\x1b[0m`);
console.log(` ├─ Server: \x1b[32mhttp://localhost:${config.port}\x1b[0m`);
console.log(` ├─ Model: ${config.cursorModel}`);
console.log(` ├─ Auth: ${auth}`);
+ console.log(` ├─ Logging: ${logPersist}`);
console.log(` └─ Logs: \x1b[35mhttp://localhost:${config.port}/logs\x1b[0m`);
console.log('');
});
diff --git a/src/log-viewer.ts b/src/log-viewer.ts
index 51e08ec..8ffe241 100644
--- a/src/log-viewer.ts
+++ b/src/log-viewer.ts
@@ -1,17 +1,24 @@
/**
- * log-viewer.ts - 全链路日志 Web UI v3
+ * log-viewer.ts - 全链路日志 Web UI v4
*
- * 核心特性：
- * - 完整请求参数查看（原始请求 body, messages, tools）
- * - 提示词查看（system prompt, 用户消息）
- * - 模型返回内容查看（原始响应, 最终响应, thinking, tool calls）
- * - 阶段耗时时间线
- * - 重试/续写历史
- * - 实时 SSE + 搜索 + 过滤
+ * 静态文件分离版：HTML/CSS/JS 放在 public/ 目录，此文件只包含 API 路由和文件服务
*/
import type { Request, Response } from 'express';
-import { getAllLogs, getRequestSummaries, getStats, getRequestPayload, subscribeToLogs, subscribeToSummaries } from './logger.js';
+import { readFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { getAllLogs, getRequestSummaries, getStats, getRequestPayload, subscribeToLogs, subscribeToSummaries, clearAllLogs } from './logger.js';
+
+// ==================== 静态文件路径 ====================
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const publicDir = join(__dirname, '..', 'public');
+
+function readPublicFile(filename: string): string {
+ return readFileSync(join(publicDir, filename), 'utf-8');
+}
// ==================== API 路由 ====================
@@ -39,6 +46,12 @@ export function apiGetPayload(req: Request, res: Response): void {
res.json(payload);
}
+/** POST /api/logs/clear - 清空所有日志 */
+export function apiClearLogs(_req: Request, res: Response): void {
+ const result = clearAllLogs();
+ res.json({ success: true, ...result });
+}
+
export function apiLogsStream(req: Request, res: Response): void {
res.writeHead(200, {
'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache',
@@ -54,562 +67,32 @@ export function apiLogsStream(req: Request, res: Response): void {
req.on('close', () => { unsubLog(); unsubSummary(); clearInterval(hb); });
}
+// ==================== 页面服务 ====================
+
export function serveLogViewer(_req: Request, res: Response): void {
res.setHeader('Content-Type', 'text/html; charset=utf-8');
- res.send(LOG_VIEWER_HTML);
+ res.send(readPublicFile('logs.html'));
}
export function serveLogViewerLogin(_req: Request, res: Response): void {
res.setHeader('Content-Type', 'text/html; charset=utf-8');
- res.send(LOGIN_HTML);
+ res.send(readPublicFile('login.html'));
}
-// ==================== Login Page HTML ====================
-
-const LOGIN_HTML = `
-
-
-
-
-Cursor2API - 登录
-
-
-
-
-
-
-
⚡ Cursor2API
-
日志查看器需要验证身份
-
-
-
-
-
-
-
Token 无效，请检查后重试
-
-
-
⚡ Cursor2API 日志
-
-
0请求
-
✓0
-
✗0
-
-ms 均耗
-
⚡-ms TTFT
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
🔍 实时日志流
-
-
-
-
-
-
-
-
-
-
-
-
-
📋 日志
-
📥 请求参数
-
💬 提示词
-
📤 响应内容
-
-
-
-
-