GongYuanCaiJi/dsh-mermaid

README excerpt

🧜‍♀️ dsh-mermaid 在 DeepSeek Harness 的 web client 里，把对话中的 mermaid 围栏（无论用户还是助手发送）时，自动渲染成 SVG 流程图 - ✅ 用 Mermaid 官方 parser 做语法校验，出错时在图下方显示 warning / error - 📐 支持 graph / flowchart 、 sequenceDiagram 、 classDiagram 、 erDiagram 、 stateDiagram(-v2) - 🗜️ 超大代码块（ 400 行或 20000 字符）自动跳过并提示 - 📚 每张图附带可折叠的源码块； /mermaid 命令手动重渲染最后一条助手消息 - 🧠 按 (session, turn) 缓存渲染结果，重复内容不重复计算 效果 对话里的 mermaid graph TD Start -- End 会变成一张真正的 SVG 流程图（而不是代码块）。sequenceDiagram、classDiagram 等类型同样支持。 安装 ⚠️ 尚未发布到 npm。以下二选一： - 本地路径：先 npm install 再 dsh plugin add ../dsh-mermaid - GitHub 源码： dsh plugin add github:GongYuanCaiJi/dsh-mermaid （需要 allowBuilds 允许 prepare 构建） 安装后在 web client 里发送一段包含 mermaid 围栏（用户或助手）即自动渲染 /mermaid 命令 手动渲染最后一条助手消息里的 Mermaid 围栏 移植说明 - 核心逻辑（围栏提取、类型白名单、哈希缓存、parser 校验、issue 报告）逐行移植自 [email protected]（MIT） - 适配点：dsh 入口形状（ { name, apply } ）； ctx.on('session/event') 取代 pi.on('input'/'agent end') ； renderMermaidSVG 取代 renderMermaidAscii （同一个 beautiful-mermaid 包）；TUI 渲染器改为 web client 槽（turnTail slot） - 上游依赖 beautiful-mermaid 与 Mermaid，本移植保留 - 逐字保留与差异的完整清单见 THIRD PARTY NOTICES.md 喜欢这个插件的话，也请给上游 pi-mermaid 一个 star ⭐ 许可证 MIT © 2026 Gurpartap Singh (pi-mermaid) · © 2026 GongYuanCaiJi (dsh port) English A DeepSeek …

Category