Sebagai freelancer Google Apps Script, saya cukup sering berurusan dengan JSON dari beberapa third party service. Mulai dari API yang rapi, sampai yang bentuknya agak bikin pusing. Masalahnya bukan soal JSON itu valid atau tidak, akan tetapi lebih ke keterbacaan.

Mencari JSON Formatter yang Pas

Cukup lama saya pakai jsonformatter.org, karena Gratis, simpel, dan secara fungsi tidak ada masalah. Tapi ada satu hal kecil yang lama-lama terasa mengganggu. Setiap kali paste JSON, saya harus klik tombol Format / Beautify dulu.

Setelah itu saya juga menggunakan OK JSON. Pada masa trial, pengalaman pakainya enak banget. Tinggal paste, JSON langsung rapi dan terformat otomatis, tanpa perlu mengeklik apapun.

Sayangnya, setelah masa trial habis ada semacam loading buatan kalau kita paste teks. Untuk kembali ke pengalaman seperti saat trial, harus upgrade dengan biaya sekitar 299 ribu rupiah. Hmm… Lumayan, ya, bisa dipakai untuk beli cartridge Nintendo Switch second. Hihi

Membuat Tools Sederhana

Waktu itu saya sedang mengerjakan project untuk salah satu perusahaan konstruksi yang fokus membangun vila dan berbasis di Bali. Di sela-sela pekerjaan, saya tiba tiba teringat Monaco Editor. Editor buatan Microsoft yang dipakai di Visual Studio Code. Kalau tidak salah, editor di Google Apps Script juga pakai basis yang sama, atau setidaknya sangat mirip.

Monaco itu ringan, responsif, dan nyaman dipakai. Dari situ muncul ide: Kenapa tidak bikin JSON formatter sendiri saja, yang fokus untuk merapikan JSON. Begitu paste langsung rapi dan bisa cek validitas.

Kemudian saya mulai ngulik pelan-pelan dibantu Antigravity dengan model Gemini 3 Pro. Jadi bisa dibilang ini proyek kerja kelompok. Wkk.

Yang menjadi target utama adalah:

• Hanya satu buah file HTML
• Tidak memerlukan backend
• Dapat langsung jalan di browser
• Ketika paste file JSON dengan valid, langsung terformat
• Ada penanda valid atau tidaknya

Hasilnya

Alhamdulillah, jadilah web JSON formatter dan validator yang simpel dan ringan. Sebetulnya sempet bikin juga versi yang dibungkus dengan Tauri, tapi sementara saat ini belum saya publish.

Kalau ada yang penasaran dan ikut ngulik, repo project ini dapat dilihat di https://github.com/miftahafina/json-formatter/

Dan versi yang bisa langsung dipakai bisa dicoba di https://jsonformatter.miftahafina.com/

Tanpa iklan, tanpa tracker (seharusnya).

Penutup

Semoga yang sedikit ini bermanfaat untuk teman-teman yang sering berurusan dengan JSON, terutama yang butuh cara cepat untuk merapikan dan memvalidasi data JSON.