Визуализатор железнодорожной диаграммы regex

Вставьте регулярное выражение в стиле JavaScript/PCRE и получите железнодорожную диаграмму (синтаксическое дерево), делающую структуру очевидной — гораздо нагляднее стены метасимволов.

Как это работает:

1. Шаблон разбирается в AST библиотекой ret.
2. Каждый узел AST отображается на примитив железнодорожной диаграммы: литералы — скруглённые прямоугольники, группы помечены индексом захвата (и именем), альтернативы ветвятся как выбор, квантификаторы (*, +, ?, {n,m}) — стрелки возврата.
3. Диаграмма рендерится как самодостаточный SVG через railroad-diagrams.

В отчёте также перечислены:

• Каждая группа захвата с номером и именем (если есть).
• Каждый флаг с пояснением простым языком (g, i, m, s, u, y, d, x).

Читайте диаграмму слева направо. Это особенно полезно для преподавания regex, документирования сложных шаблонов и обнаружения форм катастрофического возврата (глубоко вложенные квантификаторы) до продакшена.

Ограничения: парсер покрывает синтаксис JavaScript/PCRE, включая классы символов, якоря, обратные ссылки, именованные группы, заглядывание (отмечается) и ограниченные/неограниченные квантификаторы. Некоторые расширенные возможности PCRE (рекурсивные шаблоны, \K, branch reset, условные группы) не поддерживаются и дают ошибку разбора.