Herramienta de visualización y edición de JSON
(github.com/podosoft-dev)Hola
Desde hace tiempo usaba de vez en cuando varios JSON Viewer gratuitos, pero sentía que a cada uno le faltaban algunas funciones,
así que tomé como referencia varios proyectos open source y lo hice con base en Svelte5.
Las funciones principales son las siguientes.
- Validación y formateo de sintaxis JSON en tiempo real
- Visualización gráfica interactiva de estructuras en árbol
- Salto inmediato a la ubicación del JSON al hacer clic en un nodo
- Obtener datos JSON desde una URL (GET/POST/PUT/DELETE/PATCH)
- Colapso automático de más de 20 elementos (función "ver más")
- Soporte para coreano/inglés
Lo hice para usarlo al analizar visualmente estructuras JSON complejas o al revisar respuestas de APIs.
Enlaces:
¡Los comentarios son bienvenidos!
Gracias.
15 comentarios
Veo muchas estructuras JSON complejas y profundas, así que tener una herramienta así es súper útil jaja. ¿Han pensado en hacer también una app de escritorio? Algo con una onda tipo Sublime jaja.
Actualmente está en planificación.
Veo que usaste xyflow. Siento que cuando uso un diagrama de flujo no se me ocurren bien las ideas, pero se ve genial.
¡Guau! Esto es algo que siempre había echado de menos, ¡y de verdad entra por los ojos!
Buen trabajo.
También les será de ayuda a quienes recién empiezan a programar.
¡Gracias!
¡También estaría bien que fuera compatible con JSON5!
Vaya... ¿hiciste vibe coding?
Sí, usé principalmente Claude Code, y cuando me trababa en algunas partes iba revisando en ChatGPT; lo que aun así no salía, analizaba directamente el código para confirmar la dirección de la corrección y luego volvía a indicárselo a Claude Code.
En particular, al aplicar Dagre no hubo forma de resolver el problema de superposición de nodos del grafo, así que hice yo mismo el debugging y lo corregí.
Creo que, a través de toda esta serie de procesos, acumulé bastante experiencia sobre hasta dónde llegan sus límites y cómo hay que dar las instrucciones de trabajo.
Vaya, está muy bueno.
Pero parece que no se puede navegar al hacer clic en un nodo.
Ahora ya está corregido.
Revisé el caso que mencionaste y confirmé que, aunque hay nodos que sí se pueden mover, también hay casos en los que no. Lo revisaré y trataré de corregirlo.
Personalmente, a veces tengo que trabajar con JSON escapado, así que creo que también estaría bueno agregar una función de escape de JSON.
Sí, lo tomaré en cuenta y lo revisaré.
¡Está buenísimo! Si también fuera compatible con YAML y TOML, creo que lo usaría seguido.
No había pensado en YAML ni en TOML; gracias por señalarlo. Revisaré agregar esa funcionalidad y avanzaré con ello.