Visualiseur de Diagramme Ferroviaire de Regex

Collez une expression régulière de saveur JavaScript/PCRE et obtenez un diagramme ferroviaire (syntactique) qui rend sa structure évidente — bien plus lisible qu’un mur de métacaractères.

Comment ça marche :

1. Le pattern est analysé en AST avec la librairie ret.
2. Chaque nœud d’AST est mappé à une primitive de diagramme ferroviaire : les littéraux deviennent des boîtes arrondies, les groupes sont étiquetés avec leur index de capture (et nom), les alternatives se ramifient en un choix, et les quantifieurs (*, +, ?, {n,m}) se rendent par des flèches de boucle.
3. Le diagramme est rendu en SVG autonome via railroad-diagrams.

Le rapport liste aussi :

• Chaque groupe de capture avec son numéro et son nom (le cas échéant).
• Chaque drapeau avec une explication en clair (g, i, m, s, u, y, d, x).

Lisez le diagramme de gauche à droite. C’est particulièrement utile pour enseigner les regex, documenter des patterns complexes et repérer les formes de retour-arrière catastrophique (quantifieurs imbriqués) avant la production.

Limites : l’analyseur couvre la syntaxe JavaScript/PCRE y compris classes de caractères, ancres, références arrière, groupes nommés, assertions de préanalyse (signalées) et quantifieurs bornés/non bornés. Certaines fonctionnalités PCRE avancées (patterns récursifs, \K, branch reset, conditionnels) ne sont pas prises en charge et renvoient une erreur d’analyse.