fzf for js

FZF para JavaScript

Documentos · Demonstração · GitHub · NPM

Originalmente disponível como um localizador difuso para CLIs, o FZF para JavaScript é uma versão do algoritmo principal do FZF para que possa ser usado no contexto do navegador.

Olhar rápido

Instale FZF para JavaScript usando:

npm i fzf

Então você pode usá-lo como:

 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

Para mais maneiras de usar esta biblioteca, visite a documentação.

Motivação

A paleta de comandos está se tornando onipresente – você pode encontrá-la em editores de código (Sublime Text, VS Code), ferramentas de design (Figma), aplicativos de gerenciamento de projetos (Height, Linear), ferramentas de controle de origem (Fork, Sublime Merge). Os aplicativos da Web também estão se tornando mais predominantes. FZF possui um ótimo mecanismo de localização difusa que pode ser usado fora da CLI e nessas paletas.

Há uma leitura muito boa sobre paletas de comandos se você quiser aprender mais.

Obrigado

• Junegunn Choi (autor de FZF, site) – por disponibilizar e tornar acessível seu trabalho para nós. Você pode patrocinar o projeto dele.