npm - cc-viewer - Versions diffs - 1.5.3 → 1.5.5 - Mend

cc-viewer 1.5.3 → 1.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/assets/index-48freCdh.css +41 -0
package/dist/assets/index-J-HTEXmo.js +669 -0
package/dist/index.html +2 -2
package/i18n.js +18 -18
package/package.json +1 -1
package/proxy.js +2 -0
package/pty-manager.js +42 -1
package/server.js +90 -1
package/dist/assets/index-BTCSaxml.js +0 -606
package/dist/assets/index-CWx2rxKd.css +0 -41

package/dist/index.html CHANGED Viewed

@@ -6,8 +6,8 @@
   <title>Claude Code Viewer</title>
   <link rel="icon" href="/favicon.ico?v=1">
   <link rel="shortcut icon" href="/favicon.ico?v=1">
-  <script type="module" crossorigin src="/assets/index-BTCSaxml.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-CWx2rxKd.css">
+  <script type="module" crossorigin src="/assets/index-J-HTEXmo.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-48freCdh.css">
 </head>
 <body>
   <div id="root"></div>

package/i18n.js CHANGED Viewed

@@ -567,24 +567,24 @@ const i18nData = {
     "uk": "Імпорт локальних логів"
   },
   "ui.loadLocalJsonl": {
-    "zh": "直接选择加载本地jsonl文件",
-    "en": "Load local JSONL file",
-    "zh-TW": "直接選擇載入本地jsonl檔案",
-    "ko": "로컬 JSONL 파일 선택",
-    "ja": "ローカルJSONLファイルを選択",
-    "de": "Lokale JSONL-Datei auswählen",
-    "es": "Seleccionar archivo JSONL local",
-    "fr": "Sélectionner un fichier JSONL local",
-    "it": "Seleziona file JSONL locale",
-    "da": "Vælg lokal JSONL-fil",
-    "pl": "Wybierz lokalny plik JSONL",
-    "ru": "Выбрать локальный JSONL файл",
-    "ar": "اختيار ملف JSONL محلي",
-    "no": "Velg lokal JSONL-fil",
-    "pt-BR": "Selecionar arquivo JSONL local",
-    "th": "เลือกไฟล์ JSONL ในเครื่อง",
-    "tr": "Yerel JSONL dosyası seç",
-    "uk": "Вибрати локальний JSONL файл"
+    "zh": "上传日志并解析",
+    "en": "Upload and parse log",
+    "zh-TW": "上傳日誌並解析",
+    "ko": "로그 업로드 및 분석",
+    "ja": "ログをアップロードして解析",
+    "de": "Log hochladen und analysieren",
+    "es": "Subir y analizar registro",
+    "fr": "Télécharger et analyser le journal",
+    "it": "Carica e analizza il log",
+    "da": "Upload og analysér log",
+    "pl": "Prześlij i przeanalizuj log",
+    "ru": "Загрузить и разобрать журнал",
+    "ar": "تحميل وتحليل السجل",
+    "no": "Last opp og analyser logg",
+    "pt-BR": "Enviar e analisar log",
+    "th": "อัปโหลดและวิเคราะห์ล็อก",
+    "tr": "Günlüğü yükle ve ayrıştır",
+    "uk": "Завантажити та проаналізувати журнал"
   },
   "ui.fileTooLarge": {
     "zh": "文件大小不能超过 500MB",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "cc-viewer",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "description": "Claude Code Logger visualization management tool",
   "license": "MIT",
   "main": "server.js",

package/proxy.js CHANGED Viewed

@@ -127,6 +127,8 @@ export function startProxy() {
           const { Readable, pipeline } = await import('node:stream');
           // @ts-ignore
           const nodeStream = Readable.fromWeb(response.body);
+          // 持久 error handler 兜底：防止 pipeline 清理后延迟到达的 error 事件导致进程崩溃
+          nodeStream.on('error', () => {});
           // pipeline handles stream errors; without this, unhandled 'error' events crash the process.
           pipeline(nodeStream, res, (err) => {
             if (err && process.env.CCV_DEBUG) {

package/pty-manager.js CHANGED Viewed

@@ -14,6 +14,45 @@ const MAX_BUFFER = 200000;
 let batchBuffer = '';
 let batchScheduled = false;
+/**
+ * 在 outputBuffer 截断时，找到安全的截断位置，
+ * 避免从 ANSI 转义序列中间开始导致终端状态紊乱。
+ * 策略：从截断点向后扫描，跳过可能被截断的不完整转义序列。
+ */
+function findSafeSliceStart(buf, rawStart) {
+  // 从 rawStart 开始，向后最多扫描 64 字节寻找安全起点
+  const scanLimit = Math.min(rawStart + 64, buf.length);
+  let i = rawStart;
+  while (i < scanLimit) {
+    const ch = buf.charCodeAt(i);
+    // 如果当前字符是 ESC (0x1b)，可能是新转义序列的开头，
+    // 但也可能是被截断的序列的中间部分，跳过整个序列
+    if (ch === 0x1b) {
+      // 找到 ESC，向后寻找序列结束符（字母字符）
+      let j = i + 1;
+      while (j < scanLimit && !((buf.charCodeAt(j) >= 0x40 && buf.charCodeAt(j) <= 0x7e) && j > i + 1)) {
+        j++;
+      }
+      if (j < scanLimit) {
+        // 找到完整序列末尾，从下一个字符开始是安全的
+        return j + 1;
+      }
+      // 序列不完整，继续扫描
+      i = j;
+      continue;
+    }
+    // 如果字符是 CSI 参数字符 (0x30-0x3f) 或中间字符 (0x20-0x2f)，
+    // 说明我们在转义序列中间，继续向后
+    if ((ch >= 0x20 && ch <= 0x3f)) {
+      i++;
+      continue;
+    }
+    // 普通可见字符或控制字符（非转义相关），这是安全位置
+    break;
+  }
+  return i < buf.length ? i : rawStart;
+}
 function flushBatch() {
   batchScheduled = false;
   if (!batchBuffer) return;
@@ -87,7 +126,9 @@ export async function spawnClaude(proxyPort, cwd, extraArgs = [], claudePath = n
   ptyProcess.onData((data) => {
     outputBuffer += data;
     if (outputBuffer.length > MAX_BUFFER) {
-      outputBuffer = outputBuffer.slice(-MAX_BUFFER);
+      const rawStart = outputBuffer.length - MAX_BUFFER;
+      const safeStart = findSafeSliceStart(outputBuffer, rawStart);
+      outputBuffer = outputBuffer.slice(safeStart);
     }
     batchBuffer += data;
     if (!batchScheduled) {

package/server.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createServer } from 'node:http';
 import { createConnection } from 'node:net';
 import { randomBytes } from 'node:crypto';
-import { readFileSync, writeFileSync, existsSync, watchFile, unwatchFile, statSync, readdirSync, renameSync, unlinkSync, openSync, readSync, closeSync, realpathSync, mkdirSync } from 'node:fs';
+import { readFileSync, writeFileSync, existsSync, watchFile, unwatchFile, statSync, readdirSync, renameSync, unlinkSync, openSync, readSync, closeSync, realpathSync, mkdirSync, createReadStream } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, extname } from 'node:path';
 import { homedir, userInfo, platform, networkInterfaces } from 'node:os';
@@ -1141,6 +1141,49 @@ async function handleRequest(req, res) {
     return;
   }
+  // 下载指定本地日志文件（原始 JSONL 格式）
+  if (url === '/api/download-log' && method === 'GET') {
+    const file = parsedUrl.searchParams.get('file');
+    if (!file || file.includes('..')) {
+      res.writeHead(400, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ error: 'Invalid file name' }));
+      return;
+    }
+    if (!file.endsWith('.jsonl')) {
+      res.writeHead(400, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ error: 'Invalid file type' }));
+      return;
+    }
+    const filePath = join(LOG_DIR, file);
+    try {
+      if (!existsSync(filePath)) {
+        res.writeHead(404, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'File not found' }));
+        return;
+      }
+      const realPath = realpathSync(filePath);
+      const realLogDir = realpathSync(LOG_DIR);
+      if (!realPath.startsWith(realLogDir)) {
+        res.writeHead(403, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'Access denied' }));
+        return;
+      }
+      const fileName = file.split('/').pop();
+      const stat = statSync(realPath);
+      res.writeHead(200, {
+        'Content-Type': 'application/octet-stream',
+        'Content-Disposition': `attachment; filename="${encodeURIComponent(fileName)}"`,
+        'Content-Length': stat.size,
+      });
+      const stream = createReadStream(realPath);
+      stream.pipe(res);
+    } catch (err) {
+      res.writeHead(500, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ error: err.message }));
+    }
+    return;
+  }
   // 读取指定本地日志文件（支持 project/file 路径）
   if (url === '/api/local-log' && method === 'GET') {
     const file = parsedUrl.searchParams.get('file');
@@ -1187,6 +1230,52 @@ async function handleRequest(req, res) {
     return;
   }
+  // 删除日志文件
+  if (url === '/api/delete-logs' && method === 'POST') {
+    let body = '';
+    req.on('data', chunk => { body += chunk; });
+    req.on('end', () => {
+      try {
+        const { files } = JSON.parse(body);
+        if (!Array.isArray(files) || files.length === 0) {
+          res.writeHead(400, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ error: 'No files specified' }));
+          return;
+        }
+        const results = [];
+        for (const file of files) {
+          if (!file || file.includes('..') || !file.endsWith('.jsonl')) {
+            results.push({ file, error: 'Invalid file name' });
+            continue;
+          }
+          const filePath = join(LOG_DIR, file);
+          try {
+            if (!existsSync(filePath)) {
+              results.push({ file, error: 'Not found' });
+              continue;
+            }
+            const realPath = realpathSync(filePath);
+            const realLogDir = realpathSync(LOG_DIR);
+            if (!realPath.startsWith(realLogDir)) {
+              results.push({ file, error: 'Access denied' });
+              continue;
+            }
+            unlinkSync(realPath);
+            results.push({ file, ok: true });
+          } catch (err) {
+            results.push({ file, error: err.message });
+          }
+        }
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ results }));
+      } catch {
+        res.writeHead(400, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'Invalid JSON' }));
+      }
+    });
+    return;
+  }
   // 合并日志文件
   if (url === '/api/merge-logs' && method === 'POST') {
     let body = '';