Hoy te voy a enseñar algo que he hice la semana pasada. Una herramienta que me ahorra horas de depuración

Una herramienta que hace que depurar JSONata sea pan comido y que si eres de los que hace Step Functions en tu día a día te ayudará a mejorarlas

Tiene una interfaz interactiva para crear, validar y probar expresiones JSONata sobre datos JSON en tiempo real. Construida con React + Vite + TypeScript.

Te dejo la herramienta y sus principales características:

– Editor de JSONata con validación en tiempo real: usa la librería oficial jsonata para compilar y detectar errores de sintaxis con detalle de línea y columna.
– Sugerencias inteligentes: recomendaciones para errores comunes (paréntesis, llaves, funciones, operadores, rutas, etc.).
– Sandbox de pruebas: ejecuta la expresión automáticamente al escribir; muestra resultado estructurado y errores claros.
– Contexto disponible como $ctx: evalúa expresiones con datos de entrada y un contexto adicional.
– UI moderna y responsiva: componentes accesibles, dark/light mode, y diseño adaptable.

👉🏻 JSONata UI para ver cómo funciona

👉🏻 Repositorio en Github

Espero que te ayude tanto como me esta ayudando a mi. Y si quieres saber como la he hecho, en las próximas semanas te lo diré detalladamente