GraphViewer 架构

GraphViewer 架构 由 Archify 生成的架构图。 用户 · 浏览器 · 架构组件 用户 浏览器 编辑器 · CodeMirror · 架构组件 编辑器 CodeMirror 渲染分流 · lib/render.ts · 架构组件 渲染分流 lib/render.ts 预览与导出 · SVG / PNG / PDF · 架构组件 预览与导出 SVG / PNG / PDF 状态与工作区 · Context · LocalStorage · 架构组件 状态与工作区 Context · LocalStorage 本地 WASM · Mermaid · Flowchart · Graphviz · 架构组件 · 离线 · 0ms 本地 WASM Mermaid · Flowchart · Graphviz 离线 · 0ms /api/render · Kroki 代理 · 缓存 / 限流 · 架构组件 /api/render Kroki 代理 · 缓存 / 限流 Kroki · 远程渲染服务 · 架构组件 Kroki 远程渲染服务 渲染结果 读写工作区 本地 WASM 远程代理 POST 图例 前端 后端 云服务 外部系统

两条渲染路径

  • • 本地 WASM 渲染 3 引擎，离线可用、零延迟
  • • 其余 13 引擎经 /api/render 代理到 Kroki

两种部署模式

  • • 静态导出：移除 API 路由，仅保留本地引擎
  • • Docker 完整服务：Node 服务端 + 缓存 / 限流

隐私与分享

  • • 代码与导出不离开浏览器
  • • 分享链接仅 LZ 压缩 URL，数据存于 LocalStorage