jsonhero web

Traído a ti por trigger.dev

JSON Hero fue creado y es mantenido por el equipo detrás de Trigger.dev. Con Trigger.dev puede activar flujos de trabajo desde API, en un horario o bajo demanda. Hacemos que las llamadas de API sean fáciles con la autenticación manejada para usted, y puede agregar retrasos duraderos que se reinician el servidor sobrevivir.

Json héroe

JSON Hero facilita leer y comprender los archivos JSON al brindarle una interfaz de usuario limpia y hermosa llena de características adicionales.

• Ver json de cualquier forma que desee: Vista de columna, vista de árbol, vista del editor y más.
• Infiere automáticamente el contenido de las cadenas y proporciona vistas previas útiles
• Crea un esquema JSON inferido que podría usarse para validar su JSON
• Escanee rápidamente los valores relacionados para verificar los casos de borde
• Busque sus archivos JSON (tanto claves como valores)
• Teclado accesible
• URL fácilmente compartibles con soporte de ruta

Características

Enviar a JSON Hero

Envía tu JSON a JSON Hero de varias maneras

• Dirígete a JSONHERO.IO y arrastre y suelte un archivo JSON, o pegue JSON o una URL JSON en el formulario proporcionado

• Incluya una cadena codificada base de una carga útil JSON: jsonhero.io/new?j=Eyaizm9viJogimjhciigfq==

• Incluya una URL JSON al new punto final: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• Instale la extensión del código VS y abra JSON desde el código VS

• ¿Usuario de Raycast? Mira nuestra extensión aquí

• Use la API no oficial:

  • Haga una solicitud POST a jsonhero.io/api/create.json con el siguiente cuerpo JSON:

  {
    "title" : " test 123 " ,
    "content" : { "foo" : " bar " },
    "readOnly" : false , // this is optional, will make it so the document title cannot be edited or document cannot be deleted
    "ttl" : 3600 // this will expire the document after 3600 seconds, also optional
  }

  La respuesta JSON será la siguiente:

  {
    "id" : " YKKduNySH7Ub " ,
    "title" : " test 123 " ,
    "location" : " https://jsonhero.io/j/YKKduNySH7Ub "
  }

Vista de columna

Inspirado en MacOS Finder, Column View es una nueva forma de explorar un documento JSON.

Tiene todas las características que esperaría: navegación del teclado, barra de ruta, historial.

También tiene una característica ingeniosa que le permite "mantener" a un descendiente seleccionado y viajar a través de la jerarquía, y luego moverse entre hermanos y ver los diferentes valores encontrados en esa ruta. Es difícil de describir, pero aquí hay una animación para ayudar a demostrar:

Como puede ver, manteniendo la Option (o la tecla Alt en las ventanas) mientras se mueve a un padre mantiene la parte del documento seleccionada y lo muestra en contexto de que está rodeando JSON. Luego, puede atravesar entre los elementos en una matriz y comparar los valores de la selección a través de cavos de jerarquía profunda.

Vista del editor

Vea todo su documento JSON en un editor, pero mantenga las avances previas y los valores relacionados que obtiene de la barra lateral a medida que avanza en el documento:

Vista de árbol

Use una vista de árbol tradicional para atravesar su documento JSON, con secciones plegables y atajos de teclado. Todo mientras mantiene las buenas vistas previas:

Buscar

Abra rápidamente un panel de búsqueda y busque difuso todo su archivo JSON en milisegundos. Las búsquedas a través de nombres clave, rutas clave, valores e incluso valores bastante formateados (por ejemplo, la búsqueda de "Dec" encontrará cadenas de fecha y hora en el mes de diciembre).

Vistas previas de contenido

JSON Hero infiere automáticamente el contenido de las cadenas y proporciona vistas previas y propiedades útiles del valor que ha seleccionado. Es "Show Don't Tell" para JSON:

Fechas y horarios

URL de imagen

URLS del sitio web

Tweet URLS

URL JSON

Bandera

Valores relacionados

Vea fácilmente todos los valores relacionados en todo su documento JSON para un campo específico, incluidos los valores undefined o null .

Errores y solicitudes de funciones

¿Tiene un error o una solicitud de función? No dude en abrir un nuevo problema.

También puede unirse a nuestro canal Discord para pasar el rato y discutir cualquier cosa que desee.

Desarrollo

Para ejecutar localmente, primero clona el repositorio e instale las dependencias:

git clone https://github.com/triggerdotdev/jsonhero-web.git
cd jsonhero-web
npm install

Luego, cree un archivo en la raíz del repositorio llamado .env y establezca el valor SESSION_SECRET :

 SESSION_SECRET=abc123

Luego, ejecute npm run build o npm run dev para construir.

Ahora, ejecute npm start y abra su navegador a http://localhost:8787