JSON Byte
(json-byte.pages.dev)C’est un outil de visualisation JSON. Il en existe déjà beaucoup de bons, et certains ont même été présentés plusieurs fois sur GeekNews. Moi aussi, je les ai trouvés très utiles.
Mais comme souvent, quelques points m’ont laissé sur ma faim, alors j’ai décidé d’en créer un moi-même. Voici les fonctionnalités de base :
- Visualisation des données JSON sous forme de graphe
- Les modifications effectuées dans l’éditeur sont répercutées dans la visualisation
- Fonction de recherche de nœuds
- Distinction des couleurs par type
Voici les points qui me gênaient :
- Je veux pouvoir partager l’écran que je suis en train de consulter
- Ce serait bien de prendre en charge YML
- Ce serait bien que cela s’affiche correctement aussi sur mobile
Voilà les différences. Je pense ajouter progressivement des fonctionnalités selon les besoins. Si vous avez des retours ou si vous souhaitez contribuer, vous êtes les bienvenus.
Merci.
26 commentaires
Ce serait encore mieux s’il était possible de mettre en évidence ou de filtrer uniquement les nœuds que l’on veut trouver avec JSONPath.
Je me permets aussi de suggérer qu’une fonctionnalité permettant de se déplacer en faisant glisser la minimap pourrait être utile.. haha Dans un gros JSON, ce n’est pas facile de trouver le nœud voulu, snif.
Avec cette taille, on dirait que le rendu devient vraiment difficile haha T_T. J’utilise environ 500 ko.
Comme xyflow repose sur le DOM, il semble que les performances se dégradent un peu quand le nombre de nœuds augmente. L’amélioration des performances fait aussi partie des objectifs sur lesquels j’aimerais travailler. Merci.
Le fait de l’afficher replié par défaut pourrait aussi être une solution. De toute façon, ce que j’ai envie de voir ne représente qu’une toute petite partie.
Oh, c’est propre. Je l’utiliserai de temps en temps.
Merci pour votre retour.
C’est très propre et très joli.
En revanche, quand on passe au thème sombre, seule la fenêtre de code ne s’adapte pas.
La fenêtre de code est gérée avec un thème distinct. Vous pouvez changer de thème via les paramètres à côté de Export. J’avais envisagé de les synchroniser au départ, mais j’ai finalement fait cela séparément pour offrir un choix plus large.
C’est exactement le genre de chose qu’il me fallait, c’est vraiment super.
Ce serait bien d’avoir une fonctionnalité permettant de regrouper et d’afficher les longues listes !
Merci. Nous avons exclu de la version actuelle une fonctionnalité de regroupement comme
show/less, car cela pose un problème de rendu des nœuds enfants. Nous allons continuer à réfléchir à une bonne solution.C'est bien !
Merci.
Je ne sais pas si c’est à cause de Safari, mais sur l’iPad, l’affichage ne semble pas correct.
J’ai été rassuré de voir que cela s’affichait correctement sur mon iPhone, mais visiblement c’est encore différent sur les iPad. Je vérifierai quand j’aurai un moment. Merci.
Ça a l’air bien !
Merci pour votre retour 👍
C’est vraiment génial. Je me suis connecté juste pour laisser un commentaire. mdr
Merci pour votre retour 👍
Oh, c’est pas mal.
Merci pour votre retour 👍
Ce serait encore mieux si les modifications effectuées dans la visualisation s’appliquaient aussi à l’éditeur.
C’est une bonne idée. Nous allons réfléchir à la manière de l’appliquer.
J’aimerais pouvoir afficher plusieurs fichiers JSON, par exemple dans des onglets, et passer de l’un à l’autre pour les manipuler.
J’ai essayé de prendre en charge les onglets, mais cela semblait compliquer les opérations d’export/import, donc je les ai exclus de la première version. J’essaierai de les ajouter bientôt.
C’est bien, mais ce serait sympa si ça prenait en charge une extension Chrome + la lecture du système de fichiers.
Cela dit, personnellement, je trouve que pour du JSON, le mieux reste simplement de le regarder dans un éditeur ^_T
Il est possible de téléverser des fichiers via l’importation. Je vais réfléchir à une extension Chrome. Merci !