Embellecedor de JSON

Tres tipos de JSON ilegible

«Embellece esto» suele significar uno de tres problemas distintos, y cada uno tiene su propio botón.

1. Válido pero minificado

Una línea larga, sin espacio en blanco. Pulsa Formatear. Es el caso fácil: el documento se analiza, así que solo necesita volver a serializarse con sangría. El visor en árbol suele ser aún más rápido, porque te deja abrir solo la rama que te interesa.

2. Válido, pero el JSON va dentro de una cadena

Los agregadores de logs, las colas de mensajes y las columnas TEXT de base de datos suelen devolver un documento JSON codificado como cadena JSON. Llega denso en barras invertidas:

"{\"user\":{\"id\":41,\"tags\":[\"a\",\"b\"]}}"

Formatear esto produce una cadena muy larga, porque una cadena es realmente todo lo que hay. Pulsa Desescapar en su lugar: se analiza la cadena externa, se decodifica el documento interno y obtienes estructura real. Las cargas codificadas dos veces solo necesitan el botón dos veces.

3. No es JSON válido en absoluto

Los fragmentos copiados de código JavaScript, la salida del REPL de Python, la configuración editada a mano con comentarios y las respuestas JSONP son todos casi-JSON. Pulsa Reparar y después Formatear. Esto es lo que gestiona:

• {name: "ada"} → los nombres de propiedad se entrecomillan
• {'name': 'ada'} → las comillas simples pasan a dobles
• [1, 2, 3, ] → se elimina la coma final
• // nota y /* nota */ → se eliminan los comentarios
• {"ok": True, "x": None} → los literales de Python pasan a true y null
• {"n": NaN} → pasa a null, porque JSON no puede expresar NaN
• cb({"a":1}) → se elimina el envoltorio JSONP
• {"a":1}
{"a":2} → el JSON delimitado por líneas se envuelve en un array

Reparar deja su resultado en el editor en lugar de aplicarlo de forma invisible, para que leas el cambio antes de fiarte de él.

Ordenar claves para comparar

Dos documentos con los mismos datos en distinto orden de propiedades son tediosos de comparar. Ordenar claves ordena cada objeto de A a Z en todos los niveles, así que embellece y ordena ambos lados y un diff de texto mostrará solo las diferencias reales. El orden de los arrays se deja intacto: en un array, el orden es dato y no formato.

Documentos muy grandes

Por encima de unos 1,5 MB el editor deja de reanalizar en cada pulsación y espera a que pulses Formatear, lo que mantiene fluidos la escritura y el pegado. La salida embellecida de más de 400 KB se muestra sin coloreado de sintaxis, porque tokenizar tanto texto cuesta más de lo que vale el color; el árbol sigue siendo plenamente interactivo a cualquier tamaño.