@configjs/cli 1.1.3 → 1.1.5

package/README.fr.md

@@ -359,7 +359,7 @@ Les contributions sont les bienvenues ! Consultez [CONTRIBUTING.md](./docs/CONTR
 
 ### Développer un Plugin
 
-Voir [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) pour créer vos propres plugins.
+Voir [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) pour créer vos propres plugins (documentation de développement).
 
 ### Configuration de Développement
 

package/README.md

@@ -49,13 +49,26 @@ npx @configjs/cli react
 
 **No installation required!** Use directly with `npx`:
 
+### For React Projects
 ```bash
 cd your-react-project
 npx @configjs/cli react
 ```
 
+### For Next.js Projects
+```bash
+cd your-nextjs-project
+npx @configjs/cli nextjs
+```
+
+### For Vue.js Projects
+```bash
+cd your-vue-project
+npx @configjs/cli vue
+```
+
 That's it! ConfigJS will:
-1. 🔍 **Detect** your environment (React version, TypeScript, bundler)
+1. 🔍 **Detect** your environment (React/Next.js version, TypeScript, bundler)
 2. 🎯 **Guide** you through library selection by category
 3. 📦 **Install** all packages sequentially (no conflicts)
 4. ⚙️ **Configure** everything with working code
@@ -113,9 +126,10 @@ $ npx @configjs/cli react
 ### 🎯 Smart Detection
 
 ConfigJS automatically detects your project setup:
-- ✅ **Framework & Version** (React 18/19)
+- ✅ **Framework & Version** (React 18/19, Next.js 13/14)
+- ✅ **Router Type** (App Router vs Pages Router for Next.js)
 - ✅ **Language** (JavaScript/TypeScript)
-- ✅ **Bundler** (Vite, Webpack, Create React App)
+- ✅ **Bundler** (Vite, Webpack, Create React App, Next.js)
 - ✅ **Package Manager** (npm, yarn, pnpm, bun)
 - ✅ **Already Installed Libraries** (skips duplicates)
 - ✅ **Project Structure** (adapts configuration)
@@ -263,9 +277,12 @@ ConfigJS creates a `.configjsrc` file to track installations and prevent conflic
 ### Commands
 
 ```bash
-# Interactive installation
+# Interactive installation for React
 npx @configjs/cli react
 
+# Interactive installation for Next.js
+npx @configjs/cli nextjs
+
 # List available plugins
 npx @configjs/cli list
 npx @configjs/cli list --category routing
@@ -280,6 +297,23 @@ npx @configjs/cli remove <plugin-name>
 npx @configjs/cli check
 ```
 
+### Next.js Support
+
+ConfigJS fully supports Next.js projects with automatic detection of:
+- **App Router** vs **Pages Router**
+- Next.js-specific plugins (Image Optimization, Font Optimization, Middleware, API Routes)
+- Compatible libraries adapted for Next.js (TailwindCSS, Shadcn/ui, React Hot Toast)
+
+### Vue.js Support
+
+ConfigJS fully supports Vue.js 3 projects with automatic detection of:
+- **Composition API** vs **Options API**
+- Vue.js-specific plugins (Vue Router, Pinia, VueUse, Vuetify)
+- Compatible libraries adapted for Vue.js (TailwindCSS, Axios, ESLint Vue)
+- Automatic project creation with Vite
+
+See [Next.js Documentation](./DOCUMENTATION/NEXTJS.md) and [Vue.js Documentation](./DOCUMENTATION/VUE.md) for complete guides.
+
 ### CLI Options
 
 ```bash
@@ -359,7 +393,7 @@ Contributions are welcome! Check out [CONTRIBUTING.md](./docs/CONTRIBUTING.md) f
 
 ### Develop a Plugin
 
-See [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) to create your own plugins.
+See [PLUGIN_DEVELOPMENT.md](./docs/PLUGIN_DEVELOPMENT.md) to create your own plugins (development documentation).
 
 ### Development Setup
 
@@ -411,7 +445,7 @@ npm run build
 - [ ] Conflict resolution wizard
 
 ### v2.0 (Q3 2025)
-- [ ] Support Next.js
+- [x] Support Next.js ✅
 - [ ] Support Remix
 - [ ] Support Astro
 - [ ] Web UI for configuration

package/dist/{check-7PYMMMZK.js → check-AJCBQBFD.js}

@@ -1,13 +1,14 @@
 import {
   CompatibilityValidator,
-  compatibilityRules
-} from "./chunk-VJ254HJY.js";
+  allCompatibilityRules
+} from "./chunk-D37FHAGO.js";
 import {
   pluginRegistry
-} from "./chunk-OJGTPK6N.js";
+} from "./chunk-V75HW2AM.js";
+import "./chunk-MQV3WNMH.js";
 import {
   logger
-} from "./chunk-QRFLHLFE.js";
+} from "./chunk-HM2JWJOO.js";
 import "./chunk-QGM4M3NI.js";
 
 // src/cli/commands/check.ts
@@ -71,7 +72,7 @@ async function checkCompatibility(options) {
       }
     }
     console.log("\n\u{1F50D} Analyse de compatibilit\xE9...\n");
-    const validator = new CompatibilityValidator(compatibilityRules);
+    const validator = new CompatibilityValidator(allCompatibilityRules);
     const validation = validator.validate(
       selectedPlugins
     );

package/dist/chunk-3V72QFFY.js

@@ -0,0 +1,383 @@
+// src/cli/i18n/fr.ts
+var fr = {
+  language: {
+    select: "Choisissez votre langue",
+    options: [
+      { value: "fr", name: "Fran\xE7ais" },
+      { value: "en", name: "English" },
+      { value: "es", name: "Espa\xF1ol" }
+    ]
+  },
+  common: {
+    continue: "Continuer",
+    cancel: "Annuler",
+    back: "Retour",
+    none: "Aucun",
+    selected: (count) => count === 0 ? "Aucune biblioth\xE8que s\xE9lectionn\xE9e" : count === 1 ? "1 biblioth\xE8que s\xE9lectionn\xE9e" : `${count} biblioth\xE8ques s\xE9lectionn\xE9es`
+  },
+  plugins: {
+    selectCategory: (category) => `S\xE9lectionnez vos biblioth\xE8ques : ${category}`,
+    selectMultiple: "S\xE9lection multiple",
+    pressSpace: "Appuyez sur <espace> pour s\xE9lectionner",
+    pressEnter: "Appuyez sur <entr\xE9e> pour valider",
+    description: "Description"
+  },
+  detection: {
+    detecting: "\u{1F50D} D\xE9tection du contexte...",
+    framework: "Framework",
+    typescript: "TypeScript",
+    bundler: "Bundler",
+    packageManager: "Gestionnaire de paquets"
+  },
+  confirmation: {
+    summary: "\u{1F4CB} R\xE9sum\xE9 de l'installation",
+    packagesToInstall: "\u{1F4E6} Packages \xE0 installer",
+    filesToCreate: "\u{1F4DD} Fichiers qui seront cr\xE9\xE9s",
+    filesToModify: "\u{1F4DD} Fichiers qui seront modifi\xE9s",
+    continueQuestion: "Continuer avec l'installation ?"
+  },
+  installation: {
+    installing: "Installation en cours...",
+    configuring: "Configuration en cours...",
+    success: "\u2728 Installation termin\xE9e !",
+    error: "\u274C Erreur lors de l'installation",
+    rollback: "\u21BA Rollback en cours..."
+  },
+  report: {
+    title: "\u2728 Installation termin\xE9e !",
+    packagesInstalled: "\u{1F4E6} Packages install\xE9s",
+    filesCreated: "\u{1F4DD} Fichiers cr\xE9\xE9s",
+    filesModified: "\u{1F4DD} Fichiers modifi\xE9s",
+    nextSteps: "\u{1F680} Prochaines \xE9tapes"
+  },
+  errors: {
+    detectionFailed: "\xC9chec de la d\xE9tection du contexte",
+    installationFailed: "\xC9chec de l'installation",
+    validationFailed: "\xC9chec de la validation",
+    incompatiblePlugins: (plugins) => `Plugins incompatibles d\xE9tect\xE9s : ${plugins.join(", ")}`
+  },
+  vite: {
+    noReactDetected: "\u26A0\uFE0F  Aucun projet React d\xE9tect\xE9 dans le r\xE9pertoire actuel.",
+    proposeSetup: "Souhaitez-vous cr\xE9er un nouveau projet React avec Vite ?",
+    projectName: "Nom du projet",
+    projectNamePlaceholder: "mon-projet-react",
+    template: "Template",
+    templateOptions: [
+      { value: "react", name: "React (JavaScript)" },
+      { value: "react-ts", name: "React (TypeScript)" }
+    ],
+    creating: "Cr\xE9ation du projet React avec Vite...",
+    success: "\u2705 Projet cr\xE9\xE9 avec succ\xE8s !",
+    error: "\u274C Erreur lors de la cr\xE9ation du projet",
+    changingDirectory: "Changement vers le r\xE9pertoire du projet...",
+    validation: {
+      empty: "Le nom du projet ne peut pas \xEAtre vide",
+      invalid: "Le nom du projet ne peut contenir que des lettres, chiffres, tirets et underscores"
+    },
+    folderExists: (name) => `Le dossier "${name}" existe d\xE9j\xE0. Veuillez choisir un autre nom.`
+  },
+  nextjs: {
+    noNextjsDetected: "\u26A0\uFE0F  Aucun projet Next.js d\xE9tect\xE9 dans le r\xE9pertoire actuel.",
+    proposeSetup: "Souhaitez-vous cr\xE9er un nouveau projet Next.js ?",
+    projectName: "Nom du projet",
+    projectNamePlaceholder: "mon-projet-nextjs",
+    typescript: "Utiliser TypeScript ?",
+    eslint: "Utiliser ESLint ?",
+    tailwind: "Utiliser TailwindCSS ?",
+    srcDir: "Utiliser le dossier src/ ?",
+    appRouter: "Utiliser App Router (recommand\xE9) ?",
+    importAlias: "Alias d'import (ex: @/*)",
+    creating: "Cr\xE9ation du projet Next.js...",
+    success: "\u2705 Projet cr\xE9\xE9 avec succ\xE8s !",
+    error: "\u274C Erreur lors de la cr\xE9ation du projet",
+    changingDirectory: "Changement vers le r\xE9pertoire du projet...",
+    validation: {
+      empty: "Le nom du projet ne peut pas \xEAtre vide",
+      invalid: "Le nom du projet ne peut contenir que des lettres, chiffres, tirets et underscores"
+    },
+    folderExists: (name) => `Le dossier "${name}" existe d\xE9j\xE0. Veuillez choisir un autre nom.`
+  },
+  vue: {
+    noVueDetected: "\u26A0\uFE0F  Aucun projet Vue.js d\xE9tect\xE9 dans le r\xE9pertoire actuel.",
+    proposeSetup: "Souhaitez-vous cr\xE9er un nouveau projet Vue.js avec Vite ?",
+    projectName: "Nom du projet",
+    projectNamePlaceholder: "mon-projet-vue",
+    typescript: "Utiliser TypeScript ?",
+    router: "Utiliser Vue Router ?",
+    pinia: "Utiliser Pinia (state management) ?",
+    vitest: "Utiliser Vitest (testing) ?",
+    eslint: "Utiliser ESLint ?",
+    prettier: "Utiliser Prettier ?",
+    creating: "Cr\xE9ation du projet Vue.js avec Vite...",
+    success: "\u2705 Projet cr\xE9\xE9 avec succ\xE8s !",
+    error: "\u274C Erreur lors de la cr\xE9ation du projet",
+    changingDirectory: "Changement vers le r\xE9pertoire du projet...",
+    validation: {
+      empty: "Le nom du projet ne peut pas \xEAtre vide",
+      invalid: "Le nom du projet ne peut contenir que des lettres, chiffres, tirets et underscores"
+    },
+    folderExists: (name) => `Le dossier "${name}" existe d\xE9j\xE0. Veuillez choisir un autre nom.`
+  }
+};
+
+// src/cli/i18n/en.ts
+var en = {
+  language: {
+    select: "Choose your language",
+    options: [
+      { value: "fr", name: "Fran\xE7ais" },
+      { value: "en", name: "English" },
+      { value: "es", name: "Espa\xF1ol" }
+    ]
+  },
+  common: {
+    continue: "Continue",
+    cancel: "Cancel",
+    back: "Back",
+    none: "None",
+    selected: (count) => count === 0 ? "No library selected" : count === 1 ? "1 library selected" : `${count} libraries selected`
+  },
+  plugins: {
+    selectCategory: (category) => `Select your libraries: ${category}`,
+    selectMultiple: "Multiple selection",
+    pressSpace: "Press <space> to select",
+    pressEnter: "Press <enter> to confirm",
+    description: "Description"
+  },
+  detection: {
+    detecting: "\u{1F50D} Detecting context...",
+    framework: "Framework",
+    typescript: "TypeScript",
+    bundler: "Bundler",
+    packageManager: "Package manager"
+  },
+  confirmation: {
+    summary: "\u{1F4CB} Installation Summary",
+    packagesToInstall: "\u{1F4E6} Packages to install",
+    filesToCreate: "\u{1F4DD} Files that will be created",
+    filesToModify: "\u{1F4DD} Files that will be modified",
+    continueQuestion: "Continue with installation?"
+  },
+  installation: {
+    installing: "Installing...",
+    configuring: "Configuring...",
+    success: "\u2728 Installation completed!",
+    error: "\u274C Installation error",
+    rollback: "\u21BA Rolling back..."
+  },
+  report: {
+    title: "\u2728 Installation completed!",
+    packagesInstalled: "\u{1F4E6} Installed packages",
+    filesCreated: "\u{1F4DD} Created files",
+    filesModified: "\u{1F4DD} Modified files",
+    nextSteps: "\u{1F680} Next steps"
+  },
+  errors: {
+    detectionFailed: "Context detection failed",
+    installationFailed: "Installation failed",
+    validationFailed: "Validation failed",
+    incompatiblePlugins: (plugins) => `Incompatible plugins detected: ${plugins.join(", ")}`
+  },
+  vite: {
+    noReactDetected: "\u26A0\uFE0F  No React project detected in the current directory.",
+    proposeSetup: "Would you like to create a new React project with Vite?",
+    projectName: "Project name",
+    projectNamePlaceholder: "my-react-project",
+    template: "Template",
+    templateOptions: [
+      { value: "react", name: "React (JavaScript)" },
+      { value: "react-ts", name: "React (TypeScript)" }
+    ],
+    creating: "Creating React project with Vite...",
+    success: "\u2705 Project created successfully!",
+    error: "\u274C Error creating project",
+    changingDirectory: "Changing to project directory...",
+    validation: {
+      empty: "Project name cannot be empty",
+      invalid: "Project name can only contain letters, numbers, dashes and underscores"
+    },
+    folderExists: (name) => `Folder "${name}" already exists. Please choose another name.`
+  },
+  nextjs: {
+    noNextjsDetected: "\u26A0\uFE0F  No Next.js project detected in the current directory.",
+    proposeSetup: "Would you like to create a new Next.js project?",
+    projectName: "Project name",
+    projectNamePlaceholder: "my-nextjs-project",
+    typescript: "Use TypeScript?",
+    eslint: "Use ESLint?",
+    tailwind: "Use TailwindCSS?",
+    srcDir: "Use src/ directory?",
+    appRouter: "Use App Router (recommended)?",
+    importAlias: "Import alias (e.g. @/*)",
+    creating: "Creating Next.js project...",
+    success: "\u2705 Project created successfully!",
+    error: "\u274C Error creating project",
+    changingDirectory: "Changing to project directory...",
+    validation: {
+      empty: "Project name cannot be empty",
+      invalid: "Project name can only contain letters, numbers, dashes and underscores"
+    },
+    folderExists: (name) => `Folder "${name}" already exists. Please choose another name.`
+  },
+  vue: {
+    noVueDetected: "\u26A0\uFE0F  No Vue.js project detected in the current directory.",
+    proposeSetup: "Would you like to create a new Vue.js project with Vite?",
+    projectName: "Project name",
+    projectNamePlaceholder: "my-vue-project",
+    typescript: "Use TypeScript?",
+    router: "Use Vue Router?",
+    pinia: "Use Pinia (state management)?",
+    vitest: "Use Vitest (testing)?",
+    eslint: "Use ESLint?",
+    prettier: "Use Prettier?",
+    creating: "Creating Vue.js project with Vite...",
+    success: "\u2705 Project created successfully!",
+    error: "\u274C Error creating project",
+    changingDirectory: "Changing to project directory...",
+    validation: {
+      empty: "Project name cannot be empty",
+      invalid: "Project name can only contain letters, numbers, dashes and underscores"
+    },
+    folderExists: (name) => `Folder "${name}" already exists. Please choose another name.`
+  }
+};
+
+// src/cli/i18n/es.ts
+var es = {
+  language: {
+    select: "Elige tu idioma",
+    options: [
+      { value: "fr", name: "Fran\xE7ais" },
+      { value: "en", name: "English" },
+      { value: "es", name: "Espa\xF1ol" }
+    ]
+  },
+  common: {
+    continue: "Continuar",
+    cancel: "Cancelar",
+    back: "Volver",
+    none: "Ninguno",
+    selected: (count) => count === 0 ? "Ninguna biblioteca seleccionada" : count === 1 ? "1 biblioteca seleccionada" : `${count} bibliotecas seleccionadas`
+  },
+  plugins: {
+    selectCategory: (category) => `Selecciona tus bibliotecas: ${category}`,
+    selectMultiple: "Selecci\xF3n m\xFAltiple",
+    pressSpace: "Presiona <espacio> para seleccionar",
+    pressEnter: "Presiona <entrar> para confirmar",
+    description: "Descripci\xF3n"
+  },
+  detection: {
+    detecting: "\u{1F50D} Detectando contexto...",
+    framework: "Framework",
+    typescript: "TypeScript",
+    bundler: "Bundler",
+    packageManager: "Gestor de paquetes"
+  },
+  confirmation: {
+    summary: "\u{1F4CB} Resumen de la instalaci\xF3n",
+    packagesToInstall: "\u{1F4E6} Paquetes a instalar",
+    filesToCreate: "\u{1F4DD} Archivos que se crear\xE1n",
+    filesToModify: "\u{1F4DD} Archivos que se modificar\xE1n",
+    continueQuestion: "\xBFContinuar con la instalaci\xF3n?"
+  },
+  installation: {
+    installing: "Instalando...",
+    configuring: "Configurando...",
+    success: "\u2728 \xA1Instalaci\xF3n completada!",
+    error: "\u274C Error en la instalaci\xF3n",
+    rollback: "\u21BA Revirtiendo..."
+  },
+  report: {
+    title: "\u2728 \xA1Instalaci\xF3n completada!",
+    packagesInstalled: "\u{1F4E6} Paquetes instalados",
+    filesCreated: "\u{1F4DD} Archivos creados",
+    filesModified: "\u{1F4DD} Archivos modificados",
+    nextSteps: "\u{1F680} Pr\xF3ximos pasos"
+  },
+  errors: {
+    detectionFailed: "Fallo en la detecci\xF3n del contexto",
+    installationFailed: "Fallo en la instalaci\xF3n",
+    validationFailed: "Fallo en la validaci\xF3n",
+    incompatiblePlugins: (plugins) => `Plugins incompatibles detectados: ${plugins.join(", ")}`
+  },
+  vite: {
+    noReactDetected: "\u26A0\uFE0F  No se detect\xF3 ning\xFAn proyecto React en el directorio actual.",
+    proposeSetup: "\xBFDesea crear un nuevo proyecto React con Vite?",
+    projectName: "Nombre del proyecto",
+    projectNamePlaceholder: "mi-proyecto-react",
+    template: "Plantilla",
+    templateOptions: [
+      { value: "react", name: "React (JavaScript)" },
+      { value: "react-ts", name: "React (TypeScript)" }
+    ],
+    creating: "Creando proyecto React con Vite...",
+    success: "\u2705 \xA1Proyecto creado con \xE9xito!",
+    error: "\u274C Error al crear el proyecto",
+    changingDirectory: "Cambiando al directorio del proyecto...",
+    validation: {
+      empty: "El nombre del proyecto no puede estar vac\xEDo",
+      invalid: "El nombre del proyecto solo puede contener letras, n\xFAmeros, guiones y guiones bajos"
+    },
+    folderExists: (name) => `La carpeta "${name}" ya existe. Por favor, elija otro nombre.`
+  },
+  nextjs: {
+    noNextjsDetected: "\u26A0\uFE0F  No se detect\xF3 ning\xFAn proyecto Next.js en el directorio actual.",
+    proposeSetup: "\xBFDesea crear un nuevo proyecto Next.js?",
+    projectName: "Nombre del proyecto",
+    projectNamePlaceholder: "mi-proyecto-nextjs",
+    typescript: "\xBFUsar TypeScript?",
+    eslint: "\xBFUsar ESLint?",
+    tailwind: "\xBFUsar TailwindCSS?",
+    srcDir: "\xBFUsar directorio src/?",
+    appRouter: "\xBFUsar App Router (recomendado)?",
+    importAlias: "Alias de importaci\xF3n (ej: @/*)",
+    creating: "Creando proyecto Next.js...",
+    success: "\u2705 \xA1Proyecto creado con \xE9xito!",
+    error: "\u274C Error al crear el proyecto",
+    changingDirectory: "Cambiando al directorio del proyecto...",
+    validation: {
+      empty: "El nombre del proyecto no puede estar vac\xEDo",
+      invalid: "El nombre del proyecto solo puede contener letras, n\xFAmeros, guiones y guiones bajos"
+    },
+    folderExists: (name) => `La carpeta "${name}" ya existe. Por favor, elija otro nombre.`
+  },
+  vue: {
+    noVueDetected: "\u26A0\uFE0F  No se detect\xF3 ning\xFAn proyecto Vue.js en el directorio actual.",
+    proposeSetup: "\xBFDesea crear un nuevo proyecto Vue.js con Vite?",
+    projectName: "Nombre del proyecto",
+    projectNamePlaceholder: "mi-proyecto-vue",
+    typescript: "\xBFUsar TypeScript?",
+    router: "\xBFUsar Vue Router?",
+    pinia: "\xBFUsar Pinia (gesti\xF3n de estado)?",
+    vitest: "\xBFUsar Vitest (pruebas)?",
+    eslint: "\xBFUsar ESLint?",
+    prettier: "\xBFUsar Prettier?",
+    creating: "Creando proyecto Vue.js con Vite...",
+    success: "\u2705 \xA1Proyecto creado con \xE9xito!",
+    error: "\u274C Error al crear el proyecto",
+    changingDirectory: "Cambiando al directorio del proyecto...",
+    validation: {
+      empty: "El nombre del proyecto no puede estar vac\xEDo",
+      invalid: "El nombre del proyecto solo puede contener letras, n\xFAmeros, guiones y guiones bajos"
+    },
+    folderExists: (name) => `La carpeta "${name}" ya existe. Por favor, elija otro nombre.`
+  }
+};
+
+// src/cli/i18n/index.ts
+function getTranslations(lang) {
+  switch (lang) {
+    case "fr":
+      return fr;
+    case "en":
+      return en;
+    case "es":
+      return es;
+    default:
+      return en;
+  }
+}
+
+export {
+  getTranslations
+};