@lastbrain/app 0.1.8 → 0.1.10

package/dist/scripts/init-app.js

@@ -240,8 +240,8 @@ async function addDependencies(targetDir, useHeroUI, withAuth, selectedModules =
     }
     // 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",
@@ -270,8 +270,6 @@ async function createNextStructure(targetDir, force, useHeroUI, withAuth) {
 "use client";
 
 import "../styles/globals.css";
-import "@lastbrain/ui/dist/styles.css";
-import "@lastbrain/app/dist/styles.css";
 import { HeroUIProvider } from "@heroui/system";
 
 import { ThemeProvider } from "next-themes";
@@ -351,8 +349,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 = `@config "../tailwind.config.mjs";
-@import "tailwindcss";
+        const globalsContent = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
 `;
         await fs.writeFile(globalsPath, globalsContent);
         console.log(chalk.green("✓ styles/globals.css créé"));
@@ -678,14 +677,12 @@ export default config;
     // postcss.config.mjs
     const postcssConfigPath = path.join(targetDir, "postcss.config.mjs");
     if (!fs.existsSync(postcssConfigPath) || force) {
-        const postcssConfig = `const config = {
+        const postcssConfig = `export default {
   plugins: {
-    '@tailwindcss/postcss': {},
+    tailwindcss: {},
     autoprefixer: {},
   },
 };
-
-export default config;
 `;
         await fs.writeFile(postcssConfigPath, postcssConfig);
         console.log(chalk.green("✓ postcss.config.mjs créé"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/app",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Framework modulaire Next.js avec CLI et système de modules",
   "private": false,
   "type": "module",
@@ -27,7 +27,8 @@
     "lastbrain": "./dist/cli.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
     "@lastbrain/core": "0.1.0",

package/src/app-shell/(admin)/layout.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+
+export default function AdminShellLayout({ children }: PropsWithChildren<{}>) {
+  return (
+    <div className="mx-auto max-w-5xl px-4 py-16">
+      <h1 className="text-3xl font-bold">Section Admin</h1>
+      <p className="text-slate-600">Gestion avancée des modules.</p>
+      {children}
+    </div>
+  );
+}

package/src/app-shell/(auth)/layout.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+
+export default function AuthLayout({ children }: PropsWithChildren<{}>) {
+  return (
+    <div className="mx-auto max-w-5xl px-4 py-16">
+      <h1 className="text-3xl font-bold">Section Auth</h1>
+      <p className="text-slate-600">Les pages authentifiées regroupées ici.</p>
+      {children}
+    </div>
+  );
+}

package/src/app-shell/(public)/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+export default function PublicPage() {
+  return (
+    <div className="mx-auto max-w-3xl space-y-4 px-4 py-16 text-center">
+      <h1 className="text-3xl font-bold">Bienvenue sur LastBrain</h1>
+      <p className="text-slate-600">Cette coquille publique présente la structure par défaut.</p>
+      <button className="rounded-full bg-slate-900 px-5 py-2 text-white">Connexion</button>
+    </div>
+  );
+}

package/src/app-shell/layout.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+import { RootLayout } from "../layouts/RootLayout.js";
+
+export default RootLayout;

package/src/app-shell/not-found.tsx

@@ -0,0 +1,28 @@
+"use client";
+import { Button } from "@lastbrain/ui";
+import { useRouter } from "next/navigation";
+
+export default function NotFound() {
+  const router = useRouter();
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-background">
+      <div className="mx-auto max-w-md text-center">
+        <h1 className="mb-4 text-6xl font-bold text-foreground">404</h1>
+        <h2 className="mb-4 text-2xl font-semibold text-foreground">
+          Page non trouvée
+        </h2>
+        <p className="mb-8 text-muted-foreground">
+          La page que vous recherchez n'existe pas ou a été déplacée.
+        </p>
+        <Button
+          onPress={() => {
+            router.back();
+          }}
+          className="inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
+        >
+          Retour à l'accueil
+        </Button>
+      </div>
+    </div>
+  );
+}

package/src/auth/authHelpers.ts

@@ -0,0 +1,24 @@
+"use client";
+
+import { supabaseBrowserClient } from "@lastbrain/core";
+
+export async function signOut() {
+  const { error } = await supabaseBrowserClient.auth.signOut();
+  if (error) {
+    console.error("Error signing out:", error);
+    throw error;
+  }
+}
+
+export async function signIn(email: string, password: string) {
+  const { data, error } = await supabaseBrowserClient.auth.signInWithPassword({
+    email,
+    password,
+  });
+
+  if (error) {
+    throw error;
+  }
+
+  return data;
+}

package/src/auth/useAuthSession.ts

@@ -0,0 +1,54 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { supabaseBrowserClient } from "@lastbrain/core";
+import type { User } from "@supabase/supabase-js";
+
+export function useAuthSession() {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [isSuperAdmin, setIsSuperAdmin] = useState(false);
+
+  useEffect(() => {
+    const checkSuperAdmin = async (userId: string) => {
+      try {
+        const { data, error } = await supabaseBrowserClient.rpc(
+          "is_superadmin",
+          { user_id: userId }
+        );
+        if (!error && data) {
+          setIsSuperAdmin(data);
+        }
+      } catch (error) {
+        console.error("Error checking superadmin status:", error);
+        setIsSuperAdmin(false);
+      }
+    };
+
+    // Récupérer la session initiale
+    supabaseBrowserClient.auth.getSession().then(({ data: { session } }) => {
+      setUser(session?.user ?? null);
+      if (session?.user) {
+        checkSuperAdmin(session.user.id);
+      }
+      setLoading(false);
+    });
+
+    // Écouter les changements d'auth
+    const {
+      data: { subscription },
+    } = supabaseBrowserClient.auth.onAuthStateChange((_event, session) => {
+      setUser(session?.user ?? null);
+      if (session?.user) {
+        checkSuperAdmin(session.user.id);
+      } else {
+        setIsSuperAdmin(false);
+      }
+      setLoading(false);
+    });
+
+    return () => subscription.unsubscribe();
+  }, []);
+
+  return { user, loading, isSuperAdmin };
+}

package/src/cli.ts

@@ -0,0 +1,96 @@
+#!/usr/bin/env node
+
+import { Command } from "commander";
+import path from "path";
+import { initApp } from "./scripts/init-app.js";
+import { addModule } from "./scripts/module-add.js";
+import { removeModule } from "./scripts/module-remove.js";
+import { listModules } from "./scripts/module-list.js";
+import { createModule } from "./scripts/module-create.js";
+
+const program = new Command();
+
+program
+  .name("lastbrain")
+  .description("CLI pour créer et gérer des applications LastBrain")
+  .version("0.1.0");
+
+program
+  .command("init [directory]")
+  .description("Initialise une nouvelle application Next.js LastBrain")
+  .option("-f, --force", "Écrase les fichiers existants")
+  .option("--no-heroui", "Ne pas utiliser HeroUI (Tailwind CSS uniquement)")
+  .option("--with-auth", "Inclure le module d'authentification")
+  .option(
+    "--no-interactive",
+    "Mode non-interactif (skip la sélection des modules)"
+  )
+  .action(async (directory: string | undefined, options) => {
+    try {
+      const targetDir = directory
+        ? path.resolve(process.cwd(), directory)
+        : process.cwd();
+
+      await initApp({
+        force: options.force || false,
+        targetDir,
+        projectName: directory || path.basename(process.cwd()),
+        useHeroUI: options.heroui !== false, // Par défaut true, false si --no-heroui
+        withAuth: options.withAuth || false,
+        interactive: options.interactive !== false,
+      });
+    } catch (error) {
+      console.error("❌ Erreur lors de l'initialisation:", error);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("add-module <module>")
+  .description("Ajoute un module à l'application")
+  .action(async (moduleName: string) => {
+    try {
+      await addModule(moduleName, process.cwd());
+    } catch (error) {
+      console.error("❌ Erreur lors de l'ajout du module:", error);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("remove-module <module>")
+  .description("Supprime un module de l'application")
+  .action(async (moduleName: string) => {
+    try {
+      await removeModule(moduleName, process.cwd());
+    } catch (error) {
+      console.error("❌ Erreur lors de la suppression du module:", error);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("list-modules")
+  .description("Liste les modules disponibles et installés")
+  .action(async () => {
+    try {
+      await listModules(process.cwd());
+    } catch (error) {
+      console.error("❌ Erreur lors de la liste des modules:", error);
+      process.exit(1);
+    }
+  });
+
+program
+  .command("create-module")
+  .description("Crée un nouveau module dans packages/")
+  .action(async () => {
+    try {
+      await createModule();
+    } catch (error) {
+      console.error("❌ Erreur lors de la création du module:", error);
+      process.exit(1);
+    }
+  });
+
+program.parse();

package/src/index.ts

@@ -0,0 +1,21 @@
+export {
+  AppProviders,
+  useAuth,
+  useModules,
+  useNotifications,
+} from "./layouts/AppProviders.js";
+export { useAuthSession } from "./auth/useAuthSession.js";
+export { signOut, signIn } from "./auth/authHelpers.js";
+export { RootLayout } from "./layouts/RootLayout.js";
+export { PublicLayout } from "./layouts/PublicLayout.js";
+export { AuthLayout } from "./layouts/AuthLayout.js";
+export { AdminLayout } from "./layouts/AdminLayout.js";
+export { getModuleConfigs } from "./modules/module-loader.js";
+// Templates de pages (starter + docs)
+
+export { SimpleHomePage } from "./templates/SimpleHomePage.js";
+export { DocPage } from "./templates/DocPage.js";
+export { SimpleDocPage } from "./templates/SimpleDocPage.js";
+export { ModuleGuidePage } from "./templates/ModuleGuidePage.js";
+export { AuthGuidePage } from "./templates/AuthGuidePage.js";
+export { MigrationsGuidePage } from "./templates/MigrationsGuidePage.js";

package/src/layouts/AdminLayout.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+
+export function AdminLayout({ children }: PropsWithChildren<{}>) {
+  return <div className="pt-18 px-2 md:px-5">{children}</div>;
+}

package/src/layouts/AppProviders.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { getModuleConfigs } from "../modules/module-loader.js";
+import { Header, ToastProvider } from "@lastbrain/ui";
+import { useAuthSession } from "../auth/useAuthSession.js";
+import type { User } from "@supabase/supabase-js";
+import { useRouter } from "next/navigation.js";
+
+const ModuleContext = createContext(getModuleConfigs());
+const NotificationContext = createContext({ messages: [] as string[] });
+const AuthContext = createContext<{
+  user: User | null;
+  loading: boolean;
+  isSuperAdmin: boolean;
+}>({
+  user: null,
+  loading: true,
+  isSuperAdmin: false,
+});
+
+export function useModules() {
+  return useContext(ModuleContext);
+}
+
+export function useNotifications() {
+  return useContext(NotificationContext);
+}
+
+export function useAuth() {
+  return useContext(AuthContext);
+}
+
+export function AppProviders({ children }: PropsWithChildren<{}>) {
+  const modules = useMemo(() => getModuleConfigs(), []);
+  const notifications = useMemo(() => ({ messages: [] as string[] }), []);
+  const { user, loading, isSuperAdmin } = useAuthSession();
+  // const router = useRouter();
+  const authValue = useMemo(
+    () => ({ user, loading, isSuperAdmin }),
+    [user, loading, isSuperAdmin]
+  );
+
+  // const handleLogout = async () => {
+  //   const { signOut } = await import("../auth/authHelpers.js");
+  //   await signOut();
+  //   router.push("/auth/signin");
+  // };
+
+  return (
+    <AuthContext.Provider value={authValue}>
+      <ModuleContext.Provider value={modules}>
+        <NotificationContext.Provider value={notifications}>
+          {children}
+          <ToastProvider placement="top-right" toastOffset={75} />
+        </NotificationContext.Provider>
+      </ModuleContext.Provider>
+    </AuthContext.Provider>
+  );
+}

package/src/layouts/AuthLayout.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+
+export function AuthLayout({ children }: PropsWithChildren<{}>) {
+  return <div className="pt-18  px-2 md:px-5 ">{children}</div>;
+}

package/src/layouts/PublicLayout.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+
+export function PublicLayout({ children }: PropsWithChildren<{}>) {
+  return <section className=" px-4 ">{children}</section>;
+}

package/src/layouts/RootLayout.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+import { ThemeProvider } from "next-themes";
+import { AppProviders } from "./AppProviders.js";
+
+// Note: L'app Next.js doit importer son propre globals.css dans son layout
+export function RootLayout({ children }: PropsWithChildren<{}>) {
+  return (
+    <html lang="fr" suppressHydrationWarning>
+      <body className="min-h-screen">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="light"
+          enableSystem={false}
+          storageKey="lastbrain-theme"
+        >
+          <AppProviders>
+            <div className=" min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-white">
+              {children}
+            </div>
+          </AppProviders>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/src/modules/module-loader.ts

@@ -0,0 +1,14 @@
+import type { ModuleBuildConfig } from "@lastbrain/core";
+
+// Ce fichier est utilisé côté client par AppProviders
+// Le chargement des modules se fait uniquement au build-time dans module-build.ts
+// Côté client, on exporte un tableau vide car les modules sont déjà compilés
+export const moduleConfigs: ModuleBuildConfig[] = [];
+
+export function getModuleConfigs() {
+  return moduleConfigs;
+}
+
+export function registerModuleConfig(config: ModuleBuildConfig) {
+  moduleConfigs.push(config);
+}