(https://files.catbox.moe/x9fgwi.png)
Banana Code Checker é uma saborosa aplicação web projetada para ajudar desenvolvedores a identificar e analisar discrepâncias de tags de código entre arquivos originais e modificados. É especialmente útil para garantir que estruturas de código importantes, enclausuradas em delimitadores (como parênteses, colchetes e chaves), sejam preservadas durante as modificações no código.
Recursos ✨
• Compare vários conjuntos de arquivos originais/modificados simultaneamente
•
Métodos de comparação flexíveis:- Combine arquivos pelo nome
- Compare arquivos na ordem de upload
• Delimitadores personalizados via configuração JSON
•
Suporta 7 idiomas: Inglês, Espanhol, Português Brasileiro, Português Europeu, Japonês, Chinês Simplificado, Chinês Tradicional
• Destaque visual de erros com números de linha
Demonstração Online (http://bananacodechecker.netlify.app/)
Github (https://github.com/Dyeus-Phater/Banana-Code-Checker)
Instalação 🚀
1. Clone o repositório
2. Instale as dependências:
npm install
3. Inicie o servidor:
npm run dev
Guia de Uso 📖
1. Faça upload dos conjuntos de arquivos originais/modificados
2. Escolha o modo de comparação:
•
Correspondência de nomes de arquivos•
Comparação sequencial3. Clique em "Analisar" para verificar a consistência dos delimitadores
Delimitadores PersonalizadosPares padrão: () [] {} <>
Para personalizar:
1. Baixe o template
2. Edite o JSON:
{
"delimiters": [
{"start": "(", "end": ")"},
{"start": "[", "end": "]"}
]
}
3. Faça upload da configuração antes da análise
Stack Tecnológico 🛠�
• React + Vite
• Integração com JSZip
Comando de Construção:npm run build
Licença: MIT
---
Feito com 🍌 por Mister.
Ideia original por Lobo Nintendista (https://www.youtube.com/@lobonintendista6733/videos)