DBunny - Extension manipulasi DB untuk VS Code yang saya buat karena merindukan DataGrip

Saat menggunakan Claude Code, saya sepenuhnya memindahkan lingkungan pengembangan saya ke VS Code.

Namun, saat mengembangkan aplikasi, ada beberapa hal yang terasa tidak nyaman. (Terutama bagi saya yang fokus pada pengembangan BE...)

Yaitu hal-hal yang dulu saya anggap biasa di DataGrip, salah satu produk JetBrains yang sebelumnya saya gunakan.

• Menelusuri struktur tabel
• Mengedit hasil kueri secara langsung
• Melihat diagram ERD
• Dan lain-lain

Saya sempat mencari berbagai ekstensi VS Code, dan memang ada, tetapi rasanya masih ada bagian yang kurang memuaskan.
(Mungkin saya saja yang belum menemukannya T_T)

Karena itu, saya mencoba membuat sendiri sebuah Extension bernama DBunny.

---

[IMG] Gambar contoh penggunaan

---

Fitur utama

• Pengeditan inline: mengedit hasil kueri langsung seperti di Excel
• Diagram ERD: visualisasi relasi tabel + ekspor ke SVG/PNG
• Pemantauan real-time: waktu eksekusi, jumlah koneksi, koneksi aktif, dll.
• SSH tunneling: mengakses DB jarak jauh dengan aman
• DB yang didukung: MySQL, PostgreSQL, SQLite, H2, MongoDB, Redis

---

Cara instalasi

VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=chimaek.dbunny
Atau cari "DBunny" di tab ekstensi

---

Karena masih dalam pengembangan, mungkin masih ada bug.
Saya akan sangat berterima kasih jika Anda memberikan masukan atau melaporkan bug 🐰

[roxie]

Produknya tampak bagus, tetapi gif di halaman utamanya sepertinya sangat kurang bagus. Pertama-tama, butuh waktu terlalu lama untuk sampai ke tampilan demo yang sebenarnya paling penting, dan saya juga butuh waktu lama untuk memahami apa maksud tulisan "Subscribe" dan kursor yang bergerak di atasnya. Dalam kasus seperti ini, rasanya akan lebih efektif jika diganti dengan beberapa tangkapan layar.

[pipiru114]

Terima kasih atas masukannya. Karena memuat informasi pribadi, saya menggantinya dengan tulisan "Subscribe". Saya juga akan mempertimbangkan untuk menggantinya dengan tangkapan layar. :)

[roxie]

Ya, saya paham itu, tapi sepertinya terlalu lambat wkwk. Dari layar awal muncul sampai pindah ke layar yang bisa dipakai rasanya butuh lebih dari 10 detik.

[skg09203]

Saya sempat memasangnya dan mencobanya sebentar, lalu meninggalkan komentar karena ada beberapa hal yang terasa kurang nyaman atau berpotensi jadi masalah!

Lingkungan penggunaan

• intel mac (i7)
• Mac OS:15.4
• versi vscode: 1.108.0

Masalah

• Koneksi DB MySQL > pilih DB di Connections > pilih tabel > saat kursor diarahkan ke tabel lalu menekan ikon tabel, muncul
  "Error: Query execution failed: This command is not supported in the prepared statement protocol yet"
  error seperti ini sehingga saya tidak bisa melihat seluruh data.
  (saat membuat file query lalu menjalankan pencarian, hasilnya tampil dengan baik)

Hal yang kurang nyaman

• Di mac, saat menekan cmd + shift + q untuk membuat file query, fungsi bawaan Mac untuk keluar terlebih dahulu yang aktif, jadi harus melakukan key mapping terpisah ya..? (Kalau diubah memang tidak masalah, tapi akan lebih baik kalau susunan tombol default-nya bisa lebih pas.. / ini pendapat pribadi saya.)

[pipiru114]

Terima kasih atas masukannya :)

Saya memang belum sempat mempertimbangkan konflik shortcut...

Saya sudah menyeragamkannya menjadi Ctrl+Alt+ (Windows) / Cmd+Option+ (Mac) agar tidak bentrok dengan shortcut VS Code maupun sistem!