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環境中的強大應用潛力。