@lastbrain/app 0.1.12 → 0.1.14

package/dist/templates/SimpleDocPage.js

@@ -18,11 +18,11 @@ export function SimpleDocPage() {
                                         const key = Array.from(keys)[0];
                                         if (key)
                                             scrollToSection(key);
-                                    }, children: [_jsx(ListboxItem, { children: "Introduction" }, "intro"), _jsx(ListboxItem, { children: "D\u00E9marrage Rapide" }, "quickstart"), _jsx(ListboxItem, { children: "Modules" }, "modules"), _jsx(ListboxItem, { children: "Base de Donn\u00E9es" }, "database"), _jsx(ListboxItem, { children: "D\u00E9veloppement" }, "development"), _jsx(ListboxItem, { children: "Routes Prot\u00E9g\u00E9es" }, "routes"), _jsx(ListboxItem, { children: "Compte Admin" }, "admin"), _jsx(ListboxItem, { children: "Commandes CLI" }, "cli"), _jsx(ListboxItem, { children: "Workflow" }, "workflow")] }) })] }) }), _jsxs("main", { className: "flex-1 space-y-8", children: [_jsxs("section", { id: "intro", children: [_jsx("h1", { className: "text-4xl font-bold mb-4 bg-linear-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", children: "Documentation LastBrain" }), _jsx("p", { className: "text-xl text-slate-600 dark:text-slate-400 mb-6", children: "Framework modulaire pour cr\u00E9er rapidement des applications Next.js avec syst\u00E8me de modules, authentification et base de donn\u00E9es." }), _jsx(Card, { children: _jsx(CardBody, { children: _jsxs("ul", { className: "space-y-2 text-slate-700 dark:text-slate-300", children: [_jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "CLI int\u00E9gr\u00E9" }), " - Cr\u00E9ez et g\u00E9rez vos applications en ligne de commande"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Syst\u00E8me de modules" }), " - Architecture modulaire extensible"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "HeroUI" }), " - 58 composants UI modernes et accessibles"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "TypeScript" }), " - Typage strict pour une meilleure DX"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Supabase" }), " - Base de donn\u00E9es et authentification int\u00E9gr\u00E9es"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Hot reload" }), " - D\u00E9veloppement avec rechargement automatique"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Migrations" }), " - Gestion UP/DOWN des migrations SQL"] })] }) }) })] }), _jsx("section", { id: "quickstart", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDE80 D\u00E9marrage Rapide" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "1. Installation" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm install" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "2. Cr\u00E9er une application" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm create-app apps/my-app --heroui" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "3. D\u00E9marrer" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd apps/my-app" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm install" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm db:init" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build:modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm dev" })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: ["Votre application est maintenant disponible sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "http://localhost:3000" })] })] })] })] }) }), _jsx("section", { id: "modules", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCE6 Modules Disponibles" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "module-auth" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-3", children: "Authentification compl\u00E8te avec gestion des profils utilisateur, adresses et notifications." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module auth" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "module-ai" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-3", children: "G\u00E9n\u00E9ration IA (texte et images) avec syst\u00E8me de tokens et gestion des co\u00FBts." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module ai" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lister les modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain list-modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Supprimer un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain remove-module auth" }) })] })] })] }) }), _jsx("section", { id: "database", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDDC4\uFE0F Base de Donn\u00E9es" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Initialiser Supabase" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm db:init" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "D\u00E9marrer Supabase local" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase start" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Appliquer les migrations" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase migration up" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Synchroniser les migrations des modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm db:migrations:sync" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Acc\u00E9der au Studio Supabase" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: ["Une fois Supabase d\u00E9marr\u00E9, acc\u00E9dez au Studio sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "http://localhost:54323" })] })] })] })] }) }), _jsx("section", { id: "development", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDE80 D\u00E9veloppement" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lancer le serveur de d\u00E9veloppement" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm dev" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "G\u00E9n\u00E9rer les routes des modules" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: "\u00C0 ex\u00E9cuter apr\u00E8s avoir ajout\u00E9 ou modifi\u00E9 des modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm build:modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Build de production" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm build" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "D\u00E9velopper un module" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm dev" })] })] })] })] }) }), _jsx("section", { id: "routes", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCDD Routes Prot\u00E9g\u00E9es" }) }), _jsxs(CardBody, { className: "pt-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-4", children: "Le middleware prot\u00E8ge automatiquement vos routes selon ces r\u00E8gles :" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-blue-600 dark:text-blue-400", children: "/auth/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Authentification requise" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-purple-600 dark:text-purple-400", children: "/admin/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Superadmin uniquement" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-green-600 dark:text-green-400", children: "/docs/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Acc\u00E8s public" })] })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-4", children: ["Le middleware se trouve dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "middleware.ts" })] })] })] }) }), _jsx("section", { id: "admin", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDC64 Cr\u00E9er un Compte Administrateur" }) }), _jsx(CardBody, { className: "pt-4 space-y-4", children: _jsxs("ol", { className: "list-decimal list-inside space-y-4", children: [_jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Cr\u00E9er un compte" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: ["Allez sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/signup" }), " ", "et cr\u00E9ez votre compte"] })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Promouvoir en administrateur" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: "Ex\u00E9cutez cette requ\u00EAte SQL dans le Studio Supabase ou via psql :" }), _jsx("div", { className: "ml-6", children: _jsxs(Snippet, { symbol: "", color: "default", size: "sm", children: [_jsx("span", { children: `update auth.users` }), _jsx("span", { children: `
+                                    }, children: [_jsx(ListboxItem, { children: "Introduction" }, "intro"), _jsx(ListboxItem, { children: "D\u00E9marrage Rapide" }, "quickstart"), _jsx(ListboxItem, { children: "Modules" }, "modules"), _jsx(ListboxItem, { children: "Base de Donn\u00E9es" }, "database"), _jsx(ListboxItem, { children: "D\u00E9veloppement" }, "development"), _jsx(ListboxItem, { children: "Routes Prot\u00E9g\u00E9es" }, "routes"), _jsx(ListboxItem, { children: "Compte Admin" }, "admin"), _jsx(ListboxItem, { children: "Commandes CLI" }, "cli"), _jsx(ListboxItem, { children: "Workflow" }, "workflow")] }) })] }) }), _jsxs("main", { className: "flex-1 space-y-8", children: [_jsxs("section", { id: "intro", children: [_jsx("h1", { className: "text-4xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", children: "Documentation LastBrain" }), _jsx("p", { className: "text-xl text-slate-600 dark:text-slate-400 mb-6", children: "Framework modulaire pour cr\u00E9er rapidement des applications Next.js avec syst\u00E8me de modules, authentification et base de donn\u00E9es." }), _jsx(Card, { children: _jsx(CardBody, { children: _jsxs("ul", { className: "space-y-2 text-slate-700 dark:text-slate-300", children: [_jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "CLI int\u00E9gr\u00E9" }), " - Cr\u00E9ez et g\u00E9rez vos applications en ligne de commande"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Syst\u00E8me de modules" }), " - Architecture modulaire extensible"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "HeroUI" }), " - 58 composants UI modernes et accessibles"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "TypeScript" }), " - Typage strict pour une meilleure DX"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Supabase" }), " - Base de donn\u00E9es et authentification int\u00E9gr\u00E9es"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Hot reload" }), " - D\u00E9veloppement avec rechargement automatique"] }), _jsxs("li", { children: ["\u2705 ", _jsx("strong", { children: "Migrations" }), " - Gestion UP/DOWN des migrations SQL"] })] }) }) })] }), _jsx("section", { id: "quickstart", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDE80 D\u00E9marrage Rapide" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "1. Installation" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm install" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "2. Cr\u00E9er une application" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm create-app apps/my-app --heroui" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "3. D\u00E9marrer" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd apps/my-app" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm install" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm db:init" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build:modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm dev" })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: ["Votre application est maintenant disponible sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "http://localhost:3000" })] })] })] })] }) }), _jsx("section", { id: "modules", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCE6 Modules Disponibles" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "module-auth" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-3", children: "Authentification compl\u00E8te avec gestion des profils utilisateur, adresses et notifications." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module auth" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "module-ai" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-3", children: "G\u00E9n\u00E9ration IA (texte et images) avec syst\u00E8me de tokens et gestion des co\u00FBts." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module ai" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lister les modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain list-modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Supprimer un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain remove-module auth" }) })] })] })] }) }), _jsx("section", { id: "database", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDDC4\uFE0F Base de Donn\u00E9es" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Initialiser Supabase" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm db:init" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "D\u00E9marrer Supabase local" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase start" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Appliquer les migrations" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase migration up" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Synchroniser les migrations des modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm db:migrations:sync" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Acc\u00E9der au Studio Supabase" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: ["Une fois Supabase d\u00E9marr\u00E9, acc\u00E9dez au Studio sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "http://localhost:54323" })] })] })] })] }) }), _jsx("section", { id: "development", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDE80 D\u00E9veloppement" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lancer le serveur de d\u00E9veloppement" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm dev" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "G\u00E9n\u00E9rer les routes des modules" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: "\u00C0 ex\u00E9cuter apr\u00E8s avoir ajout\u00E9 ou modifi\u00E9 des modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm build:modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Build de production" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm build" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "D\u00E9velopper un module" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm dev" })] })] })] })] }) }), _jsx("section", { id: "routes", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCDD Routes Prot\u00E9g\u00E9es" }) }), _jsxs(CardBody, { className: "pt-4", children: [_jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-4", children: "Le middleware prot\u00E8ge automatiquement vos routes selon ces r\u00E8gles :" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-blue-600 dark:text-blue-400", children: "/auth/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Authentification requise" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-purple-600 dark:text-purple-400", children: "/admin/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Superadmin uniquement" })] }), _jsxs("div", { className: "p-3 bg-slate-50 dark:bg-slate-900 rounded", children: [_jsx("code", { className: "text-green-600 dark:text-green-400", children: "/docs/*" }), _jsx("span", { className: "ml-2", children: "\u2192 Acc\u00E8s public" })] })] }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-4", children: ["Le middleware se trouve dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "middleware.ts" })] })] })] }) }), _jsx("section", { id: "admin", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDC64 Cr\u00E9er un Compte Administrateur" }) }), _jsx(CardBody, { className: "pt-4 space-y-4", children: _jsxs("ol", { className: "list-decimal list-inside space-y-4", children: [_jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Cr\u00E9er un compte" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: ["Allez sur", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/signup" }), " ", "et cr\u00E9ez votre compte"] })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Promouvoir en administrateur" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 ml-6 mb-2", children: "Ex\u00E9cutez cette requ\u00EAte SQL dans le Studio Supabase ou via psql :" }), _jsx("div", { className: "ml-6", children: _jsxs(Snippet, { symbol: "", color: "default", size: "sm", children: [_jsx("span", { children: `update auth.users` }), _jsx("span", { children: `
 set raw_app_meta_data = jsonb_set(` }), _jsx("span", { children: `
   coalesce(raw_app_meta_data, '{}'::jsonb),` }), _jsx("span", { children: `
   '{roles}',` }), _jsx("span", { children: `
   '["admin"]'::jsonb` }), _jsx("span", { children: `
 )` }), _jsx("span", { children: `
-where email = 'votre@email.com';` })] }) })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Acc\u00E9der \u00E0 l'interface admin" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6", children: ["Vous pouvez maintenant acc\u00E9der \u00E0", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/admin" })] })] })] }) })] }) }), _jsx("section", { id: "cli", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDD27 Commandes CLI" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Cr\u00E9er une application" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm create-app apps/my-app --heroui" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Ajouter un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module [nom]" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Supprimer un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain remove-module [nom]" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lister les modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain list-modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Cr\u00E9er un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain create-module my-module" }) })] })] })] }) }), _jsx("section", { id: "workflow", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\u26A1 Workflow de D\u00E9veloppement" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "1. Modifier un module" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: ["\u00C9ditez les fichiers dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "packages/module-*/src" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "2. Compiler le module" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "3. R\u00E9g\u00E9n\u00E9rer les pages" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd apps/my-app" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build:modules" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "4. Appliquer les migrations" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase migration up" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "5. Tester" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm dev" }) })] })] })] }) }), _jsx("section", { id: "resources", children: _jsxs(Card, { className: "bg-linear-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800", children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCDA Resources Suppl\u00E9mentaires" }) }), _jsx(CardBody, { className: "pt-4", children: _jsxs("ul", { className: "space-y-2", children: [_jsxs("li", { children: ["\uD83D\uDCD6", " ", _jsx("a", { href: "/docs/CLI.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Documentation CLI compl\u00E8te" })] }), _jsxs("li", { children: ["\uD83D\uDD27", " ", _jsx("a", { href: "/docs/MODULES.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Guide de cr\u00E9ation de modules" })] }), _jsxs("li", { children: ["\uD83D\uDDC4\uFE0F", " ", _jsx("a", { href: "/docs/MIGRATIONS.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Syst\u00E8me de migrations" })] }), _jsxs("li", { children: ["\uD83C\uDFD7\uFE0F", " ", _jsx("a", { href: "/docs/MONOREPO_CLI_USAGE.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Architecture du monorepo" })] })] }) })] }) })] })] }) }));
+where email = 'votre@email.com';` })] }) })] }), _jsxs("li", { className: "text-lg", children: [_jsx("strong", { children: "Acc\u00E9der \u00E0 l'interface admin" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 ml-6", children: ["Vous pouvez maintenant acc\u00E9der \u00E0", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "/admin" })] })] })] }) })] }) }), _jsx("section", { id: "cli", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDD27 Commandes CLI" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Cr\u00E9er une application" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm create-app apps/my-app --heroui" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Ajouter un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain add-module [nom]" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Supprimer un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain remove-module [nom]" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Lister les modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain list-modules" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "Cr\u00E9er un module" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm lastbrain create-module my-module" }) })] })] })] }) }), _jsx("section", { id: "workflow", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\u26A1 Workflow de D\u00E9veloppement" }) }), _jsxs(CardBody, { className: "pt-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "1. Modifier un module" }), _jsxs("p", { className: "text-slate-600 dark:text-slate-400 mb-2", children: ["\u00C9ditez les fichiers dans", " ", _jsx("code", { className: "px-2 py-1 bg-slate-100 dark:bg-slate-800 rounded", children: "packages/module-*/src" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "2. Compiler le module" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd packages/module-auth" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "3. R\u00E9g\u00E9n\u00E9rer les pages" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "cd apps/my-app" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build:modules" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "4. Appliquer les migrations" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "supabase migration up" }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold mb-2", children: "5. Tester" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: _jsx("span", { children: "pnpm dev" }) })] })] })] }) }), _jsx("section", { id: "resources", children: _jsxs(Card, { className: "bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800", children: [_jsx(CardHeader, { className: "pb-0", children: _jsx("h2", { className: "text-3xl font-semibold", children: "\uD83D\uDCDA Resources Suppl\u00E9mentaires" }) }), _jsx(CardBody, { className: "pt-4", children: _jsxs("ul", { className: "space-y-2", children: [_jsxs("li", { children: ["\uD83D\uDCD6", " ", _jsx("a", { href: "/docs/CLI.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Documentation CLI compl\u00E8te" })] }), _jsxs("li", { children: ["\uD83D\uDD27", " ", _jsx("a", { href: "/docs/MODULES.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Guide de cr\u00E9ation de modules" })] }), _jsxs("li", { children: ["\uD83D\uDDC4\uFE0F", " ", _jsx("a", { href: "/docs/MIGRATIONS.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Syst\u00E8me de migrations" })] }), _jsxs("li", { children: ["\uD83C\uDFD7\uFE0F", " ", _jsx("a", { href: "/docs/MONOREPO_CLI_USAGE.md", className: "text-blue-600 dark:text-blue-400 hover:underline", children: "Architecture du monorepo" })] })] }) })] }) })] })] }) }));
 }

package/dist/templates/SimpleHomePage.js

@@ -3,5 +3,5 @@ import NextLink from "next/link";
 import { Button, Card, CardBody, CardHeader, Chip, Snippet, } from "@lastbrain/ui";
 import { Rocket, Package, Database, Code, Zap, Shield, ArrowRight, BookOpen, } from "lucide-react";
 export function SimpleHomePage({ showAuth }) {
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("section", { className: "relative overflow-hidden bg-linear-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20", children: [_jsx("div", { className: "absolute inset-0 bg-grid-slate-200/50 dark:bg-grid-slate-700/25 mask-[radial-gradient(ellipse_at_center,transparent_20%,black)]" }), _jsx("div", { className: "relative container mx-auto px-4 py-24 md:py-32", children: _jsxs("div", { className: "max-w-4xl mx-auto text-center", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 mb-8", children: [_jsx(Zap, { size: 16 }), _jsx("span", { className: "text-sm font-medium", children: "Framework modulaire Next.js" })] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold mb-6 bg-linear-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent", children: "Bienvenue sur LastBrain" }), _jsx("p", { className: "text-xl md:text-2xl text-slate-600 dark:text-slate-300 mb-12 max-w-2xl mx-auto", children: "Cr\u00E9ez des applications modernes avec une architecture modulaire, puissante et \u00E9volutive." }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [_jsx(NextLink, { href: "/docs", children: _jsx(Button, { size: "lg", color: "primary", endContent: _jsx(ArrowRight, { size: 20 }), className: "text-base font-medium", children: "Voir la documentation" }) }), showAuth && (_jsx(NextLink, { href: "/signup", children: _jsx(Button, { size: "lg", variant: "bordered", className: "text-base font-medium", children: "Cr\u00E9er un compte" }) }))] })] }) })] }), _jsx("section", { className: "py-20 bg-white dark:bg-slate-950", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-6xl mx-auto", children: [_jsxs("div", { className: "text-center mb-16", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4", children: "Tout ce dont vous avez besoin" }), _jsx("p", { className: "text-lg text-slate-600 dark:text-slate-400", children: "Une stack moderne pour d\u00E9marrer rapidement" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: [_jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-blue-100 dark:bg-blue-900/30", children: _jsx(Package, { className: "text-blue-600 dark:text-blue-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Modulaire" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Architecture bas\u00E9e sur des modules r\u00E9utilisables. Ajoutez ou retirez des fonctionnalit\u00E9s en une commande." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-purple-100 dark:bg-purple-900/30", children: _jsx(Database, { className: "text-purple-600 dark:text-purple-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Supabase" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Base de donn\u00E9es PostgreSQL, authentification et migrations automatiques. Tout en local pour le d\u00E9veloppement." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-green-100 dark:bg-green-900/30", children: _jsx(Zap, { className: "text-green-600 dark:text-green-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Rapide" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Next.js 15, React 19, Tailwind CSS v4. Hot reload et g\u00E9n\u00E9ration automatique des routes." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-orange-100 dark:bg-orange-900/30", children: _jsx(Code, { className: "text-orange-600 dark:text-orange-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "TypeScript" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "100% TypeScript avec types partag\u00E9s entre frontend et backend. Monorepo pnpm pour une gestion optimale." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-pink-100 dark:bg-pink-900/30", children: _jsx(Shield, { className: "text-pink-600 dark:text-pink-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "S\u00E9curis\u00E9" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Middleware d'authentification automatique. Routes prot\u00E9g\u00E9es pour /auth et /admin configur\u00E9es par d\u00E9faut." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-cyan-100 dark:bg-cyan-900/30", children: _jsx(BookOpen, { className: "text-cyan-600 dark:text-cyan-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Document\u00E9" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Documentation compl\u00E8te et interactive. Chaque module documente automatiquement ses pages et APIs." }) })] })] })] }) }) }), _jsx("section", { className: "py-20 bg-slate-50 dark:bg-slate-900/50", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsxs("div", { className: "inline-flex items-center gap-2 mb-4", children: [_jsx(Rocket, { size: 24, className: "text-blue-600" }), _jsx("h2", { className: "text-3xl md:text-4xl font-bold", children: "D\u00E9marrez en 4 \u00E9tapes" })] }), _jsx("p", { className: "text-lg text-slate-600 dark:text-slate-400", children: "Votre application pr\u00EAte en quelques minutes" })] }), _jsxs("div", { className: "space-y-6", children: [_jsx(Card, { className: "border-l-4 border-l-blue-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center font-bold text-blue-600 dark:text-blue-400", children: "1" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Cr\u00E9ez votre application" }), _jsx(Snippet, { className: "w-full", children: "pnpx @lastbrain/create-app mon-app" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "L'assistant interactif vous guidera pour :" }), _jsxs("ul", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2 ml-4 space-y-1", children: [_jsx("li", { children: "\u2022 Choisir les modules \u00E0 installer (auth, ai...)" }), _jsx("li", { children: "\u2022 Cr\u00E9er la structure compl\u00E8te du projet" }), _jsx("li", { children: "\u2022 Installer automatiquement les d\u00E9pendances" }), _jsx("li", { children: "\u2022 G\u00E9n\u00E9rer les routes des modules" })] })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-purple-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center font-bold text-purple-600 dark:text-purple-400", children: "2" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Acc\u00E9dez au dossier" }), _jsx(Snippet, { className: "w-full", children: "cd mon-app" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "Entrez dans le dossier de votre nouvelle application" })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-orange-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center font-bold text-orange-600 dark:text-orange-400", children: "3" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Initialisez Supabase" }), _jsx(Snippet, { className: "w-full", children: "pnpm db:init" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "D\u00E9marre Supabase en local et applique toutes les migrations (base + modules)" })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-green-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center font-bold text-green-600 dark:text-green-400", children: "4" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Lancez le serveur" }), _jsx(Snippet, { className: "w-full", children: "pnpm dev" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: ["Ouvre l'application sur", " ", _jsx("strong", { children: "http://localhost:3000" })] })] })] }) }) }), _jsx(Card, { className: "bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-800", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-blue-100 dark:bg-blue-900/30 shrink-0", children: _jsx(Package, { className: "text-blue-600 dark:text-blue-400", size: 20 }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 text-blue-900 dark:text-blue-100", children: "Ajouter des modules plus tard" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Snippet, { className: "w-full", size: "sm", children: "pnpm lastbrain add-module auth" }), _jsx(Snippet, { className: "w-full", size: "sm", children: "pnpm build:modules" })] }), _jsxs("div", { className: "text-sm text-blue-700 dark:text-blue-300 mt-2", children: ["Modules disponibles :", " ", _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "auth" }), " ", _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "ai" })] })] })] }) }) })] })] }) }) }), _jsx("section", { className: "py-20 bg-linear-to-r from-blue-600 to-purple-600 text-white", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-3xl mx-auto text-center", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4", children: "Pr\u00EAt \u00E0 commencer ?" }), _jsx("p", { className: "text-lg text-blue-100 mb-8", children: "Explorez la documentation compl\u00E8te pour d\u00E9couvrir toutes les fonctionnalit\u00E9s" }), _jsx(NextLink, { href: "/docs", children: _jsx(Button, { size: "lg", className: "bg-white text-blue-600 hover:bg-blue-50 font-medium", endContent: _jsx(BookOpen, { size: 20 }), children: "Consulter la documentation" }) })] }) }) })] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("section", { className: "relative overflow-hidden bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20", children: [_jsx("div", { className: "absolute inset-0 bg-grid-slate-200/50 dark:bg-grid-slate-700/25 mask-[radial-gradient(ellipse_at_center,transparent_20%,black)]" }), _jsx("div", { className: "relative container mx-auto px-4 py-24 md:py-32", children: _jsxs("div", { className: "max-w-4xl mx-auto text-center", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 mb-8", children: [_jsx(Zap, { size: 16 }), _jsx("span", { className: "text-sm font-medium", children: "Framework modulaire Next.js" })] }), _jsx("h1", { className: "text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent", children: "Bienvenue sur LastBrain" }), _jsx("p", { className: "text-xl md:text-2xl text-slate-600 dark:text-slate-300 mb-12 max-w-2xl mx-auto", children: "Cr\u00E9ez des applications modernes avec une architecture modulaire, puissante et \u00E9volutive." }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [_jsx(NextLink, { href: "/docs", children: _jsx(Button, { size: "lg", color: "primary", endContent: _jsx(ArrowRight, { size: 20 }), className: "text-base font-medium", children: "Voir la documentation" }) }), showAuth && (_jsx(NextLink, { href: "/signup", children: _jsx(Button, { size: "lg", variant: "bordered", className: "text-base font-medium", children: "Cr\u00E9er un compte" }) }))] })] }) })] }), _jsx("section", { className: "py-20 bg-white dark:bg-slate-950", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-6xl mx-auto", children: [_jsxs("div", { className: "text-center mb-16", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4", children: "Tout ce dont vous avez besoin" }), _jsx("p", { className: "text-lg text-slate-600 dark:text-slate-400", children: "Une stack moderne pour d\u00E9marrer rapidement" })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: [_jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-blue-100 dark:bg-blue-900/30", children: _jsx(Package, { className: "text-blue-600 dark:text-blue-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Modulaire" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Architecture bas\u00E9e sur des modules r\u00E9utilisables. Ajoutez ou retirez des fonctionnalit\u00E9s en une commande." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-purple-100 dark:bg-purple-900/30", children: _jsx(Database, { className: "text-purple-600 dark:text-purple-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Supabase" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Base de donn\u00E9es PostgreSQL, authentification et migrations automatiques. Tout en local pour le d\u00E9veloppement." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-green-100 dark:bg-green-900/30", children: _jsx(Zap, { className: "text-green-600 dark:text-green-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Rapide" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Next.js 15, React 19, Tailwind CSS v4. Hot reload et g\u00E9n\u00E9ration automatique des routes." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-orange-100 dark:bg-orange-900/30", children: _jsx(Code, { className: "text-orange-600 dark:text-orange-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "TypeScript" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "100% TypeScript avec types partag\u00E9s entre frontend et backend. Monorepo pnpm pour une gestion optimale." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-pink-100 dark:bg-pink-900/30", children: _jsx(Shield, { className: "text-pink-600 dark:text-pink-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "S\u00E9curis\u00E9" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Middleware d'authentification automatique. Routes prot\u00E9g\u00E9es pour /auth et /admin configur\u00E9es par d\u00E9faut." }) })] }), _jsxs(Card, { className: "hover:shadow-xl transition-shadow", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-cyan-100 dark:bg-cyan-900/30", children: _jsx(BookOpen, { className: "text-cyan-600 dark:text-cyan-400", size: 24 }) }), _jsx("h3", { className: "text-xl font-semibold", children: "Document\u00E9" })] }) }), _jsx(CardBody, { className: "pt-2", children: _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Documentation compl\u00E8te et interactive. Chaque module documente automatiquement ses pages et APIs." }) })] })] })] }) }) }), _jsx("section", { className: "py-20 bg-slate-50 dark:bg-slate-900/50", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsxs("div", { className: "inline-flex items-center gap-2 mb-4", children: [_jsx(Rocket, { size: 24, className: "text-blue-600" }), _jsx("h2", { className: "text-3xl md:text-4xl font-bold", children: "D\u00E9marrez en 4 \u00E9tapes" })] }), _jsx("p", { className: "text-lg text-slate-600 dark:text-slate-400", children: "Votre application pr\u00EAte en quelques minutes" })] }), _jsxs("div", { className: "space-y-6", children: [_jsx(Card, { className: "border-l-4 border-l-blue-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center font-bold text-blue-600 dark:text-blue-400", children: "1" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Cr\u00E9ez votre application" }), _jsx(Snippet, { className: "w-full", children: "pnpx @lastbrain/create-app mon-app" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "L'assistant interactif vous guidera pour :" }), _jsxs("ul", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2 ml-4 space-y-1", children: [_jsx("li", { children: "\u2022 Choisir les modules \u00E0 installer (auth, ai...)" }), _jsx("li", { children: "\u2022 Cr\u00E9er la structure compl\u00E8te du projet" }), _jsx("li", { children: "\u2022 Installer automatiquement les d\u00E9pendances" }), _jsx("li", { children: "\u2022 G\u00E9n\u00E9rer les routes des modules" })] })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-purple-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center font-bold text-purple-600 dark:text-purple-400", children: "2" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Acc\u00E9dez au dossier" }), _jsx(Snippet, { className: "w-full", children: "cd mon-app" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "Entrez dans le dossier de votre nouvelle application" })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-orange-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center font-bold text-orange-600 dark:text-orange-400", children: "3" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Initialisez Supabase" }), _jsx(Snippet, { className: "w-full", children: "pnpm db:init" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "D\u00E9marre Supabase en local et applique toutes les migrations (base + modules)" })] })] }) }) }), _jsx(Card, { className: "border-l-4 border-l-green-500", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0 w-8 h-8 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center font-bold text-green-600 dark:text-green-400", children: "4" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Lancez le serveur" }), _jsx(Snippet, { className: "w-full", children: "pnpm dev" }), _jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: ["Ouvre l'application sur", " ", _jsx("strong", { children: "http://localhost:3000" })] })] })] }) }) }), _jsx(Card, { className: "bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-800", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "p-2 rounded-lg bg-blue-100 dark:bg-blue-900/30 shrink-0", children: _jsx(Package, { className: "text-blue-600 dark:text-blue-400", size: 20 }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 text-blue-900 dark:text-blue-100", children: "Ajouter des modules plus tard" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Snippet, { className: "w-full", size: "sm", children: "pnpm lastbrain add-module auth" }), _jsx(Snippet, { className: "w-full", size: "sm", children: "pnpm build:modules" })] }), _jsxs("div", { className: "text-sm text-blue-700 dark:text-blue-300 mt-2", children: ["Modules disponibles :", " ", _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "auth" }), " ", _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "ai" })] })] })] }) }) })] })] }) }) }), _jsx("section", { className: "py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "max-w-3xl mx-auto text-center", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-4", children: "Pr\u00EAt \u00E0 commencer ?" }), _jsx("p", { className: "text-lg text-blue-100 mb-8", children: "Explorez la documentation compl\u00E8te pour d\u00E9couvrir toutes les fonctionnalit\u00E9s" }), _jsx(NextLink, { href: "/docs", children: _jsx(Button, { size: "lg", className: "bg-white text-blue-600 hover:bg-blue-50 font-medium", endContent: _jsx(BookOpen, { size: 20 }), children: "Consulter la documentation" }) })] }) }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/app",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Framework modulaire Next.js avec CLI et système de modules",
   "private": false,
   "type": "module",
@@ -31,9 +31,6 @@
     "src"
   ],
   "dependencies": {
-    "@lastbrain/core": "0.1.0",
-    "@lastbrain/module-auth": "0.1.0",
-    "@lastbrain/ui": "0.1.0",
     "@supabase/supabase-js": "^2.36.0",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
@@ -42,14 +39,16 @@
     "lucide-react": "^0.554.0",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "@lastbrain/module-auth": "0.1.0",
+    "@lastbrain/ui": "0.1.3",
+    "@lastbrain/core": "0.1.0"
   },
   "peerDependencies": {
     "next": ">=15.0.0"
   },
   "devDependencies": {
     "@heroui/theme": "^2.4.23",
-    "@tailwindcss/postcss": "^4.0.0",
     "@types/fs-extra": "^11.0.4",
     "@types/inquirer": "^9.0.9",
     "@types/node": "^20.0.0",
@@ -57,7 +56,7 @@
     "inquirer": "^13.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^11.0.0",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^3.4.0",
     "typescript": "^5.4.0"
   },
   "scripts": {

package/src/scripts/init-app.ts

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

package/src/styles.css

@@ -1,3 +1,5 @@
-@import "tailwindcss";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 /* Styles pour les composants @lastbrain/app */

package/src/templates/SimpleDocPage.tsx

@@ -61,7 +61,7 @@ export function SimpleDocPage() {
         <main className="flex-1 space-y-8">
           {/* Introduction */}
           <section id="intro">
-            <h1 className="text-4xl font-bold mb-4 bg-linear-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+            <h1 className="text-4xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
               Documentation LastBrain
             </h1>
             <p className="text-xl text-slate-600 dark:text-slate-400 mb-6">
@@ -532,7 +532,7 @@ where email = 'votre@email.com';`}</span>
 
           {/* Resources supplémentaires */}
           <section id="resources">
-            <Card className="bg-linear-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800">
+            <Card className="bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800">
               <CardHeader className="pb-0">
                 <h2 className="text-3xl font-semibold">
                   📚 Resources Supplémentaires

package/src/templates/SimpleHomePage.tsx

@@ -28,7 +28,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
   return (
     <div className="min-h-screen">
       {/* Hero Section */}
-      <section className="relative overflow-hidden bg-linear-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20">
+      <section className="relative overflow-hidden bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20">
         <div className="absolute inset-0 bg-grid-slate-200/50 dark:bg-grid-slate-700/25 mask-[radial-gradient(ellipse_at_center,transparent_20%,black)]"></div>
 
         <div className="relative container mx-auto px-4 py-24 md:py-32">
@@ -40,7 +40,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
               </span>
             </div>
 
-            <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-linear-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent">
+            <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent">
               Bienvenue sur LastBrain
             </h1>
 
@@ -358,7 +358,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
       </section>
 
       {/* CTA Section */}
-      <section className="py-20 bg-linear-to-r from-blue-600 to-purple-600 text-white">
+      <section className="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
         <div className="container mx-auto px-4">
           <div className="max-w-3xl mx-auto text-center">
             <h2 className="text-3xl md:text-4xl font-bold mb-4">