Mermaid到Unicode框艺术(grok-mermaid)
Simon Willison探索了新开源Grok CLI编码代理的代码库,发现了一个用Rust编写的自包含Mermaid图终端渲染器。他将其通过WebAssembly移植到浏览器,并创建了一个在线工具。
Simon Willison在探索新近开源的Grok CLI编码代理的代码库时,发现了一个有趣的组件:xai-grok-markdown/src/mermaid.rs。这是一个用Rust编写的“自包含Mermaid图终端渲染器”,能够将Mermaid图表转换为Unicode框艺术,从而在终端中直接显示。
为了在浏览器中体验该渲染器的功能,Willison决定将其通过WebAssembly进行移植。他使用Claude Code for web(Fable 5)编写了相关提示,并成功创建了一个在线工具。该工具允许用户输入Mermaid图源代码,并实时渲染出对应的Unicode框艺术,支持调整最大宽度、复制为文本以及复制指向当前图表的链接。
渲染出的图表采用深色背景,自上而下显示流程图,例如一个包含身份验证和速率限制检查的请求处理流程。这个工具展示了Rust代码通过WebAssembly在Web环境中的强大应用潜力。