dsh-mermaid

@AKS1st · 文档与渲染

检测有风险提示无安装脚本

把 DSH Web 会话中的 Mermaid 代码围栏惰性渲染为跟随明暗主题的 SVG 图表

v0.5.0版本

GitHub 源码安装安装方式

2026-08-17最近更新

9Star

dsh plugin --profile web add github:AKS1st/dsh-mermaid查看仓库

插件介绍

根据仓库资料整理 · commit 2708cdf

主要功能

监听会话消息中已定格的 mermaid 代码围栏并渲染为 SVG，流式输出中不处理
视口驱动的异步队列渲染，图表滚入视口才加载，多图渲染间让出主线程避免卡顿
首次出现 mermaid 围栏才惰性加载约 700KB 的 mermaid 库，不进入首屏加载
theme 设为 auto 时图表颜色自动跟随 GUI 明暗主题切换
点击横幅放大按钮进入全屏浮层，支持滚轮缩放与左键/中键拖动平移
securityLevel 固定为 strict 并使用内置 DOMPurify 消毒，渲染失败时保留源码并展示可复制/一键发送给 AI 修复的错误摘要

适合什么时候用

在 DSH Web 会话中经常输出 Mermaid 流程图/时序图等，希望直接看到渲染后的图表而非纯文本代码
需要在明暗主题间切换使用，希望图表配色自动跟随界面主题

安装后会多出什么

界面会话消息内的 SVG 图表渲染区域（含加载动画与错误摘要展示） · 图表放大全屏浮层（支持缩放与拖拽平移）

使用前需要

需在 DSH Web profile 中通过 dsh plugin 安装（client platform 为 web）
通过 GitHub 源码安装，安装/更新时需执行构建脚本（prepare）
无 peerDependencies，也无需额外 API Key 或外部服务

在 GitHub 阅读完整 README

权限与能力

安装后它能碰到什么

不覆盖任何 dsh-base 宿主行：不接管沙箱、审批、凭据等能力。

宿主能力

浏览器 UI环境变量文件系统外部网络

能力是范围不是结论：很多能力是功能所需。

基本信息

仓库AKS1st/dsh-mermaid安装方式GitHub 源码安装（需 allowBuilds）安装提示源码安装会在你的机器上执行 prepare 构建，需要 allowBuilds 授权；建议用 github:AKS1st/dsh-mermaid#2708cdf 锁定本次检测的 commit。收录日期2026-08-15固定 commit2708cdf2e2eb · 2026-08-17

dsh plugin --profile web add github:AKS1st/dsh-mermaid