dsh-mermaid-zoom

Manifest valid

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 enhancement.

UI (client)hasBundlePatch

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

Comments

Loading…

From the same category

open-design

by nexu-io

🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards,

Development & InfrastructureTerminal & ClientsUI & ExperienceManifest valid

★ 98.5k

Apache-2.0

TypeScript

Sep 28, 2026

Index only — not installable

PicGo

by Molunerfinn

:rocket: The Ultimate Image Uploader for Efficient Creators. Supports Obsidian, Typora, VS Code etc. and 60+ image hosting services (S3, GitHub, Cloudflare R2, Imgur, Aliyun OSS...). Paste, upload, d

Terminal & ClientsVision & Multimodal

★ 27.3k

MIT

TypeScript

Sep 24, 2026

Index only — not installable

dsh-web

by zhu1090093659

DeepSeek Harness (DSH) Web Plugin Aggregation Ecosystem · Everything is a plugin, distributed via the Creative Workshop

Tools & CapabilitiesTerminal & ClientsDevelopment & InfrastructureModels & ProvidersUI & ExperienceManifest valid

★ 8.1k

Apache-2.0

TypeScript

Sep 28, 2026

dsh plugin --profile web add dsh-web

yao

by YaoApp

✨ All your agents and workspaces in one place, on every device you own. Track tasks on a board, accessible from desktop, mobile, browser, or API. Self-hosted.

Terminal & Clients

★ 8k

Sep 28, 2026

Index only — not installable

DSH-better-sidebar

by omdsh-dev

开放的侧边栏底座，支持三方拓展注册新侧边栏页面。内置文件渲染编辑/终端/侧边对话/Git/子代理页面｜ Open sidebar foundation, supports third-party extensions to register new sidebar pages. Built-in file rendering/editing, terminal, side chat, Git,

Terminal & ClientsUI & ExperienceWorkflow & AutomationManifest valid

★ 3.9k

↓ 51.6k/wk

MIT

TypeScript

Sep 28, 2026

dsh plugin --profile web add dsh-better-sidebar

dsh-TUI

by ccch1mneyyy

DSH 官方公众号收录的 TUI 补位插件：Claude Code 风，鲸鱼顶栏/实时状态/流式思考/双击 Esc 回滚/上下文进度+TPS。npm 一键装。 DSH official WeChat featured TUI plugin — Claude Code style: whale bar, live status, streaming thoughts, double-Esc rol

Terminal & ClientsUI & ExperienceManifest valid

★ 3.7k

↓ 8.2k/wk

MIT

TypeScript

Sep 28, 2026

dsh plugin --profile terminal add @deepseek-harness-tui/dsh-tui