Comparar Textos Lado a Lado

Duas versões do mesmo contrato, do mesmo arquivo .env ou do mesmo texto de landing page, e a pergunta é sempre a mesma: o que mudou? Cole uma versão em cada caixa e a comparação aparece embaixo, em duas colunas alinhadas. Vermelho é linha que só existe no texto A, verde é linha que só existe no B, e cinza é preenchimento para manter as duas colunas na mesma altura.

A comparação é por linha inteira e usa a maior subsequência comum entre as duas listas de linhas. O efeito colateral que confunde: não existe estado modificado. Uma linha que você editou aparece como linha vermelha de um lado e verde do outro, em alturas diferentes, porque para o algoritmo são duas linhas distintas. E a comparação é literal, então um espaço sobrando no fim ou uma indentação trocada já contam como mudança.

O custo cresce com o produto do número de linhas dos dois lados, então pense em dezenas ou poucas centenas de linhas. Colar dois logs de cinco mil linhas trava a aba. Linhas muito longas quebram em duas e desalinham a coluna vizinha, então reduza o zoom ou encurte o texto antes. Não há upload de arquivo, botão de copiar o resultado nem opção de ignorar espaços. Em compensação, nada sai do navegador: o texto não vai para servidor nenhum.