@lastbrain/app 0.1.11 → 0.1.12

package/dist/scripts/init-app.js

@@ -240,8 +240,8 @@ async function addDependencies(targetDir, useHeroUI, withAuth, selectedModules =
     }
     // DevDependencies
     const requiredDevDeps = {
-        tailwindcss: "^3.4.0",
-        postcss: "^8.4.0",
+        "@tailwindcss/postcss": "^4.0.0",
+        tailwindcss: "^4.0.0",
         autoprefixer: "^10.4.20",
         typescript: "^5.4.0",
         "@types/node": "^20.0.0",
@@ -349,9 +349,7 @@ export default function RootLayout({ children }: PropsWithChildren<{}>) {
     // Créer globals.css
     const globalsPath = path.join(stylesDir, "globals.css");
     if (!fs.existsSync(globalsPath) || force) {
-        const globalsContent = `@tailwind base;
-@tailwind components;
-@tailwind utilities;
+        const globalsContent = `@import "tailwindcss";
 `;
         await fs.writeFile(globalsPath, globalsContent);
         console.log(chalk.green("✓ styles/globals.css créé"));
@@ -624,12 +622,14 @@ export default nextConfig;
 
 /** @type {import('tailwindcss').Config} */
 const config = {
-  content: [
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
-    "./node_modules/@heroui/*/src/**/*.{js,jsx,ts,tsx}"
-  ],
+  content: {
+    files: [
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
+      "./node_modules/@heroui/*/src/**/*.{js,jsx,ts,tsx}"
+    ]
+  },
   theme: {
     extend: {},
   },
@@ -642,12 +642,15 @@ export default config;
         }
         else {
             // Configuration Tailwind CSS uniquement
-            tailwindConfig = `module.exports = {
-  content: [
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
-  ],
+            tailwindConfig = `/** @type {import('tailwindcss').Config} */
+const config = {
+  content: {
+    files: [
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
+    ]
+  },
   theme: {
     extend: {
       colors: {
@@ -668,7 +671,9 @@ export default config;
     },
   },
   plugins: [],
-};
+}
+
+export default config;
 `;
         }
         await fs.writeFile(tailwindConfigPath, tailwindConfig);
@@ -679,8 +684,7 @@ export default config;
     if (!fs.existsSync(postcssConfigPath) || force) {
         const postcssConfig = `export default {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 };
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/app",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Framework modulaire Next.js avec CLI et système de modules",
   "private": false,
   "type": "module",

package/src/scripts/init-app.ts

@@ -306,8 +306,8 @@ async function addDependencies(
 
   // DevDependencies
   const requiredDevDeps = {
-    tailwindcss: "^3.4.0",
-    postcss: "^8.4.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    tailwindcss: "^4.0.0",
     autoprefixer: "^10.4.20",
     typescript: "^5.4.0",
     "@types/node": "^20.0.0",
@@ -430,9 +430,7 @@ export default function RootLayout({ children }: PropsWithChildren<{}>) {
   // Créer globals.css
   const globalsPath = path.join(stylesDir, "globals.css");
   if (!fs.existsSync(globalsPath) || force) {
-    const globalsContent = `@tailwind base;
-@tailwind components;
-@tailwind utilities;
+    const globalsContent = `@import "tailwindcss";
 `;
     await fs.writeFile(globalsPath, globalsContent);
     console.log(chalk.green("✓ styles/globals.css créé"));
@@ -740,12 +738,14 @@ export default nextConfig;
 
 /** @type {import('tailwindcss').Config} */
 const config = {
-  content: [
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
-    "./node_modules/@heroui/*/src/**/*.{js,jsx,ts,tsx}"
-  ],
+  content: {
+    files: [
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
+      "./node_modules/@heroui/*/src/**/*.{js,jsx,ts,tsx}"
+    ]
+  },
   theme: {
     extend: {},
   },
@@ -757,12 +757,15 @@ export default config;
 `;
     } else {
       // Configuration Tailwind CSS uniquement
-      tailwindConfig = `module.exports = {
-  content: [
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
-  ],
+      tailwindConfig = `/** @type {import('tailwindcss').Config} */
+const config = {
+  content: {
+    files: [
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./node_modules/@lastbrain/*/src/**/*.{js,jsx,ts,tsx}",
+    ]
+  },
   theme: {
     extend: {
       colors: {
@@ -783,7 +786,9 @@ export default config;
     },
   },
   plugins: [],
-};
+}
+
+export default config;
 `;
     }
 
@@ -796,8 +801,7 @@ export default config;
   if (!fs.existsSync(postcssConfigPath) || force) {
     const postcssConfig = `export default {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 };
 `;