Tool zur Visualisierung und Bearbeitung von JSON
(github.com/podosoft-dev)Hallo
bei mehreren kostenlosen JSON-Viewern, die ich schon seit einiger Zeit gelegentlich nutze, haben mir einzelne Funktionen immer ein wenig gefehlt.
Deshalb habe ich mir auf Basis von Svelte5 und mit Blick auf verschiedene Open-Source-Projekte selbst eines gebaut.
Die wichtigsten Funktionen sind folgende:
- Echtzeit-Prüfung der JSON-Syntax und Formatierung
- Interaktive grafische Visualisierung in einer Baumstruktur
- Sofortiges Springen zur JSON-Position per Klick auf einen Knoten
- JSON-Daten über eine URL abrufen (GET/POST/PUT/DELETE/PATCH)
- Automatisches Einklappen bei mehr als 20 Elementen ("Mehr anzeigen"-Funktion)
- Unterstützung für Koreanisch und Englisch
Ich habe das Tool erstellt, um komplexe JSON-Strukturen visuell zu erfassen oder API-Antworten zu analysieren.
Links:
Feedback ist willkommen!
Vielen Dank.
15 Kommentare
Ich sehe oft komplexe und tief verschachtelte JSON-Strukturen, daher ist so ein Tool wirklich enorm nützlich, haha. Habt ihr vielleicht auch vor, daraus eine Desktop-App zu machen? So ein bisschen im Stil von Sublime, haha.
Derzeit in Planung
Sie haben also
xyflowverwendet. Irgendwie kam mir mit einem Flussdiagramm keine gute Idee, aber das sieht großartig aus.Wow! Genau das hat mir bisher gefehlt, und es ist wirklich sofort verständlich!
Gute Arbeit.
Das wird auch Anfängern beim Programmieren helfen.
Danke!
Es wäre schön, wenn auch JSON5 unterstützt würde!
Wow~ haben Sie das mit Vibe Coding gemacht?
Ja, ich habe hauptsächlich Claude Code verwendet und zwischendurch bei Stellen, an denen ich nicht weiterkam, in ChatGPT nachgesehen; was sich trotzdem nicht lösen ließ, habe ich durch direkte Analyse des Codes debuggt, die Richtung für die Korrektur geprüft und Claude Code dann erneut entsprechende Anweisungen gegeben.
Insbesondere beim Einsatz von Dagre ließ sich das Problem überlappender Graphknoten trotz aller Versuche nicht beheben, sodass ich es selbst debuggt und korrigiert habe.
Durch diesen gesamten Prozess habe ich wohl viel Erfahrung damit gesammelt, wo die Grenzen liegen und wie man Arbeitsanweisungen formulieren muss.
Oh, schön.
Allerdings scheint es nicht möglich zu sein, beim Klicken auf einen Knoten dorthin zu springen.
Jetzt wurde es korrigiert.
Ich habe den von Ihnen genannten Fall geprüft und bestätigt, dass es Fälle gibt, in denen ein Knoten verschoben wird, und andere, in denen das nicht funktioniert. Ich werde das prüfen und versuchen, es zu beheben.
Ich persönlich muss gelegentlich mit escaped JSON arbeiten, daher fände ich es gut, wenn auch eine JSON-Escape-Funktion hinzugefügt würde!
Ja, ich werde das unter Berücksichtigung dessen prüfen.
Das ist wirklich großartig!! Wenn es auch mit YAML und TOML kompatibel wäre, würde ich es wahrscheinlich häufig nutzen.
An YAML und TOML hatte ich nicht gedacht, danke für den Hinweis. Ich werde prüfen, ob wir die Funktion ergänzen können, und das weiterverfolgen.