Belajar Emacs - IDE: Eglot (LSP) & Tree-sitter

#Pendahuluan

Inilah episode yang menjawab pertanyaan paling umum: "Bisakah Emacs jadi IDE seperti VS Code?". Jawabannya: ya, dan bahkan lebih transparan — lewat Eglot (Language Server Protocol client bawaan Emacs sejak 29.1) dan tree-sitter untuk parsing sintaks.

Mengapa penting? Di dunia nyata, developer butuh completion yang pintar, jump-to-definition, rename yang aman, dan diagnosa error real-time. Sebelum LSP, Emacs menyediakan ini per-bahasa dengan setup manual yang berbeda-beda. LSP menyatukan semuanya: satu protokol, banyak bahasa, dan Eglot membuat setup-nya nyaris nol konfigurasi.

#Arsitektur LSP & Peran Eglot

Language Server Protocol (LSP) memisahkan editor dari analisis bahasa:

Editor mengirim "file dibuka, file diubah"; server membalas "completion ini, definisi di sini, ada error di baris 5". Satu protokol → satu client (Eglot) → server per bahasa yang diinstall terpisah.

Keuntungan Eglot dibanding lsp-mode:

• Built-in sejak Emacs 29.1 — tanpa install paket.
• Konfigurasi minimal: cukup M-x eglot di buffer file.
• Terintegrasi dengan core Emacs: flymake (diagnostics) dan xref (jump-to-def).

#Install Language Server

Eglot butuh language server eksternal — binary yang diinstall di sistem. Beberapa contoh:

pip install pyright

sudo apt install clangd          # Debian/Ubuntu

npm install -g typescript-language-server typescript

go install golang.org/x/tools/gopls@latest

Verifikasi binary tersedia di PATH — Eglot menjalankannya sebagai proses eksternal:

pyright --version
clangd --version | head -1
gopls version

#Mengaktifkan Eglot

Cara manual per buffer:

M-x eglot RET   →  mulai LSP pada file yang terbuka

Cara otomatis per bahasa (disarankan):

(use-package eglot
  :ensure nil
  :hook ((python-ts-mode . eglot-ensure)
         (go-ts-mode . eglot-ensure)
         (typescript-ts-mode . eglot-ensure)))
 
(setq eglot-autoshutdown t)  ; matikan server saat buffer terakhir ditutup

eglot-ensure di hook mode — setiap file bahasa itu terbuka, Eglot otomatis menyambung ke server. Perhatikan :ensure nil — Eglot sudah bawaan Emacs.

#Fitur yang Didapat

Setelah Eglot aktif (lihat *Messages* untuk log koneksi), kalian mendapat:

#Diagnosa dengan Flymake

Eglot menyalurkan errors ke flymake (bawaan). Buffer dengan error menampilkan marker di mode line; C-h e atau M-x flymake-show-buffer-diagnostics memperlihatkan detail. Penyelesaian cepat: M-x flymake-show-project-diagnostics untuk seluruh proyek.

#Tree-sitter: Syntax Highlight Akurat

Tree-sitter menghasilkan parse tree penuh dari kode, sehingga highlight, indentation, dan struktur mengikuti syntax bahasa yang sebenarnya — bukan sekadar regex.

Mode tree-sitter Emacs memakai akhiran -ts-mode:

python-ts-mode    go-ts-mode     typescript-ts-mode
c-ts-mode         ruby-ts-mode   elixir-ts-mode
rust-ts-mode      html-ts-mode   php-ts-mode

Emacs 30 menampilkan banyak bahasa ts secara otomatis jika grammar tersedia. Emacs 31 bahkan mengotomatiskan instalasi grammar dengan treesit-auto-install-grammar.

#Cek Ketersediaan Grammar

M-x treesit-available-p RET   →  t (jika tree-sitter tersedia)
C-h v treesit-language-source-alist RET   →  daftar grammar yang dikenal

Jika grammar bahasa belum ada, instal:

M-x treesit-install-language-grammar RET  →  pilih bahasa → Emacs build grammar

Setelah grammar tersedia, file dibuka dengan mode ts otomatis.

#Bedakan Mode Klasik vs ts

Emacs 30 default ke mode ts bila grammar ada. Kalian bisa memaksa:

M-x python-ts-mode RET

atau mengatur treesit-preferred-language-alist di init.

#Setup IDE untuk Python + TypeScript: Studi Kasus

Membangun setup IDE lengkap untuk dua bahasa:

(use-package eglot
  :hook ((python-ts-mode . eglot-ensure)
         (typescript-ts-mode . eglot-ensure)))
 
;; Pastikan mode ts dipakai
(add-to-list 'major-mode-remap-alist '(python-mode . python-ts-mode))
(add-to-list 'major-mode-remap-alist '(typescript-mode . typescript-ts-mode))
 
;; Tampilkan error di mode line dengan flymake
(add-hook 'prog-mode-hook #'flymake-mode)

Sekarang buka app.py: Eglot otomatis menyambung ke pyright, completion & diagnosa bekerja, dan highlight memakai tree-sitter. Kalian punya IDE — di dalam editor yang sudah 40 tahun.

#Pitfall Eglot & Tree-sitter

• Server tidak ditemukan: Eglot menampilkan error in process sentinel: Couldn't connect — artinya binary server tidak ada di PATH. Install dulu, atau set eglot-server-programs untuk path eksplisit.
• File besar lambat: parse tree-sitter + LSP pada file raksasa bisa berat. Batasi dengan eglot per buffer atau mode ts hanya untuk file wajar.
• Grammar belum terinstall: mode ts tidak aktif walau Emacs mendukungnya. Cek treesit-language-source-alist; instal via treesit-install-language-grammar.
• Multiple language server pada satu file: jangan pasang Eglot dan lsp-mode bersamaan — konflik port/buffer. Pilih satu client.
• Completion yang "hilang": pastikan frontend completion (episode 19) aktif; tanpa itu saran muncul hanya saat C-M-i.

#Penutup

Pada episode 16 ini, kalian telah mengubah Emacs menjadi IDE modern.

Inti yang harus dibawa pulang:

• LSP: editor ↔ language server (binary eksternal). Eglot adalah client bawaan.
• M-x eglot / eglot-ensure di hook mode; pyright, clangd, ts-server, gopls untuk bahasa masing-masing.
• Fitur inti: completion, M-. jump-to-def, M-? references, flymake diagnostics, eglot-rename.
• Tree-sitter: parse tree → highlight & indentasi akurat via *-ts-mode.
• Emacs 31 menambahkan treesit-auto-install-grammar — instalasi grammar otomatis.

Di episode 17 selanjutnya, kita mencari kode lintas proyek: project.el & ripgrep — project-find-file, project search dengan grep/ripgrep terintegrasi, dan workflow menjelajah codebase besar dari satu buffer. Sampai jumpa di episode 17!