Code Syntax Hub

About

Code Syntax Hub é a ferramenta utilitária definitiva para desenvolvedores, engenheiros de software e analistas que buscam máxima produtividade ao inspecionar dados e códigos no navegador. Projetada para ser extremamente rápida, elegante e não intrusiva, a extensão intercepta automaticamente arquivos brutos de JSON, JavaScript (JS) e CSS que seriam exibidos em texto puro pelo navegador, convertendo-os instantaneamente em uma interface de desenvolvimento premium inspirada no design moderno do GitHub.

Seja analisando payloads complexos de APIs ou inspecionando folhas de estilo e scripts minificados em ambientes de produção, o Code Syntax Hub transforma linhas infinitas de texto ilegível em uma experiência de leitura altamente estruturada e confortável.

🚀 Principais Funcionalidades
Visualização Dual Avançada: Alterne instantaneamente entre o modo Parsed (código formatado, identado e com suporte a interações) e o modo Raw (o texto bruto original, ideal para cópias rápidas sem formatação).

Syntax Highlighting Profissional: Coloração de sintaxe precisa e de alto contraste para chaves, propriedades, strings, números, booleanos e palavras-chave, simulando perfeitamente o ecossistema das ferramentas de desenvolvimento mais utilizadas no mercado.

Code Folding (Recolhimento de Código): Setas interativas posicionadas ao lado de objetos, arrays ou blocos de código aninhados, permitindo expandir ou colapsar seções inteiras para facilitar a navegação em arquivos extensos.

Links Inteligentes e Clicáveis: URLs e endpoints detectados dentro dos arquivos tornam-se links clicáveis automaticamente, abrindo sempre em uma nova guia (target="_blank") para agilizar o teste de webhooks e dependências.

Ferramentas Integradas de Exportação: Painel superior intuitivo com botões dedicados para baixar o arquivo formatado (.json, .js ou .css) ou copiar todo o conteúdo para a área de transferência com um único clique.

Cópia Seletiva Dinâmica (Selection Tooltip): Ao selecionar qualquer trecho ou linha específica do código com o mouse, um mini pop-up flutuante inteligente aparece próximo ao cursor, permitindo copiar apenas a seleção exata de forma cirúrgica.

Customização e Acessibilidade: Controle total sobre o tamanho da tipografia (vinda por padrão em 18px para maior conforto visual) através de botões de ajuste fino no cabeçalho, além de suporte nativo e persistente a temas Dark e Light Mode.

🎛️ Controle Avançado e Granularidade
Menu Pop-up Premium (Global): Um menu de configurações sofisticado com efeito de transparência fosca (glassmorphism), projetado especificamente para a estética dev. Através dele, você pode ativar ou desativar globalmente o monitoramento de cada formato (JSON, JS ou CSS) de maneira independente.

Blacklist Inteligente e Contextual (Por Domínio + Tipo de Arquivo): Se a extensão causar conflito com o funcionamento de uma aplicação web complexa, você pode desativá-la com um clique. A inteligência do ecossistema permite ignorar apenas o tipo de arquivo problemático naquele domínio específico (por exemplo, desativar apenas o JavaScript no domínio atual, mantendo a formatação de JSON e CSS ativa).

Botão Flutuante de Reversão: Quando um site ou formato é ignorado, o cabeçalho é totalmente removido para não quebrar o layout nativo do navegador, e um único botão discreto e minimalista fica fixado no canto da tela. Um clique nele remove o bloqueio e recarrega a página automaticamente, devolvendo os superpoderes da extensão ao domínio.

🔒 Privacidade e Performance em Primeiro Lugar
O Code Syntax Hub foi construído sob a arquitetura Manifest V3, respeitando as diretrizes mais rigorosas de segurança do Google.

Processamento 100% Local: Toda a análise de arquivos, pretty print e renderização visual acontecem estritamente dentro do seu navegador.

Zero Rastreamento: Nenhuns dados de suas APIs, códigos de produção, payloads ou históricos de navegação são coletados, armazenados ou enviados para servidores externos.

Persistência Segura: Suas preferências de tema, tamanho de fonte, monitoramento e lista de bloqueio de domínios são salvas localmente e de forma isolada utilizando o armazenamento seguro do próprio navegador.