dsh-opencode-palette 1.4.1 → 1.5.1

package/README.md

@@ -5,6 +5,7 @@
 **The complete opencode palette for DeepSeek Harness — 34 official themes, one click.**
 
 [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](../LICENSE)
+[![npm](https://img.shields.io/npm/v/dsh-opencode-palette)](https://www.npmjs.com/package/dsh-opencode-palette)
 [![opencode](https://img.shields.io/badge/themes-opencode%20v1.18.12-orange)](https://github.com/anomalyco/opencode)
 [![tests](https://img.shields.io/badge/tests-20%2F20-green)]()
 
@@ -24,15 +25,9 @@ Then install the plugin into your profile:
 dsh plugin --profile web add dsh-opencode-palette
 ```
 
-Register the entry (hot-reloaded, no restart): append to `~/.dsh/profiles/web/cordis.patch.yml`:
+That's it — **zero configuration**: this plugin uses DSH's official bundle mechanism — it ships its own `cordis.patch.yml` (declared via `dsh.bundle.patch`), so `dsh plugin add` automatically joins the package into the profile's `dsh.profile.bundles` layer stack, where the DSH loader assembles it at startup; `dsh plugin remove` removes it automatically. No manual file editing, and no pnpm build scripts (no postinstall, so pnpm v10 never blocks it). Restart DSH (or refresh the browser page) and the plugin is on, using the official `opencode` theme (deep black with orange / blue / violet).
 
-```yaml
-- insert:
-    - id: opencode-palette
-      name: 'dsh-opencode-palette'
-```
-
-Refresh the browser page — the plugin is on, using the official `opencode` theme (deep black with orange / blue / violet).
+> **Upgrading from 1.4.x or earlier**: old versions wrote a registration block into `~/.dsh/profiles/web/cordis.patch.yml` via postinstall. Before upgrading, delete the `opencode-palette` block from that file (a leftover would duplicate the bundle registration), then re-run `dsh plugin --profile web add dsh-opencode-palette`.
 
 ## What it does
 

package/cordis.patch.yml

@@ -0,0 +1,7 @@
+# dsh-opencode-palette bundle 层：插入主题引擎插件条目。
+# 由 dsh plugin --profile <name> add 自动装配（包声明 dsh.bundle.patch），
+# 无需手动编辑任何文件；dsh plugin remove 时自动移除。
+- insert:
+    - id: opencode-palette
+      name: 'dsh-opencode-palette'
+      config: {}

package/lib/client.js

@@ -1,5 +1,5 @@
 /**
- * dsh-opencode-palette v1.4.1 — 浏览器半（构建产物，勿手改）
+ * dsh-opencode-palette v1.5.1 — 浏览器半（构建产物，勿手改）
  * 数据驱动管线：opencode v1.18.12 官方主题 JSON → 颜色解析 → DSH 适配注入
  * 源：src/engine/* + runtime/client.mjs（npm run build 重新生成）
  */
@@ -8008,8 +8008,8 @@ const I18N = {
   enableTitle: { zh: '点击启用主题', en: 'Click to enable' },
   typography: { zh: '字体字号', en: 'Typography' },
   bodyStyle: { zh: '正文样式', en: 'Body style' },
-  mono: { zh: '等宽字体（终端风）', en: 'Monospace (terminal)' },
-  sans: { zh: '常规字体（界面风）', en: 'Regular (UI)' },
+  mono: { zh: '等宽（终端风）', en: 'Monospace (terminal)' },
+  sans: { zh: '常规（界面风）', en: 'Regular (UI)' },
   fontSize: { zh: '字号', en: 'Font size' },
   codeFont: { zh: '代码字体', en: 'Code font' },
   fontPreview: { zh: '等宽', en: 'mono' },
@@ -8146,20 +8146,23 @@ function createClient(slotTarget) {
         const h = react.createElement
         const [query, setQuery] = react.useState('')
         const [fontOpen, setFontOpen] = react.useState(false)
+        const [sizeOpen, setSizeOpen] = react.useState(false)
         const fontRef = react.useRef(null)
+        const sizeRef = react.useRef(null)
         // UI 快照：所有引擎动作后 setUi(props.getState()) 重同步，避免受控控件显示值漂移
         const [ui, setUi] = react.useState(props.getState())
         const st = ui
 
         // 字体下拉：点击外部关闭
         react.useEffect(function () {
-          if (!fontOpen) return
+          if (!fontOpen && !sizeOpen) return
           function onDoc(e) {
             if (fontRef.current && !fontRef.current.contains(e.target)) setFontOpen(false)
+            if (sizeRef.current && !sizeRef.current.contains(e.target)) setSizeOpen(false)
           }
           document.addEventListener('mousedown', onDoc)
           return function () { document.removeEventListener('mousedown', onDoc) }
-        }, [fontOpen])
+        }, [fontOpen, sizeOpen])
 
         // 语言切换：DSH 界面语言变化时重渲染（文案跟随）
         react.useEffect(function () {
@@ -8197,9 +8200,26 @@ function createClient(slotTarget) {
               }, opt.label)
             }))
         }
-        const field = function (labelText, node) {
-          return h('div', { style: { display: 'flex', flexDirection: 'column', gap: 5 } },
-            h('span', { style: fieldLabel }, labelText), node)
+        // 通用下拉（字号 / 代码字体）：紧凑按钮 + 弹出菜单，对齐 setup-panel 样例
+        const dd = function (open, setOpen, ref, labelNode, items) {
+          return h('div', { ref: ref, style: { position: 'relative' } }, [
+            h('button', {
+              onClick: function () { setOpen(!open) },
+              style: {
+                display: 'flex', alignItems: 'center', gap: 8,
+                background: 'var(--dsw-alias-bg-layer-2)', border: '1px solid var(--dsw-alias-border-l1)',
+                borderRadius: 6, padding: '5px 10px', fontSize: 12, cursor: 'pointer',
+                color: base, fontFamily: 'var(--dsw-font-family)',
+              },
+            }, [labelNode, h('span', { style: { color: muted } }, '▾')]),
+            open ? h('div', {
+              style: {
+                position: 'absolute', top: 'calc(100% + 4px)', left: 0, zIndex: 20,
+                background: 'var(--dsw-alias-bg-overlay)', border: '1px solid var(--dsw-alias-border-l1)',
+                borderRadius: 8, minWidth: 200, padding: 4, boxShadow: '0 8px 24px rgba(0,0,0,0.5)',
+              },
+            }, items) : null,
+          ])
         }
         const dot = function (color, size) {
           return h('span', { style: { width: size, height: size, borderRadius: '50%', background: color || '#555', display: 'inline-block', flex: 'none' } })
@@ -8228,43 +8248,6 @@ function createClient(slotTarget) {
           ])
         }
 
-        // 自定义字体下拉（每个选项用其字体预览）
-        const fontDropdown = h('div', { ref: fontRef, style: { position: 'relative' } }, [
-          h('button', {
-            onClick: function () { setFontOpen(!fontOpen) },
-            style: {
-              display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10,
-              background: 'var(--dsw-alias-bg-layer-2)', border: '1px solid var(--dsw-alias-border-l1)',
-              borderRadius: 6, padding: '6px 12px', fontSize: 12, cursor: 'pointer', minWidth: 200,
-              color: base, fontFamily: 'var(--dsw-font-family)',
-            },
-          }, [
-            h('span', { style: { fontFamily: FONTS[st.fontKey] || FONTS['JetBrains Mono'] } }, st.fontKey),
-            h('span', { style: { color: muted } }, '▾'),
-          ]),
-          fontOpen ? h('div', {
-            style: {
-              position: 'absolute', top: 'calc(100% + 4px)', left: 0, zIndex: 20,
-              background: 'var(--dsw-alias-bg-overlay)', border: '1px solid var(--dsw-alias-border-l1)',
-              borderRadius: 8, minWidth: 230, padding: 4, boxShadow: '0 8px 24px rgba(0,0,0,0.5)',
-            },
-          }, Object.keys(FONTS).map(function (k) {
-            const on = k === st.fontKey
-            return h('div', {
-              key: k,
-              onClick: function () {
-                props.refresh(st.mode, st.size, k)
-                setUi(props.getState())
-                setFontOpen(false)
-              },
-              style: {
-                padding: '6px 10px', fontSize: 12, borderRadius: 5, cursor: 'pointer',
-                background: on ? 'rgba(255,255,255,0.1)' : 'transparent',
-                color: on ? base : muted,
-              },
-            }, h('span', { style: { fontFamily: FONTS[k] } }, k + ' — Aa ' + tr('fontPreview')))
-          })) : null,
-        ])
 
 
         return h('div', { style: { display: 'flex', flexDirection: 'column', gap: 14, maxWidth: 920 } }, [
@@ -8299,14 +8282,43 @@ function createClient(slotTarget) {
           h('div', { style: secTitle }, [
             h('span', null, tr('typography')),
           ]),
-          h('div', { style: { display: 'flex', alignItems: 'flex-end', gap: 20, flexWrap: 'wrap' } }, [
-            field(tr('bodyStyle'), seg(st.mode, [
+          h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' } }, [
+            seg(st.mode, [
               { value: 'mono', label: tr('mono') },
               { value: 'tui', label: tr('sans') },
-            ], function (v) { props.refresh(v, st.size, st.fontKey); setUi(props.getState()) })),
-            field(tr('fontSize'), seg(st.size, [11, 12, 13, 14, 15, 16, 17, 18].map(function (s) { return { value: s, label: s + 'px' } }),
-              function (v) { props.refresh(st.mode, Number(v), st.fontKey); setUi(props.getState()) })),
-            field(tr('codeFont'), fontDropdown),
+            ], function (v) { props.refresh(v, st.size, st.fontKey); setUi(props.getState()) }),
+            dd(sizeOpen, setSizeOpen, sizeRef,
+              h('span', null, tr('fontSize') + ' ' + st.size + 'px'),
+              [11, 12, 13, 14, 15, 16, 17, 18].map(function (s) {
+                const on = s === st.size
+                return h('div', {
+                  key: String(s),
+                  onClick: function () { props.refresh(st.mode, s, st.fontKey); setUi(props.getState()); setSizeOpen(false) },
+                  style: {
+                    padding: '6px 10px', fontSize: 12, borderRadius: 5, cursor: 'pointer',
+                    background: on ? 'rgba(255,255,255,0.1)' : 'transparent',
+                    color: on ? base : muted,
+                  },
+                }, String(s) + 'px')
+              })),
+            dd(fontOpen, setFontOpen, fontRef,
+              h('span', { style: { fontFamily: FONTS[st.fontKey] || FONTS['JetBrains Mono'] } }, st.fontKey),
+              Object.keys(FONTS).map(function (k) {
+                const on = k === st.fontKey
+                return h('div', {
+                  key: k,
+                  onClick: function () {
+                    props.refresh(st.mode, st.size, k)
+                    setUi(props.getState())
+                    setFontOpen(false)
+                  },
+                  style: {
+                    padding: '6px 10px', fontSize: 12, borderRadius: 5, cursor: 'pointer',
+                    background: on ? 'rgba(255,255,255,0.1)' : 'transparent',
+                    color: on ? base : muted,
+                  },
+                }, h('span', { style: { fontFamily: FONTS[k] } }, k + ' — Aa ' + tr('fontPreview')))
+              })),
           ]),
           // ── 主题选择（色系分组标签 + mini 芯片）──
           h('div', { style: secTitle }, [

package/lib/index.js

@@ -1,5 +1,5 @@
 /**
- * dsh-opencode-palette v1.4.1 — 宿主半（no-op）
+ * dsh-opencode-palette v1.5.1 — 宿主半（no-op）
  *
  * 主题的全部工作在浏览器端（./client.js）完成：
  *   - 34 个 opencode 主题（33 内置 JSON + system）经数据驱动管线解析

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "dsh-opencode-palette",
-  "version": "1.4.1",
-  "description": "DSH Web 多主题引擎：完整支持 opencode TUI 全部 34 个主题（33 内置 + system）。数据驱动管线：主题 JSON → 颜色解析 → DSH 适配注入；设置面板即时切换、持久化。",
+  "version": "1.5.1",
+  "description": "让 DeepSeek Harness 穿上 34 款经典皮肤——东京的霓虹夜色、德古拉的暗红月光、复古工坊的暖黄灯火、黑客帝国的数字雨、玫瑰松林间的风……一键换肤，即点即换，重启不丢。34 legendary skins for DeepSeek Harness — tokyonight's neon dusk, dracula's crimson moon, gruvbox's retro glow, the matrix's digital rain, rose-pine's rosewood calm… one click, instant, persisted.",
   "type": "module",
   "main": "lib/index.js",
   "exports": {
     ".": "./lib/index.js",
     "./client": "./lib/client.js",
+    "./cordis.patch.yml": "./cordis.patch.yml",
     "./package.json": "./package.json"
   },
   "files": [
     "lib",
-    "scripts"
+    "cordis.patch.yml"
   ],
-  "scripts": {
-    "postinstall": "node scripts/install-patch.cjs",
-    "preuninstall": "node scripts/uninstall-patch.cjs"
-  },
   "keywords": [
     "dsh",
     "deepseek-harness",
@@ -28,6 +25,9 @@
     "multi-theme"
   ],
   "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
     "client": {
       "platform": "web",
       "immediately": true,

package/scripts/install-patch.cjs

@@ -1,58 +0,0 @@
-/**
- * dsh-opencode-palette postinstall — 自动注册到 DSH profile（npm 标准安装即完成，无需手动编辑 patch）
- *
- * 行为：
- *   1. 定位 $DSH_HOME/profiles/web/cordis.patch.yml（DSH_HOME 未设 → ~/.dsh/profiles/web/…）
- *   2. 文件不存在 → 跳过（非 DSH 环境不打扰）
- *   3. 已含注册行 → 跳过（幂等，重装/升级不叠加）
- *   4. 否则文件末尾追加注册块（- insert: id opencode-palette / name dsh-opencode-palette）
- * 容错：任何异常只警告，绝不令 npm install 失败（退出码恒 0）。
- */
-const fs = require('fs')
-const path = require('path')
-
-const PLUGIN_ID = 'opencode-palette'
-const PLUGIN_NAME = 'dsh-opencode-palette'
-
-function findPatchPath() {
-  const home = process.env.DSH_HOME
-    || (process.platform === 'win32' ? process.env.USERPROFILE : process.env.HOME)
-  if (!home) return null
-  return path.join(home, '.dsh', 'profiles', 'web', 'cordis.patch.yml')
-}
-
-const REGISTER_BLOCK =
-  '\n# dsh-opencode-palette（npm 安装 · 自动注册）\n' +
-  '- insert:\n' +
-  '    - id: ' + PLUGIN_ID + '\n' +
-  "      name: '" + PLUGIN_NAME + "'\n"
-
-function main() {
-  const patch = findPatchPath()
-  if (!patch) {
-    console.log('[dsh-opencode-palette] 未找到 DSH_HOME，跳过自动注册（非 DSH 环境）')
-    return
-  }
-  let existed = true
-  let text = ''
-  try {
-    text = fs.readFileSync(patch, 'utf8')
-  } catch (e) {
-    existed = false
-  }
-  if (existed && new RegExp("id\\s*:\\s*['\"]?" + PLUGIN_ID + "['\"]?").test(text)) {
-    console.log('[dsh-opencode-palette] 已在 cordis.patch.yml 注册，跳过')
-    return
-  }
-  try {
-    fs.mkdirSync(path.dirname(patch), { recursive: true })
-    fs.appendFileSync(patch, REGISTER_BLOCK, 'utf8')
-    console.log('[dsh-opencode-palette] 已自动注册到 ' + patch + '（刷新浏览器页面即生效）')
-  } catch (e) {
-    console.warn('[dsh-opencode-palette] 自动注册失败（不影响本包安装）：' + String((e && e.message) || e))
-  }
-}
-
-try { main() } catch (e) {
-  console.warn('[dsh-opencode-palette] postinstall 异常（已忽略）：' + String((e && e.message) || e))
-}

package/scripts/uninstall-patch.cjs

@@ -1,50 +0,0 @@
-/**
- * dsh-opencode-palette preuninstall — 自动从 DSH profile 移除注册（npm remove 即完成，无需手动编辑 patch）
- * 幂等：不存在注册块 → 直接返回；任何异常只警告，退出码恒 0。
- */
-const fs = require('fs')
-const path = require('path')
-
-const PLUGIN_ID = 'opencode-palette'
-
-function findPatchPath() {
-  const home = process.env.DSH_HOME
-    || (process.platform === 'win32' ? process.env.USERPROFILE : process.env.HOME)
-  if (!home) return null
-  return path.join(home, '.dsh', 'profiles', 'web', 'cordis.patch.yml')
-}
-
-// 匹配注册块：可选注释行 + insert 块（容错 name 引号/缩进变化）
-const BLOCK_RE = new RegExp(
-  '(?:^|\\n)\\s*# dsh-opencode-palette[^\\n]*\\n' +
-  '\\s*- insert:\\n' +
-  '\\s*\\s*- id:\\s*' + PLUGIN_ID + '\\s*\\n' +
-  "\\s*\\s*name:\\s*['\"]?dsh-opencode-palette['\"]?\\s*\\n",
-  'g'
-)
-
-function main() {
-  const patch = findPatchPath()
-  if (!patch) return
-  let text = ''
-  try {
-    text = fs.readFileSync(patch, 'utf8')
-  } catch (e) {
-    return // 文件不存在 → 无需清理
-  }
-  const next = text.replace(BLOCK_RE, '\n')
-  if (next === text) {
-    console.log('[dsh-opencode-palette] 未在 cordis.patch.yml 找到注册块，无需清理')
-    return
-  }
-  try {
-    fs.writeFileSync(patch, next, 'utf8')
-    console.log('[dsh-opencode-palette] 已从 cordis.patch.yml 移除注册（卸载完成）')
-  } catch (e) {
-    console.warn('[dsh-opencode-palette] 移除注册失败：' + String((e && e.message) || e))
-  }
-}
-
-try { main() } catch (e) {
-  console.warn('[dsh-opencode-palette] preuninstall 异常（已忽略）：' + String((e && e.message) || e))
-}