dsh-quote-annotate-pro 0.3.2 → 0.3.3

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 本项目的所有重要变更都记在这里。版本号遵循 [SemVer](https://semver.org/lang/zh-CN/)。
 
+## 0.3.3 — 修复「输入框无法显示字」
+
+- **根因**：0.3.2 的输入框装饰只**加** class、从不**删**。Lexical 会复用行 DOM：
+  用户删掉位置行文字、再从同一个行元素里继续打字时，残留的 `.dshq-cmp-header{display:none}` 会把新打的字一起藏掉
+  （用户实测反馈「输入框无法显示字」）
+- **修复**：装饰改为**完整对账**（逐行同时做加类与删类），行元素不再匹配位置行/引用行时立刻恢复可见
+- **光标保护**：光标停在位置行里时，该行临时以半透明显示（`.dshq-cmp-header-active`），移开后再隐藏 —— 编辑位置行也能看见自己打的字
+- **空白兜底**：若整个输入框内容全是位置行且光标就在里面，一律不隐藏（避免输入框看起来是空的）
+- **行识别**：逐层展开含块级子元素的容器（最多 4 层），单行草稿时不会再把整个容器当成一行处理
+- `npm test` 8/8、`node --check`、`check-manifest` 全绿
+
 ## 0.3.2 — 输入框装饰支持一条消息里多条批注
 
 - **修复**：输入框里的「隐藏位置行 + 紧凑引用块」装饰改为**状态机逐行扫描**。此前实现遇到位置行后的第一个空行就 `break`，

package/lib/client.js

@@ -1165,6 +1165,8 @@ window.__ModuleLoader__.load({
 .dshq-sent-quote-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:break-word}
 /* 输入框里的引用：隐藏位置行，正文显示为紧凑块（输入框与消息观感一致） */
 .dshq-cmp-header{display:none !important}
+/* 光标停在位置行里时临时显示（否则打字看不见字）；必须排在上一行之后才能覆盖 !important */
+.dshq-cmp-header-active{display:block !important;opacity:.55}
 .dshq-cmp-quote{background:rgba(127,127,127,.10);border-radius:8px;padding:2px 10px;margin:2px 0}
 .dshq-cmp-quote-first{margin-top:4px}
 .dshq-cmp-quote-last{margin-bottom:4px}
@@ -1742,13 +1744,38 @@ window.__ModuleLoader__.load({
           let observer = null
           // 位置行：`【引用 · 第N轮 · DSH 回复】` 或 `【批注 N · 第N轮 · DSH 回复（…）】`
           const HEADER_RE = /^【(?:引用|批注)[^\n]*】$/
-          // 编辑器根下的"行元素"：通常是 <p>，个别宿主会再包一层容器
-          const lineList = (ed) => {
-            let kids = Array.from(ed.children || [])
-            if (kids.length === 1 && kids[0] && kids[0].children && kids[0].children.length > 1) {
-              kids = Array.from(kids[0].children)
+          const isBlockEl = (el) => !!el && el.nodeType === 1 && /^(DIV|P|LI)$/.test(el.tagName)
+          /**
+           * 编辑器根下的"行元素"：通常是 <div>/<p>；个别宿主会再包一层容器。
+           * 逐层向下展开"含块级子元素"的容器（最多 4 层），叶子层就是真正的行。
+           * （早期版本只在"单容器且子元素 >1"时展开一层，单行草稿时会把整个容器当成一行处理）
+           */
+          const lineElements = (ed) => {
+            let cur = [ed]
+            for (let depth = 0; depth < 4; depth++) {
+              const next = []
+              let descended = false
+              for (const el of cur) {
+                const blocks = Array.from(el.children || []).filter(isBlockEl)
+                if (blocks.length > 0) { descended = true; for (const b of blocks) next.push(b) } else next.push(el)
+              }
+              if (!descended) return cur
+              cur = next
             }
-            return kids
+            return cur
+          }
+          // 光标所在行：装饰时不能把光标那行藏起来，否则用户打字"看不见字"
+          const caretLineOf = (ed, lines) => {
+            try {
+              const sel = window.getSelection()
+              if (!sel || sel.rangeCount === 0 || !sel.anchorNode) return null
+              let el = sel.anchorNode.nodeType === 1 ? sel.anchorNode : sel.anchorNode.parentElement
+              while (el && el !== ed) {
+                if (lines.indexOf(el) !== -1) return el
+                el = el.parentElement
+              }
+            } catch (e) { /* ignore */ }
+            return null
           }
           /**
            * 把输入框里的正文"装饰"成紧凑块：
@@ -1756,40 +1783,63 @@ window.__ModuleLoader__.load({
            * - 位置行后面紧跟的引用正文行 → `.dshq-cmp-quote`（浅色块；首行/末行分别圆角）
            * 一条消息里可以有多条批注，所以这里按"状态机"逐行扫描，遇到空行即结束当前块，
            * 然后继续扫后面的块（早期版本遇到第一个空行就 break，导致第二条批注不再装饰）。
+           *
+           * 关键：**完整对账**（既加类、也删类）。Lexical 会复用行 DOM，删掉位置行文字后新打的字
+           * 若落回同一个行元素，残留的 `.dshq-cmp-header` 会让新文字看不见（用户反馈"输入框无法显示字"）。
            */
           const decorate = () => {
             try {
               for (const ed of document.querySelectorAll('[contenteditable="true"]')) {
-                const kids = lineList(ed)
+                const lines = lineElements(ed)
+                const headerSet = new Set()
+                const quoteMap = new Map()
                 let block = null
-                let changed = 0
                 const flush = () => {
-                  if (block && block.lines.length > 0) {
-                    const lines = block.lines
-                    lines.forEach((el, i) => {
-                      if (!el.classList.contains('dshq-cmp-quote')) changed++
-                      el.classList.add('dshq-cmp-quote')
-                      el.classList.toggle('dshq-cmp-quote-first', i === 0)
-                      el.classList.toggle('dshq-cmp-quote-last', i === lines.length - 1)
-                    })
+                  if (block && block.length > 0) {
+                    block.forEach((el, i) => quoteMap.set(el, { first: i === 0, last: i === block.length - 1 }))
                   }
                   block = null
                 }
-                for (const el of kids) {
+                for (const el of lines) {
                   const t = String(el.textContent || '').trim()
                   const single = t !== '' && t.indexOf('\n') === -1
-                  if (single && HEADER_RE.test(t)) {
-                    flush()
-                    if (!el.classList.contains('dshq-cmp-header')) changed++
-                    el.classList.add('dshq-cmp-header')
-                    block = { lines: [] }
-                    continue
-                  }
+                  if (single && HEADER_RE.test(t)) { flush(); headerSet.add(el); block = []; continue }
                   if (!block) continue
                   if (t === '' || !single) { flush(); continue }
-                  block.lines.push(el)
+                  block.push(el)
                 }
                 flush()
+                // 兜底：如果整段内容都是位置行（用户把正文删光了），并且光标就在里面，
+                // 不隐藏任何行 —— 否则输入框看起来是空的，用户会以为"打不出字"。
+                try {
+                  const focused = ed === document.activeElement || ed.contains(document.activeElement)
+                  if (focused && lines.length > 0 && headerSet.size === lines.length) headerSet.clear()
+                } catch (e) { /* ignore */ }
+                const caret = caretLineOf(ed, lines)
+                let changed = 0
+                for (const el of lines) {
+                  const cls = el.classList
+                  const isHeader = headerSet.has(el)
+                  const isActive = isHeader && el === caret
+                  if (isHeader && !isActive) {
+                    if (!cls.contains('dshq-cmp-header')) { cls.add('dshq-cmp-header'); changed++ }
+                  } else if (cls.contains('dshq-cmp-header')) { cls.remove('dshq-cmp-header'); changed++ }
+                  if (isActive) {
+                    if (!cls.contains('dshq-cmp-header-active')) { cls.add('dshq-cmp-header-active'); changed++ }
+                  } else if (cls.contains('dshq-cmp-header-active')) { cls.remove('dshq-cmp-header-active'); changed++ }
+                  const q = quoteMap.get(el)
+                  if (q) {
+                    if (!cls.contains('dshq-cmp-quote')) changed++
+                    cls.add('dshq-cmp-quote')
+                    cls.toggle('dshq-cmp-quote-first', q.first)
+                    cls.toggle('dshq-cmp-quote-last', q.last)
+                  } else if (cls.contains('dshq-cmp-quote')) {
+                    cls.remove('dshq-cmp-quote')
+                    cls.remove('dshq-cmp-quote-first')
+                    cls.remove('dshq-cmp-quote-last')
+                    changed++
+                  }
+                }
                 if (changed > 0) report('cmp:decorated', { changed })
               }
             } catch (e) { report('cmp:scan-throw', String((e && e.message) || e)) }
@@ -1803,9 +1853,13 @@ window.__ModuleLoader__.load({
             observer = new MutationObserver(() => { decorate() })
             observer.observe(document.body, { childList: true, subtree: true, characterData: true })
           } catch (e) { report('cmp:observer-throw', String((e && e.message) || e)) }
+          // 光标进出位置行时立即更新（光标在位置行里时临时显示该行，避免"打字看不见"）
+          const onSelectionChange = () => { try { decorate() } catch (e) { /* ignore */ } }
+          try { document.addEventListener('selectionchange', onSelectionChange) } catch (e) { /* ignore */ }
           return () => {
             if (composerDecorateNow === decorate) composerDecorateNow = null
             if (observer) { try { observer.disconnect() } catch (e) { /* ignore */ } }
+            try { document.removeEventListener('selectionchange', onSelectionChange) } catch (e) { /* ignore */ }
           }
         }, 'dsh-quote-annotate-pro: composer quote decoration')
       } catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-quote-annotate-pro",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "划词批注与引用锚点：划词 → 批注（自动编号）→ 引用；引用块在输入框和已发送消息里始终可见（最多 3 行、位置行隐藏），点一下跳回原文并高亮；模型按「Annotation N：」逐条回应，回复里的标签可悬浮看原文与评语。纯客户端，锚点存本地 localStorage。",
   "keywords": ["dsh", "dsh-plugin", "deepseek-harness", "quote", "annotate", "selection", "reference", "anchor"],
   "license": "MIT",