dsh-structured 0.9.4 → 0.9.9

package/test/client-visual.test.mjs

@@ -1,290 +1,299 @@
-import assert from 'node:assert/strict'
-import { readFileSync } from 'node:fs'
-import test from 'node:test'
-import vm from 'node:vm'
-
-function makeDom() {
-  const styles = new Map()
-  const attrs = new Map()
-  const element = () => ({
-    children: [],
-    appendChild(child) {
-      this.children.push(child)
-    },
-    remove() {},
-    setAttribute(name, value) {
-      this[name] = value
-    },
-    removeAttribute(name) {
-      delete this[name]
-    },
-    querySelectorAll() {
-      return []
-    },
-    closest() {
-      return null
-    },
-    tagName: 'P',
-  })
-  const document = {
-    body: element(),
-    documentElement: {
-      setAttribute(name, value) {
-        attrs.set(name, value)
-      },
-      removeAttribute(name) {
-        attrs.delete(name)
-      },
-      getAttribute(name) {
-        return attrs.get(name)
-      },
-    },
-    head: {
-      children: [],
-      appendChild(style) {
-        this.children.push(style)
-        styles.set(style.id, style)
-      },
-    },
-    createElement() {
-      const style = element()
-      style.textContent = ''
-      style.id = ''
-      style.remove = () => {
-        styles.delete(style.id)
-      }
-      return style
-    },
-    getElementById(id) {
-      return styles.get(id) ?? null
-    },
-    querySelectorAll() {
-      return []
-    },
-  }
-  return { document, styles, attrs }
-}
-
-function loadClient(dom) {
-  const code = readFileSync(new URL('../src/client.js', import.meta.url), 'utf8')
-  let module = null
-  const window = {
-    __ModuleLoader__: {
-      load(definition) {
-        module = definition.factory()
-      },
-    },
-  }
-  const context = {
-    window,
-    document: dom.document,
-    MutationObserver: class {
-      observe() {}
-      disconnect() {}
-    },
-    requestAnimationFrame: (fn) => fn(),
-    cancelAnimationFrame: () => {},
-    setTimeout: (fn) => fn(),
-    clearTimeout: () => {},
-    console: { info() {}, warn() {}, error() {} },
-  }
-  vm.runInNewContext(code, context, { filename: 'src/client.js' })
-  assert.ok(module, 'client module should register')
-  return module
-}
-
-function makeContext(form) {
-  return {
-    inject(services, callback) {
-      callback({
-        configForms: {
-          get(id) {
-            return id === 'dsh-structured' ? form : undefined
-          },
-        },
-        effect(fn) {
-          return fn()
-        },
-      })
-    },
-    effect(fn) {
-      return fn()
-    },
-  }
-}
-
-test('client：visual=false 停用视觉层，visual=true 恢复', () => {
-  const dom = makeDom()
-  const form = {
-    value: { visual: false, theme: 'codex' },
-    listeners: new Set(),
-    getSnapshot() {
-      return { value: this.value }
-    },
-    subscribe(listener) {
-      this.listeners.add(listener)
-      return () => this.listeners.delete(listener)
-    },
-  }
-  const module = loadClient(dom)
-  const dispose = module.apply(makeContext(form))
-
-  assert.equal(dom.styles.has('dsh-structured-skin-style'), false)
-  assert.equal(dom.attrs.has('data-dsh-structured'), false)
-  assert.equal(dom.document.body['data-dsh-structured-theme'], undefined)
-
-  form.value = { visual: true, theme: 'codex' }
-  for (const listener of form.listeners) listener()
-  assert.equal(dom.styles.has('dsh-structured-skin-style'), true)
-  assert.equal(dom.attrs.get('data-dsh-structured'), 'active')
-  assert.equal(dom.document.body['data-dsh-structured-theme'], 'codex')
-
-  form.value = { visual: true, theme: 'anthropic' }
-  for (const listener of form.listeners) listener()
-  assert.equal(dom.document.body['data-dsh-structured-theme'], 'anthropic')
-
-  form.value = { visual: true, theme: 'bogus' }
-  for (const listener of form.listeners) listener()
-  assert.equal(dom.document.body['data-dsh-structured-theme'], 'deepseek')
-
-  form.value = { visual: false, theme: 'anthropic' }
-  for (const listener of form.listeners) listener()
-  assert.equal(dom.styles.has('dsh-structured-skin-style'), false)
-  assert.equal(dom.attrs.has('data-dsh-structured'), false)
-  assert.equal(dom.document.body['data-dsh-structured-theme'], undefined)
-
-  dispose()
-})
-
-test('client：configForms 不可用时视觉层保持默认开启', () => {
-  const dom = makeDom()
-  const module = loadClient(dom)
-  const ctx = {
-    inject(services, callback) {
-      // 模拟服务缺失：不调用 callback
-    },
-    effect(fn) {
-      return fn()
-    },
-  }
-  const dispose = module.apply(ctx)
-  assert.equal(dom.styles.has('dsh-structured-skin-style'), true)
-  assert.equal(dom.attrs.get('data-dsh-structured'), 'active')
-  dispose()
-})
-
-function attrsElement(extra = {}) {
-  const attrs = new Map()
-  return {
-    attrs,
-    setAttribute(name, value) {
-      attrs.set(name, value)
-    },
-    removeAttribute(name) {
-      attrs.delete(name)
-    },
-    getAttribute(name) {
-      return attrs.get(name)
-    },
-    ...extra,
-  }
-}
-
-test('client：diff 代码块不套插件 chrome，普通代码块才套', () => {
-  const dom = makeDom()
-  const module = loadClient(dom)
-  const diffCode = attrsElement({
-    querySelector: () => ({ textContent: 'diff' }),
-    closest: () => null,
-  })
-  const jsCode = attrsElement({
-    querySelector: () => ({ textContent: 'js' }),
-    closest: () => null,
-  })
-  const diffCopyCode = attrsElement({
-    querySelector: () => ({ textContent: 'diff复制' }),
-    closest: () => null,
-  })
-  assert.equal(module.__test.isDiffCode(diffCopyCode), true)
-  const root = {
-    querySelectorAll(selector) {
-      if (selector.includes('.md-code-block')) return [diffCode, jsCode, diffCopyCode]
-      return []
-    },
-  }
-  module.__test.decorate(root)
-  assert.equal(diffCode.attrs.get('data-dsh-structured-skip'), 'code')
-  assert.equal(diffCode.attrs.get('data-dsh-structured-code'), undefined)
-  assert.equal(diffCode.attrs.get('data-dsh-structured-lang'), undefined)
-  assert.equal(diffCopyCode.attrs.get('data-dsh-structured-skip'), 'code')
-  assert.equal(jsCode.attrs.get('data-dsh-structured-code'), '1')
-  assert.equal(jsCode.attrs.get('data-dsh-structured-lang'), 'js')
-})
-
-test('client：普通状态表仍套插件表格样式并标状态行', () => {
-  const dom = makeDom()
-  const module = loadClient(dom)
-  const row = attrsElement({
-    textContent: '✅ 完成',
-    cells: [{ textContent: '✅ 完成' }],
-    closest: () => null,
-  })
-  const table = attrsElement({
-    closest: () => null,
-    querySelectorAll: (selector) => (selector === 'tbody tr' ? [row] : []),
-  })
-  const root = {
-    querySelectorAll(selector) {
-      if (selector === '[class*="_markdown_"] table') return [table]
-      if (selector === '[class*="_markdown_"] tbody tr') return [row]
-      if (selector === '[class*="_markdown_"] table tr') return [row]
-      return []
-    },
-  }
-  module.__test.decorate(root)
-  assert.equal(table.attrs.get('data-dsh-structured-status-table'), '1')
-  assert.equal(table.attrs.get('data-dsh-structured-skip'), undefined)
-  assert.equal(row.attrs.get('data-dsh-structured-row'), 'success')
-})
-
-test('client：GenUI 区域不写入 skip，保持旧行为', () => {
-  const dom = makeDom()
-  const module = loadClient(dom)
-  const code = attrsElement({
-    querySelector: () => ({ textContent: 'js' }),
-    closest: (selector) => (selector.includes('genui') ? {} : null),
-  })
-  const table = attrsElement({
-    closest: (selector) => (selector.includes('genui') ? {} : null),
-    querySelectorAll: () => [],
-  })
-  const root = {
-    querySelectorAll(selector) {
-      if (selector.includes('.md-code-block')) return [code]
-      if (selector === '[class*="_markdown_"] table') return [table]
-      return []
-    },
-  }
-  module.__test.decorate(root)
-  assert.equal(code.attrs.get('data-dsh-structured-skip'), undefined)
-  assert.equal(code.attrs.get('data-dsh-structured-code'), undefined)
-  assert.equal(table.attrs.get('data-dsh-structured-skip'), undefined)
-})
-
-test('client：diff 表格不套插件表格样式', () => {
-  const dom = makeDom()
-  const module = loadClient(dom)
-  const table = attrsElement({
-    closest: (selector) => (selector.includes('[data-diff]') ? {} : null),
-    querySelectorAll: () => [],
-  })
-  const root = {
-    querySelectorAll(selector) {
-      if (selector === '[class*="_markdown_"] table') return [table]
-      return []
-    },
-  }
-  module.__test.decorate(root)
-  assert.equal(table.attrs.get('data-dsh-structured-skip'), 'table')
-  assert.equal(table.attrs.get('data-dsh-structured-status-table'), undefined)
-})
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import test from 'node:test'
+import vm from 'node:vm'
+
+function makeDom() {
+  const styles = new Map()
+  const attrs = new Map()
+  const element = () => ({
+    children: [],
+    appendChild(child) {
+      this.children.push(child)
+    },
+    remove() {},
+    setAttribute(name, value) {
+      this[name] = value
+    },
+    removeAttribute(name) {
+      delete this[name]
+    },
+    querySelectorAll() {
+      return []
+    },
+    closest() {
+      return null
+    },
+    tagName: 'P',
+  })
+  const document = {
+    body: element(),
+    documentElement: {
+      setAttribute(name, value) {
+        attrs.set(name, value)
+      },
+      removeAttribute(name) {
+        attrs.delete(name)
+      },
+      getAttribute(name) {
+        return attrs.get(name)
+      },
+    },
+    head: {
+      children: [],
+      appendChild(style) {
+        this.children.push(style)
+        styles.set(style.id, style)
+      },
+    },
+    createElement() {
+      const style = element()
+      style.textContent = ''
+      style.id = ''
+      style.remove = () => {
+        styles.delete(style.id)
+      }
+      return style
+    },
+    getElementById(id) {
+      return styles.get(id) ?? null
+    },
+    querySelectorAll() {
+      return []
+    },
+  }
+  return { document, styles, attrs }
+}
+
+function loadClient(dom) {
+  const code = readFileSync(new URL('../src/client.js', import.meta.url), 'utf8')
+  let module = null
+  const window = {
+    __ModuleLoader__: {
+      load(definition) {
+        module = definition.factory()
+      },
+    },
+  }
+  const context = {
+    window,
+    document: dom.document,
+    MutationObserver: class {
+      observe() {}
+      disconnect() {}
+    },
+    requestAnimationFrame: (fn) => fn(),
+    cancelAnimationFrame: () => {},
+    setTimeout: (fn) => fn(),
+    clearTimeout: () => {},
+    console: { info() {}, warn() {}, error() {} },
+  }
+  vm.runInNewContext(code, context, { filename: 'src/client.js' })
+  assert.ok(module, 'client module should register')
+  return module
+}
+
+function makeContext(form) {
+  return {
+    inject(services, callback) {
+      callback({
+        configForms: {
+          get(id) {
+            return id === 'dsh-structured' ? form : undefined
+          },
+        },
+        effect(fn) {
+          return fn()
+        },
+      })
+    },
+    effect(fn) {
+      return fn()
+    },
+  }
+}
+
+test('client：visual=false 停用视觉层，visual=true 恢复', () => {
+  const dom = makeDom()
+  const form = {
+    value: { visual: false, theme: 'codex' },
+    listeners: new Set(),
+    getSnapshot() {
+      return { value: this.value }
+    },
+    subscribe(listener) {
+      this.listeners.add(listener)
+      return () => this.listeners.delete(listener)
+    },
+  }
+  const module = loadClient(dom)
+  const dispose = module.apply(makeContext(form))
+
+  assert.equal(dom.styles.has('dsh-structured-skin-style'), false)
+  assert.equal(dom.attrs.has('data-dsh-structured'), false)
+  assert.equal(dom.document.body['data-dsh-structured-theme'], undefined)
+
+  form.value = { visual: true, theme: 'codex' }
+  for (const listener of form.listeners) listener()
+  assert.equal(dom.styles.has('dsh-structured-skin-style'), true)
+  assert.equal(dom.attrs.get('data-dsh-structured'), 'active')
+  assert.equal(dom.document.body['data-dsh-structured-theme'], 'codex')
+
+  form.value = { visual: true, theme: 'anthropic' }
+  for (const listener of form.listeners) listener()
+  assert.equal(dom.document.body['data-dsh-structured-theme'], 'anthropic')
+
+  form.value = { visual: true, theme: 'bogus' }
+  for (const listener of form.listeners) listener()
+  assert.equal(dom.document.body['data-dsh-structured-theme'], 'deepseek')
+
+  form.value = { visual: false, theme: 'anthropic' }
+  for (const listener of form.listeners) listener()
+  assert.equal(dom.styles.has('dsh-structured-skin-style'), false)
+  assert.equal(dom.attrs.has('data-dsh-structured'), false)
+  assert.equal(dom.document.body['data-dsh-structured-theme'], undefined)
+
+  dispose()
+})
+
+test('client：configForms 不可用时视觉层保持默认开启', () => {
+  const dom = makeDom()
+  const module = loadClient(dom)
+  const ctx = {
+    inject(services, callback) {
+      // 模拟服务缺失：不调用 callback
+    },
+    effect(fn) {
+      return fn()
+    },
+  }
+  const dispose = module.apply(ctx)
+  assert.equal(dom.styles.has('dsh-structured-skin-style'), true)
+  assert.equal(dom.attrs.get('data-dsh-structured'), 'active')
+  dispose()
+})
+
+function attrsElement(extra = {}) {
+  const attrs = new Map()
+  return {
+    attrs,
+    setAttribute(name, value) {
+      attrs.set(name, value)
+    },
+    removeAttribute(name) {
+      attrs.delete(name)
+    },
+    getAttribute(name) {
+      return attrs.get(name)
+    },
+    ...extra,
+  }
+}
+
+test('client：diff 代码块不套插件 chrome，普通代码块才套', () => {
+  const dom = makeDom()
+  const module = loadClient(dom)
+  const diffCode = attrsElement({
+    querySelector: () => ({ textContent: 'diff' }),
+    closest: () => null,
+  })
+  const jsCode = attrsElement({
+    querySelector: () => ({ textContent: 'js' }),
+    closest: () => null,
+  })
+  const diffCopyCode = attrsElement({
+    querySelector: () => ({ textContent: 'diff复制' }),
+    closest: () => null,
+  })
+  assert.equal(module.__test.isDiffCode(diffCopyCode), true)
+  const root = {
+    querySelectorAll(selector) {
+      if (selector.includes('.md-code-block')) return [diffCode, jsCode, diffCopyCode]
+      return []
+    },
+  }
+  module.__test.decorate(root)
+  assert.equal(diffCode.attrs.get('data-dsh-structured-skip'), 'code')
+  assert.equal(diffCode.attrs.get('data-dsh-structured-code'), undefined)
+  assert.equal(diffCode.attrs.get('data-dsh-structured-lang'), undefined)
+  assert.equal(diffCopyCode.attrs.get('data-dsh-structured-skip'), 'code')
+  assert.equal(jsCode.attrs.get('data-dsh-structured-code'), '1')
+  assert.equal(jsCode.attrs.get('data-dsh-structured-lang'), 'js')
+})
+
+test('client：普通状态表仍套插件表格样式并标状态行', () => {
+  const dom = makeDom()
+  const module = loadClient(dom)
+  const row = attrsElement({
+    textContent: '✅ 完成',
+    cells: [{ textContent: '✅ 完成' }],
+    closest: () => null,
+  })
+  const table = attrsElement({
+    closest: () => null,
+    querySelectorAll: (selector) => (selector === 'tbody tr' ? [row] : []),
+  })
+  const root = {
+    querySelectorAll(selector) {
+      if (selector === '[class*="_markdown_"] table') return [table]
+      if (selector === '[class*="_markdown_"] tbody tr') return [row]
+      if (selector === '[class*="_markdown_"] table tr') return [row]
+      return []
+    },
+  }
+  module.__test.decorate(root)
+  assert.equal(table.attrs.get('data-dsh-structured-status-table'), '1')
+  assert.equal(table.attrs.get('data-dsh-structured-skip'), undefined)
+  assert.equal(row.attrs.get('data-dsh-structured-row'), 'success')
+})
+
+test('client：GenUI 区域不写入 skip，保持旧行为', () => {
+  const dom = makeDom()
+  const module = loadClient(dom)
+  const code = attrsElement({
+    querySelector: () => ({ textContent: 'js' }),
+    closest: (selector) => (selector.includes('genui') ? {} : null),
+  })
+  const table = attrsElement({
+    closest: (selector) => (selector.includes('genui') ? {} : null),
+    querySelectorAll: () => [],
+  })
+  const root = {
+    querySelectorAll(selector) {
+      if (selector.includes('.md-code-block')) return [code]
+      if (selector === '[class*="_markdown_"] table') return [table]
+      return []
+    },
+  }
+  module.__test.decorate(root)
+  assert.equal(code.attrs.get('data-dsh-structured-skip'), undefined)
+  assert.equal(code.attrs.get('data-dsh-structured-code'), undefined)
+  assert.equal(table.attrs.get('data-dsh-structured-skip'), undefined)
+})
+
+test('client：diff 表格不套插件表格样式', () => {
+  const dom = makeDom()
+  const module = loadClient(dom)
+  const table = attrsElement({
+    closest: (selector) => (selector.includes('[data-diff]') ? {} : null),
+    querySelectorAll: () => [],
+  })
+  const root = {
+    querySelectorAll(selector) {
+      if (selector === '[class*="_markdown_"] table') return [table]
+      return []
+    },
+  }
+  module.__test.decorate(root)
+  assert.equal(table.attrs.get('data-dsh-structured-skip'), 'table')
+  assert.equal(table.attrs.get('data-dsh-structured-status-table'), undefined)
+})
+
+test('client：标题图标使用悬挂缩进，换行行不顶回左边', () => {
+  const dom = makeDom()
+  loadClient(dom).apply(makeContext(null))
+  const css = dom.styles.get('dsh-structured-skin-style')?.textContent ?? ''
+  assert.match(css, /h2\[data-dsh-structured-icon\]\{padding-left:42px;text-indent:-30px\}/)
+  assert.match(css, /h3\[data-dsh-structured-icon\]\{padding-left:30px;text-indent:-30px\}/)
+  assert.match(css, /h2\[data-dsh-structured-icon\]::before,[^{]*\{[^}]*text-indent:0/)
+})

package/test/fixtures/first-glance.html

@@ -0,0 +1,80 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>dsh-structured 0.9.6 fixture</title>
+<style>
+  html,body{margin:0;padding:0;background:#f4f6f8;color:#111827;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
+  .stage{padding:40px 28px 64px;display:flex;justify-content:center}
+  .reply{width:980px;max-width:calc(100vw - 56px)}
+  .meta{font-size:12px;color:#6b7280;margin:0 0 16px 2px}
+  .surface{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}
+  .markdown{font-size:15px;line-height:1.72}
+  body[data-dsh-structured-theme="codex"]{background:#f7fbf9}
+  body[data-dsh-structured-theme="anthropic"]{background:#f5f1e8}
+  body[data-dsh-structured-theme="anthropic"] .surface{background:#faf9f5;border-color:#e5e0d5}
+  body[data-ds-dark-theme]{background:#0b1220;color:#e5e7eb}
+  body[data-ds-dark-theme] .surface{background:#111827;border-color:#374151}
+  body[data-ds-dark-theme][data-dsh-structured-theme="codex"]{background:#07100d}
+  body[data-ds-dark-theme][data-dsh-structured-theme="codex"] .surface{background:#0b1512;border-color:#233a31}
+  body[data-ds-dark-theme][data-dsh-structured-theme="anthropic"]{background:#141413}
+  body[data-ds-dark-theme][data-dsh-structured-theme="anthropic"] .surface{background:#1f1e1d;border-color:#3a3733}
+  html:has(body[data-ds-dark-theme]){background:#0b1220}
+  html:has(body[data-ds-dark-theme][data-dsh-structured-theme="codex"]){background:#07100d}
+  html:has(body[data-ds-dark-theme][data-dsh-structured-theme="anthropic"]){background:#141413}
+</style>
+</head>
+<body>
+<div class="stage">
+  <div class="reply">
+    <div class="meta">助手回复</div>
+    <div class="surface">
+      <div class="_markdown_fixture markdown">
+        <blockquote data-dsh-structured-card="1" data-dsh-structured-card-type="statement" data-dsh-structured-tone="info">
+          <p><strong>这个方案可以推进，但先补一次真实用户验证</strong><br>方向、成本、排期都成立；真实用户验证是唯一缺口。</p>
+        </blockquote>
+        <p data-dsh-structured-lead="table"><strong>表格结论：</strong> 三项里两项成立，一项待验证。</p>
+        <table data-dsh-structured-status-table="1">
+          <thead><tr><th>项</th><th>状态</th><th>说明</th></tr></thead>
+          <tbody>
+            <tr data-dsh-structured-row="success"><td>✅ 完成</td><td>方向</td><td>和现有目标一致</td></tr>
+            <tr data-dsh-structured-row="success"><td>✅ 完成</td><td>成本</td><td>不新增预算</td></tr>
+            <tr data-dsh-structured-row="warn"><td>⚠️ 待做</td><td>用户验证</td><td>需要 5 个真实用户</td></tr>
+          </tbody>
+        </table>
+        <blockquote data-dsh-structured-card="1" data-dsh-structured-card-type="risk" data-dsh-structured-tone="warn">
+          <p><strong>风险</strong><br>用户验证没做，直接推进会把假设当结论。</p>
+        </blockquote>
+        <blockquote data-dsh-structured-card="1" data-dsh-structured-card-type="next" data-dsh-structured-tone="info">
+          <p><strong>下一步</strong></p>
+          <ol>
+            <li>找 5 个真实用户，跑核心路径。</li>
+            <li>看他们卡在哪，不听他们说要什么。</li>
+            <li>验证过了再排期，没过就停。</li>
+          </ol>
+        </blockquote>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+  window.__ModuleLoader__ = {
+    load(definition) {
+      window.__client = definition
+    },
+  }
+</script>
+<script src="../../src/client.js"></script>
+<script>
+  window.addEventListener('load', () => {
+    const module = window.__client.factory()
+    module.apply({
+      inject() {},
+      effect(fn) { fn() },
+    })
+    document.body.setAttribute('data-dsh-structured-theme', 'deepseek')
+  })
+</script>
+</body>
+</html>

package/test/fixtures/persona-gate/no-persona.md

@@ -0,0 +1,8 @@
+# Gate fixture：无 persona
+
+仅使用 `BUILTIN_STYLE_TEXT` 的结构规则；不追加 persona。
+
+## 观察点
+
+- 首屏标题卡/表格/列表/结论是否正常。
+- 无个人信息、无额外 system 文本。