TypeScript Diff Checker
Cole duas versões de código TypeScript para ver cada linha adicionada, removida ou alterada com realce de sintaxe para TypeScript. O diff roda localmente no seu navegador.
Texto original
Texto alterado
Sintaxe TypeScript pré-selecionada
Não é preciso escolher uma linguagem antes de comparar os arquivos: esta página aplica automaticamente o realce de sintaxe para TypeScript.
Comparação local e privada
O diff roda no seu navegador. Código-fonte, payloads de API e arquivos de configuração não são enviados para nenhum servidor.
Visualização dividida ou unificada
Use a visualização Dividida para revisar lado a lado, a Unificada para patches compactos e, em arquivos grandes, a opção Ocultar linhas sem alterações.
Como comparar arquivos TypeScript online
Este TypeScript Diff Checker foi criado para desenvolvedores que precisam de uma forma rápida e privada de comparar mudanças em código e configurações. Cole duas versões, clique em Comparar e revise adições, remoções e alterações dentro das linhas com o realce de sintaxe para TypeScript já ativado.
Cole ou envie o arquivo TypeScript original no editor da esquerda.
Cole ou envie o arquivo TypeScript alterado no editor da direita.
Clique em Comparar e revise o resultado na visualização Dividida ou Unificada. Depois, use a opção Ocultar linhas sem alterações quando só precisar ver os trechos editados.
Comparação privada de arquivos TypeScript no navegador
O diff roda localmente no seu navegador, mantendo código-fonte, respostas de API, credenciais e arquivos de configuração no seu dispositivo. Uma sessão recente pode ficar salva no armazenamento do navegador para ser restaurada depois, e você pode apagá-la na ferramenta a qualquer momento.
Usos comuns do diff em TypeScript
Revise atualizações em contratos de API antes do merge.
Confira alterações no modo strict, em generics e em imports.
Realce de sintaxe para TypeScript
O seletor de linguagem fica oculto nesta página, já que o realce está fixo em TypeScript. O parser se concentra em tokens como tipos, interfaces, generics e imports, enquanto o motor de diff destaca as mudanças reais no texto.
.ts, .tsx, .mts, .cts
Referência: Documentação do TypeScript
Perguntas frequentes sobre o TypeScript Diff Checker
O que o TypeScript Diff Checker faz?
A ferramenta compara duas versões de código TypeScript, destacando as linhas adicionadas, removidas e alteradas. O realce de sintaxe fica fixo em TypeScript, o que facilita identificar os elementos da linguagem enquanto você revisa as mudanças.
O TypeScript Diff Checker envia meus arquivos para um servidor?
Não. A comparação roda no seu navegador. Seus arquivos não são enviados para nenhum servidor quando você clica em Comparar.
Quais tipos de arquivo TypeScript posso comparar?
Você pode colar ou enviar arquivos de texto simples, como .ts, .tsx, .mts, .cts. Qualquer arquivo de texto pode ser comparado, mas esta página aplica automaticamente o realce de sintaxe para TypeScript.
Posso comparar arquivos TypeScript grandes?
Sim. A comparação roda em um worker em segundo plano, para que o navegador continue respondendo. Arquivos muito grandes ainda podem levar alguns segundos no seu dispositivo.