jsonhero web

Apporté par vous par Trigger.dev

JSON Hero a été créé et est maintenu par l'équipe derrière Trigger.dev. Avec Trigger.dev, vous pouvez déclencher des workflows à partir d'API, sur un calendrier ou à la demande. Nous passons des appels API faciles avec l'authentification gérée pour vous, et vous pouvez ajouter des retards durables qui survivent des redémarrages du serveur.

Héros JSON

JSON Hero facilite la lecture et la compréhension des fichiers JSON en vous offrant une interface utilisateur propre et belle avec des fonctionnalités supplémentaires.

• Afficher JSON Ays Vous le souhaitez: vue de la colonne, vue d'arbre, vue d'éditeur, etc.
• Dépens automatiquement le contenu des chaînes et fournit des aperçus utiles
• Crée un schéma JSON inféré qui pourrait être utilisé pour valider votre JSON
• Scannez rapidement les valeurs connexes pour vérifier les cas de bord
• Recherchez vos fichiers JSON (clés et valeurs)
• Clavier accessible
• URL facilement partageables avec support de chemin

Caractéristiques

Envoyer à Json Hero

Envoyez votre JSON à JSON Hero de différentes manières

• Dirigez-vous vers JSONHERO.IO et faites glisser et déposez un fichier JSON, ou collez JSON ou une URL JSON sous le formulaire fourni

• Incluez une chaîne encodée de base64 d'une charge utile JSON: jsonHero.io/new?j=Eyaizm9vijogimjhciigfq==

• Incluez une URL JSON au new point de terminaison: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1

• Installez l'extension du code vs et ouvrez JSON à partir du code vs

• Utilisateur Raycast? Consultez notre extension ici

• Utilisez l'API non officielle:

  • Faites une demande POST à jsonhero.io/api/create.json avec le corps JSON suivant:

  {
    "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 réponse JSON sera la suivante:

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

Vue de colonne

Inspiré par MacOS Finder, Column View est une nouvelle façon de parcourir un document JSON.

Il a toutes les fonctionnalités que vous attendez: navigation par clavier, barre de chemin, historique.

Il a également une fonctionnalité Nifty qui vous permet de "maintenir" un descendant sélectionné et de monter à travers la hiérarchie, puis de vous déplacer entre les frères et sœurs et de visualiser les différentes valeurs trouvées sur ce chemin. C'est difficile à décrire, mais voici une animation pour aider à démontrer:

Comme vous pouvez le voir, la maintenance de l' Option (ou de la clé Alt sur Windows) tout en se déplaçant vers un parent conserve la partie du document sélectionné et le montre dans le contexte de son entourage JSON. Ensuite, vous pouvez traverser les éléments dans un tableau et comparer les valeurs de la sélection à travers des cahnges de hiérarchie profonde.

Voir l'éditeur

Consultez l'intégralité de votre document JSON dans un éditeur, mais gardez les beaux aperçus et les valeurs connexes que vous obtenez de la barre latérale lorsque vous vous déplacez dans le document:

Vue de l'arbre

Utilisez une vue d'arbre traditionnelle pour parcourir votre document JSON, avec des sections pliables et des raccourcis clavier. Tout en gardant les beaux aperçus:

Recherche

Ouvrez rapidement un panneau de recherche et recherchez flou sur votre fichier JSON entier en millisecondes. Les recherches via des noms de clés, des chemins de clés, des valeurs et même de jolies valeurs formatées (par exemple, la recherche de "Dec" trouvera DateTime Strings au mois de décembre.)

Aperçu du contenu

JSON Hero encands automatiquement le contenu des chaînes et fournit des aperçus et des propriétés utiles de la valeur que vous avez sélectionnée. C'est "Show Don't Tell" pour JSON:

Dates et heures

URL d'image

URL du site Web

Tweet URL

URL JSON

Couleurs

Valeurs connexes

Voir facilement toutes les valeurs connexes sur l'ensemble de votre document JSON pour un champ spécifique, y compris toutes les valeurs undefined ou null .

Bogues et demandes de fonctionnalités

Vous avez un bug ou une demande de fonctionnalité? N'hésitez pas à ouvrir un nouveau problème.

Vous pouvez également rejoindre notre canal Discord pour sortir et discuter de tout ce que vous souhaitez.

Développement

Pour fonctionner localement, clonez d'abord le dépôt et installez les dépendances:

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

Ensuite, créez un fichier à la racine du repo appelé .env et définissez la valeur SESSION_SECRET :

 SESSION_SECRET=abc123

Ensuite, exécutez npm run build ou npm run dev pour construire.

Maintenant, exécutez npm start et ouvrez votre navigateur à http://localhost:8787