Mermaid Design

Journal des modifications

Suivez les dernières mises à jour et améliorations de mermaid.design.

v0.2.0

Nouveautés

  • Panneau de configuration du rendu : un nouvel onglet Config dans le panneau de thème expose plus de 400 options de rendu Mermaid réparties en 33 groupes par type de diagramme — disposition, espacements, dimensions, polices et commutateurs de comportement — avec recherche, aperçu en direct, réinitialisation par champ et persistance locale. Le groupe du type de diagramme courant s’ouvre automatiquement
  • Export incluant la configuration : Copy JSON, Copy frontmatter et le téléchargement du thème dans la boîte d’export incluent désormais vos réglages de rendu, prêts à coller dans mermaid.initialize() ou un frontmatter Mermaid

Améliorations

  • Contrôles de formulaire sur shadcn/ui : tous les boutons, champs, listes déroulantes, interrupteurs et curseurs sont reconstruits sur les primitives Radix — même apparence compacte, avec navigation clavier et accessibilité complètes

v0.1.0

Nouveautés

  • Éditeur Mermaid en ligne : espace de travail à trois panneaux avec un éditeur de code Monaco (coloration syntaxique Mermaid, marqueurs d’erreurs en ligne), un aperçu en direct avec déplacement et zoom, et un panneau de thèmes
  • Rendu SVG officiel : sortie SVG Mermaid standard avec anti-rebond de 400 ms, retour au dernier rendu réussi en cas d’erreurs de syntaxe et options d’arrière-plan du canevas (points / blanc / damier)
  • Rendu ASCII : convertissez les diagrammes en art textuel avec des jeux de caractères Unicode ou ASCII pur et une taille de police réglable, propulsé par beautiful-mermaid
  • Système de thèmes : plus de 70 variables de thème modifiables, 11 thèmes Mermaid intégrés plus des préréglages de designer, et génération de thème à partir d’une couleur de base (clair et sombre)
  • Galerie de modèles : modèles intégrés pour organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes ER, diagrammes de Gantt, cartes mentales et plus — avec filtres par type et filtrage selon la prise en charge de chaque mode
  • Export : téléchargez les diagrammes en SVG, PNG, JPG ou WebP aux résolutions 1x/2x/4x avec arrière-plan transparent en option ; export TXT en mode ASCII ; export de la configuration du thème en JSON ou frontmatter Mermaid
  • Import de thème : collez un JSON de thème ou un frontmatter pour importer des thèmes personnalisés
  • Sauvegarde automatique : le code, le thème et la disposition sont conservés dans le stockage local entre les sessions
  • Internationalisation : interface complète en 9 langues — English, 中文, Русский, 日本語, Français, 한국어, Español, Deutsch, Português
  • Uniquement côté client : tout s’exécute dans votre navigateur — aucun téléversement, aucun compte, aucun suivi de vos données de diagrammes