¿Qué hace mermaid-to-gif?
Convierte bloques de código Mermaid en archivos .mmd o .md a GIFs animados con estilos de animación personalizables (progresivo, recorrido de resaltado, flujo de pulso, onda).
Instalación
Asegúrate de tener Node.js instalado. Luego, clona el repositorio e instala las dependencias:
git clone https://github.com/zc277584121/mermaid-to-gif.git
cd mermaid-to-gif
npm install
Uso
Ejecuta el script principal pasando la ruta del archivo de entrada y opcionalmente el estilo de animación:
node index.js input.mmd --style wave
Soporta los siguientes estilos de animación:
progressive: Aparece el diagrama progresivamente.highlight walk: Resalta los elementos uno por uno.pulse flow: Aplica un efecto de pulso a los flujos.wave: Ondas de color que recorren el diagrama.
Ejemplo
Crea un archivo diagrama.mmd con contenido Mermaid:
sequenceDiagram
Alice->>John: Hola John, ¿cómo estás?
John-->>Alice: ¡Muy bien, gracias!
Luego ejecuta:
node index.js diagrama.mmd --style progressive
Esto generará un archivo diagrama.gif con la animación progresiva.
Variables de entorno
MERMAID_THEME: Tema de Mermaid (por defecto:default). Posibles valores:default,dark,forest,neutral.OUTPUT_DIR: Directorio de salida para los GIFs generados.
Integración continua
Puedes integrar esta herramienta en tus pipelines de CI/CD para generar GIFs automáticamente a partir de archivos Mermaid en tu repositorio.
Licencia
MIT