beautiful-mermaid

Рисовать блок-схемы и диаграммы последовательностей в Mermaid очень удобно, но дефолтный рендер выглядит так себе, а в терминале это вообще не показать.

На GitHub нашел свежий опенсорсный проект beautiful-mermaid, который как раз решает проблему рендера Mermaid: умеет генерить красивые SVG и выдавать дружелюбную для терминала ASCII-графику.

Сделано на чистом TypeScript, без зависимости от DOM. Поддерживает пять популярных типов диаграмм: flowchart (блок-схемы), state (диаграммы состояний), sequence (последовательности), class (классы) и ER (сущность-связь).

Внутри есть 15 отобранных тем, можно настраивать акцентный цвет, цвет рамок и прочие детали. Плюс можно напрямую использовать палитру любого VS Code-тема.

Еще фишка: все цвета управляются через CSS-переменные, поэтому для переключения темы не нужно перерендеривать диаграмму, достаточно поменять переменные и все обновится сразу.

📁 Language: #TypeScript 100.0%

⭐️ Stars: 5.2k

➡️ Cсылка на GitHub

📱 @git_developer