Pitch: Explorador de JSON sob medida - Conheça o jstd.dev!

Vocês tem um explorador de JSON favorito?

Bom, eu nunca tive. Esquecia as URLs enormes da maioria deles, pesquisava no Google e simplesmente abria o primeiro que aparecia. Na verdade, não achava uma ferramenta simples e fácil para explorar dados estruturados do jeitinho que eu queria.

Por conta disso, sempre me senti frustrado em relação não só sobre as limitações dos exploradores de JSON disponíveis, mas também sobre como alguns deles a interface é bem limitada (um textarea formatador) além de precisar executar uns 2 a 4 passos para visualizar e explorar um arquivo JSON, enviar dados para o servidor, etc.

Então, recentemente, estava estressado com o projeto atual que estou desenvolvendo e lá fui eu para mais uma atividade chata de explorar um JSON. A forma que eu encontrei para aliviar o estresse? Isso mesmo, criar outro projeto.

Foi a partir dessa faísca que decidi criar o jstd.dev, uma ferramenta totalmente gratuita que simplifica a exploração de dados estruturados no navegador. Ele foi desenvolvido da forma mais simples possível em React tomando cuidado com o processo de renderização para manter a aplicação performática.

Bem, como ele resolve meu problema, talvez resolva o seu!

Por que o jstd.dev é diferente (ou por que alguém deveria usá-lo)?

• Versatilidade Total: Cole ou arraste um arquivo no formato JSON, JWT, YAML, XML ou CSV – mesmo que estejam codificado em base64 – e veja sua estrutura convertida em uma árvore visual organizada;
• Persistência Local: O último arquivo que você dropou fica salvo no seu navegador, junto com as suas preferências de modo claro ou escuro. E claro: nenhum dado é compartilhado com o servidor, garantindo sua privacidade;
• Expansão automática: Você pode habilitar o "auto expand" para expandir automaticamente todos os nós ao abrir um nó pai, facilitando a visualização completa dos dados sem que você tenha que ficar expandindo nó por nó;
• Limpeza de dados: Com o "clean data" você remove rapidamente o arquivo atual da memória, garantindo que você possa abrir outro arquivo e reiniciar o processo;
• Busca Poderosa com Regex: É possível filtrar por valores ou propriedades usando expressões regulares, de modo que somente os dados compatíveis sejam exibidos enquanto os demais são ocultados;
• Cópia Inteligente: Permite copiar qualquer linha de forma intuitiva. Basta passar o mouse e clicar no ícone. Se o nó for um valor primitivo, ele copia só o valor; se for um objeto ou array, copia o conteúdo completo de todos os filhos já formatado.

Claro que isso é só o começo! Tenho planos de adicionar novas funcionalidades, como a edição de nós e outras opções de visualização, melhorias no mobile, tornando o jstd.dev ainda mais robusto.

Se você, assim como eu, procura uma ferramenta leve, gratuita e que resolve de forma prática os desafios de visualização de dados estruturados, o https://jstd.dev é para você. Aliás, se tiver sugestões ou identificar algum bug, compartilhe em https://jstd.featurebase.app para melhorarmos a ferramenta juntos.