Pele : Mermaid en SVG, sans dépendance

Ce qui se passe

Pele lit du texte Mermaid et renvoie un SVG. Le projet, open source, a été écrit pour Obsidian afin d'afficher ses diagrammes vite et aux couleurs du thème. Il se présente comme un remplaçant de Mermaid.js qui couvre tous les types de diagrammes de Mermaid 12.1.0, sans aucune dépendance.

En pratique

npm install pele

import { render } from 'pele';

const { svg } = render(`flowchart LR
  A[Texte Mermaid] --> B[SVG]`);
document.querySelector('#diagram').innerHTML = svg;

Le thème passe par des variables CSS portées par la classe .pele : --pele-bg, --pele-fg, --pele-muted, --pele-line, --pele-surface, --pele-surface-alt et --pele-border. Changer une couleur ne relance pas le rendu, ce qui simplifie un mode sombre.

Les chiffres du projet

Limites

Ces mesures sont celles des auteurs. Le site renvoie vers une page de compatibilité qui compare la syntaxe et les fonctions avec Mermaid : à vérifier sur ses propres diagrammes avant de remplacer quoi que ce soit.

Source : Pele, site du projet, présenté sur Hacker News le 17 octobre 2026.