JSONEditor.io

O editor roda sobre o Monaco, o componente por trás do VS Code, e essa escolha aparece em todo lugar. Você tem realce de sintaxe para JSON, YAML e XML, detecção de erro em tempo real com sublinhados, IntelliSense e autocompletar, dobra de código para arquivos grandes e localizar e substituir com expressões regulares. Os atalhos batem com o VS Code, então a memória muscular se transfere sozinha. O custo é o tamanho do bundle, mas esse preço fica invisível porque o Monaco carrega em paralelo com a página.

O mesmo arquivo pode ser lido de três formas. O modo texto mostra o JSON cru com edição completa. O modo árvore desenha a estrutura como uma hierarquia expansível, útil quando um objeto aninhado tem mais ramos do que você consegue acompanhar no olho. O modo tabela coloca os arrays em linhas e colunas, então revisar uma lista de registros deixa de ser um incômodo. Você troca de modo enquanto trabalha e o documento por baixo continua em sincronia.

A conversão cobre JSON, YAML, CSV, XML e TypeScript, e dá para ir nas duas direções entre quase todos. O caminho de JSON para CSV achata os objetos aninhados, e é isso que torna a saída útil em uma planilha. O trabalho de DevOps ganha com a conversão de JSON para YAML para manifestos e arquivos do Compose. A exportação para TypeScript vira uma carga de exemplo em definições de interface que você cola em um projeto tipado.

O assistente de IA deixa você descrever uma mudança em linguagem natural em vez de escrever um script. Peça para ele extrair todos os e-mails em um array ou reformatar uma resposta com outro formato, e ele devolve o resultado conforme gera. O recurso roda sobre o GPT-4 com o SDK de IA da Vercel. É a única parte do produto que envia dados para fora do seu dispositivo, e a interface avisa isso antes do uso.

Arquivos de até 512 MB abrem sem travar a aba, algo que a maioria dos editores de navegador não pode dizer. O Monaco só desenha as linhas visíveis, então um documento enorme se comporta como um pequeno. O suporte offline mantém o editor funcionando depois da primeira carga, sem conexão para formatar, validar ou converter. A combinação cai bem para quem fica sem rede em um voo ou em uma rede corporativa fechada.

A ferramenta de reparo vasculha um documento quebrado atrás dos suspeitos de sempre: vírgulas finais, caracteres sem escape, aspas faltando e sequências de escape malformadas, e depois sugere ou aplica as correções. A validação de esquema vai no sentido contrário: confere uma carga contra um esquema JSON predefinido para você pegar desvios de estrutura antes que cheguem a um banco de dados. Os dois recursos cobrem as falhas que de fato param uma build.

Dá para abrir dois arquivos JSON lado a lado e ver destacadas as inclusões, as mudanças e as exclusões entre versões, o que transforma a caça a versões em uma checagem visual rápida. Você também pode salvar arquivos na nuvem e gerar um link compartilhável, para um colega abrir o mesmo documento sem anexo. O espaço de trabalho com abas mantém vários arquivos abertos, organizados em pastas, como faria um editor de código.