dsh-structured 0.8.1 → 0.8.2

package/test/client-visual.test.mjs

@@ -0,0 +1,163 @@
+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 },
+    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)
+
+  form.value = { visual: true }
+  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')
+
+  form.value = { visual: false }
+  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)
+
+  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()
+})

package/test/structured.test.mjs

@@ -6,6 +6,7 @@ import test from 'node:test'
 
 import {
   BUILTIN_STYLE_TEXT,
+  Config,
   GENUI_ROUTING_TEXT,
   MAX_SESSION_ENTRIES,
   TAIL_REMINDER_TEXT,
@@ -147,6 +148,22 @@ test('statusText 显示 GenUI 联动状态', () => {
   }
 })
 
+test('Config：visual 默认开启，且可显式关闭', () => {
+  const value = (x) => (x && typeof x.get === 'function' ? x.get() : x)
+  const defaults = Config({})
+  assert.equal(value(defaults.visual), true)
+  assert.equal(value(defaults.defaultEnabled), true)
+  assert.equal(value(defaults.tailReminder), true)
+  assert.equal(value(defaults.includeSubagents), false)
+  assert.equal(value(defaults.genui), 'auto')
+  assert.equal(value(Config({ visual: false }).visual), false)
+  assert.equal(value(Config({ defaultEnabled: false }).defaultEnabled), false)
+  assert.match(
+    statusText({ sessionId: 'session-a', sessions: {}, defaultEnabled: true, visual: false }),
+    /视觉层：已关闭/,
+  )
+})
+
 test('无状态文件时按默认值开启', () => {
   const box = isolate()
   try {
@@ -507,6 +524,15 @@ test('client：卡片类型与归属标记存在', () => {
   }
 })
 
+test('client：视觉层可由 configForms 的 visual 设置关闭', () => {
+  const client = readFileSync('src/client.js', 'utf8')
+  assert.match(client, /configForms/)
+  assert.match(client, /getSnapshot/)
+  assert.match(client, /visual !== false/)
+  assert.match(client, /applyVisual/)
+  assert.doesNotMatch(client, /state\.json/)
+})
+
 test('构建产物 lib/index.js 与 lib/client.js 均 = banner + src', () => {
   const hostSrc = readFileSync('src/index.js', 'utf8')
   const hostLib = readFileSync('lib/index.js', 'utf8')