Build - Balise - arleo.eu https://www.arleo.eu/tags/build/ Build - Balise - arleo.eu Hugo -- gohugo.iofrFri, 29 May 2026 20:00:00 +0200 Hugo : gel des diagrammes Mermaid en SVG statiques dark/light https://www.arleo.eu/posts/debug-mermaid-svg-freeze/ Fri, 29 May 2026 20:00:00 +0200 Jmr https://www.arleo.eu/posts/debug-mermaid-svg-freeze/

Problème

Les diagrammes Mermaid sur arleo.eu rendaient côté client via cdn.jsdelivr.net. Trois conséquences concrètes :

  1. CSP contrainte — script-src cdn.jsdelivr.net et worker-src cdn.jsdelivr.net obligatoires (Mermaid v11 utilise des Web Workers pour ses parsers).
  2. Flash de rendu — le diagramme apparaît après l’exécution JS, créant un décalage visible.
  3. Thème dark ignoré — Mermaid initialisait le SVG en mode clair même quand le thème du site était dark.

La solution : générer les SVG au build avec mmdc, en dehors de tout contexte navigateur.

]]>