fzf for js

JavaScript 用の FZF

ドキュメント、デモ、GitHub、NPM

元々は CLI のファジー ファインダーとして利用可能でしたが、FZF for JavaScript は FZF のメイン アルゴリズムのポートであり、ブラウザ コンテキストで使用できるようになりました。

クイックルック

以下を使用して FZF for JavaScript をインストールします。

npm i fzf

次に、次のように使用できます。

 import { Fzf } from 'fzf'

const list = [ 'go' , 'javascript' , 'python' , 'rust' , 
              'swift' , 'kotlin' , 'elixir' , 'java' , 
              'lisp' , 'v' , 'zig' , 'nim' , 'rescript' , 
              'd' , 'haskell' ]

const fzf = new Fzf ( list )
const entries = fzf . find ( 'li' )
console . log ( 'ranking is:' )
entries . forEach ( entry => console . log ( entry . item ) ) // lisp kotlin elixir

このライブラリのその他の使用方法については、ドキュメントを参照してください。

モチベーション

コマンド パレットはどこにでも普及しつつあり、コード エディター (Sublime Text、VS Code)、デザイン ツール (Figma)、プロジェクト管理アプリ (Height、Linear)、ソース管理ツール (Fork、Sublime Merge) で見つけることができます。 Web アプリもますます普及してきています。 FZF には、CLI の外部でこれらのパレット内で使用できる優れたあいまい検索メカニズムがあります。

さらに詳しく知りたい場合は、コマンド パレットに関する非常に良い記事があります。

ありがとう

• Junegunn Choi (FZF の著者、ウェブサイト) – 彼の作品を私たちに提供し、アクセスできるようにしていただきました。あなたは彼のプロジェクトのスポンサーになることができます。