DeepSeek Harness 插件

dsh-mermaid-zoom

Mermaid diagram enhancement for the DeepSeek Harness (DSH) web GUI: Ctrl/Cmd+wheel zoom, drag to pan, double-click reset, hover toolbar with zoom controls and 2x PNG copy. Pure client-side DOM(英文原文)

跳到安装方式

来源信息

GitHub 仓库
evanfang0054/dsh-mermaid-zoom
最近更新
2026年8月20日
分类
界面增强
GitHub stars
1
载体类型
plugin
目录证据
上游声明已找到 dsh.bundle
证据路径
package.json#dsh.bundle
核对版本
0.1.0-rc.8
上游核对日期
2026-08-20

该证据由上游目录提供。本站没有安装、运行或安全审核这个插件。

安装

默认先复制一段 Prompt,让 Agent 读 GitHub 仓库和源码;需要自己装时再切到命令。

复制这段 Prompt,发给 DSH、Codex 或其他 Agent,让它先读 GitHub 仓库和源码。

请先不要安装或执行任何命令。阅读这个插件的 GitHub 仓库、README 和关键源码,然后用清楚、直接的方式回答以下问题,帮助我判断它是否适合我的需求:

1. 这个插件是什么,解决什么问题;
2. 适合哪些用户和典型使用场景;
3. 安装后如何使用,并给出一个最小使用示例;
4. 有哪些已知限制,以及隐私、安全、兼容性或维护风险;
5. 给出“推荐 / 有条件推荐 / 不推荐”的明确建议和理由。

请区分仓库明确说明、根据源码推断和未知信息。证据不足时请明确说明,不要猜测或照抄 README。

GitHub:https://github.com/evanfang0054/dsh-mermaid-zoom
插件名:dsh-mermaid-zoom
作者:evanfang0054

检查来源文件

安装前先看这个插件目录里的 README 和其他文件。

文件资源管理器3 个文件
README.md来源说明 · 只读预览

dsh-mermaid-zoom

Mermaid 图交互增强插件,适用于 DeepSeek Harness (DSH) Web GUI。

给 GUI 中 dsh-genui 渲染的 mermaid 图([data-genui-mermaid] 容器)加上:

  • 🔍 Ctrl/Cmd + 滚轮缩放(不干扰页面正常滚动)
  • 拖拽平移
  • 🖱 双击重置视图
  • 🧰 hover 工具栏:+ 放大 / - 缩小 / ⟳ 重置
  • 📋 复制图片:导出 2x 白底 PNG,剪贴板优先,失败自动下载

纯浏览器端 DOM 增强,不依赖任何宿主服务;MutationObserver 自动接管流式渲染完成的图。缩放范围 0.4x – 10x。

安装

方式一:官方一键安装(推荐)

包声明了 dsh.bundle,通过 dsh 官方 CLI 安装会自动挂载到 profile 的 bundle 栈,无需手改配置文件:

dsh plugin --profile web add dsh-mermaid-zoom

安装完成并重启 dsh web 即生效(dsh 不在 PATH 时用 npx -y @deepseek-ai/dsh plugin ...)。

方式二:手动挂载(高级)

也可以只把这个包作为普通依赖装进 profile,再手写一条 insert 记录:

cd ~/.dsh/profiles/web   # 或你实际的 profile 目录
pnpm add dsh-mermaid-zoom

然后在 cordis.patch.yml 中插入:

- insert:
    - id: dsh-mermaid-zoom
      name: 'dsh-mermaid-zoom'

> ⚠️ 两种方式二选一:如果已经用「方式二」挂载过,改用「方式一」前请先从 cordis.patch.yml 删除那行 insert,避免双挂载(两份客户端、两份工具栏处理逻辑)。

开发

git clone https://github.com/evanfang0054/dsh-mermaid-zoom.git
cd dsh-mermaid-zoom
npm test       # node --test tests/

结构:

  • lib/index.js — 宿主半身(无操作,能力全在客户端)
  • lib/client.js — 客户端半身(DOM 增强、事件绑定、PNG 导出)
  • lib/core.mjs — 纯逻辑核心(不触碰 DOM,可被 node --test 直接测)

License

[MIT](./LICENSE)