Visualizador de Diagrama Ferroviario de Regex

Pega una expresión regular de sabor JavaScript/PCRE y obtén un diagrama ferroviario (sintáctico) que hace obvia su estructura — mucho más legible que un muro de metacaracteres.

Cómo funciona:

1. El patrón se analiza en un AST con la librería ret.
2. Cada nodo del AST se mapea a una primitiva de diagrama ferroviario: los literales se vuelven cajas redondeadas, los grupos se etiquetan con su índice de captura (y nombre), las alternativas ramifican en una elección, y los cuantificadores (*, +, ?, {n,m}) se renderizan como flechas de bucle.
3. El diagrama se renderiza como un SVG autocontenido mediante railroad-diagrams.

El informe también lista:

• Cada grupo de captura con su número y nombre (si lo tiene).
• Cada bandera con una explicación en lenguaje claro (g, i, m, s, u, y, d, x).

Lee el diagrama de izquierda a derecha. Es especialmente útil para enseñar regex, documentar patrones complejos y detectar formas de retroceso catastrófico (cuantificadores anidados) antes de producción.

Limitaciones: el analizador cubre sintaxis JavaScript/PCRE incluidas clases de caracteres, anclas, referencias inversas, grupos nombrados, lookaround (reportado) y cuantificadores acotados/no acotados. Algunas características avanzadas de PCRE (patrones recursivos, \K, branch reset, condicionales) no se soportan y reportan error.