tinker-code-diagram

代码图表插件，通过编写 Mermaid 文本代码生成图表，支持实时预览。

功能特性

• Mermaid 编辑器 — 基于 Monaco 编写图表源码，支持撤销、重做、复制、粘贴和清空
• 实时预览 — 输入时即时渲染 Mermaid 图表
• 视图模式 — 可在双栏、仅编辑、仅预览之间切换
• 范例图表 — 内置 Flowchart、Sequence、Class、ER、State、Mindmap、Gantt、C4 等多种示例
• 主题切换 — 支持浅色/深色模式预览与导出
• 导出 — 将渲染结果保存为 SVG 或 PNG
• AI 助手 — 在 AI 可用时，可通过图表助手编写、修复和优化 Mermaid 图表
• 状态持久化 — 记住编辑器内容、视图模式和主题偏好

使用方法

1. 打开插件，在左侧编辑器中编写 Mermaid 源码（或从范例图表加载示例）
2. 右侧实时预览图表；使用视图模式按钮在双栏、仅编辑、仅预览之间切换
3. 按需在工具栏切换浅色/深色模式
4. 点击导出 SVG或导出 PNG保存图表
5. 若 AI 可用，打开图表助手协助编写或修复 Mermaid 语法