Belajar Fzf - Integrasi dengan fd & ripgrep

#Pendahuluan

Preview window episode 10 menampilkan isi file; episode 11 memastikan file yang ditampilkan pantas ditampilkan. Kita akan menggabungkan fzf dengan dua alat yang lahir dari ekosistem yang sama: fd (pencarian file) dan ripgrep (pencarian teks). Mulai dari baris yang akan menjadi kebiasaan: fd --type f.

Kenapa dua alat lagi? Karena fzf hanyalah filter — ia sebaik mungkin dengan input yang diberikan, tapi kualitas input menentukan hasil. find bawaan lambat, berisik (ikut menyertakan node_modules, .git), dan tidak memahami .gitignore. fd dan rg menyelesaikan tiga masalah itu sekaligus, dan keduanya menulis output yang "ramah fzf".

#Konsep: Pemisahan Tugas yang Jelas

Tiga alat ini bukan pesaing, melainkan rantai produksi dengan tugas berbeda:

Setiap alat melakukan satu hal dengan sangat baik, dan gabungannya lebih cepat serta lebih presisi daripada find | grep | fzf yang asal-asalan.

#fd: Pencarian File yang Menghormati .gitignore

fd adalah alternatif find yang ditulis Rust: hasilnya menghormati .gitignore secara default dan cepat karena dijalankan paralel. Ini membuatnya sumber data ideal untuk FZF_DEFAULT_COMMAND (episode 8):

export FZF_DEFAULT_COMMAND="fd --type f"

Sekarang fzf yang dijalankan tanpa pipe, CTRL-T, dan fuzzy completion file — semuanya memakai daftar file dari fd yang bersih: tanpa node_modules, tanpa .git, tanpa folder build, kecuali dinyatakan lain. Ini perubahan yang langsung terasa di repositori besar.

#Opsi Penting fd

Kombinasi khas untuk mencari semua file termasuk dotfiles tapi tetap menghormati gitignore:

fd --type f --hidden --exclude node_modules

#Menggabungkan fd dengan Preview

Ketika daftar file berasal dari fd, preview window episode 10 jadi pelengkap sempurna: list bersih dari fd, isi dari bat. Simpan keduanya di FZF_DEFAULT_OPTS agar konsisten di seluruh invocation:

export FZF_DEFAULT_COMMAND="fd --type f"
export FZF_DEFAULT_OPTS="--preview='bat --color=always --style=numbers --line-range=:200 {}'"

Sekarang menekan CTRL-T menampilkan daftar file bersih, dan setiap file yang disorot langsung diperlihatkan isinya. Ini sudah workflow yang layak dipakai sehari-hari.

#rg: Mencari Isi File

rg (ripgrep) adalah grep modern: cepat, menghormati .gitignore, dan mendukung regex. Ia dua peran dalam workflow fzf — sebagai pencari (menghasilkan daftar file yang berisi pola) dan sebagai previewer (menampilkan baris yang cocok).

#rg sebagai Pencari: Daftar File yang "Mengandung"

Untuk mencari file mana saja yang mengandung kata tertentu, gunakan rg -l (files-with-matches):

rg -l 'TODOFIX' | fzf

Hasil rg -l adalah daftar path — format yang persis dikonsumsi fzf. Setiap file yang disorot lalu bisa diintip isinya dengan preview:

rg -l 'TODOFIX' | fzf --preview 'bat --color=always {}'

#rg sebagai Previewer: Konteks di Sekitar Kecocokan

rg juga sempurna di dalam --preview — memanfaatkan placeholder {q} dari episode 10 untuk pencarian isi yang mengikuti query:

fzf --preview 'rg --color=always -C 3 {q} {}' --ansi

Saat kalian mengetik, rg mencari {q} di dalam file yang disorot dan menampilkan 3 baris konteks di atas/bawah kecocokan. Ini menciptakan preview "search-in-search": list adalah file, preview adalah baris yang cocok.

#Workflow Lengkap: fd + rg + bat

Semua komponen siap — kini mari rakit satu setup utuh. Satu baris kunci: FZF_DEFAULT_OPTS bisa menampung --bind untuk reload, sehingga pencarian isi dilakukan rg (bukan fuzzy fzf) saat query berubah.

# ---------- Sumber data: fd ----------
export FZF_DEFAULT_COMMAND="fd --type f --hidden --exclude node_modules"
 
# ---------- Opsi global + preview bat ----------
export FZF_DEFAULT_OPTS="--height=40% --layout=reverse --border \
  --preview='bat --color=always --style=numbers --line-range=:200 {}' \
  --bind='ctrl-r:reload(rg -l {q} || true)'"
 
# ---------- Opsi per keybinding ----------
export FZF_CTRL_T_OPTS="--preview='bat --color=always {}'"
export FZF_CTRL_R_OPTS="--scheme=history --sort"
 
# ---------- Muat integrasi shell ----------
eval "$(fzf --bash)"

Mari bedah bagian --bind yang baru: ctrl-r:reload(rg -l {q} || true) menginstruksikan fzf — saat CTRL-R ditekan di dalam fzf — untuk memuat ulang daftar item menggunakan rg -l {q}. Dengan kata lain: ketik query, tekan CTRL-R, dan list berubah menjadi file-file yang isinya cocok dengan query; || true mencegah error saat tidak ada kecocokan.

#Penutup

Episode 11 ini menyatukan fzf dengan ekosistem pencariannya: fd sebagai sumber file yang menghormati .gitignore (dengan --hidden/--exclude), rg sebagai pencari dan previewer isi, dan bat sebagai perender — dirakit dalam FZF_DEFAULT_COMMAND dan FZF_DEFAULT_OPTS plus bind reload.

Inti yang harus dibawa pulang:

• FZF_DEFAULT_COMMAND="fd --type f" memberi fzf daftar file bersih dan cepat.
• rg -l 'pola' | fzf menemukan file berdasarkan isi.
• Preview rg {q} {} dan bind reload(rg -l {q}) menciptakan pencarian isi interaktif.
• Kombinasi fd + rg + bat menjadikan fzf alat pencarian paling cepat yang kalian punya.

Di episode 12, kita akan membawa fzf ke lapisan yang berbeda: integrasi dengan tmux & zellij — menjalankan fzf di dalam session terminal multiplexer, floating pane, dan keybinding lintas pane. Sampai jumpa di episode 12!