JSON Byte

É uma ferramenta de visualização de JSON. Existem muitas boas ferramentas de visualização de JSON. Algumas delas já chegaram a ser apresentadas algumas vezes no GeekNews. Eu também usei essas ferramentas de forma muito útil.

Mesmo assim, como sempre, alguns pontos me incomodavam, então decidi criar a minha própria. As funcionalidades básicas são as seguintes.

• Visualização de dados JSON em formato de grafo
• Ao editar usando o editor, as alterações são refletidas na visualização
• Função de busca de nós
• Diferenciação de cores por tipo

Os pontos que eu considerava inconvenientes eram os seguintes.

• Quero compartilhar a tela que estou vendo
• Seria bom ter suporte a YML
• Seria bom funcionar bem também no celular

Essas são as diferenças. Pretendo adicionar mais funcionalidades aos poucos conforme a necessidade. Se alguém tiver feedback ou quiser contribuir, será bem-vindo.

Obrigado.

[selene]

Seria ainda melhor se fosse possível destacar ou filtrar apenas os nós que quero encontrar com JSONPath.
Também deixo a sugestão de ter uma função para arrastar e mover pelo minimapa.. haha Em JSONs grandes, não é nada fácil encontrar o nó desejado T_T

[roxie]

Como o tamanho fica grande, parece que a renderização sofre bastante haha T_T Uso algo em torno de 500 mil bytes

[imjuni]

Como o xyflow é baseado em DOM, parece que o desempenho cai um pouco quando há muitos nós. Um dos meus objetivos também é tentar melhorar a performance. Obrigado.

[roxie]

Acho que também seria uma solução renderizar tudo recolhido por padrão. No fim das contas, o que eu quero ver também é só uma parte bem pequena.

[onixboox]

Ah, ficou bem elegante. Vou usar de vez em quando.

[imjuni]

Obrigado pelo feedback.

[eususu]

Muito limpo e bonito.
Só que, ao mudar para o tema escuro, apenas a janela de código não é aplicada.

[imjuni]

A janela de código é gerenciada com um tema separado. Você pode mudar o tema usando as configurações ao lado de Export. No começo pensei em integrar, mas para deixar opções mais amplas, fiz isso separadamente.

[rboo1]

Era exatamente disso que eu precisava, muito bom.

Seria ótimo se houvesse uma função para agrupar e exibir listas longas!

[imjuni]

Obrigado. Recursos de agrupamento como show/less foram excluídos da versão atual porque havia um problema na renderização dos nós filhos. Vou pensar mais um pouco para ver se existe uma boa solução.

[natenewbie]

Que bom!

[imjuni]

Obrigado.

[yeorinhieut]

Não sei se é por ser o Safari, mas no iPad não aparece corretamente.

[imjuni]

No meu iPhone apareceu corretamente, então fiquei tranquilo, mas parece que nos iPads é diferente de novo. Vou verificar quando tiver tempo. Obrigado.

[shakespeares]

Parece bom!

[imjuni]

Obrigado pelo feedback 👍

[kakasoo]

Isso é muito bom. Fiz login só para deixar um comentário. kkk

[imjuni]

Obrigado pelo feedback 👍

[t7vonn]

Oh, legal.

[imjuni]

Obrigado pelo feedback 👍

[hybridego]

Acho que seria ainda melhor se, ao alterar na visualização, isso também fosse aplicado no editor.

[imjuni]

É uma boa ideia. Vou pensar em como aplicá-la.

[cadenzah]

Seria bom poder abrir vários arquivos JSON em abas e alternar entre eles enquanto trabalha.

[imjuni]

Eu tentei oferecer suporte a abas, mas parecia deixar tudo mais complicado na hora de exportar/importar, então deixei isso de fora da primeira versão. Vou tentar adicionar em breve.

[m00nlygreat]

É legal, mas seria bom se isso tivesse suporte a extensão do Chrome + leitura do sistema de arquivos.

Mas, pessoalmente, no fim das contas JSON é melhor de ver direto no editor mesmo ^_T

[imjuni]

Com a importação, é possível fazer upload de arquivos. Vou pensar na extensão para Chrome. Obrigado!