Alat Visualisasi dan Pengeditan JSON
(github.com/podosoft-dev)Halo
Karena saya merasa ada sedikit kekurangan pada berbagai JSON Viewer gratis yang sesekali saya gunakan sejak lama,
saya mencoba membuatnya berbasis Svelte5 dengan merujuk pada beberapa proyek open source.
Fitur utamanya sebagai berikut.
- Validasi sintaks JSON dan pemformatan secara real-time
- Visualisasi graf interaktif dengan struktur pohon
- Langsung berpindah ke posisi JSON dengan mengklik node
- Mengambil data JSON dari URL (GET/POST/PUT/DELETE/PATCH)
- Otomatis menciutkan lebih dari 20 item (fitur "Lihat lebih banyak")
- Dukungan bahasa Indonesia/Inggris
Saya membuatnya untuk digunakan saat memahami struktur JSON yang kompleks secara visual atau menganalisis respons API.
Tautan:
Masukan sangat disambut!
Terima kasih.
15 komentar
Saya sering melihat struktur JSON yang rumit dan dalam, jadi adanya alat seperti ini sangat berguna, haha. Apakah Anda juga pernah mempertimbangkan untuk membuat versi aplikasi desktop? Nuansanya seperti Sublime, gitu, hehe.
Saat ini sedang direncanakan
Anda pakai xyflow ya. Entah kenapa saya jadi tidak terlalu terpikir menggunakan flowchart untuk memunculkan ide, tapi ini keren.
Wah! Ini memang sesuatu yang selama ini terasa kurang, dan sekarang benar-benar langsung enak dilihat!
Kerja bagus.
Ini juga akan membantu bagi mereka yang masih pemula dalam coding.
Terima kasih!
Akan lebih bagus jika juga mendukung JSON5!
Wah~ ini ngoding vibe ya?
Ya, saya terutama menggunakan Claude Code, lalu untuk bagian yang sesekali macet saya cek di ChatGPT, dan kalau tetap tidak berhasil saya menganalisis kodenya sendiri untuk memastikan arah perbaikannya, lalu memberi instruksi lagi ke Claude Code.
Khususnya saat menerapkan Dagre, masalah node graf yang saling bertumpuk sama sekali tidak bisa saya selesaikan, jadi saya melakukan debugging sendiri dan memperbaikinya.
Melalui serangkaian proses ini, saya rasa saya mendapat banyak pengalaman tentang sampai di mana batasannya dan bagaimana seharusnya memberi instruksi kerja.
Wah, bagus ya.
Tapi, sepertinya saat node diklik tidak berpindah.
Sekarang sudah diperbaiki.
Setelah saya cek kasus yang Anda sebutkan, saya memastikan bahwa ada node yang bisa dipindahkan, sementara dalam beberapa kasus ada juga yang tidak bisa. Saya akan memeriksanya dan mencoba memperbaikinya.
Secara pribadi saya cukup sering perlu menangani escaped JSON, jadi sepertinya akan bagus jika fitur JSON Escape juga ditambahkan!
Baik, akan saya jadikan referensi dan saya tinjau.
Sangat bagus!! Sepertinya saya akan sering menggunakannya kalau juga kompatibel dengan YAML dan TOML.
Saya belum terpikir tentang YAML dan TOML seperti yang Anda sebutkan, jadi terima kasih atas masukannya. Saya akan meninjau penambahan fitur tersebut dan mencoba melanjutkannya.