cc-viewer 1.6.160 → 1.6.162

package/lib/interceptor-core.js

@@ -146,6 +146,101 @@ export function assembleStreamMessage(events) {
   return message;
 }
 
+/**
+ * Incremental stream assembler — mutable state for SSE live streaming.
+ *
+ * Usage:
+ *   const asm = createStreamAssembler();
+ *   asm.feed(event);          // consume each SSE event incrementally
+ *   const snap = asm.snapshot();  // get current partial message
+ *
+ * Mirrors assembleStreamMessage but maintains mutable state for O(1) updates
+ * rather than O(n) rebuild per call.
+ */
+export function createStreamAssembler() {
+  let message = null;
+  const contentBlocks = [];
+  let currentBlockIndex = -1;
+
+  return {
+    feed(event) {
+      if (!event || typeof event !== 'object' || !event.type) return;
+      switch (event.type) {
+        case 'message_start':
+          message = { ...event.message };
+          message.content = [];
+          break;
+        case 'content_block_start':
+          currentBlockIndex = event.index;
+          contentBlocks[currentBlockIndex] = { ...event.content_block };
+          if (contentBlocks[currentBlockIndex].type === 'text') {
+            contentBlocks[currentBlockIndex].text = '';
+          } else if (contentBlocks[currentBlockIndex].type === 'thinking') {
+            contentBlocks[currentBlockIndex].thinking = '';
+          }
+          break;
+        case 'content_block_delta':
+          if (event.index >= 0 && contentBlocks[event.index] && event.delta) {
+            if (event.delta.type === 'text_delta' && event.delta.text) {
+              contentBlocks[event.index].text += event.delta.text;
+            } else if (event.delta.type === 'input_json_delta' && event.delta.partial_json) {
+              if (typeof contentBlocks[event.index]._inputJson !== 'string') {
+                contentBlocks[event.index]._inputJson = '';
+              }
+              contentBlocks[event.index]._inputJson += event.delta.partial_json;
+            } else if (event.delta.type === 'thinking_delta' && event.delta.thinking) {
+              contentBlocks[event.index].thinking += event.delta.thinking;
+            } else if (event.delta.type === 'signature_delta' && event.delta.signature) {
+              contentBlocks[event.index].signature = event.delta.signature;
+            }
+          }
+          break;
+        case 'content_block_stop':
+          if (event.index >= 0 && contentBlocks[event.index]) {
+            const blk = contentBlocks[event.index];
+            if (blk.type === 'tool_use' && typeof blk._inputJson === 'string') {
+              try { blk.input = JSON.parse(blk._inputJson); }
+              catch { blk.input = blk._inputJson; }
+              delete blk._inputJson;
+            }
+          }
+          break;
+        case 'message_delta':
+          if (message && event.delta) {
+            if (event.delta.stop_reason) message.stop_reason = event.delta.stop_reason;
+            if (event.delta.stop_sequence !== undefined) message.stop_sequence = event.delta.stop_sequence;
+          }
+          if (message && event.usage) message.usage = { ...message.usage, ...event.usage };
+          break;
+      }
+    },
+    /**
+     * Return a snapshot of the current message state.
+     * For incomplete tool_use blocks (no content_block_stop yet), input is undefined
+     * and _inputJsonPartial carries the raw accumulated string.
+     * Deep clones to avoid mutation during live streaming.
+     */
+    snapshot() {
+      if (!message) return null;
+      const snapBlocks = [];
+      for (let i = 0; i < contentBlocks.length; i++) {
+        const b = contentBlocks[i];
+        if (!b) continue;
+        const clone = { ...b };
+        if (b.type === 'tool_use' && typeof b._inputJson === 'string') {
+          // Partial JSON - don't parse, expose as raw for UI hint
+          clone._inputJsonPartial = b._inputJson;
+          clone.input = undefined;
+          delete clone._inputJson;
+        }
+        snapBlocks.push(clone);
+      }
+      return { ...message, content: snapBlocks };
+    },
+    hasMessage() { return message !== null; },
+  };
+}
+
 export function findRecentLog(dir, projectName) {
   try {
     const files = readdirSync(dir)

package/package.json

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

package/server.js

@@ -34,7 +34,7 @@ function execWithStdin(cmd, args, input, options) {
     child.stdin.end();
   });
 }
-import { LOG_FILE, _initPromise, _resumeState, resolveResumeChoice, _projectName, _logDir, _cachedApiKey, _cachedAuthHeader, _cachedHaikuModel, initForWorkspace, resetWorkspace, streamingState, resetStreamingState, _loadProxyProfile, PROFILE_PATH, _defaultConfig } from './interceptor.js';
+import { LOG_FILE, _initPromise, _resumeState, resolveResumeChoice, _projectName, _logDir, _cachedApiKey, _cachedAuthHeader, _cachedHaikuModel, initForWorkspace, resetWorkspace, streamingState, resetStreamingState, _loadProxyProfile, PROFILE_PATH, _defaultConfig, setLivePort } from './interceptor.js';
 import { LOG_DIR, setLogDir } from './findcc.js';
 import { t, detectLanguage } from './i18n.js';
 import { checkAndUpdate } from './lib/updater.js';
@@ -122,6 +122,10 @@ let pendingAskHook = null; // { questions, res, timer, createdAt }
 const pendingPermHooks = new Map(); // Map<id, { toolName, input, res, timer, createdAt }>
 const PERM_HOOK_MAP_MAX = 50;
 
+// Live stream chunk sequence tracking (per request key) — prevents out-of-order broadcasts
+const _liveStreamLastSeq = new Map(); // Map<`${timestamp}|${url}`, lastSeq>
+
+
 // Editor session state (for $EDITOR intercept)
 const editorSessions = new Map(); // sessionId → { filePath, done, createdAt }
 // Periodically clean up abandoned editor sessions (older than 1 hour)
@@ -2002,6 +2006,60 @@ async function handleRequest(req, res) {
     return;
   }
 
+  // 流式 chunk 接收端点：interceptor 在 SSE 流过程中推送的 partial entry
+  // 仅广播，不落盘。前端按 timestamp|url 自动与最终 entry 去重覆盖。
+  // 鉴权：server 绑 0.0.0.0 允许同机任意进程访问，必须校验 remote 必须是 loopback
+  // 且请求带 x-cc-viewer-internal: 1 header，防止同机其他进程伪造 SSE 内容注入广播。
+  if (url === '/api/stream-chunk' && method === 'POST') {
+    const remote = req.socket.remoteAddress || '';
+    const isLoopback = remote === '127.0.0.1' || remote === '::1' || remote === '::ffff:127.0.0.1';
+    const internalHeader = req.headers['x-cc-viewer-internal'] === '1';
+    if (!isLoopback || !internalHeader) {
+      try { res.writeHead(403, { 'Content-Type': 'application/json' }); res.end(JSON.stringify({ error: 'Forbidden' })); } catch {}
+      return;
+    }
+    let body = '';
+    let aborted = false;
+    req.on('data', (chunk) => {
+      if (aborted) return;
+      body += chunk;
+      if (body.length > 8 * 1024 * 1024) {
+        aborted = true;
+        try { res.writeHead(413, { 'Content-Type': 'application/json' }); res.end(JSON.stringify({ error: 'Payload too large' })); } catch {}
+      }
+    });
+    req.on('end', () => {
+      if (aborted) return;
+      try {
+        const entry = JSON.parse(body);
+        const key = `${entry.timestamp}|${entry.url}`;
+        const seq = typeof entry._chunkSeq === 'number' ? entry._chunkSeq : 0;
+        const lastSeq = _liveStreamLastSeq.get(key);
+        if (lastSeq !== undefined && seq < lastSeq) {
+          // 乱序到达的旧 chunk 丢弃
+          try { res.writeHead(204); res.end(); } catch {}
+          return;
+        }
+        _liveStreamLastSeq.set(key, seq);
+        // 清理 seq 记录：超过 200 条时 FIFO 驱逐最早的 100 条（Map 保持插入顺序）
+        if (_liveStreamLastSeq.size > 200) {
+          const keys = Array.from(_liveStreamLastSeq.keys()).slice(0, 100);
+          for (const k of keys) _liveStreamLastSeq.delete(k);
+        }
+        // 用 named event 'stream-progress' 避免混入 data: 流与 dedup 冲突
+        // 精简 payload：前端只需要 timestamp/url/content 渲染 Live overlay
+        sendEventToClients(clients, 'stream-progress', {
+          timestamp: entry.timestamp,
+          url: entry.url,
+          content: entry.response?.body?.content || [],
+          model: entry.body?.model,
+        });
+      } catch {}
+      try { res.writeHead(204); res.end(); } catch {}
+    });
+    return;
+  }
+
   // 读取文件内容 API
   if (url === '/api/file-content' && method === 'GET') {
     const reqPath = parsedUrl.searchParams.get('path');
@@ -2789,6 +2847,10 @@ export async function startViewer() {
         currentServer.listen(port, HOST, async () => {
           server = currentServer;
           actualPort = port;
+          // interceptor.js runs in this same process (via proxy.js → setupInterceptor).
+          // Inject live-port via module-level setter instead of process.env to avoid
+          // polluting env of child_process.spawn descendants (Bash tools / MCP / Electron tabs).
+          setLivePort(port);
           const url = `${serverProtocol}://127.0.0.1:${port}`;
           if (!isCliMode) {
             console.error(t('server.started'));
@@ -3174,6 +3236,9 @@ async function _doStop() {
     _streamingStatusTimer = null;
   }
   resetStreamingState();
+  // 清 interceptor 的 live-port，避免 stop/start 循环（Electron tab 切换 / 测试）间隙内
+  // 早期请求向已关闭的端口 POST 丢包。新 startViewer 的 listen 回调会再次 setLivePort
+  setLivePort(null);
   try { unwatchFile(PROFILE_PATH); } catch {} // 清理 interceptor 的 StatWatcher
 }
 

package/dist/assets/channel-DMfVW6j3.js

@@ -1 +0,0 @@
-import{ap as o,aq as n}from"./mermaid.core-rKXVP1Sx.js";const t=(a,r)=>o.lang.round(n.parse(a)[r]);export{t as c};

package/dist/assets/classDiagram-6PBFFD2Q-DlpJX-68.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-CJwUXaEg.js";import{_ as i}from"./mermaid.core-rKXVP1Sx.js";import"./chunk-FMBD7UC4-CsDh9m8Q.js";import"./chunk-YZCP3GAM-_OpiJebR.js";import"./chunk-55IACEB6-TyTrQiAX.js";import"./chunk-EDXVE4YY-rthcFfJc.js";import"./AppHeader.module-BuIkaeYL.js";import"./index-CmwiYM1W.js";var f={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{f as diagram};

package/dist/assets/classDiagram-v2-HSJHXN6E-DlpJX-68.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-CJwUXaEg.js";import{_ as i}from"./mermaid.core-rKXVP1Sx.js";import"./chunk-FMBD7UC4-CsDh9m8Q.js";import"./chunk-YZCP3GAM-_OpiJebR.js";import"./chunk-55IACEB6-TyTrQiAX.js";import"./chunk-EDXVE4YY-rthcFfJc.js";import"./AppHeader.module-BuIkaeYL.js";import"./index-CmwiYM1W.js";var f={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{f as diagram};

package/dist/assets/clone-BBXBdZcN.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-dQACcLqY.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/assets/stateDiagram-v2-QKLJ7IA2-OHkMopV-.js

@@ -1 +0,0 @@
-import{s as r,b as e,a,S as s}from"./chunk-OYMX7WX6-Fo7iMm6t.js";import{_ as i}from"./mermaid.core-rKXVP1Sx.js";import"./chunk-55IACEB6-TyTrQiAX.js";import"./chunk-EDXVE4YY-rthcFfJc.js";import"./index-CmwiYM1W.js";import"./AppHeader.module-BuIkaeYL.js";var u={parser:a,get db(){return new s(2)},renderer:e,styles:r,init:i(t=>{t.state||(t.state={}),t.state.arrowMarkerAbsolute=t.arrowMarkerAbsolute},"init")};export{u as diagram};