@configjs/cli 1.1.0 → 1.1.2

package/README.fr.md

@@ -0,0 +1,454 @@
+# ConfigJS
+
+**Le CLI intelligent qui configure votre stack frontend complète en moins de 2 minutes**
+
+[![npm version](https://img.shields.io/npm/v/@configjs/cli?style=flat-square&color=blue)](https://www.npmjs.com/package/@configjs/cli)
+[![npm downloads](https://img.shields.io/npm/dm/@configjs/cli?style=flat-square&color=brightgreen)](https://www.npmjs.com/package/@configjs/cli)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
+[![Node version](https://img.shields.io/node/v/@configjs/cli?style=flat-square)](https://nodejs.org)
+[![Bundle size](https://img.shields.io/bundlephobia/min/@configjs/cli?style=flat-square)](https://bundlephobia.com/package/@configjs/cli)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)
+[![Sponsor](https://img.shields.io/badge/Sponsor-❤-red?style=for-the-badge&logo=github)](https://github.com/sponsors/julien-lin)
+
+**[Démarrage Rapide](#-démarrage-rapide) • [Fonctionnalités](#-fonctionnalités-clés) • [Documentation](#-documentation) • [Plugins](#-bibliothèques-supportées-40-plugins) • [Contribuer](#-contribuer)**
+
+> **[🇬🇧 English version](./README.md)**
+
+---
+
+## 💡 Pourquoi ConfigJS ?
+
+Configurer un projet React moderne prend généralement **2 à 4 heures** :
+- Installer les bibliothèques une par une
+- Lire la documentation de chaque outil
+- Écrire la configuration boilerplate
+- Résoudre les conflits de versions
+- Créer la structure de code initiale
+
+**ConfigJS réduit cela à moins de 2 minutes** sans effort.
+
+### Le Problème
+```bash
+npm install react-router-dom axios zustand tailwindcss ...
+# Puis passer des heures à configurer chaque bibliothèque manuellement
+# Se battre avec les erreurs TypeScript
+# Débugger les conflits de versions
+# Écrire du boilerplate répétitif
+```
+
+### La Solution ConfigJS
+```bash
+npx @configjs/cli react
+# Assistant interactif vous guide
+# Tout installé ET configuré
+# Zéro conflit garanti
+# Code prêt pour la production généré
+```
+
+## 🚀 Démarrage Rapide
+
+**Aucune installation requise !** Utilisez directement avec `npx` :
+
+```bash
+cd votre-projet-react
+npx @configjs/cli react
+```
+
+C'est tout ! ConfigJS va :
+1. 🔍 **Détecter** votre environnement (version React, TypeScript, bundler)
+2. 🎯 **Vous guider** dans la sélection des bibliothèques par catégorie
+3. 📦 **Installer** tous les packages séquentiellement (aucun conflit)
+4. ⚙️ **Configurer** tout avec du code fonctionnel
+5. ✅ **Valider** la compatibilité et les dépendances
+6. 🎉 **Terminé !** Votre projet est prêt pour la production
+
+### Exemple de Session
+
+```bash
+$ npx @configjs/cli react
+
+✔ Choisissez votre langue › Français
+
+🔍 Détection du contexte...
+   ✓ Framework: React 19.2.0
+   ✓ TypeScript: Oui
+   ✓ Bundler: Vite 7.2.4
+   ✓ Gestionnaire de paquets: npm
+
+✔ CSS / Styling › TailwindCSS
+✔ Routing › React Router
+✔ Gestion d'état › Zustand
+✔ Client HTTP › Axios
+✔ Composants UI › Shadcn/ui
+✔ Formulaires › React Hook Form + Zod
+✔ Outillage › ESLint, Prettier, Husky
+
+✓ 7 bibliothèques sélectionnées
+
+✨ Installation terminée en 1.8s
+
+📦 Packages installés:
+   ✓ TailwindCSS (^4.1.18)
+   ✓ React Router (^7.11.0)
+   ✓ Zustand (^5.0.9)
+   ✓ Axios (^1.13.2)
+   ...
+
+📝 Fichiers créés:
+   • src/router.tsx
+   • src/store/index.ts
+   • src/lib/api.ts
+   • components.json
+   ...
+
+🚀 Prochaines étapes:
+   1. npm run dev
+   2. Visitez http://localhost:5173
+```
+
+---
+
+## ✨ Fonctionnalités Clés
+
+### 🎯 Détection Intelligente
+
+ConfigJS détecte automatiquement la configuration de votre projet :
+- ✅ **Framework & Version** (React 18/19)
+- ✅ **Langage** (JavaScript/TypeScript)
+- ✅ **Bundler** (Vite, Webpack, Create React App)
+- ✅ **Gestionnaire de Paquets** (npm, yarn, pnpm, bun)
+- ✅ **Bibliothèques Déjà Installées** (ignore les doublons)
+- ✅ **Structure du Projet** (adapte la configuration)
+
+### ⚙️ Configuration Complète (Pas Seulement l'Installation !)
+
+Contrairement aux simples installateurs, ConfigJS **configure réellement** vos bibliothèques avec du code fonctionnel :
+
+**Exemple React Router :**
+```typescript
+✓ Installation de react-router-dom
+✓ Création de src/router.tsx avec les routes
+✓ Création de src/routes/Home.tsx
+✓ Création de src/routes/About.tsx
+✓ Intégration de RouterProvider dans App.tsx
+✓ Types TypeScript configurés
+→ Prêt à utiliser immédiatement !
+```
+
+**Exemple TailwindCSS :**
+```typescript
+✓ Installation de tailwindcss + @tailwindcss/vite
+✓ Mise à jour de vite.config.ts avec le plugin
+✓ Injection des directives dans src/index.css
+✓ Mode JIT activé
+→ Commencez à utiliser les classes Tailwind maintenant !
+```
+
+**Exemple Redux Toolkit :**
+```typescript
+✓ Installation de @reduxjs/toolkit + react-redux
+✓ Création de src/store/index.ts avec configureStore
+✓ Création de src/store/slices/counterSlice.ts
+✓ Création de src/store/hooks.ts (hooks typés)
+✓ Enveloppe App dans <Provider>
+→ Configuration Redux complète en quelques secondes !
+```
+
+### 🛡️ Validation Intelligente de Compatibilité
+
+ConfigJS prévient les conflits avant qu'ils ne se produisent :
+
+- ❌ **Conflits Exclusifs** : Impossible d'installer Redux + Zustand (un seul gestionnaire d'état)
+- ❌ **Routing Exclusif** : React Router OU TanStack Router (pas les deux)
+- ⚠️ **Avertissements** : TailwindCSS + Bootstrap (philosophies différentes)
+- ✅ **Dépendances Automatiques** : TailwindCSS nécessite PostCSS → installé automatiquement
+- ✅ **Suivi des Plugins** : Mémorise les plugins installés (`.configjsrc`)
+
+### 📦 Bibliothèques Supportées (40+ Plugins)
+
+#### 🎨 CSS / Styling
+- TailwindCSS v4 (avec @tailwindcss/vite)
+- Styled Components
+- React Bootstrap
+- Emotion
+- CSS Modules
+
+#### 🧭 Routing
+- React Router v7
+- TanStack Router
+
+#### 🗂️ Gestion d'État
+- Redux Toolkit
+- Zustand
+- Jotai
+- MobX
+
+#### 🌐 Client HTTP
+- Axios
+- TanStack Query (React Query)
+- Fetch Wrapper
+
+#### 📝 Formulaires
+- React Hook Form
+- Formik
+- Zod (validation)
+- Yup (validation)
+
+#### 🎨 Composants UI
+- Shadcn/ui
+- Radix UI
+- React Icons
+- Lucide Icons
+- React Hot Toast
+
+#### 🧪 Tests
+- React Testing Library
+- Vitest
+- Jest
+
+#### 🛠️ Outillage
+- ESLint
+- Prettier
+- Husky (Git hooks)
+- lint-staged
+- date-fns
+
+#### ✨ Animation
+- Framer Motion
+- React Spring
+
+#### 🔧 Utilitaires
+- Lodash
+- clsx / classnames
+
+### 🔄 Rollback Automatique
+
+Si quelque chose se passe mal, ConfigJS restaure automatiquement tout :
+
+```bash
+❌ Erreur détectée durant la configuration
+↺ Rollback en cours...
+   ✓ package.json restauré
+   ✓ Tous les fichiers modifiés restaurés
+   ✓ Fichiers créés supprimés
+✅ Projet restauré à l'état précédent
+```
+
+### 🎯 Système de Suivi des Plugins
+
+Ne réinstallez jamais la même bibliothèque deux fois :
+
+```bash
+# Première exécution
+$ npx @configjs/cli react
+✔ TailwindCSS › Sélectionné
+
+# Deuxième exécution (même projet)
+$ npx @configjs/cli react
+ℹ TailwindCSS est déjà installé, ignoré...
+
+# Vérifier les plugins installés
+$ npx @configjs/cli installed
+📦 Plugins installés:
+   ✓ TailwindCSS (^4.1.18) - installé il y a 2 heures
+   ✓ React Router (^7.11.0) - installé il y a 2 heures
+```
+
+ConfigJS crée un fichier `.configjsrc` pour suivre les installations et prévenir les conflits.
+
+---
+
+## 📖 Documentation
+
+### Commandes
+
+```bash
+# Installation interactive
+npx @configjs/cli react
+
+# Lister les plugins disponibles
+npx @configjs/cli list
+npx @configjs/cli list --category routing
+
+# Vérifier les plugins installés
+npx @configjs/cli installed
+
+# Retirer un plugin du suivi
+npx @configjs/cli remove <nom-du-plugin>
+
+# Valider la compatibilité du projet
+npx @configjs/cli check
+```
+
+### Options CLI
+
+```bash
+npx @configjs/cli react [options]
+```
+
+| Option | Description |
+|--------|-------------|
+| `--yes`, `-y` | Ignorer les prompts, utiliser les valeurs par défaut |
+| `--dry-run`, `-d` | Simuler sans écrire de fichiers |
+| `--silent`, `-s` | Aucune sortie (mode CI/CD) |
+| `--no-install` | Générer seulement les configs, ignorer npm install |
+| `--debug` | Logs verbeux |
+
+### Exemples d'Utilisation
+
+**Configuration rapide avec les valeurs par défaut :**
+```bash
+npx @configjs/cli react --yes
+```
+
+**Mode CI/CD :**
+```bash
+npx @configjs/cli react --silent --yes
+```
+
+**Prévisualiser les changements uniquement :**
+```bash
+npx @configjs/cli react --dry-run
+```
+
+**Générer les configs sans installer les packages :**
+```bash
+npx @configjs/cli react --no-install
+```
+
+---
+
+## 🏗️ Architecture
+
+ConfigJS utilise une architecture modulaire de plugins où chaque bibliothèque est un plugin autonome :
+
+```typescript
+interface Plugin {
+  name: string
+  category: Category
+  frameworks: Framework[]
+  
+  // Compatibilité
+  compatibleWith?: string[]
+  incompatibleWith?: string[]
+  requires?: string[]
+  
+  // Cycle de vie
+  detect?: (ctx: ProjectContext) => boolean | Promise<boolean>
+  install: (ctx: ProjectContext) => Promise<void>
+  configure: (ctx: ProjectContext) => Promise<void>
+  rollback?: (ctx: ProjectContext) => Promise<void>
+}
+```
+
+### Extensibilité
+
+Créez vos propres plugins :
+
+```bash
+npm install @configjs/plugin-react-query
+```
+
+ConfigJS détectera et chargera automatiquement les plugins préfixés par `@configjs/plugin-*`.
+
+---
+
+## 🤝 Contribuer
+
+Les contributions sont les bienvenues ! Consultez [CONTRIBUTING.md](./docs/CONTRIBUTING.md) pour les directives.
+
+### Développer un Plugin
+
+Voir [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) pour créer vos propres plugins.
+
+### Configuration de Développement
+
+```bash
+# Cloner
+git clone https://github.com/julien-lin/orchestrateur-framework.git
+cd orchestrateur-framework
+
+# Installer les dépendances
+npm install
+
+# Lancer les tests
+npm run test
+npm run test:watch
+
+# Vérification des types
+npm run typecheck
+
+# Lint
+npm run lint
+
+# Build
+npm run build
+```
+
+---
+
+## 📋 Prérequis
+
+- **Node.js** ≥ 18.0.0
+- **npm** / **yarn** / **pnpm** / **bun**
+- Un projet React existant (Vite, CRA, ou configuration personnalisée)
+
+---
+
+## 🗺️ Roadmap
+
+### v1.1 ✅ (Actuelle)
+- [x] Système de suivi des plugins (.configjsrc)
+- [x] Détection des plugins (package.json + tracker)
+- [x] UX console améliorée avec couleurs
+- [x] Installation séquentielle (prévient la corruption)
+- [x] 40+ plugins à travers 10 catégories
+
+### v1.2 (T2 2025)
+- [ ] Presets de configuration (templates de démarrage)
+- [ ] Marketplace de plugins
+- [ ] Commande de mise à jour interactive
+- [ ] Assistant de résolution de conflits
+
+### v2.0 (T3 2025)
+- [ ] Support Next.js
+- [ ] Support Remix
+- [ ] Support Astro
+- [ ] Interface web pour la configuration
+
+### v2.x (Futur)
+- [ ] Support Vue 3
+- [ ] Support Svelte
+- [ ] Support React Native
+- [ ] Templates de plugins personnalisés
+
+---
+
+## 💖 Soutenir ce Projet
+
+Si ConfigJS vous fait gagner du temps et vous facilite la vie, envisagez de sponsoriser le projet :
+
+**[❤️ Sponsoriser sur GitHub](https://github.com/sponsors/julien-lin)**
+
+Votre soutien aide à maintenir et améliorer ConfigJS pour toute la communauté !
+
+---
+
+## 📄 Licence
+
+[MIT](./LICENSE) © [Julien Lin](https://github.com/julien-lin)
+
+---
+
+## 🙏 Remerciements
+
+Inspiré par les meilleures pratiques de :
+- [Vite](https://vitejs.dev) - Outil de build ultra-rapide
+- [Create T3 App](https://create.t3.gg) - Toolkit full-stack type-safe
+- [Projen](https://projen.io) - Configuration de projet en tant que code
+
+---
+
+**Fait avec ❤️ pour la communauté frontend**
+
+[Changelog](./CHANGELOG.md) • [Issues](https://github.com/julien-lin/orchestrateur-framework/issues) • [Contributing](./docs/CONTRIBUTING.md)

package/README.md

@@ -1,286 +1,326 @@
-# confjs
+# ConfigJS
 
-<div align="center">
+**The intelligent CLI that configures your entire frontend stack in under 2 minutes**
 
-**Configure your frontend stack, instantly**
+[![npm version](https://img.shields.io/npm/v/@configjs/cli?style=flat-square&color=blue)](https://www.npmjs.com/package/@configjs/cli)
+[![npm downloads](https://img.shields.io/npm/dm/@configjs/cli?style=flat-square&color=brightgreen)](https://www.npmjs.com/package/@configjs/cli)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
+[![Node version](https://img.shields.io/node/v/@configjs/cli?style=flat-square)](https://nodejs.org)
+[![Bundle size](https://img.shields.io/bundlephobia/min/@configjs/cli?style=flat-square)](https://bundlephobia.com/package/@configjs/cli)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)
+[![Sponsor](https://img.shields.io/badge/Sponsor-❤-red?style=for-the-badge&logo=github)](https://github.com/sponsors/julien-lin)
 
-[![npm version](https://img.shields.io/npm/v/@configjs/cli.svg)](https://www.npmjs.com/package/@configjs/cli)
-[![CI Tests](https://github.com/julien-lin/configjs/actions/workflows/test.yml/badge.svg)](https://github.com/julien-lin/configjs/actions/workflows/test.yml)
-[![Publish](https://github.com/julien-lin/configjs/actions/workflows/publish.yml/badge.svg)](https://github.com/julien-lin/configjs/actions/workflows/publish.yml)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Node version](https://img.shields.io/node/v/@configjs/cli.svg)](https://nodejs.org)
+**[Quick Start](#-quick-start) • [Features](#-key-features) • [Documentation](#-documentation) • [Plugins](#-supported-libraries) • [Contribute](#-contributing)**
 
-Un utilitaire CLI intelligent pour installer et configurer automatiquement vos bibliothèques frontend par catégories fonctionnelles.
-
-[Installation](#-installation) • [Usage](#-usage) • [Fonctionnalités](#-fonctionnalités) • [Documentation](#-documentation)
-
-</div>
+> **[🇫🇷 Version française](./README.fr.md)**
 
 ---
 
-## 🎯 Pourquoi confjs ?
-
-Le bootstrap d'un projet frontend moderne prend **2-4 heures** entre l'installation des bibliothèques, leur configuration, et la résolution des conflits potentiels.
+## 💡 Why ConfigJS?
 
-**confjs** réduit ce temps à **moins de 2 minutes** en :
+Setting up a modern React project typically takes **2-4 hours**:
+- Installing libraries one by one
+- Reading documentation for each tool
+- Writing boilerplate configuration
+- Resolving version conflicts
+- Creating initial code structure
 
-- ✅ **Détectant automatiquement** votre environnement (React, TypeScript, Vite, etc.)
-- ✅ **Installant ET configurant** les bibliothèques de votre choix
-- ✅ **Validant les compatibilités** pour éviter les conflits
-- ✅ **Générant le code initial** nécessaire (routes, stores, configs)
-- ✅ Garantissant un **projet immédiatement utilisable**
+**ConfigJS reduces this to less than 2 minutes** with zero effort.
 
-## 🚀 Installation
-
-Aucune installation nécessaire ! Utilisez directement via `npx` :
+### The Problem
+```bash
+npm install react-router-dom axios zustand tailwindcss ...
+# Then spend hours configuring each library manually
+# Fight with TypeScript errors
+# Debug version conflicts
+# Write repetitive boilerplate
+```
 
+### The ConfigJS Solution
 ```bash
 npx @configjs/cli react
+# Interactive wizard guides you
+# Everything installed AND configured
+# Zero conflicts guaranteed
+# Production-ready code generated
 ```
 
-Ou installez globalement :
+## 🚀 Quick Start
+
+**No installation required!** Use directly with `npx`:
 
 ```bash
-npm install -g @configjs/cli
-confjs react
+cd your-react-project
+npx @configjs/cli react
 ```
 
-## 📦 Usage
+That's it! ConfigJS will:
+1. 🔍 **Detect** your environment (React version, TypeScript, bundler)
+2. 🎯 **Guide** you through library selection by category
+3. 📦 **Install** all packages sequentially (no conflicts)
+4. ⚙️ **Configure** everything with working code
+5. ✅ **Validate** compatibility and dependencies
+6. 🎉 **Done!** Your project is production-ready
 
-### Mode interactif (recommandé)
+### Example Session
 
 ```bash
-cd mon-projet-react
-npx confjs react
+$ npx @configjs/cli react
+
+✔ Choose your language › English
+
+🔍 Detecting context...
+   ✓ Framework: React 19.2.0
+   ✓ TypeScript: Yes
+   ✓ Bundler: Vite 7.2.4
+   ✓ Package manager: npm
+
+✔ CSS / Styling › TailwindCSS
+✔ Routing › React Router
+✔ State Management › Zustand
+✔ HTTP Client › Axios
+✔ UI Components › Shadcn/ui
+✔ Forms › React Hook Form + Zod
+✔ Tooling › ESLint, Prettier, Husky
+
+✓ 7 libraries selected
+
+✨ Installation completed in 1.8s
+
+📦 Installed packages:
+   ✓ TailwindCSS (^4.1.18)
+   ✓ React Router (^7.11.0)
+   ✓ Zustand (^5.0.9)
+   ✓ Axios (^1.13.2)
+   ...
+
+📝 Created files:
+   • src/router.tsx
+   • src/store/index.ts
+   • src/lib/api.ts
+   • components.json
+   ...
+
+🚀 Next steps:
+   1. npm run dev
+   2. Visit http://localhost:5173
 ```
 
-L'assistant vous guidera à travers les différentes catégories :
+---
 
-```
-🔍 Détection du contexte...
-   ✓ Framework: React 18.2.0
-   ✓ TypeScript: Oui
-   ✓ Bundler: Vite 5.0.0
+## ✨ Key Features
 
-📦 Sélectionnez vos bibliothèques :
+### 🎯 Smart Detection
 
-? Routing (recommandé)
-  ● react-router-dom
-  ○ @tanstack/router
-  ○ Aucun
+ConfigJS automatically detects your project setup:
+- ✅ **Framework & Version** (React 18/19)
+- ✅ **Language** (JavaScript/TypeScript)
+- ✅ **Bundler** (Vite, Webpack, Create React App)
+- ✅ **Package Manager** (npm, yarn, pnpm, bun)
+- ✅ **Already Installed Libraries** (skips duplicates)
+- ✅ **Project Structure** (adapts configuration)
 
-? State Management
-  ○ Redux Toolkit
-  ● zustand
-  ○ jotai
-  ○ Aucun
+### ⚙️ Complete Configuration (Not Just Installation!)
 
-...
-```
+Unlike simple installers, ConfigJS **actually configures** your libraries with working code:
 
-### Mode configuration (CI/CD)
+**React Router Example:**
+```typescript
+✓ Installed react-router-dom
+✓ Created src/router.tsx with routes
+✓ Created src/routes/Home.tsx
+✓ Created src/routes/About.tsx
+✓ Integrated RouterProvider in App.tsx
+✓ TypeScript types configured
+→ Ready to use immediately!
+```
 
-Créez un fichier `.confjs.json` :
+**TailwindCSS Example:**
+```typescript
+✓ Installed tailwindcss + @tailwindcss/vite
+✓ Updated vite.config.ts with plugin
+✓ Injected directives in src/index.css
+✓ JIT mode enabled
+→ Start using Tailwind classes now!
+```
 
-```json
-{
-  "routing": "react-router-dom",
-  "state": "zustand",
-  "css": "tailwindcss",
-  "http": "axios",
-  "tooling": ["eslint", "prettier"]
-}
+**Redux Toolkit Example:**
+```typescript
+✓ Installed @reduxjs/toolkit + react-redux
+✓ Created src/store/index.ts with configureStore
+✓ Created src/store/slices/counterSlice.ts
+✓ Created src/store/hooks.ts (typed hooks)
+✓ Wrapped App in <Provider>
+→ Full Redux setup in seconds!
 ```
 
-Puis exécutez :
+### 🛡️ Smart Compatibility Validation
+
+ConfigJS prevents conflicts before they happen:
+
+- ❌ **Exclusive Conflicts**: Can't install Redux + Zustand (only one state manager)
+- ❌ **Exclusive Routing**: React Router OR TanStack Router (not both)
+- ⚠️ **Warnings**: TailwindCSS + Bootstrap (different philosophies)
+- ✅ **Auto-Dependencies**: TailwindCSS requires PostCSS → installed automatically
+- ✅ **Plugin Tracking**: Remembers installed plugins (`.configjsrc`)
+
+### 📦 Supported Libraries (40+ Plugins)
+
+#### 🎨 CSS / Styling
+- TailwindCSS v4 (with @tailwindcss/vite)
+- Styled Components
+- React Bootstrap
+- Emotion
+- CSS Modules
+
+#### 🧭 Routing
+- React Router v7
+- TanStack Router
+
+#### 🗂️ State Management
+- Redux Toolkit
+- Zustand
+- Jotai
+- MobX
+
+#### 🌐 HTTP Client
+- Axios
+- TanStack Query (React Query)
+- Fetch Wrapper
+
+#### 📝 Forms
+- React Hook Form
+- Formik
+- Zod (validation)
+- Yup (validation)
+
+#### 🎨 UI Components
+- Shadcn/ui
+- Radix UI
+- React Icons
+- Lucide Icons
+- React Hot Toast
+
+#### 🧪 Testing
+- React Testing Library
+- Vitest
+- Jest
+
+#### 🛠️ Tooling
+- ESLint
+- Prettier
+- Husky (Git hooks)
+- lint-staged
+- date-fns
+
+#### ✨ Animation
+- Framer Motion
+- React Spring
+
+#### 🔧 Utils
+- Lodash
+- clsx / classnames
+
+### 🔄 Automatic Rollback
+
+If something goes wrong, ConfigJS automatically restores everything:
 
 ```bash
-npx confjs react --config .confjs.json
+❌ Error detected during configuration
+↺ Rolling back...
+   ✓ Restored package.json
+   ✓ Restored all modified files
+   ✓ Removed created files
+✅ Project restored to previous state
 ```
 
-### Mode dry-run (simulation)
+### 🎯 Plugin Tracking System
 
-Visualisez ce qui sera installé sans rien modifier :
+Never reinstall the same library twice:
 
 ```bash
-npx confjs react --dry-run
+# First run
+$ npx @configjs/cli react
+✔ TailwindCSS › Selected
+
+# Second run (same project)
+$ npx @configjs/cli react
+ℹ TailwindCSS is already installed, skipping...
+
+# Check installed plugins
+$ npx @configjs/cli installed
+📦 Installed plugins:
+   ✓ TailwindCSS (^4.1.18) - installed 2 hours ago
+   ✓ React Router (^7.11.0) - installed 2 hours ago
 ```
 
-## ✨ Fonctionnalités
-
-### 🎯 Catégories supportées
-
-| Catégorie | Bibliothèques disponibles |
-|-----------|---------------------------|
-| **Routing** | react-router-dom, @tanstack/router |
-| **State Management** | Redux Toolkit, Zustand, Jotai |
-| **HTTP Client** | Axios, Fetch wrapper |
-| **CSS/UI** | TailwindCSS, Bootstrap |
-| **Tooling** | ESLint, Prettier, Husky, lint-staged, commitlint |
-
-### 🧠 Détection intelligente
-
-confjs détecte automatiquement :
-
-- ✅ Framework et version (React)
-- ✅ TypeScript
-- ✅ Bundler (Vite, Create React App, Webpack)
-- ✅ Package manager (npm, yarn, pnpm, bun)
-- ✅ Structure du projet
-- ✅ Bibliothèques déjà installées
-
-### ⚙️ Configuration automatique
+ConfigJS creates a `.configjsrc` file to track installations and prevent conflicts.
 
-Contrairement aux simples installers, **confjs configure réellement** vos bibliothèques :
-
-**Exemple avec React Router :**
-```
-✓ Installation de react-router-dom
-✓ Création de src/router.tsx
-✓ Création de src/routes/Home.tsx
-✓ Intégration dans src/App.tsx
-✓ Configuration complète et fonctionnelle
-```
+---
 
-**Exemple avec TailwindCSS :**
-```
-✓ Installation de tailwindcss, postcss, autoprefixer
-✓ Création de tailwind.config.js
-✓ Création de postcss.config.js
-✓ Injection dans src/index.css
-✓ Configuration JIT activée
-```
+## 📖 Documentation
 
-### 🛡️ Validation des compatibilités
+### Commands
 
-confjs vérifie automatiquement :
+```bash
+# Interactive installation
+npx @configjs/cli react
 
-- ❌ **Conflits exclusifs** : Redux + Zustand (un seul state manager)
-- ⚠️ **Avertissements** : TailwindCSS + Bootstrap (approches différentes)
-- ✅ **Dépendances croisées** : TailwindCSS → PostCSS (installé automatiquement)
+# List available plugins
+npx @configjs/cli list
+npx @configjs/cli list --category routing
 
-### 🔄 Rollback automatique
+# Check installed plugins
+npx @configjs/cli installed
 
-En cas d'erreur durant l'installation :
+# Remove plugin from tracking
+npx @configjs/cli remove <plugin-name>
 
-```
-❌ Erreur détectée
-↺ Rollback en cours...
-✓ Fichiers restaurés
-✓ package.json restauré
+# Validate project compatibility
+npx @configjs/cli check
 ```
 
-## 🎨 Options CLI
+### CLI Options
 
 ```bash
-npx confjs react [options]
+npx @configjs/cli react [options]
 ```
 
 | Option | Description |
 |--------|-------------|
-| `--yes`, `-y` | Accepte tous les choix par défaut |
-| `--dry-run`, `-d` | Simule sans écrire sur le disque |
-| `--silent`, `-s` | Mode non-interactif (CI/CD) |
-| `--debug` | Active les logs détaillés |
-| `--config <file>`, `-c` | Utilise un fichier de configuration |
-| `--force`, `-f` | Force l'installation (écrase les configs) |
-
-### Exemples
-
-```bash
-# Mode rapide avec valeurs par défaut
-npx confjs react --yes
-
-# Simulation uniquement
-npx confjs react --dry-run
-
-# Pour CI/CD
-npx confjs react --silent --config .confjs.json
-
-# Avec logs détaillés
-npx confjs react --debug
-```
-
-## 📚 Commandes additionnelles
-
-### Liste des bibliothèques disponibles
-
-```bash
-npx confjs list
-```
-
-Filtrer par catégorie :
+| `--yes`, `-y` | Skip prompts, use defaults |
+| `--dry-run`, `-d` | Simulate without writing files |
+| `--silent`, `-s` | No output (CI/CD mode) |
+| `--no-install` | Generate configs only, skip npm install |
+| `--debug` | Verbose logging |
 
-```bash
-npx confjs list --category routing
-npx confjs list --category state
-```
-
-### Vérifier la compatibilité
+### Usage Examples
 
+**Quick setup with defaults:**
 ```bash
-npx confjs check --config .confjs.json
+npx @configjs/cli react --yes
 ```
 
-### Aide
-
+**CI/CD mode:**
 ```bash
-npx confjs --help
-npx confjs react --help
+npx @configjs/cli react --silent --yes
 ```
 
-## 🎯 Exemples d'utilisation
-
-### Setup complet d'un projet React
-
+**Preview changes only:**
 ```bash
-# Créer un nouveau projet
-npm create vite@latest mon-app -- --template react-ts
-cd mon-app
-
-# Installer et configurer la stack
-npx confjs react
-
-# Sélectionner :
-# - Routing: react-router-dom
-# - State: zustand
-# - CSS: tailwindcss
-# - HTTP: axios
-# - Tooling: eslint, prettier
-
-# Démarrer
-npm run dev
+npx @configjs/cli react --dry-run
 ```
 
-### Configuration pré-définie pour l'équipe
-
+**Generate configs without installing packages:**
 ```bash
-# .confjs.json (à versionner dans Git)
-{
-  "routing": "react-router-dom",
-  "state": "zustand",
-  "css": "tailwindcss",
-  "http": "axios",
-  "tooling": ["eslint", "prettier", "husky"]
-}
-
-# Chaque membre de l'équipe exécute :
-npx confjs react --config .confjs.json
+npx @configjs/cli react --no-install
 ```
 
-### Pipeline CI/CD
-
-```yaml
-# .github/workflows/setup.yml
-- name: Setup project
-  run: npx confjs react --silent --config .confjs.json
-```
+---
 
 ## 🏗️ Architecture
 
-### Système de plugins
-
-confjs utilise une architecture modulaire où chaque bibliothèque est un plugin autonome :
+ConfigJS uses a modular plugin architecture where each library is an autonomous plugin:
 
 ```typescript
 interface Plugin {
@@ -288,144 +328,128 @@ interface Plugin {
   category: Category
   frameworks: Framework[]
   
-  // Compatibilité
+  // Compatibility
   compatibleWith?: string[]
   incompatibleWith?: string[]
+  requires?: string[]
   
   // Lifecycle
+  detect?: (ctx: ProjectContext) => boolean | Promise<boolean>
   install: (ctx: ProjectContext) => Promise<void>
   configure: (ctx: ProjectContext) => Promise<void>
   rollback?: (ctx: ProjectContext) => Promise<void>
 }
 ```
 
-### Extensibilité
+### Extensibility
 
-Créez vos propres plugins :
+Create your own plugins:
 
 ```bash
-npm install confjs-plugin-react-query
+npm install @configjs/plugin-react-query
 ```
 
-confjs détectera et chargera automatiquement les plugins préfixés par `confjs-plugin-*`.
-
-## 🔧 Configuration
-
-### Fichier .confjs.json
+ConfigJS will automatically detect and load plugins prefixed with `@configjs/plugin-*`.
 
-```json
-{
-  "routing": "react-router-dom",
-  "state": "zustand",
-  "css": "tailwindcss",
-  "http": "axios",
-  "forms": "react-hook-form",
-  "tooling": ["eslint", "prettier", "husky"],
-  
-  "options": {
-    "typescript": true,
-    "strict": true,
-    "examples": true
-  }
-}
-```
-
-### Fichier .confjs.yaml (alternatif)
-
-```yaml
-routing: react-router-dom
-state: zustand
-css: tailwindcss
-http: axios
-
-tooling:
-  - eslint
-  - prettier
-  - husky
-
-options:
-  typescript: true
-  strict: true
-  examples: true
-```
+---
 
-## 🤝 Contribuer
+## 🤝 Contributing
 
-Les contributions sont les bienvenues ! Consultez [CONTRIBUTING.md](./docs/CONTRIBUTING.md) pour les guidelines.
+Contributions are welcome! Check out [CONTRIBUTING.md](./docs/CONTRIBUTING.md) for guidelines.
 
-### Développer un plugin
+### Develop a Plugin
 
-Consultez [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) pour créer vos propres plugins.
+See [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) to create your own plugins.
 
-### Setup développement
+### Development Setup
 
 ```bash
 # Clone
-git clone https://github.com/julien/confjs.git
-cd confjs
+git clone https://github.com/julien-lin/orchestrateur-framework.git
+cd orchestrateur-framework
 
-# Install
+# Install dependencies
 npm install
 
-# Dev mode
-npm run dev
-
-# Tests
+# Run tests
 npm run test
 npm run test:watch
 
+# Type check
+npm run typecheck
+
+# Lint
+npm run lint
+
 # Build
 npm run build
 ```
 
+---
+
 ## 📋 Requirements
 
 - **Node.js** ≥ 18.0.0
 - **npm** / **yarn** / **pnpm** / **bun**
-- Un projet React existant
+- An existing React project (Vite, CRA, or custom setup)
+
+---
 
 ## 🗺️ Roadmap
 
-### v1.0 (MVP) ✅
-- [x] Support React
-- [x] 12 plugins intégrés
-- [x] Validation compatibilités
-- [x] Configuration automatique
+### v1.1 ✅ (Current)
+- [x] Plugin tracking system (.configjsrc)
+- [x] Plugin detection (package.json + tracker)
+- [x] Enhanced console UX with colors
+- [x] Sequential installation (prevents corruption)
+- [x] 40+ plugins across 10 categories
+
+### v1.2 (Q2 2025)
+- [ ] Configuration presets (starter templates)
+- [ ] Plugin marketplace
+- [ ] Interactive upgrade command
+- [ ] Conflict resolution wizard
 
-### v1.1 (Q1 2026)
+### v2.0 (Q3 2025)
 - [ ] Support Next.js
 - [ ] Support Remix
-- [ ] Plugins UI (MUI, Chakra, Radix)
-- [ ] Plugins forms (React Hook Form, Formik)
+- [ ] Support Astro
+- [ ] Web UI for configuration
 
-### v2.0 (Q2 2026)
+### v2.x (Future)
 - [ ] Support Vue 3
 - [ ] Support Svelte
-- [ ] Interface web de configuration
-
-### v2.x (Future)
-- [ ] Templates personnalisables
-- [ ] Marketplace de plugins
 - [ ] React Native support
+- [ ] Custom plugin templates
 
-## 📄 License
+---
 
-[MIT](./LICENSE) © Julien
+## 💖 Support This Project
 
-## 🙏 Remerciements
+If ConfigJS saves you time and makes your life easier, consider sponsoring the project:
 
-Inspiré par les meilleures pratiques de :
-- [Vite](https://vitejs.dev)
-- [Create T3 App](https://create.t3.gg)
-- [Projen](https://projen.io)
+**[❤️ Sponsor on GitHub](https://github.com/sponsors/julien-lin)**
+
+Your support helps maintain and improve ConfigJS for the entire community!
 
 ---
 
-<div align="center">
+## 📄 License
+
+[MIT](./LICENSE) © [Julien Lin](https://github.com/julien-lin)
 
-**Fait avec ❤️ pour la communauté frontend**
+---
+
+## 🙏 Acknowledgments
+
+Inspired by the best practices from:
+- [Vite](https://vitejs.dev) - Lightning-fast build tool
+- [Create T3 App](https://create.t3.gg) - Type-safe full-stack toolkit
+- [Projen](https://projen.io) - Project configuration as code
+
+---
 
-[Changelog](./CHANGELOG.md) • [Issues](https://github.com/julien/confjs/issues) • [Contributing](./docs/CONTRIBUTING.md)
+**Made with ❤️ for the frontend community**
 
-</div>
+[Changelog](./CHANGELOG.md) • [Issues](https://github.com/julien-lin/orchestrateur-framework/issues) • [Contributing](./docs/CONTRIBUTING.md)
 

package/dist/cli.js

@@ -5,7 +5,7 @@ import "./chunk-QGM4M3NI.js";
 import { Command } from "commander";
 
 // package.json
-var version = "1.1.0";
+var version = "1.1.2";
 
 // src/cli.ts
 var program = new Command();
@@ -13,7 +13,7 @@ program.name("confjs").description("Configure your frontend stack, instantly").v
 program.command("react").description("Configure a React project").option("-y, --yes", "Accept all defaults").option("-d, --dry-run", "Simulate without writing to disk").option("-s, --silent", "Non-interactive mode").option("--debug", "Enable debug logs").option("-c, --config <file>", "Use configuration file").option("-f, --force", "Force installation (overwrite configs)").option("--no-install", "Generate configs only, skip package installation").action(
   async (options) => {
     try {
-      const { installReact } = await import("./install-KQGZKKMT.js");
+      const { installReact } = await import("./install-UTFQ545S.js");
       await installReact(options);
     } catch (error) {
       console.error("Error:", error);

package/dist/{install-KQGZKKMT.js → install-UTFQ545S.js}

@@ -382,13 +382,41 @@ var Installer = class {
     logger.info(`Starting installation of ${plugins.length} plugin(s)`);
     try {
       await this.tracker.load();
-      const notInstalled = plugins.filter((p) => {
-        const isInstalled = this.tracker.isInstalled(p.name);
+      const notInstalledPromises = plugins.map(async (p) => {
+        const isTracked = this.tracker.isInstalled(p.name);
+        const isDetected = p.detect ? await p.detect(this.ctx) : false;
+        const isInstalled = isTracked || isDetected;
         if (isInstalled) {
           logger.info(`${p.displayName} is already installed, skipping...`);
+          if (isDetected && !isTracked) {
+            logger.debug(
+              `${p.displayName} detected but not tracked, adding to tracker...`
+            );
+            try {
+              await this.tracker.addPlugin({
+                name: p.name,
+                displayName: p.displayName,
+                category: p.category,
+                version: p.version,
+                packages: {
+                  dependencies: [],
+                  devDependencies: []
+                }
+              });
+            } catch (error) {
+              logger.warn(
+                `Failed to add ${p.displayName} to tracker: ${error instanceof Error ? error.message : String(error)}`
+              );
+            }
+          }
+          return null;
         }
-        return !isInstalled;
+        return p;
       });
+      const notInstalledResults = await Promise.all(notInstalledPromises);
+      const notInstalled = notInstalledResults.filter(
+        (p) => p !== null
+      );
       if (notInstalled.length === 0) {
         logger.info("All plugins are already installed");
         return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@configjs/cli",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "Configure your frontend stack, instantly - Utilitaire CLI d'installation modulaire de bibliothèques frontend",
   "keywords": [