@configjs/cli 1.1.3 → 1.1.4

package/dist/{chunk-OJGTPK6N.js → chunk-4VHPGJVU.js}

@@ -1533,7 +1533,7 @@ var jotaiPlugin = {
   description: "State management atomique",
   category: "state" /* STATE */,
   version: "^2.16.1",
-  frameworks: ["react"],
+  frameworks: ["react", "nextjs"],
   incompatibleWith: ["@reduxjs/toolkit", "zustand"],
   /**
    * Détecte si Jotai est déjà installé
@@ -2344,7 +2344,7 @@ var axiosPlugin = {
   description: "Client HTTP bas\xE9 sur les promesses",
   category: "http" /* HTTP */,
   version: "^1.13.2",
-  frameworks: ["react", "vue", "svelte"],
+  frameworks: ["react", "vue", "svelte", "nextjs"],
   /**
    * Détecte si Axios est déjà installé
    */
@@ -2679,7 +2679,7 @@ var tanstackQueryPlugin = {
   description: "Data fetching et caching",
   category: "http" /* HTTP */,
   version: "^5.90.16",
-  frameworks: ["react"],
+  frameworks: ["react", "nextjs"],
   /**
    * Détecte si TanStack Query est déjà installé
    */
@@ -4421,7 +4421,7 @@ var reactHookFormPlugin = {
   description: "Gestion de formulaires performante pour React",
   category: "forms" /* FORMS */,
   version: "^7.69.0",
-  frameworks: ["react"],
+  frameworks: ["react", "nextjs"],
   /**
    * Détecte si React Hook Form est déjà installé
    */
@@ -4946,7 +4946,7 @@ var zodPlugin = {
   description: "Validation de sch\xE9mas TypeScript-first",
   category: "forms" /* FORMS */,
   version: "^3.24.1",
-  frameworks: ["react", "vue", "svelte"],
+  frameworks: ["react", "vue", "svelte", "nextjs"],
   /**
    * Détecte si Zod est déjà installé
    */
@@ -5599,7 +5599,7 @@ var radixUiPlugin = {
   description: "Composants UI headless et accessibles",
   category: "ui" /* UI */,
   version: "^1.2.4",
-  frameworks: ["react"],
+  frameworks: ["react", "nextjs"],
   /**
    * Détecte si Radix UI est déjà installé
    */
@@ -6329,7 +6329,7 @@ var reactIconsPlugin = {
   description: "Biblioth\xE8que d'ic\xF4nes pour React",
   category: "ui" /* UI */,
   version: "^5.3.0",
-  frameworks: ["react"],
+  frameworks: ["react", "nextjs"],
   /**
    * Détecte si React Icons est déjà installé
    */
@@ -6954,7 +6954,7 @@ var eslintPlugin = {
   description: "Linter JavaScript/TypeScript",
   category: "tooling" /* TOOLING */,
   version: "^9.39.2",
-  frameworks: ["react", "vue", "svelte"],
+  frameworks: ["react", "vue", "svelte", "nextjs"],
   /**
    * Détecte si ESLint est déjà installé
    */
@@ -7204,7 +7204,7 @@ var prettierPlugin = {
   description: "Formateur de code",
   category: "tooling" /* TOOLING */,
   version: "^3.7.4",
-  frameworks: ["react", "vue", "svelte"],
+  frameworks: ["react", "vue", "svelte", "nextjs"],
   /**
    * Détecte si Prettier est déjà installé
    */
@@ -7582,7 +7582,7 @@ var dateFnsPlugin = {
   description: "Manipulation de dates moderne",
   category: "tooling" /* TOOLING */,
   version: "^4.1.0",
-  frameworks: ["react", "vue", "svelte"],
+  frameworks: ["react", "vue", "svelte", "nextjs"],
   /**
    * Détecte si date-fns est déjà installé
    */
@@ -8083,6 +8083,1661 @@ describe('Example Component', () => {
 `;
 }
 
+// src/plugins/css/tailwindcss-nextjs.ts
+import { join as join24 } from "path";
+var tailwindcssNextjsPlugin = {
+  name: "tailwindcss-nextjs",
+  displayName: "TailwindCSS (Next.js)",
+  description: "Framework CSS utilitaire pour Next.js",
+  category: "css" /* CSS */,
+  version: "^3.4.1",
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si TailwindCSS est déjà installé
+   */
+  detect: (ctx) => {
+    return ctx.dependencies["tailwindcss"] !== void 0 || ctx.devDependencies["tailwindcss"] !== void 0 || ctx.dependencies["postcss"] !== void 0 || ctx.devDependencies["postcss"] !== void 0 || ctx.dependencies["autoprefixer"] !== void 0 || ctx.devDependencies["autoprefixer"] !== void 0;
+  },
+  /**
+   * Installe TailwindCSS, PostCSS et Autoprefixer pour Next.js
+   */
+  async install(ctx) {
+    if (this.detect?.(ctx)) {
+      logger.info("TailwindCSS is already installed");
+      return {
+        packages: {},
+        success: true,
+        message: "TailwindCSS already installed"
+      };
+    }
+    const packages = ["tailwindcss", "postcss", "autoprefixer"];
+    try {
+      await installPackages(packages, {
+        dev: true,
+        packageManager: ctx.packageManager,
+        projectRoot: ctx.projectRoot,
+        exact: false,
+        silent: false
+      });
+      logger.info("Successfully installed TailwindCSS for Next.js");
+      return {
+        packages: {
+          devDependencies: packages
+        },
+        success: true,
+        message: `Installed ${packages.join(", ")}`
+      };
+    } catch (error) {
+      logger.error("Failed to install TailwindCSS:", error);
+      return {
+        packages: {},
+        success: false,
+        message: `Failed to install TailwindCSS: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Configure TailwindCSS dans le projet Next.js
+   *
+   * Crée/modifie :
+   * - tailwind.config.js (ou .ts) : Configuration TailwindCSS
+   * - postcss.config.js (ou .mjs) : Configuration PostCSS
+   * - app/globals.css ou styles/globals.css : Import TailwindCSS
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "ts" : "js";
+    const postcssExtension = ctx.typescript ? "js" : "mjs";
+    try {
+      const tailwindConfigPath = join24(
+        projectRoot,
+        `tailwind.config.${extension}`
+      );
+      const tailwindConfigExists = await checkPathExists(tailwindConfigPath);
+      if (tailwindConfigExists) {
+        const existingContent = await readFileContent(tailwindConfigPath);
+        if (existingContent.includes("content:") && existingContent.includes("theme:")) {
+          logger.info("TailwindCSS config already exists");
+        } else {
+          const tailwindConfig = getTailwindConfigContent(ctx, extension);
+          await writer.writeFile(tailwindConfigPath, tailwindConfig, {
+            backup: true
+          });
+          files.push({
+            type: "modify",
+            path: normalizePath(tailwindConfigPath),
+            content: tailwindConfig,
+            backup: true
+          });
+        }
+      } else {
+        const tailwindConfig = getTailwindConfigContent(ctx, extension);
+        await writer.createFile(tailwindConfigPath, tailwindConfig);
+        files.push({
+          type: "create",
+          path: normalizePath(tailwindConfigPath),
+          content: tailwindConfig,
+          backup: false
+        });
+        logger.info(`Created tailwind.config.${extension}`);
+      }
+      const postcssConfigPath = join24(
+        projectRoot,
+        `postcss.config.${postcssExtension}`
+      );
+      const postcssConfigExists = await checkPathExists(postcssConfigPath);
+      if (!postcssConfigExists) {
+        const postcssConfig = getPostcssConfigContent(postcssExtension);
+        await writer.createFile(postcssConfigPath, postcssConfig);
+        files.push({
+          type: "create",
+          path: normalizePath(postcssConfigPath),
+          content: postcssConfig,
+          backup: false
+        });
+        logger.info(`Created postcss.config.${postcssExtension}`);
+      }
+      const cssFiles = [
+        join24(projectRoot, "app", "globals.css"),
+        join24(projectRoot, ctx.srcDir, "app", "globals.css"),
+        join24(projectRoot, "styles", "globals.css"),
+        join24(projectRoot, ctx.srcDir, "styles", "globals.css")
+      ];
+      let cssFileModified = false;
+      for (const cssPath of cssFiles) {
+        const cssExists = await checkPathExists(cssPath);
+        if (cssExists) {
+          const cssContent = await readFileContent(cssPath);
+          const modifiedCss = injectTailwindDirectives(cssContent);
+          await writer.writeFile(cssPath, modifiedCss, { backup: true });
+          files.push({
+            type: "modify",
+            path: normalizePath(cssPath),
+            content: modifiedCss,
+            backup: true
+          });
+          logger.info(`Updated ${cssPath} with TailwindCSS directives`);
+          cssFileModified = true;
+          break;
+        }
+      }
+      if (!cssFileModified) {
+        const cssPath = join24(projectRoot, "app", "globals.css");
+        const cssContent = getCssContent2();
+        await writer.createFile(cssPath, cssContent);
+        files.push({
+          type: "create",
+          path: normalizePath(cssPath),
+          content: cssContent,
+          backup: false
+        });
+        logger.info(`Created ${cssPath} with TailwindCSS directives`);
+      }
+      return {
+        files,
+        success: true,
+        message: "TailwindCSS configured successfully for Next.js"
+      };
+    } catch (error) {
+      logger.error("Failed to configure TailwindCSS:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to configure TailwindCSS: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration TailwindCSS
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("TailwindCSS configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback TailwindCSS configuration:", error);
+      throw error;
+    }
+  }
+};
+function getTailwindConfigContent(ctx, extension) {
+  const isTS = extension === "ts";
+  const contentPaths = [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}"
+  ];
+  if (ctx.srcDir && ctx.srcDir !== "src") {
+    contentPaths.unshift(`./${ctx.srcDir}/**/*.{js,ts,jsx,tsx,mdx}`);
+  }
+  const contentArray = contentPaths.map((path) => `    "${path}"`).join(",\n");
+  if (isTS) {
+    return `import type { Config } from 'tailwindcss'
+
+const config: Config = {
+  content: [
+${contentArray},
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+export default config
+`;
+  }
+  return `/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+${contentArray},
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`;
+}
+function getPostcssConfigContent(extension) {
+  if (extension === "mjs") {
+    return `/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+
+export default config
+`;
+  }
+  return `module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+}
+function getCssContent2() {
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+}
+function injectTailwindDirectives(content) {
+  if (content.includes("@tailwind base") || content.includes("@tailwind components") || content.includes("@tailwind utilities")) {
+    logger.warn("TailwindCSS directives already present in CSS file");
+    return content;
+  }
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+${content}`;
+}
+
+// src/plugins/ui/shadcn-ui-nextjs.ts
+import { join as join25 } from "path";
+var shadcnUiNextjsPlugin = {
+  name: "shadcn-ui-nextjs",
+  displayName: "Shadcn/ui (Next.js)",
+  description: "Composants UI accessibles et personnalisables pour Next.js",
+  category: "ui" /* UI */,
+  version: "^3.6.2",
+  frameworks: ["nextjs"],
+  requires: ["tailwindcss"],
+  /**
+   * Détecte si Shadcn/ui est déjà configuré
+   */
+  detect: (ctx) => {
+    return ctx.dependencies["class-variance-authority"] !== void 0 || ctx.devDependencies["class-variance-authority"] !== void 0 || ctx.dependencies["@radix-ui/react-slot"] !== void 0 || ctx.devDependencies["@radix-ui/react-slot"] !== void 0;
+  },
+  /**
+   * Installe les dépendances nécessaires pour Shadcn/ui
+   */
+  async install(ctx) {
+    if (this.detect?.(ctx)) {
+      logger.info("Shadcn/ui dependencies are already installed");
+      return {
+        packages: {},
+        success: true,
+        message: "Shadcn/ui dependencies already installed"
+      };
+    }
+    try {
+      const packages = [
+        "class-variance-authority",
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-slot"
+      ];
+      const radixPrimitives = [
+        "@radix-ui/react-dialog",
+        "@radix-ui/react-dropdown-menu",
+        "@radix-ui/react-label",
+        "@radix-ui/react-select",
+        "@radix-ui/react-separator",
+        "@radix-ui/react-toast"
+      ];
+      packages.push(...radixPrimitives);
+      await installPackages(packages, {
+        dev: false,
+        packageManager: ctx.packageManager,
+        projectRoot: ctx.projectRoot,
+        exact: false,
+        silent: false
+      });
+      logger.info("Successfully installed Shadcn/ui dependencies");
+      return {
+        packages: {
+          dependencies: packages
+        },
+        success: true,
+        message: `Installed Shadcn/ui dependencies: ${packages.join(", ")}`
+      };
+    } catch (error) {
+      logger.error("Failed to install Shadcn/ui dependencies:", error);
+      return {
+        packages: {},
+        success: false,
+        message: `Failed to install Shadcn/ui dependencies: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Configure Shadcn/ui dans le projet Next.js
+   *
+   * Crée :
+   * - components.json : Configuration Shadcn/ui adaptée Next.js
+   * - lib/utils.ts : Utilitaires (cn helper) - adapté pour Next.js
+   * - components/ui/button.tsx : Exemple de composant Button
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const hasSrcDir = ctx.srcDir && ctx.srcDir !== ".";
+    const baseDir = hasSrcDir ? join25(projectRoot, ctx.srcDir) : projectRoot;
+    try {
+      const componentsJsonPath = join25(projectRoot, "components.json");
+      const componentsJsonExists = await checkPathExists(componentsJsonPath);
+      if (componentsJsonExists) {
+        logger.warn("components.json already exists, skipping creation");
+      } else {
+        const componentsJsonContent = getComponentsJsonContentNextjs(ctx);
+        await writer.createFile(componentsJsonPath, componentsJsonContent);
+        files.push({
+          type: "create",
+          path: normalizePath(componentsJsonPath),
+          content: componentsJsonContent,
+          backup: false
+        });
+        logger.info(`Created components.json: ${componentsJsonPath}`);
+      }
+      const libDir = join25(baseDir, "lib");
+      await ensureDirectory(libDir);
+      const utilsPath = join25(libDir, `utils.${ctx.typescript ? "ts" : "js"}`);
+      const utilsExists = await checkPathExists(utilsPath);
+      if (utilsExists) {
+        logger.warn(
+          "utils.ts already exists, checking if cn function is present"
+        );
+        const existingContent = await readFileContent(utilsPath);
+        if (!existingContent.includes("export function cn")) {
+          const cnFunction = ctx.typescript ? getCnFunctionTS2() : getCnFunctionJS2();
+          const updatedContent = existingContent + "\n\n" + cnFunction;
+          await writer.writeFile(utilsPath, updatedContent, { backup: true });
+          files.push({
+            type: "modify",
+            path: normalizePath(utilsPath),
+            content: updatedContent,
+            backup: true
+          });
+          logger.info("Added cn function to utils.ts");
+        }
+      } else {
+        const utilsContent = ctx.typescript ? getUtilsContentTS2() : getUtilsContentJS2();
+        await writer.createFile(utilsPath, utilsContent);
+        files.push({
+          type: "create",
+          path: normalizePath(utilsPath),
+          content: utilsContent,
+          backup: false
+        });
+        logger.info(`Created utils file: ${utilsPath}`);
+      }
+      const uiDir = join25(baseDir, "components", "ui");
+      await ensureDirectory(uiDir);
+      const buttonPath = join25(uiDir, `button.${ctx.typescript ? "tsx" : "jsx"}`);
+      const buttonExists = await checkPathExists(buttonPath);
+      if (!buttonExists) {
+        const buttonContent = ctx.typescript ? getButtonContentTS4() : getButtonContentJS4();
+        await writer.createFile(buttonPath, buttonContent);
+        files.push({
+          type: "create",
+          path: normalizePath(buttonPath),
+          content: buttonContent,
+          backup: false
+        });
+        logger.info(`Created Button component: ${buttonPath}`);
+      }
+      const cssFiles = [
+        join25(projectRoot, "app", "globals.css"),
+        join25(baseDir, "app", "globals.css"),
+        join25(projectRoot, "styles", "globals.css"),
+        join25(baseDir, "styles", "globals.css")
+      ];
+      for (const cssPath of cssFiles) {
+        const cssExists = await checkPathExists(cssPath);
+        if (cssExists) {
+          const cssContent = await readFileContent(cssPath);
+          if (!cssContent.includes("@layer base")) {
+            const shadcnVariables = getShadcnCSSVariables2();
+            const updatedCss = cssContent + "\n\n" + shadcnVariables;
+            await writer.writeFile(cssPath, updatedCss, { backup: true });
+            files.push({
+              type: "modify",
+              path: normalizePath(cssPath),
+              content: updatedCss,
+              backup: true
+            });
+            logger.info(`Added Shadcn/ui CSS variables to ${cssPath}`);
+          }
+          break;
+        }
+      }
+      return {
+        files,
+        success: true,
+        message: "Shadcn/ui configured successfully for Next.js"
+      };
+    } catch (error) {
+      logger.error("Failed to configure Shadcn/ui:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to configure Shadcn/ui: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration Shadcn/ui
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("Shadcn/ui configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback Shadcn/ui configuration:", error);
+      throw error;
+    }
+  }
+};
+function getComponentsJsonContentNextjs(ctx) {
+  const hasSrcDir = ctx.srcDir && ctx.srcDir !== ".";
+  const prefix = hasSrcDir ? `${ctx.srcDir}/` : "";
+  const style = "new-york";
+  const tailwindConfig = "tailwind.config.js";
+  const tailwindCss = hasSrcDir ? `${ctx.srcDir}/app/globals.css` : "app/globals.css";
+  const components = `${prefix}components`;
+  const utils = `${prefix}lib/utils`;
+  return JSON.stringify(
+    {
+      $schema: "https://ui.shadcn.com/schema.json",
+      style,
+      rsc: true,
+      // React Server Components pour Next.js
+      tsx: ctx.typescript,
+      tailwind: {
+        config: tailwindConfig,
+        css: tailwindCss,
+        baseColor: "slate",
+        cssVariables: true,
+        prefix: ""
+      },
+      aliases: {
+        components,
+        utils,
+        ui: `${components}/ui`,
+        lib: `${prefix}lib`,
+        hooks: `${prefix}hooks`
+      }
+    },
+    null,
+    2
+  );
+}
+function getUtilsContentTS2() {
+  return `import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+/**
+ * Fonction utilitaire pour fusionner les classes TailwindCSS
+ * 
+ * Utilise clsx pour g\xE9rer les conditions et twMerge pour r\xE9soudre les conflits
+ * 
+ * @example
+ * \`\`\`tsx
+ * import { cn } from '@/lib/utils'
+ * 
+ * <div className={cn('px-2 py-1', isActive && 'bg-blue-500')} />
+ * \`\`\`
+ */
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`;
+}
+function getUtilsContentJS2() {
+  return `import { clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+/**
+ * Fonction utilitaire pour fusionner les classes TailwindCSS
+ * 
+ * Utilise clsx pour g\xE9rer les conditions et twMerge pour r\xE9soudre les conflits
+ * 
+ * @example
+ * \`\`\`jsx
+ * import { cn } from '@/lib/utils'
+ * 
+ * <div className={cn('px-2 py-1', isActive && 'bg-blue-500')} />
+ * \`\`\`
+ */
+export function cn(...inputs) {
+  return twMerge(clsx(inputs))
+}
+`;
+}
+function getCnFunctionTS2() {
+  return `import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`;
+}
+function getCnFunctionJS2() {
+  return `import { clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs) {
+  return twMerge(clsx(inputs))
+}
+`;
+}
+function getButtonContentTS4() {
+  return `import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '@/lib/utils'
+
+const buttonVariants = cva(
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+        outline:
+          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button'
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = 'Button'
+
+export { Button, buttonVariants }
+`;
+}
+function getButtonContentJS4() {
+  return `import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva } from 'class-variance-authority'
+
+import { cn } from '@/lib/utils'
+
+const buttonVariants = cva(
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+        outline:
+          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+)
+
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button'
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = 'Button'
+
+export { Button, buttonVariants }
+`;
+}
+function getShadcnCSSVariables2() {
+  return `@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+}
+
+// src/plugins/ui/react-hot-toast-nextjs.ts
+import { join as join26 } from "path";
+var reactHotToastNextjsPlugin = {
+  name: "react-hot-toast-nextjs",
+  displayName: "React Hot Toast (Next.js)",
+  description: "Notifications toast pour Next.js",
+  category: "ui" /* UI */,
+  version: "^2.4.1",
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si React Hot Toast est déjà installé
+   */
+  detect: (ctx) => {
+    return ctx.dependencies["react-hot-toast"] !== void 0 || ctx.devDependencies["react-hot-toast"] !== void 0;
+  },
+  /**
+   * Installe React Hot Toast
+   */
+  async install(ctx) {
+    if (this.detect?.(ctx)) {
+      logger.info("React Hot Toast is already installed");
+      return {
+        packages: {},
+        success: true,
+        message: "React Hot Toast already installed"
+      };
+    }
+    try {
+      const packages = ["react-hot-toast"];
+      await installPackages(packages, {
+        dev: false,
+        packageManager: ctx.packageManager,
+        projectRoot: ctx.projectRoot,
+        exact: false,
+        silent: false
+      });
+      logger.info("Successfully installed React Hot Toast");
+      return {
+        packages: {
+          dependencies: packages
+        },
+        success: true,
+        message: `Installed React Hot Toast: ${packages.join(", ")}`
+      };
+    } catch (error) {
+      logger.error("Failed to install React Hot Toast:", error);
+      return {
+        packages: {},
+        success: false,
+        message: `Failed to install React Hot Toast: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Configure React Hot Toast dans le projet Next.js
+   *
+   * Ajoute :
+   * - Toaster dans app/layout.tsx (App Router) ou pages/_app.tsx (Pages Router)
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "tsx" : "jsx";
+    const hasSrcDir = ctx.srcDir && ctx.srcDir !== ".";
+    try {
+      const isAppRouter = ctx.nextjsRouter === "app" || ctx.nextjsRouter === void 0 && await checkPathExists(
+        hasSrcDir ? join26(projectRoot, ctx.srcDir, "app") : join26(projectRoot, "app")
+      );
+      const appLayoutPath = hasSrcDir ? join26(projectRoot, ctx.srcDir, "app", `layout.${extension}`) : join26(projectRoot, "app", `layout.${extension}`);
+      const pagesAppPath = hasSrcDir ? join26(projectRoot, ctx.srcDir, "pages", `_app.${extension}`) : join26(projectRoot, "pages", `_app.${extension}`);
+      let targetPath = null;
+      let targetContent = "";
+      if (isAppRouter) {
+        const appLayoutExists = await checkPathExists(appLayoutPath);
+        if (appLayoutExists) {
+          targetPath = appLayoutPath;
+          targetContent = await readFileContent(appLayoutPath);
+        } else {
+          targetPath = appLayoutPath;
+          targetContent = ctx.typescript ? getAppLayoutContentTS() : getAppLayoutContentJS();
+        }
+      } else {
+        const pagesAppExists = await checkPathExists(pagesAppPath);
+        if (pagesAppExists) {
+          targetPath = pagesAppPath;
+          targetContent = await readFileContent(pagesAppPath);
+        } else {
+          targetPath = pagesAppPath;
+          targetContent = ctx.typescript ? getPagesAppContentTS() : getPagesAppContentJS();
+        }
+      }
+      if (targetPath) {
+        const hasImport = targetContent.includes("react-hot-toast");
+        const hasToaster = targetContent.includes("<Toaster />");
+        if (!hasImport || !hasToaster) {
+          const updatedContent = injectToaster2(
+            targetContent,
+            ctx.typescript,
+            isAppRouter
+          );
+          await writer.writeFile(targetPath, updatedContent, { backup: true });
+          files.push({
+            type: targetContent ? "modify" : "create",
+            path: normalizePath(targetPath),
+            content: updatedContent,
+            backup: targetContent ? true : false
+          });
+          logger.info(`Added Toaster to ${targetPath}`);
+        } else {
+          logger.warn("Toaster already configured");
+        }
+      }
+      return {
+        files,
+        success: true,
+        message: "React Hot Toast configured successfully for Next.js"
+      };
+    } catch (error) {
+      logger.error("Failed to configure React Hot Toast:", error);
+      await backupManager.restoreAll();
+      return {
+        files,
+        success: false,
+        message: `Failed to configure React Hot Toast: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration React Hot Toast
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("React Hot Toast configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback React Hot Toast configuration:", error);
+      throw error;
+    }
+  }
+};
+function injectToaster2(content, _isTypeScript, isAppRouter) {
+  if (content.includes("<Toaster />") || content.includes("<Toaster/>")) {
+    return content;
+  }
+  let modifiedContent = content;
+  if (!content.includes("react-hot-toast")) {
+    const importStatement = "import { Toaster } from 'react-hot-toast'\n";
+    const lines = modifiedContent.split("\n");
+    let lastImportIndex = -1;
+    for (let i = 0; i < lines.length; i++) {
+      if (lines[i]?.startsWith("import ")) {
+        lastImportIndex = i;
+      }
+    }
+    if (lastImportIndex >= 0) {
+      lines.splice(lastImportIndex + 1, 0, importStatement.trim());
+      modifiedContent = lines.join("\n");
+    } else {
+      modifiedContent = importStatement + modifiedContent;
+    }
+  }
+  if (isAppRouter) {
+    if (modifiedContent.includes("return (")) {
+      modifiedContent = modifiedContent.replace(
+        /(return\s*\([\s\S]*?<body[^>]*>)/,
+        (match) => `${match}
+        <Toaster />`
+      );
+    } else if (modifiedContent.includes("<body")) {
+      modifiedContent = modifiedContent.replace(
+        /(<body[^>]*>)/,
+        (match) => `${match}
+        <Toaster />`
+      );
+    } else {
+      modifiedContent = modifiedContent.replace(
+        /(\s*)(<\/[^>]+>\s*)$/,
+        (match, indent) => `${indent}<Toaster />
+${match}`
+      );
+    }
+  } else {
+    if (modifiedContent.includes("return (")) {
+      modifiedContent = modifiedContent.replace(
+        /(return\s*\([\s\S]*?<)/,
+        (match) => `${match}<Toaster />
+      `
+      );
+    } else {
+      modifiedContent = modifiedContent.replace(
+        /(\s*)(<\/[^>]+>\s*)$/,
+        (match, indent) => `${indent}<Toaster />
+${match}`
+      );
+    }
+  }
+  return modifiedContent;
+}
+function getAppLayoutContentTS() {
+  return `import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import { Toaster } from 'react-hot-toast'
+import './globals.css'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        <Toaster />
+        {children}
+      </body>
+    </html>
+  )
+}
+`;
+}
+function getAppLayoutContentJS() {
+  return `import { Inter } from 'next/font/google'
+import { Toaster } from 'react-hot-toast'
+import './globals.css'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        <Toaster />
+        {children}
+      </body>
+    </html>
+  )
+}
+`;
+}
+function getPagesAppContentTS() {
+  return `import type { AppProps } from 'next/app'
+import { Toaster } from 'react-hot-toast'
+import '../styles/globals.css'
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <>
+      <Toaster />
+      <Component {...pageProps} />
+    </>
+  )
+}
+`;
+}
+function getPagesAppContentJS() {
+  return `import { Toaster } from 'react-hot-toast'
+import '../styles/globals.css'
+
+export default function App({ Component, pageProps }) {
+  return (
+    <>
+      <Toaster />
+      <Component {...pageProps} />
+    </>
+  )
+}
+`;
+}
+
+// src/plugins/nextjs/image-optimization.ts
+import { join as join27 } from "path";
+var nextjsImageOptimizationPlugin = {
+  name: "nextjs-image-optimization",
+  displayName: "Next.js Image Optimization",
+  description: "Configuration de l'optimisation d'images pour Next.js",
+  category: "tooling" /* TOOLING */,
+  version: void 0,
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si l'optimisation d'images est déjà configurée
+   */
+  detect: (ctx) => {
+    return ctx.dependencies["next"] !== void 0 || ctx.devDependencies["next"] !== void 0;
+  },
+  /**
+   * Pas d'installation nécessaire, Next.js inclut déjà l'optimisation d'images
+   */
+  install(_ctx) {
+    logger.info(
+      "Image optimization is built into Next.js, no installation needed"
+    );
+    return Promise.resolve({
+      packages: {},
+      success: true,
+      message: "Image optimization is built into Next.js"
+    });
+  },
+  /**
+   * Configure l'optimisation d'images dans next.config.js
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "ts" : "js";
+    try {
+      const nextConfigPath = join27(projectRoot, `next.config.${extension}`);
+      const nextConfigExists = await checkPathExists(nextConfigPath);
+      if (nextConfigExists) {
+        const existingContent = await readFileContent(nextConfigPath);
+        const updatedContent = injectImageConfig(existingContent, extension);
+        if (updatedContent !== existingContent) {
+          await writer.writeFile(nextConfigPath, updatedContent, {
+            backup: true
+          });
+          files.push({
+            type: "modify",
+            path: normalizePath(nextConfigPath),
+            content: updatedContent,
+            backup: true
+          });
+          logger.info(
+            `Updated next.config.${extension} with image optimization`
+          );
+        }
+      } else {
+        const configContent = getNextConfigContent(extension);
+        await writer.createFile(nextConfigPath, configContent);
+        files.push({
+          type: "create",
+          path: normalizePath(nextConfigPath),
+          content: configContent,
+          backup: false
+        });
+        logger.info(`Created next.config.${extension} with image optimization`);
+      }
+      return {
+        files,
+        success: true,
+        message: "Next.js image optimization configured successfully"
+      };
+    } catch (error) {
+      logger.error("Failed to configure image optimization:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to configure image optimization: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("Image optimization configuration rolled back");
+    } catch (error) {
+      logger.error(
+        "Failed to rollback image optimization configuration:",
+        error
+      );
+      throw error;
+    }
+  }
+};
+function getNextConfigContent(extension) {
+  if (extension === "ts") {
+    return `import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },
+}
+
+export default nextConfig
+`;
+  }
+  return `/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },
+}
+
+module.exports = nextConfig
+`;
+}
+function injectImageConfig(content, _extension) {
+  if (content.includes("images:") && content.includes("remotePatterns")) {
+    logger.warn("Image configuration already exists in next.config");
+    return content;
+  }
+  let modifiedContent = content;
+  const configRegex = /(const\s+nextConfig\s*=\s*\{|nextConfig\s*=\s*\{)([\s\S]*?)(\})/m;
+  if (configRegex.test(modifiedContent)) {
+    modifiedContent = modifiedContent.replace(
+      configRegex,
+      (match, start, configContent) => {
+        if (configContent.includes("images:")) {
+          return match;
+        }
+        const trimmed = configContent.trim();
+        const hasTrailingComma = trimmed.endsWith(",");
+        const imageConfig = `  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },${hasTrailingComma ? "" : "\n"}`;
+        return `${start}${trimmed}${hasTrailingComma ? "" : ","}
+${imageConfig}
+}`;
+      }
+    );
+  } else {
+    const imageConfig = `
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },`;
+    modifiedContent = modifiedContent.replace(
+      /(\}\s*)$/,
+      (match) => `${imageConfig}
+${match}`
+    );
+  }
+  return modifiedContent;
+}
+
+// src/plugins/nextjs/font-optimization.ts
+import { join as join28 } from "path";
+var nextjsFontOptimizationPlugin = {
+  name: "nextjs-font-optimization",
+  displayName: "Next.js Font Optimization",
+  description: "Configuration de l'optimisation de polices avec next/font",
+  category: "tooling" /* TOOLING */,
+  version: void 0,
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si l'optimisation de polices est déjà configurée
+   */
+  detect: (ctx) => {
+    return ctx.dependencies["next"] !== void 0 || ctx.devDependencies["next"] !== void 0;
+  },
+  /**
+   * Pas d'installation nécessaire, next/font est inclus dans Next.js
+   */
+  install(_ctx) {
+    logger.info(
+      "Font optimization is built into Next.js, no installation needed"
+    );
+    return Promise.resolve({
+      packages: {},
+      success: true,
+      message: "Font optimization is built into Next.js"
+    });
+  },
+  /**
+   * Configure l'optimisation de polices dans app/layout.tsx ou pages/_app.tsx
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "tsx" : "jsx";
+    const hasSrcDir = ctx.srcDir && ctx.srcDir !== ".";
+    try {
+      const isAppRouter = ctx.nextjsRouter === "app" || ctx.nextjsRouter === void 0 && await checkPathExists(
+        hasSrcDir ? join28(projectRoot, ctx.srcDir, "app") : join28(projectRoot, "app")
+      );
+      const appLayoutPath = hasSrcDir ? join28(projectRoot, ctx.srcDir, "app", `layout.${extension}`) : join28(projectRoot, "app", `layout.${extension}`);
+      const pagesAppPath = hasSrcDir ? join28(projectRoot, ctx.srcDir, "pages", `_app.${extension}`) : join28(projectRoot, "pages", `_app.${extension}`);
+      let targetPath = null;
+      let targetContent = "";
+      if (isAppRouter) {
+        const appLayoutExists = await checkPathExists(appLayoutPath);
+        if (appLayoutExists) {
+          targetPath = appLayoutPath;
+          targetContent = await readFileContent(appLayoutPath);
+        }
+      } else {
+        const pagesAppExists = await checkPathExists(pagesAppPath);
+        if (pagesAppExists) {
+          targetPath = pagesAppPath;
+          targetContent = await readFileContent(pagesAppPath);
+        }
+      }
+      if (targetPath && targetContent) {
+        const hasFontImport = targetContent.includes("from 'next/font");
+        const hasGoogleFont = targetContent.includes("Inter") || targetContent.includes("Roboto");
+        if (!hasFontImport || !hasGoogleFont) {
+          const updatedContent = injectFontOptimization(
+            targetContent,
+            ctx.typescript,
+            isAppRouter
+          );
+          await writer.writeFile(targetPath, updatedContent, { backup: true });
+          files.push({
+            type: "modify",
+            path: normalizePath(targetPath),
+            content: updatedContent,
+            backup: true
+          });
+          logger.info(`Added font optimization to ${targetPath}`);
+        } else {
+          logger.warn("Font optimization already configured");
+        }
+      } else {
+        logger.warn("Could not find layout or _app file to configure fonts");
+      }
+      return {
+        files,
+        success: true,
+        message: "Next.js font optimization configured successfully"
+      };
+    } catch (error) {
+      logger.error("Failed to configure font optimization:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to configure font optimization: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("Font optimization configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback font optimization configuration:", error);
+      throw error;
+    }
+  }
+};
+function injectFontOptimization(content, _isTypeScript, isAppRouter) {
+  if (content.includes("from 'next/font") || content.includes('from "next/font')) {
+    return content;
+  }
+  let modifiedContent = content;
+  const fontImport = "import { Inter } from 'next/font/google'\n";
+  const lines = modifiedContent.split("\n");
+  let lastImportIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (lines[i]?.startsWith("import ")) {
+      lastImportIndex = i;
+    }
+  }
+  if (lastImportIndex >= 0) {
+    lines.splice(lastImportIndex + 1, 0, fontImport.trim());
+    modifiedContent = lines.join("\n");
+  } else {
+    modifiedContent = fontImport + modifiedContent;
+  }
+  const fontConfig = isAppRouter ? `
+const inter = Inter({ subsets: ['latin'] })
+` : `
+const inter = Inter({ subsets: ['latin'] })
+`;
+  modifiedContent = modifiedContent.replace(
+    /(import[^;]+;[\s\S]*?)(\n)/,
+    (match) => `${match}${fontConfig}`
+  );
+  if (isAppRouter) {
+    if (modifiedContent.includes("<body")) {
+      modifiedContent = modifiedContent.replace(
+        /<body([^>]*)>/,
+        (match, attrs) => {
+          if (attrs.includes("className")) {
+            return match;
+          }
+          return `<body${attrs} className={inter.className}>`;
+        }
+      );
+    }
+  } else {
+    if (modifiedContent.includes("return (")) {
+      modifiedContent = modifiedContent.replace(
+        /(return\s*\([\s\S]*?<div[^>]*)/,
+        (match) => {
+          if (match.includes("className")) {
+            return match;
+          }
+          return `${match} className={inter.className}`;
+        }
+      );
+    }
+  }
+  return modifiedContent;
+}
+
+// src/plugins/nextjs/middleware.ts
+import { join as join29 } from "path";
+var nextjsMiddlewarePlugin = {
+  name: "nextjs-middleware",
+  displayName: "Next.js Middleware",
+  description: "Template de middleware pour Next.js",
+  category: "tooling" /* TOOLING */,
+  version: void 0,
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si le middleware existe déjà
+   */
+  detect: (_ctx) => {
+    return false;
+  },
+  /**
+   * Pas d'installation nécessaire
+   */
+  install(_ctx) {
+    logger.info("Middleware is a file, no installation needed");
+    return Promise.resolve({
+      packages: {},
+      success: true,
+      message: "Middleware is a file, no installation needed"
+    });
+  },
+  /**
+   * Crée le fichier middleware.ts/js à la racine du projet
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "ts" : "js";
+    try {
+      const middlewarePath = join29(projectRoot, `middleware.${extension}`);
+      const middlewareExists = await checkPathExists(middlewarePath);
+      if (middlewareExists) {
+        logger.warn("middleware.ts already exists, skipping creation");
+      } else {
+        const middlewareContent = getMiddlewareContent(extension);
+        await writer.createFile(middlewarePath, middlewareContent);
+        files.push({
+          type: "create",
+          path: normalizePath(middlewarePath),
+          content: middlewareContent,
+          backup: false
+        });
+        logger.info(`Created middleware.${extension}`);
+      }
+      return {
+        files,
+        success: true,
+        message: "Next.js middleware created successfully"
+      };
+    } catch (error) {
+      logger.error("Failed to create middleware:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to create middleware: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("Middleware configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback middleware configuration:", error);
+      throw error;
+    }
+  }
+};
+function getMiddlewareContent(extension) {
+  if (extension === "ts") {
+    return `import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+export function middleware(request: NextRequest) {
+  // Ajoutez votre logique de middleware ici
+  // Exemple : redirection, authentification, etc.
+  
+  return NextResponse.next()
+}
+
+// Configurez les chemins sur lesquels le middleware s'applique
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    '/((?!api|_next/static|_next/image|favicon.ico).*)',
+  ],
+}
+`;
+  }
+  return `import { NextResponse } from 'next/server'
+
+export function middleware(request) {
+  // Ajoutez votre logique de middleware ici
+  // Exemple : redirection, authentification, etc.
+  
+  return NextResponse.next()
+}
+
+// Configurez les chemins sur lesquels le middleware s'applique
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    '/((?!api|_next/static|_next/image|favicon.ico).*)',
+  ],
+}
+`;
+}
+
+// src/plugins/nextjs/api-routes.ts
+import { join as join30 } from "path";
+var nextjsApiRoutesPlugin = {
+  name: "nextjs-api-routes",
+  displayName: "Next.js API Routes",
+  description: "Template d'API routes pour Next.js",
+  category: "tooling" /* TOOLING */,
+  version: void 0,
+  frameworks: ["nextjs"],
+  /**
+   * Détecte si des API routes existent déjà
+   */
+  detect: (_ctx) => {
+    return false;
+  },
+  /**
+   * Pas d'installation nécessaire
+   */
+  install(_ctx) {
+    logger.info("API routes are files, no installation needed");
+    return Promise.resolve({
+      packages: {},
+      success: true,
+      message: "API routes are files, no installation needed"
+    });
+  },
+  /**
+   * Crée un exemple d'API route
+   */
+  async configure(ctx) {
+    const backupManager = new BackupManager();
+    const writer = new ConfigWriter(backupManager);
+    const files = [];
+    const projectRoot = ctx.projectRoot;
+    const extension = ctx.typescript ? "ts" : "js";
+    const hasSrcDir = ctx.srcDir && ctx.srcDir !== ".";
+    try {
+      const appApiPath = hasSrcDir ? join30(
+        projectRoot,
+        ctx.srcDir,
+        "app",
+        "api",
+        "hello",
+        `route.${extension}`
+      ) : join30(projectRoot, "app", "api", "hello", `route.${extension}`);
+      const pagesApiPath = hasSrcDir ? join30(projectRoot, ctx.srcDir, "pages", "api", `hello.${extension}`) : join30(projectRoot, "pages", "api", `hello.${extension}`);
+      const appApiExists = await checkPathExists(appApiPath);
+      const pagesApiExists = await checkPathExists(pagesApiPath);
+      if (appApiExists || pagesApiExists) {
+        logger.warn("API route already exists");
+        return {
+          files: [],
+          success: true,
+          message: "API route already exists"
+        };
+      }
+      const isAppRouter = ctx.nextjsRouter === "app" || ctx.nextjsRouter === void 0 && await checkPathExists(
+        hasSrcDir ? join30(projectRoot, ctx.srcDir, "app") : join30(projectRoot, "app")
+      );
+      let targetPath;
+      if (isAppRouter) {
+        targetPath = appApiPath;
+        await ensureDirectory(
+          join30(projectRoot, hasSrcDir ? ctx.srcDir : ".", "app", "api", "hello")
+        );
+      } else {
+        targetPath = pagesApiPath;
+        await ensureDirectory(
+          join30(projectRoot, hasSrcDir ? ctx.srcDir : ".", "pages", "api")
+        );
+      }
+      const apiContent = getApiRouteContent(extension, isAppRouter);
+      await writer.createFile(targetPath, apiContent);
+      files.push({
+        type: "create",
+        path: normalizePath(targetPath),
+        content: apiContent,
+        backup: false
+      });
+      logger.info(`Created API route: ${targetPath}`);
+      return {
+        files,
+        success: true,
+        message: "Next.js API route created successfully"
+      };
+    } catch (error) {
+      logger.error("Failed to create API route:", error);
+      return {
+        files,
+        success: false,
+        message: `Failed to create API route: ${error instanceof Error ? error.message : String(error)}`
+      };
+    }
+  },
+  /**
+   * Rollback de la configuration
+   */
+  async rollback(_ctx) {
+    const backupManager = new BackupManager();
+    try {
+      await backupManager.restoreAll();
+      logger.info("API route configuration rolled back");
+    } catch (error) {
+      logger.error("Failed to rollback API route configuration:", error);
+      throw error;
+    }
+  }
+};
+function getApiRouteContent(extension, isAppRouter) {
+  if (isAppRouter) {
+    if (extension === "ts") {
+      return `import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+export async function GET(request: NextRequest) {
+  return NextResponse.json({ message: 'Hello from Next.js API!' })
+}
+
+export async function POST(request: NextRequest) {
+  const body = await request.json()
+  return NextResponse.json({ message: 'POST request received', data: body })
+}
+`;
+    }
+    return `import { NextResponse } from 'next/server'
+
+export async function GET(request) {
+  return NextResponse.json({ message: 'Hello from Next.js API!' })
+}
+
+export async function POST(request) {
+  const body = await request.json()
+  return NextResponse.json({ message: 'POST request received', data: body })
+}
+`;
+  } else {
+    if (extension === "ts") {
+      return `import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+  message: string
+}
+
+export default function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<Data>
+) {
+  if (req.method === 'GET') {
+    res.status(200).json({ message: 'Hello from Next.js API!' })
+  } else if (req.method === 'POST') {
+    res.status(200).json({ message: 'POST request received', data: req.body })
+  } else {
+    res.setHeader('Allow', ['GET', 'POST'])
+    res.status(405).end(\`Method \${req.method} Not Allowed\`)
+  }
+}
+`;
+    }
+    return `export default function handler(req, res) {
+  if (req.method === 'GET') {
+    res.status(200).json({ message: 'Hello from Next.js API!' })
+  } else if (req.method === 'POST') {
+    res.status(200).json({ message: 'POST request received', data: req.body })
+  } else {
+    res.setHeader('Allow', ['GET', 'POST'])
+    res.status(405).end(\`Method \${req.method} Not Allowed\`)
+  }
+}
+`;
+  }
+}
+
 // src/plugins/registry.ts
 var pluginRegistry = [
   // Routing
@@ -8097,6 +9752,7 @@ var pluginRegistry = [
   tanstackQueryPlugin,
   // CSS
   tailwindcssPlugin,
+  tailwindcssNextjsPlugin,
   styledComponentsPlugin,
   emotionPlugin,
   reactBootstrapPlugin,
@@ -8105,9 +9761,11 @@ var pluginRegistry = [
   zodPlugin,
   // UI
   shadcnUiPlugin,
+  shadcnUiNextjsPlugin,
   radixUiPlugin,
   reactIconsPlugin,
   reactHotToastPlugin,
+  reactHotToastNextjsPlugin,
   framerMotionPlugin,
   // Tooling
   eslintPlugin,
@@ -8115,7 +9773,12 @@ var pluginRegistry = [
   huskyPlugin,
   dateFnsPlugin,
   // Testing
-  reactTestingLibraryPlugin
+  reactTestingLibraryPlugin,
+  // Next.js specific
+  nextjsImageOptimizationPlugin,
+  nextjsFontOptimizationPlugin,
+  nextjsMiddlewarePlugin,
+  nextjsApiRoutesPlugin
   // etc.
 ];
 function validatePlugin(plugin) {