@configjs/cli 1.1.8 → 1.1.10

package/README.fr.md

@@ -164,10 +164,11 @@ ConfigJS prévient les conflits avant qu'ils ne se produisent :
 - ✅ **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)
+### 📦 Bibliothèques Supportées (48+ Plugins)
 
 #### 🎨 CSS / Styling
 - TailwindCSS v4 (avec @tailwindcss/vite)
+- TailwindCSS Next.js
 - Styled Components
 - React Bootstrap
 - Emotion
@@ -176,50 +177,73 @@ ConfigJS prévient les conflits avant qu'ils ne se produisent :
 #### 🧭 Routing
 - React Router v7
 - TanStack Router
+- Vue Router (Vue.js)
+- SvelteKit (Svelte)
 
 #### 🗂️ Gestion d'État
 - Redux Toolkit
 - Zustand
 - Jotai
-- MobX
+- Pinia (Vue.js)
 
 #### 🌐 Client HTTP
 - Axios
 - TanStack Query (React Query)
+- TanStack Query Vue
 - Fetch Wrapper
 
 #### 📝 Formulaires
 - React Hook Form
-- Formik
 - Zod (validation)
 - Yup (validation)
+- SvelteKit Superforms (Svelte)
 
 #### 🎨 Composants UI
 - Shadcn/ui
+- Shadcn/ui Next.js
 - Radix UI
 - React Icons
 - Lucide Icons
 - React Hot Toast
+- React Hot Toast Next.js
+- Vuetify (Vue.js)
+- Skeleton UI (Svelte)
 
 #### 🧪 Tests
 - React Testing Library
+- Vue Test Utils
+- Vue Testing Library
+- Svelte Testing Library
 - Vitest
 - Jest
 
 #### 🛠️ Outillage
 - ESLint
+- ESLint Vue
 - Prettier
 - Husky (Git hooks)
+- commitlint
 - lint-staged
 - date-fns
+- Vue TSC
 
 #### ✨ Animation
 - Framer Motion
 - React Spring
 
 #### 🔧 Utilitaires
-- Lodash
-- clsx / classnames
+- VueUse (Vue.js)
+- unplugin-auto-import (Vue.js)
+- unplugin-vue-components (Vue.js)
+
+#### 🌍 Internationalisation
+- Vue i18n (Vue.js)
+
+#### 📸 Spécifique à Next.js
+- Image Optimization
+- Font Optimization
+- API Routes
+- Middleware
 
 ### 🔄 Rollback Automatique
 
@@ -389,7 +413,7 @@ npm run build
 
 ## 📋 Prérequis
 
-- **Node.js** ≥ 18.0.0
+- **Node.js** ≥ 20.0.0
 - **npm** / **yarn** / **pnpm** / **bun**
 - Un projet React existant (Vite, CRA, ou configuration personnalisée)
 
@@ -402,7 +426,12 @@ npm run build
 - [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
+- [x] Support React complet (React 18/19)
+- [x] 48+ plugins à travers 10 catégories
+- [x] Support Next.js complet (13/14/15)
+- [x] Support Vue.js 3 complet
+- [x] Support Svelte complet avec 4 plugins spécialisés
+- [x] Centralisation du logging (Architecture IoC, découplage total)
 
 ### v1.2 (T2 2025)
 - [ ] Presets de configuration (templates de démarrage)
@@ -411,16 +440,14 @@ npm run build
 - [ ] 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
+- [ ] Support mobile (React Native, Flutter)
 
 ---
 

package/README.md

@@ -67,6 +67,12 @@ cd your-vue-project
 npx @configjs/cli vue
 ```
 
+### For Svelte Projects
+```bash
+cd your-svelte-project
+npx @configjs/cli svelte
+```
+
 That's it! ConfigJS will:
 1. 🔍 **Detect** your environment (React/Next.js version, TypeScript, bundler)
 2. 🎯 **Guide** you through library selection by category
@@ -178,10 +184,11 @@ ConfigJS prevents conflicts before they happen:
 - ✅ **Auto-Dependencies**: TailwindCSS requires PostCSS → installed automatically
 - ✅ **Plugin Tracking**: Remembers installed plugins (`.configjsrc`)
 
-### 📦 Supported Libraries (40+ Plugins)
+### 📦 Supported Libraries (48+ Plugins)
 
 #### 🎨 CSS / Styling
 - TailwindCSS v4 (with @tailwindcss/vite)
+- TailwindCSS Next.js
 - Styled Components
 - React Bootstrap
 - Emotion
@@ -190,50 +197,73 @@ ConfigJS prevents conflicts before they happen:
 #### 🧭 Routing
 - React Router v7
 - TanStack Router
+- Vue Router (Vue.js)
+- SvelteKit (Svelte)
 
 #### 🗂️ State Management
 - Redux Toolkit
 - Zustand
 - Jotai
-- MobX
+- Pinia (Vue.js)
 
 #### 🌐 HTTP Client
 - Axios
 - TanStack Query (React Query)
+- TanStack Query Vue
 - Fetch Wrapper
 
 #### 📝 Forms
 - React Hook Form
-- Formik
 - Zod (validation)
 - Yup (validation)
+- SvelteKit Superforms (Svelte)
 
 #### 🎨 UI Components
 - Shadcn/ui
+- Shadcn/ui Next.js
 - Radix UI
 - React Icons
 - Lucide Icons
 - React Hot Toast
+- React Hot Toast Next.js
+- Vuetify (Vue.js)
+- Skeleton UI (Svelte)
 
 #### 🧪 Testing
 - React Testing Library
+- Vue Test Utils
+- Vue Testing Library
+- Svelte Testing Library
 - Vitest
 - Jest
 
 #### 🛠️ Tooling
 - ESLint
+- ESLint Vue
 - Prettier
 - Husky (Git hooks)
+- commitlint
 - lint-staged
 - date-fns
+- Vue TSC
 
 #### ✨ Animation
 - Framer Motion
 - React Spring
 
 #### 🔧 Utils
-- Lodash
-- clsx / classnames
+- VueUse (Vue.js)
+- unplugin-auto-import (Vue.js)
+- unplugin-vue-components (Vue.js)
+
+#### 🌍 Internationalization
+- Vue i18n (Vue.js)
+
+#### 📸 Next.js Specific
+- Image Optimization
+- Font Optimization
+- API Routes
+- Middleware
 
 ### 🔄 Automatic Rollback
 
@@ -423,7 +453,7 @@ npm run build
 
 ## 📋 Requirements
 
-- **Node.js** ≥ 18.0.0
+- **Node.js** ≥ 20.0.0
 - **npm** / **yarn** / **pnpm** / **bun**
 - An existing React project (Vite, CRA, or custom setup)
 
@@ -436,7 +466,12 @@ npm run build
 - [x] Plugin detection (package.json + tracker)
 - [x] Enhanced console UX with colors
 - [x] Sequential installation (prevents corruption)
-- [x] 40+ plugins across 10 categories
+- [x] Full React support (React 18/19)
+- [x] 48+ plugins across 10 categories
+- [x] Full Next.js support (13/14/15)
+- [x] Full Vue.js 3 support
+- [x] Full Svelte support with 4 specialized plugins
+- [x] Logging centralization (IoC Architecture, full decoupling)
 
 ### v1.2 (Q2 2025)
 - [ ] Configuration presets (starter templates)
@@ -445,16 +480,14 @@ npm run build
 - [ ] Conflict resolution wizard
 
 ### v2.0 (Q3 2025)
-- [x] Support Next.js ✅
 - [ ] Support Remix
 - [ ] Support Astro
 - [ ] Web UI for configuration
 
 ### v2.x (Future)
-- [ ] Support Vue 3
-- [ ] Support Svelte
 - [ ] React Native support
 - [ ] Custom plugin templates
+- [ ] Mobile support (React Native, Flutter)
 
 ---
 

package/dist/{check-KHMCB7NK.js → check-PEWUERVP.js}

@@ -1,14 +1,15 @@
 import {
   CompatibilityValidator,
   allCompatibilityRules
-} from "./chunk-YQVYFXOD.js";
+} from "./chunk-O2IJKLMT.js";
 import {
   pluginRegistry
-} from "./chunk-4N3JFZLA.js";
-import "./chunk-MQV3WNMH.js";
+} from "./chunk-ZAGZRB7Y.js";
+import "./chunk-6GV4NKUX.js";
+import "./chunk-FIB2J36N.js";
 import {
   logger
-} from "./chunk-HM2JWJOO.js";
+} from "./chunk-QPEUT7QG.js";
 import "./chunk-QGM4M3NI.js";
 
 // src/cli/commands/check.ts

package/dist/{remove-JBICRDXX.js → chunk-2HZGGA67.js}

@@ -1,11 +1,3 @@
-import {
-  PluginTracker,
-  detectContext
-} from "./chunk-TVZWTKJU.js";
-import "./chunk-MQV3WNMH.js";
-import {
-  logger
-} from "./chunk-HM2JWJOO.js";
 import {
   __commonJS,
   __require,
@@ -179,6 +171,7 @@ var require_lib = __commonJS({
 });
 
 // node_modules/@inquirer/core/dist/lib/key.js
+var isBackspaceKey = (key) => key.name === "backspace";
 var isTabKey = (key) => key.name === "tab";
 var isEnterKey = (key) => key.name === "enter" || key.name === "return";
 
@@ -1674,64 +1667,92 @@ var dist_default2 = createPrompt((config, done) => {
   return `${prefix} ${message}${defaultValue} ${formattedValue}`;
 });
 
-// src/cli/commands/remove.ts
-async function removeCommand(pluginName) {
-  try {
-    const ctx = await detectContext(process.cwd());
-    const tracker = new PluginTracker(ctx.projectRoot, ctx.fsAdapter);
-    await tracker.load();
-    if (!pluginName) {
-      console.log("\n\u274C Please specify a plugin name to remove.\n");
-      console.log("Usage: configjs remove <plugin-name>\n");
-      console.log("Example: configjs remove react-router\n");
-      process.exit(1);
+// node_modules/@inquirer/input/dist/index.js
+var inputTheme = {
+  validationFailureMode: "keep"
+};
+var dist_default3 = createPrompt((config, done) => {
+  const { prefill = "tab" } = config;
+  const theme = makeTheme(inputTheme, config.theme);
+  const [status, setStatus] = useState("idle");
+  const [defaultValue = "", setDefaultValue] = useState(config.default);
+  const [errorMsg, setError] = useState();
+  const [value, setValue] = useState("");
+  const prefix = usePrefix({ status, theme });
+  async function validate2(value2) {
+    const { required, pattern, patternError = "Invalid input" } = config;
+    if (required && !value2) {
+      return "You must provide a value";
     }
-    const plugin = tracker.getPlugin(pluginName);
-    if (!plugin) {
-      console.log(`
-\u274C Plugin '${pluginName}' is not installed.
-`);
-      console.log("Run `configjs installed` to see installed plugins.\n");
-      process.exit(1);
+    if (pattern && !pattern.test(value2)) {
+      return patternError;
     }
-    console.log(`
-\u26A0\uFE0F  You are about to remove: ${plugin.displayName}
-`);
-    console.log(
-      "\u26A0\uFE0F  WARNING: This will only untrack the plugin from the config."
-    );
-    console.log("   You will need to manually:");
-    console.log("   - Remove the packages (npm uninstall ...)");
-    console.log("   - Delete the generated files");
-    console.log("   - Clean up the configuration\n");
-    const confirmed = await dist_default2({
-      message: "Continue?",
-      default: false
-    });
-    if (!confirmed) {
-      console.log("\n\u274C Cancelled.\n");
+    if (typeof config.validate === "function") {
+      return await config.validate(value2) || "You must provide a valid value";
+    }
+    return true;
+  }
+  useKeypress(async (key, rl) => {
+    if (status !== "idle") {
       return;
     }
-    await tracker.removePlugin(pluginName);
-    console.log(`
-\u2705 ${plugin.displayName} has been removed from tracking.
-`);
-    console.log("\u{1F4DD} Manual cleanup required:");
-    if (plugin.packages.dependencies && plugin.packages.dependencies.length > 0) {
-      console.log(`   npm uninstall ${plugin.packages.dependencies.join(" ")}`);
+    if (isEnterKey(key)) {
+      const answer = value || defaultValue;
+      setStatus("loading");
+      const isValid = await validate2(answer);
+      if (isValid === true) {
+        setValue(answer);
+        setStatus("done");
+        done(answer);
+      } else {
+        if (theme.validationFailureMode === "clear") {
+          setValue("");
+        } else {
+          rl.write(value);
+        }
+        setError(isValid);
+        setStatus("idle");
+      }
+    } else if (isBackspaceKey(key) && !value) {
+      setDefaultValue(void 0);
+    } else if (isTabKey(key) && !value) {
+      setDefaultValue(void 0);
+      rl.clearLine(0);
+      rl.write(defaultValue);
+      setValue(defaultValue);
+    } else {
+      setValue(rl.line);
+      setError(void 0);
     }
-    if (plugin.packages.devDependencies && plugin.packages.devDependencies.length > 0) {
-      console.log(
-        `   npm uninstall ${plugin.packages.devDependencies.join(" ")}`
-      );
+  });
+  useEffect((rl) => {
+    if (prefill === "editable" && defaultValue) {
+      rl.write(defaultValue);
+      setValue(defaultValue);
     }
-    console.log();
-  } catch (error) {
-    const errorMessage = error instanceof Error ? error.message : String(error);
-    logger.error(`Failed to remove plugin: ${errorMessage}`);
-    process.exit(1);
+  }, []);
+  const message = theme.style.message(config.message, status);
+  let formattedValue = value;
+  if (typeof config.transformer === "function") {
+    formattedValue = config.transformer(value, { isFinal: status === "done" });
+  } else if (status === "done") {
+    formattedValue = theme.style.answer(value);
   }
-}
+  let defaultStr;
+  if (defaultValue && status !== "done" && !value) {
+    defaultStr = theme.style.defaultAnswer(defaultValue);
+  }
+  let error = "";
+  if (errorMsg) {
+    error = theme.style.error(errorMsg);
+  }
+  return [
+    [prefix, message, defaultStr, formattedValue].filter((v) => v !== void 0).join(" "),
+    error
+  ];
+});
+
 export {
-  removeCommand
+  dist_default2 as dist_default,
+  dist_default3 as dist_default2
 };

package/dist/{chunk-QBMH2K7B.js → chunk-3WLFBAII.js}

@@ -118,6 +118,25 @@ var fr = {
       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.`
+  },
+  svelte: {
+    noSvelteDetected: "\u26A0\uFE0F  Aucun projet Svelte d\xE9tect\xE9 dans le r\xE9pertoire actuel.",
+    proposeSetup: "Souhaitez-vous cr\xE9er un nouveau projet Svelte avec Vite ?",
+    projectName: "Nom du projet",
+    projectNamePlaceholder: "mon-projet-svelte",
+    useTypeScript: "Utiliser TypeScript ?",
+    creatingProject: "Cr\xE9ation du projet Svelte avec Vite...",
+    installingDependencies: "Installation des d\xE9pendances...",
+    projectCreated: "Projet Svelte cr\xE9\xE9 avec succ\xE8s !",
+    creating: "Cr\xE9ation du projet Svelte...",
+    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.`
   }
 };
 
@@ -241,6 +260,25 @@ var en = {
       invalid: "Project name can only contain letters, numbers, dashes and underscores"
     },
     folderExists: (name) => `Folder "${name}" already exists. Please choose another name.`
+  },
+  svelte: {
+    noSvelteDetected: "\u26A0\uFE0F  No Svelte project detected in the current directory.",
+    proposeSetup: "Would you like to create a new Svelte project with Vite?",
+    projectName: "Project name",
+    projectNamePlaceholder: "my-svelte-project",
+    useTypeScript: "Use TypeScript?",
+    creatingProject: "Creating Svelte project with Vite...",
+    installingDependencies: "Installing dependencies...",
+    projectCreated: "Svelte project created successfully!",
+    creating: "Creating Svelte 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.`
   }
 };
 
@@ -364,6 +402,25 @@ var es = {
       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.`
+  },
+  svelte: {
+    noSvelteDetected: "\u26A0\uFE0F  No se detect\xF3 ning\xFAn proyecto Svelte en el directorio actual.",
+    proposeSetup: "\xBFDesea crear un nuevo proyecto Svelte con Vite?",
+    projectName: "Nombre del proyecto",
+    projectNamePlaceholder: "mi-proyecto-svelte",
+    useTypeScript: "\xBFUsar TypeScript?",
+    creatingProject: "Creando proyecto Svelte con Vite...",
+    installingDependencies: "Instalando dependencias...",
+    projectCreated: "\xA1Proyecto Svelte creado con \xE9xito!",
+    creating: "Creando proyecto Svelte...",
+    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.`
   }
 };
 

package/dist/{chunk-MQV3WNMH.js → chunk-6GV4NKUX.js}

@@ -1,12 +1,13 @@
 import {
-  logger
-} from "./chunk-HM2JWJOO.js";
+  getModuleLogger
+} from "./chunk-QPEUT7QG.js";
 
 // src/utils/package-manager.ts
 import { execa } from "execa";
 import fs from "fs-extra";
 import { resolve, join } from "path";
-async function detectPackageManager(projectRoot) {
+var logger = getModuleLogger();
+async function detectPackageManager(projectRoot, fsAdapter) {
   const root = resolve(projectRoot);
   const lockfiles = [
     { file: "pnpm-lock.yaml", manager: "pnpm" },
@@ -16,6 +17,13 @@ async function detectPackageManager(projectRoot) {
   ];
   for (const { file, manager } of lockfiles) {
     const lockfilePath = join(root, file);
+    if (fsAdapter) {
+      if (await fsAdapter.pathExists(lockfilePath)) {
+        logger.debug(`Detected package manager: ${manager} (found ${file})`);
+        return manager;
+      }
+      continue;
+    }
     if (await fs.pathExists(lockfilePath)) {
       logger.debug(`Detected package manager: ${manager} (found ${file})`);
       return manager;

package/dist/{chunk-HM2JWJOO.js → chunk-FIB2J36N.js}

@@ -1,83 +1,6 @@
-// src/utils/logger.ts
-import pc from "picocolors";
-var Logger = class {
-  level = 1 /* INFO */;
-  setLevel(level) {
-    this.level = level;
-  }
-  debug(message, ...args) {
-    if (this.level <= 0 /* DEBUG */) {
-      console.log(pc.gray(`[DEBUG] ${message}`), ...args);
-    }
-  }
-  info(message, ...args) {
-    if (this.level <= 1 /* INFO */) {
-      console.log(pc.cyan(`\u2139 ${message}`), ...args);
-    }
-  }
-  success(message, ...args) {
-    if (this.level <= 1 /* INFO */) {
-      console.log(pc.green(`\u2713 ${message}`), ...args);
-    }
-  }
-  warn(message, ...args) {
-    if (this.level <= 2 /* WARN */) {
-      console.warn(pc.yellow(`\u26A0\uFE0F  ${message}`), ...args);
-    }
-  }
-  error(message, ...args) {
-    if (this.level <= 3 /* ERROR */) {
-      console.error(pc.red(`\u2716 ${message}`), ...args);
-    }
-  }
-  header(message) {
-    if (this.level <= 1 /* INFO */) {
-      console.log();
-      console.log(pc.bold(pc.magenta(`\u25C6 ${message}`)));
-      console.log();
-    }
-  }
-  section(title) {
-    if (this.level <= 1 /* INFO */) {
-      console.log();
-      console.log(pc.bold(pc.cyan(`\u25B8 ${title}`)));
-    }
-  }
-  item(message, color = "gray") {
-    if (this.level <= 1 /* INFO */) {
-      const colorFn = pc[color];
-      console.log(colorFn(`  \u2022 ${message}`));
-    }
-  }
-  dim(message) {
-    if (this.level <= 1 /* INFO */) {
-      console.log(pc.gray(`  ${message}`));
-    }
-  }
-  step(message) {
-    if (this.level <= 1 /* INFO */) {
-      console.log(pc.cyan(`
-\u2192 ${message}`));
-    }
-  }
-  box(title, content) {
-    if (this.level <= 1 /* INFO */) {
-      const maxLength = Math.max(
-        title.length,
-        ...content.map((line) => line.length)
-      );
-      const border = "\u2500".repeat(maxLength + 4);
-      console.log(pc.cyan(`\u250C${border}\u2510`));
-      console.log(pc.cyan(`\u2502  ${title.padEnd(maxLength)}  \u2502`));
-      console.log(pc.cyan(`\u251C${border}\u2524`));
-      content.forEach((line) => {
-        console.log(pc.cyan(`\u2502  ${line.padEnd(maxLength)}  \u2502`));
-      });
-      console.log(pc.cyan(`\u2514${border}\u2518`));
-    }
-  }
-};
-var logger = new Logger();
+import {
+  getModuleLogger
+} from "./chunk-QPEUT7QG.js";
 
 // src/utils/fs-helpers.ts
 import { resolve as resolve2, dirname as dirname2, extname } from "path";
@@ -300,6 +223,7 @@ function createDefaultFsAdapter() {
 }
 
 // src/utils/fs-helpers.ts
+var logger = getModuleLogger();
 function normalizePath(path) {
   return path.replace(/\\/g, "/");
 }
@@ -405,7 +329,6 @@ async function writeFileContent(filePath, content, encoding = "utf-8", fsAdapter
 }
 
 export {
-  logger,
   createDefaultFsAdapter,
   normalizePath,
   readPackageJson,