Ferramenta de visualização e edição de JSON
(github.com/podosoft-dev)Olá
Como eu já sentia falta de alguns recursos, aos poucos, em vários JSON Viewers gratuitos que usava de vez em quando há bastante tempo,
resolvi criar este com base em Svelte5, consultando vários projetos open source.
Os principais recursos são os seguintes.
- validação de sintaxe e formatação de JSON em tempo real
- visualização em gráfico interativo com estrutura em árvore
- ir instantaneamente para a posição no JSON ao clicar em um nó
- buscar dados JSON por URL (GET/POST/PUT/DELETE/PATCH)
- recolhimento automático para itens com mais de 20 entradas (função "ver mais")
- suporte a coreano/inglês
Criei isso para usar ao entender visualmente estruturas JSON complexas ou ao analisar respostas de API.
Links:
Feedbacks são bem-vindos!
Obrigado.
15 comentários
Vejo muitas estruturas de JSON complexas e profundas, então ter uma ferramenta assim é muito útil haha. Por acaso vocês já pensaram em fazer também uma versão para desktop? Algo na pegada do Sublime haha
Atualmente em planejamento
Você usou o xyflow, né. De algum jeito, usar um fluxograma não me ajudava muito a ter ideias, mas ficou muito legal.
Uau! Era algo que eu sempre senti falta, e realmente fica muito fácil de visualizar!
Bom trabalho.
Isso também vai ajudar quem está começando com Kotlin.
Obrigado!
Seria ótimo se também tivesse suporte a JSON5!
Olha só~ você codificou na vibe?
Sim, usei principalmente o Claude Code, e quando travava em alguns pontos eu conferia no ChatGPT; o que ainda não dava certo, eu analisava o código diretamente para verificar a direção da correção e então instruía o Claude Code novamente.
Em especial, ao aplicar o Dagre, o problema de sobreposição dos nós do grafo não se resolvia de jeito nenhum, então eu mesmo fiz o debugging e corrigi.
Acho que, por meio de toda essa sequência de processos, acabei acumulando muita experiência sobre até onde vão os limites e sobre como dar instruções para o trabalho.
Nossa, que legal.
Mas parece que clicar no nó não faz navegar.
Agora foi corrigido.
Verifiquei o caso que você mencionou e confirmei que há situações em que o nó é movido, enquanto em outras isso não acontece. Vou analisar e tentar corrigir.
Pessoalmente, às vezes preciso lidar com JSON com escape, então acho que seria bom adicionar também uma função de escape de JSON!
Certo, vou considerar isso e analisar.
Muito bom!! Se também for compatível com YAML e TOML, acho que vou usar com frequência.
Eu não tinha pensado em YAML e TOML, como você mencionou; obrigado por apontar isso. Vou analisar a adição dessa funcionalidade e avançar com isso.