Code Syntax Hub

Visualizador de JSON, JavaScript e CSS: pretty-print, syntax highlighting, code folding, temas dark/light e exportação.

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 RECURSOS • 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.