Skip to content

feat: add live search filtering to the app selection checkbox - #8

Merged
damienromito merged 1 commit into
mainfrom
feat-searchable-app-selection
Aug 25, 2026
Merged

feat: add live search filtering to the app selection checkbox#8
damienromito merged 1 commit into
mainfrom
feat-searchable-app-selection

Conversation

@damienromito

Copy link
Copy Markdown
Member

Résumé

La sélection des applications lors de connect supporte maintenant une recherche en direct : taper une lettre filtre instantanément la liste de checkbox, sans étape de prompt supplémentaire.

Contexte

Le prompt existant (checkbox inquirer natif) affichait toutes les apps découvertes sans aucun moyen de filtrer, ce qui devient pénible dès que le dossier appsRoot contient beaucoup d'applications. Aucun package tiers de type "checkbox + recherche" n'est compatible avec inquirer ^9.3.0 (la seule option existante requiert inquirer < 9), et le prompt mono-sélection inquirer-autocomplete-prompt ne convient pas puisqu'on doit pouvoir sélectionner plusieurs apps.

Changements

  • Nouveau prompt custom searchableCheckbox (src/utils/prompts/searchableCheckbox.ts), construit avec @inquirer/core (le kit bas niveau officiel Inquirer.js) : navigation flèches, sélection espace, validation entrée, et toute autre frappe édite un texte de recherche qui filtre la liste en temps réel (insensible à la casse, sur le nom de l'app).
  • Une entrée peut être marquée pinned pour rester toujours visible quel que soit le filtre — utilisé pour l'option « Toutes les applications ».
  • src/steps/connect/SelectAppsStep.ts utilise ce nouveau prompt à la place du checkbox inquirer classique ; suppression du prompt de filtre en deux étapes ajouté dans une itération précédente.
  • Ajout des dépendances @inquirer/core et @inquirer/type (runtime) ainsi que @inquirer/testing (dev, pour simuler un vrai terminal dans les tests).
  • Nouveaux tests (tests/utils/prompts/searchableCheckbox.test.ts) via @inquirer/testing couvrant : filtrage en tapant, message "aucun résultat", effacement au backspace, navigation flèches sans pollution du filtre, sélection + validation, sélection de l'entrée épinglée, validation sans sélection.

Comment tester

  1. pnpm run typecheck && pnpm run lint && pnpm run format:check && pnpm test — tout doit passer (53 tests).
  2. pnpm run build — vérifie que le bundle et les .d.ts se génèrent sans erreur.
  3. Manuellement : pnpm run dev connect sur un appsRoot avec plusieurs apps, taper quelques lettres pour vérifier que la liste se filtre en direct, que les flèches naviguent normalement, et que « Toutes les applications » reste visible.

Typing a substring while on the connect app-selection prompt now filters
the checkbox list in real time (letters, backspace, ctrl+u all edit the
filter). No compatible off-the-shelf multi-select+search prompt exists for
inquirer v9, so this adds a small custom prompt built on @inquirer/core,
tested with @inquirer/testing.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@damienromito
damienromito merged commit 0683538 into main Aug 25, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants