Renderize diagramas Mermaid sem navegador
Motor de renderização Mermaid ultraleve e sem dependências. Parseia, posiciona e renderiza diagramas Mermaid em 30.5KB min+gzip, sem headless browser.
@crafter/mermaid é um motor de renderização Mermaid construído do zero: parseia, posiciona e renderiza diagramas Mermaid em 30.5KB (min+gzip) com zero dependências e uma API síncrona. Sem headless browser, sem bundle de 2MB.
| mermaid.js | @crafter/mermaid | |
|---|---|---|
| Bundle | ~2MB | 30.5KB gzipped |
| Dependências | 50+ | Zero |
| API | Async | Sync |
Instalação
bun add @crafter/mermaidInício rápido
import { render } from "@crafter/mermaid"
const svg = render(`
graph TD
A[Início] --> B{Decisão}
B -->|Sim| C[Sucesso]
B -->|Não| D[Falha]
`)
document.getElementById("diagram").innerHTML = svgA suíte
O pacote umbrella reexporta um conjunto de pacotes pequenos e focados. Use-os individualmente quando precisar de apenas uma etapa do pipeline:
| Pacote | Tamanho | O que faz |
|---|---|---|
@crafter/mermaid | <1KB | Pacote umbrella |
@crafter/mermaid-parser | ~8KB | Texto Mermaid para AST |
@crafter/mermaid-layout | ~14KB | AST para grafo posicionado |
@crafter/mermaid-renderer | ~17KB | Grafo posicionado para SVG |
@crafter/mermaid-themes | ~2KB | 30 temas predefinidos |
@crafter/mermaid-cli | <1KB | Renderizador de terminal |
@crafter/mermaid-player | ~3KB | Animação passo a passo |
Renderize pelo terminal
npx @crafter/mermaid-cli diagram.mmdLinks
trx: transcreva áudio e vídeo pela CLI
CLI agent-first para transcrição de áudio e vídeo com Whisper local. Baixe, limpe e transcreva mídia de URLs ou arquivos locais com saída legível por máquinas.
neon-cli: consumo e faturamento do Neon pelo terminal
CLI para Neon Postgres pensada para agentes. Histórico de consumo por projeto, faturamento e conciliação de faturas no terminal, com saída JSON para agentes e CI. Os dados de consumo que o neonctl não expõe.