Inventory · Gratuit et open source
Avant de créer un composant, retrouve celui qui existe déjà.
Explore ton projet Angular depuis le terminal. Retrouve un composant, son import, ses entrées et des exemples déjà présents dans tes sources.
Essayer sur mon projetSans compte. Analyse locale, sans envoi de ton code.
npx @angularkit/inventory@latest . --search "carte" --limit 3UiCard
Correspondance : le nom ou le sélecteur contient « card ».
- Import trouvé
import { UiCard } from "./libs/ui/src/index";- Entrée requise
title: string- Extrait d'un usage existant
<ui-card title="Ventes">
Adapte le chemin d'import au fichier appelant et vérifie le contexte de l'extrait.
Voir les sources de cet exempleDu besoin au composant à réutiliser.
01 / Retrouver
Pars de ce que tu veux construire
Cherche « carte » ou « card ». Inventory consulte les noms, descriptions, entrées et textes des templates, puis explique ses correspondances.
02 / Comprendre
Appuie-toi sur le code existant
Consulte les imports résolus, les entrées requises et les usages avec leurs fichiers et lignes. Vérifie lequel répond vraiment à ton besoin.
03 / Réutiliser
Garde le catalogue à portée de main
Lis le rapport Markdown ou partage-le avec ton agent de développement. Il dispose du catalogue pour examiner l'existant avant de créer un composant.
Inventory en 25 secondes.
COMPONENTS.md et components.json, et la consigne à ajouter dans AGENTS.md pour ton agent. À toi d'essayer
Un premier catalogue, depuis ton terminal.
Avec Node.js 18 ou plus récent, ouvre un terminal à la racine de ton projet Angular et lance cette commande :
npx @angularkit/inventory@latest . --md COMPONENTS.md Ouvre ensuite COMPONENTS.md. Ce fichier est créé ou remplacé dans le dossier courant ; tes fichiers source restent inchangés. npx peut télécharger l'outil au premier lancement.
La recherche comprend certains termes d'interface français et anglais. Les titres des rapports et l'aide du terminal restent en français.
Des pistes à vérifier dans ton projet.
Inventory analyse les sources et respecte le périmètre Git, en excluant notamment les tests et les copies temporaires. Il ne lance pas ton application : un composant sans usage détecté n'est pas forcément inutilisé, et deux composants ressemblants ne sont pas forcément interchangeables.
Vérifie les dépendances Angular, les entrées et le comportement du composant avant de le réutiliser. La recherche repose sur les mots présents dans tes sources et un vocabulaire d'interface limité.