Visualizador de regex

• Diagrama de trilho interativo: Veja sua expressão regular renderizada como um diagrama de trilho/sintaxe profissional em tempo real. Cada token (literais, grupos, quantificadores, alternâncias e lookaheads) é exibido como uma faixa visual navegável.
• Detalhamento da AST com árvore de tokens: Explore uma árvore de sintaxe abstrata recolhível mostrando cada nó analisado (sequências, alternâncias, grupos nomeados, quantificadores, retroreferências) com descrições legíveis que apontam exatamente o que cada parte da sua regex faz.
• Teste de correspondência ao vivo com destaque: Cole uma string de teste e veja as correspondências destacadas na hora. Uma tabela de grupos de captura mostra cada correspondência com seus valores de grupo numerados e nomeados, ajudando você a verificar a correção antes de levar o padrão para produção.
• 100% grátis, sem cadastro e sem servidor: Toda a análise, a geração de diagramas e a avaliação de correspondências rodam direto no seu navegador usando o motor de regex nativo do JavaScript. Nenhum dado sai do seu dispositivo, o que torna a ferramenta segura para padrões sensíveis, como regras de autenticação ou validadores de dados pessoais.

• Depuração de padrões: Identifique na hora grupos mal pareados, armadilhas de quantificadores gulosos e problemas de ordem de alternância sem executar código, apenas inspecionando o diagrama visual.
• Revisões de código: Compartilhe um link para uma regex visualizada durante revisões de pull requests para que os revisores verifiquem a intenção sem analisar mentalmente sequências de escape brutas.
• Auditoria de segurança: Audite padrões de validação de entrada em busca de riscos de retrocesso catastrófico (ReDoS). A árvore AST torna imediatamente visíveis quantificadores aninhados e alternâncias ambíguas.
• Aprender expressões regulares: Iniciantes podem digitar padrões simples e adicionar recursos aos poucos, vendo exatamente como cada classe de caracteres, quantificador ou grupo afeta o diagrama.
• Geração de documentação: Exporte ou capture diagramas de trilho para documentação de API, wikis ou artigos técnicos e explique lógica de validação complexa sem textos longos.
• Testes multiplataforma: Teste o comportamento de um padrão com várias strings de exemplo ao mesmo tempo e verifique a extração de grupos de captura nomeados usada em roteamento de URL, analisadores de log ou divisores de CSV.

Um diagrama de trilho (ou de sintaxe) visualiza uma gramática formal como um conjunto de trilhos. O padrão é lido da esquerda para a direita: cada token é uma caixa rotulada conectada por linhas. Quando há uma escolha (alternância via | ), os trilhos se separam verticalmente e se reúnem após as alternativas. Quando um token é opcional ou repetido, um arco de laço é desenhado acima do elemento para indicar o quantificador. Isso corresponde ao modelo mental que a maioria dos desenvolvedores usa ao raciocinar sobre uma regex: da esquerda para a direita, com ramificações para escolha e laços para repetição.

Ao lado do diagrama, a aba de detalhamento da AST mostra a árvore de sintaxe abstrata completa analisada a partir do seu padrão. Cada nó tem um tipo (sequência, alternância, grupo, quantificador, literal, classe de caracteres, escape, âncora, retroreferência) e uma descrição legível. A árvore é totalmente recolhível, então você pode focar em subpadrões específicos sem perder o contexto.

A aba «Testar e comparar» permite colar uma entrada de exemplo e ver imediatamente quais partes da string correspondem ao seu padrão. As correspondências são destacadas em linha, e uma tabela de grupos de captura mostra cada grupo numerado e nomeado extraído de cada correspondência, os mesmos dados que seu código de aplicação recebe ao chamar String.prototype.matchAll() ou RegExp.prototype.exec() .

O visualizador suporta todo o conjunto de recursos de regex do ECMAScript, incluindo classes de caracteres ( [a-z] , [^0-9] ), escapes abreviados ( \d , \w , \s ), âncoras ( ^ , $ , \b ), grupos de captura e sem captura, grupos nomeados via , lookaheads ( (?=…) , (?!…) ), lookbehinds ( (?<=…) , (?<!…) ), retroreferências ( \1 , \k<nome> ) e todos os quantificadores, incluindo as variantes preguiçosas ( *? , +? , ?? ).