dsh-code-ui 1.6.5 → 1.6.6

package/README.md

@@ -114,6 +114,7 @@ dsh-code-ui/
 
 | 时间 | 版本 | 修复 / 新增 |
 | --- | --- | --- |
+| 2026-10-13 | v1.6.6 | 修复：**选中 zip 等二进制文件页面卡死**——双重根因：① 编辑器对任何文件都按文本渲染，zip 经截断读取的 4MB 乱码进 tokenizer/highlight 层（数万 span）瞬间撑爆页面；现对已知二进制扩展名（zip/gz/tar/7z/jar/exe/dll/png/jpg/pdf/woff/ttf/mp3/mp4 等 40+ 种）直接跳过文本预览，打开只显示占位提示与只读备注。② v1.6.5 引入的已发消息着色观察器在大 DOM 上每次变动都全量遍历（文本节点级祖先匹配，无法剪枝），编辑器载入大文件后与聊天区流式输出叠加把主线程拖死；现改元素级剪枝（TreeWalker 对 textarea/pre/code/.cdex-workbench/.cdex-dock 等命中即整棵子树跳过）+ 单轮扫描超 80ms 自动进入 1.5s 冷却让出主线程 |
 | 2026-10-13 | v1.6.5 | 优化：**已发消息的引用标签着色**——chip 序列化进正文的 `N:文件名:起-止` / `🌐N:文件名` 标签在发出后以蓝色高亮展示（`--dsw-alias-state-business-primary`，与宿主输入框 chip 同色加粗），用户回看消息时能一眼看到引用了什么。实现：MutationObserver + TreeWalker 纯文本节点 overlay（只 split/wrap，不碰 React 管理结构；React 原位改文本时自愈 unwrap 重扫）；整文件引用强制要求扩展名（不误伤 `12:30` 时间文本），匹配点黏在更长单词内（`a2:app.ts:1-2`）跳过；跳过输入框/代码块/链接/宿主 chip 及本插件自有 UI 区域 |
 | 2026-10-13 | v1.6.4 | 优化：发送后消息**保留引用标签文本**——chip 序列化从「空串隐身」改为输出编号标签（`2:package.json:2-3` / `🌐4:package.json:26-32`），编号取发送时刻冻结的 seq；消息里看得见引用了什么，AI 侧仍经宿主 systemPrompt 动态 section（`code-ui-references`）获知全部引用并调 `get_referenced_snippets` 读取 |
 | 2026-10-13 | v1.6.3 | 优化：**引用指针不再出现在消息正文**——消息末尾的 `[code UI] 已标记 N 段代码引用…` 附加块整体移除（用户反馈：希望不展示出来但还让 AI 知道）；引用信息改由宿主 `systemPrompt` 动态 section（order 2950，按 session 头取 `lastRefBatches` 批次渲染）注入模型上下文，AI 对用户的观感不可见；客户端 chip serialize 返回空串、consumePendingRefs 每次发送带 `{ids, sessionId}` 调 `use-references`（空=清批次） |

package/lib/client.js

@@ -485,6 +485,13 @@ window.__ModuleLoader__.load({
       png: '#dd6eb4', jpg: '#dd6eb4', jpeg: '#dd6eb4', gif: '#dd6eb4', webp: '#dd6eb4', svg: '#dd6eb4', ico: '#dd6eb4',
       zip: '#c7a252', gz: '#c7a252', tgz: '#c7a252', lock: '#8a919f',
     }
+    // —— 已知二进制扩展名：不做文本读取/渲染（防 4MB 乱码进高亮层把页面卡死），打开只给占位提示 ——
+    const BINARY_EXT = new Set(['zip', 'gz', 'tgz', 'bz2', 'xz', 'tar', 'rar', '7z', 'jar', 'war', 'apk', 'exe', 'dll', 'so', 'dylib', 'bin', 'dat', 'class', 'pyc', 'pyd', 'db', 'sqlite', 'sqlite3', 'png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'icns', 'avif', 'pdf', 'woff', 'woff2', 'ttf', 'otf', 'eot', 'mp3', 'wav', 'ogg', 'flac', 'm4a', 'mp4', 'webm', 'mov', 'avi', 'mkv', 'psd', 'ai', 'sketch'])
+    function isBinaryName(name) {
+      const dot = String(name || '').lastIndexOf('.')
+      if (dot <= 0) return false
+      return BINARY_EXT.has(String(name).slice(dot + 1).toLowerCase())
+    }
     function fileIconSvg(path) {
       const name = baseName(path)
       const dot = name.lastIndexOf('.')
@@ -980,6 +987,24 @@ window.__ModuleLoader__.load({
       store.activePath = path
       store.error = null
       if (!(path in store.buffers)) {
+        // 二进制文件（zip/图片/音视频/字体等）：不读盘不渲染，占位提示即可——
+        // 4MB 乱码进 tokenizer/highlight 层是「选中 zip 页面卡死」的根因之一
+        if (isBinaryName(name)) {
+          const hint = '【二进制文件：' + name + '，不支持文本预览】'
+          store.buffers[path] = hint
+          store.savedContent[path] = hint
+          store.dirty[path] = false
+          store.readOnly = store.readOnly || {}
+          store.readOnly[path] = true
+          store.readOnlyReason = store.readOnlyReason || {}
+          store.readOnlyReason[path] = '二进制文件，仅可备注/引用文件名'
+          store.loadSeq[path] = (store.loadSeq[path] || 0) + 1
+          store.externalChanged[path] = false
+          emit()
+          showToast('二进制文件（' + name + '），已跳过文本预览')
+          loadNotes(path)
+          return
+        }
         store.buffers[path] = ''
         store.savedContent[path] = ''
         store.dirty[path] = false
@@ -1482,15 +1507,9 @@ window.__ModuleLoader__.load({
     // 带行号：N:文件名:起-止（文件名段不含空白/冒号，Windows basename 本无冒号）
     // 整文件：N:文件名.扩展名（强制要求扩展名，避免误伤 "12:30" 这类时间文本）
     const SENT_CHIP_RE = /(🌐)?\d+:([^\s:：,，;；()（）「」]+?:\d+-\d+|[^\s:：,，;；()（）「」]+?\.[A-Za-z0-9]{1,8})(?![\w.:-])/gu
-    const SENT_CHIP_SKIP_SEL = 'textarea,input,script,style,pre,code,a,[contenteditable="true"],[data-ref-chip],.cdex-aiinput-tags,.cdex-refcard,.cdex-workbench,.cdex-dock,.cdex-sent-chip'
-    function sentChipAncestorSkip(node) {
-      let el = node.parentElement
-      while (el) {
-        if (el.nodeType === 1 && typeof el.matches === 'function' && el.matches(SENT_CHIP_SKIP_SEL)) return true
-        el = el.parentElement
-      }
-      return false
-    }
+    // 元素级剪枝：命中即整棵子树跳过（TreeWalker 对元素 FILTER_REJECT 不进入其子节点），
+    // 编辑器大文件（数万文本节点）因此不会被反复全量遍历——这是 zip 卡死修复的关键之一
+    const SENT_CHIP_PRUNE_SEL = 'textarea,input,script,style,pre,code,a,[contenteditable="true"],[data-ref-chip],.cdex-aiinput-tags,.cdex-refcard,.cdex-workbench,.cdex-dock,.cdex-sent-chip'
     function wrapSentChipsInTextNode(node) {
       const text = node.nodeValue
       if (!text || text.indexOf(':') < 0) return
@@ -1525,9 +1544,7 @@ window.__ModuleLoader__.load({
         root.querySelectorAll('.cdex-sent-chip').forEach((chip) => {
           const t = chip.textContent || ''
           SENT_CHIP_RE.lastIndex = 0
-          const full = SENT_CHIP_RE.test(t)
-          SENT_CHIP_RE.lastIndex = 0
-          const m = full ? SENT_CHIP_RE.exec(t) : null
+          const m = SENT_CHIP_RE.exec(t)
           if (!m || m.index !== 0 || m[0].length !== t.length) {
             const p = chip.parentNode
             if (!p) return
@@ -1537,11 +1554,16 @@ window.__ModuleLoader__.load({
         })
       } catch (e) {}
       if (typeof document.createTreeWalker !== 'function') return
-      const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+      const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, {
         acceptNode(node) {
+          if (node.nodeType === 1) {
+            // 元素：剪枝（REJECT=连同子树跳过）或下探（SKIP=自身不收、继续子节点）
+            return (typeof node.matches === 'function' && node.matches(SENT_CHIP_PRUNE_SEL))
+              ? NodeFilter.FILTER_REJECT
+              : NodeFilter.FILTER_SKIP
+          }
           const v = node.nodeValue
           if (!v || v.indexOf(':') < 0) return NodeFilter.FILTER_REJECT
-          if (sentChipAncestorSkip(node)) return NodeFilter.FILTER_REJECT
           SENT_CHIP_RE.lastIndex = 0
           return SENT_CHIP_RE.test(v) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
         },
@@ -1554,10 +1576,25 @@ window.__ModuleLoader__.load({
     function observeSentChips() {
       if (typeof MutationObserver === 'undefined' || typeof document === 'undefined' || !document.body) return () => {}
       let scheduled = false
-      const scan = () => { scheduled = false; try { scanSentChips(document.body) } catch (e) {} }
+      let cooldownUntil = 0 // 扫描超时后的冷却期：大 DOM 场景让出主线程，防持续冻结
+      let cooldownTimer = null
+      const scan = () => {
+        scheduled = false
+        const t0 = Date.now()
+        try { scanSentChips(document.body) } catch (e) {}
+        if (Date.now() - t0 > 80) cooldownUntil = Date.now() + 1500
+      }
       const schedule = () => {
         if (scheduled) return
         scheduled = true
+        const delay = cooldownUntil - Date.now()
+        if (delay > 0) {
+          if (!cooldownTimer) cooldownTimer = setTimeout(() => { cooldownTimer = null; kick() }, delay)
+          return
+        }
+        kick()
+      }
+      const kick = () => {
         if (typeof window !== 'undefined' && window.requestAnimationFrame) window.requestAnimationFrame(scan)
         else setTimeout(scan, 60)
       }
@@ -1566,6 +1603,7 @@ window.__ModuleLoader__.load({
       schedule()
       return () => {
         try { mo.disconnect() } catch (e) {}
+        if (cooldownTimer) { clearTimeout(cooldownTimer); cooldownTimer = null }
         // unwrap 还原文本，不留痕迹
         try {
           document.querySelectorAll('.cdex-sent-chip').forEach((chip) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-code-ui",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "description": "Cursor 风格的 AI 代码编辑器工作台插件（DSH）：文件树、多标签页编辑、语法高亮、引用/翻译行内标签给 AI、右侧停靠/悬浮窗口双布局",
   "type": "module",
   "main": "lib/index.js",