dsh-mermaid¶

⭐ 11 · ✅ active · plugin


Type	plugin	Category	Search & research
Stars	⭐ 11	Status	✅ active
Author	AKS1st	Updated	—
Subcategory	🌐 Web search	Capabilities	coding

One-liner¶

在 DSH Web 会话中把 Mermaid 代码围栏渲染为 SVG 图表 | Render Mermaid code fences as SVG diagrams in DSH Web messages

About¶

English 在 DSH Web 会话消息中把 ```mermaid 代码围栏渲染为 SVG 图表的独立插件，通过 dsh plugin 安装进 web profile。

✨ Key Features¶

Host 半部（src/index.ts）：注册 webServer 前缀路由 /mermaid-dist，从插件自己的 node_modules/mermaid 惰性提供 UMD 构建，并提供固定的 config.json 端点。
Client 半部（src/client/）：监听会话 DOM，把 infostring 为 mermaid 的围栏渲染为 SVG：

📦 Install¶

dsh plugin --profile web add github:AKS1st/dsh-mermaid
dsh web   # 重启 web 服务使 profile 生效

🚀 Quick Start¶

npm install
npm run build
dsh plugin --profile web add .
dsh web

📚 Learn more¶

安装

从 GitHub 仓库安装（构建在 prepare 脚本里自动执行）： dsh plugin --profile web add github:AKS1st/dsh-mermaid dsh web # 重启 web 服务使 profile 生效 > 若 pnpm 提示 git 依赖需要执行构建脚本（ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED）， > 按提示把包加入 profile 的 pnpm-workspace.yaml 的 allowBuilds 后重试即可。本地开发（先构建再安装）： npm install npm run build dsh plugin --profile web add . dsh web 卸载： dsh plugin --profile web remove dsh-mermaid

配置

组合包默认生效以下配置： - id: mermaid name: 'dsh-mermaid' config: theme: auto maxTextSize: 50000 maxEdges: 2000 securityLevel: strict 在 profile 的 cordis.patch.yml 里以 - set: 或 - update: 覆盖即可。