@lastbrain/app 0.1.47 → 1.0.2

package/src/scripts/module-build.ts

@@ -14,7 +14,7 @@ import type {
 // Utiliser PROJECT_ROOT si défini (pour pnpm --filter), sinon process.cwd()
 const projectRoot = process.env.PROJECT_ROOT || process.cwd();
 // Si on est dans une app, monter jusqu'à la racine du monorepo
-const monorepoRoot = projectRoot.includes("/apps/")
+const _monorepoRoot = projectRoot.includes("/apps/")
   ? path.resolve(projectRoot, "..", "..")
   : projectRoot;
 const appDirectory = path.join(projectRoot, "app");
@@ -235,6 +235,13 @@ function buildPage(moduleConfig: ModuleBuildConfig, page: ModulePageConfig) {
     page.path.includes("users/[id]") &&
     page.componentExport === "UserPage";
 
+  // Détecter les pages légales qui utilisent cookies (privacy, terms, returns)
+  const isLegalPage =
+    page.section === "public" &&
+    (page.path.includes("privacy") ||
+      page.path.includes("terms") ||
+      page.path.includes("returns"));
+
   let content: string;
 
   if (isUserDetailPage) {
@@ -273,7 +280,17 @@ const ${page.componentExport} = dynamic(
   { ssr: false }
 );
 
-export default function ${wrapperName}${hasDynamicParams ? "(props: any)" : "()"} {
+export default function ${wrapperName}${hasDynamicParams ? "(props: Record<string, unknown>)" : "()"} {
+  return <${page.componentExport} ${hasDynamicParams ? "{...props}" : ""} />;
+}
+`;
+  } else if (isLegalPage) {
+    content = `// GENERATED BY LASTBRAIN MODULE BUILD
+import { ${page.componentExport} } from "${moduleConfig.moduleName}";
+
+export const dynamic = 'force-dynamic';
+
+export default function ${wrapperName}${hasDynamicParams ? "(props: Record<string, unknown>)" : "()"} {
   return <${page.componentExport} ${hasDynamicParams ? "{...props}" : ""} />;
 }
 `;
@@ -281,7 +298,7 @@ export default function ${wrapperName}${hasDynamicParams ? "(props: any)" : "()"
     content = `// GENERATED BY LASTBRAIN MODULE BUILD
 import { ${page.componentExport} } from "${moduleConfig.moduleName}";
 
-export default function ${wrapperName}${hasDynamicParams ? "(props: any)" : "()"} {
+export default function ${wrapperName}${hasDynamicParams ? "(props: Record<string, unknown>)" : "()"} {
   return <${page.componentExport} ${hasDynamicParams ? "{...props}" : ""} />;
 }
 `;
@@ -1012,33 +1029,40 @@ async function generateUserTabsConfig(moduleConfigs: ModuleBuildConfig[]) {
       )
       .sort((a, b) => (a.order || 0) - (b.order || 0));
 
-    if (userTabsConfigs.length === 0) {
-      console.log("⏭️ No user tabs configuration found in modules");
-      return;
-    }
+    let appContent: string;
 
-    // Générer les imports statiques (Next/dynamic pour chaque composant)
-    const importsForApp = userTabsConfigs
-      .map(
-        (tab) =>
-          `const ${tab.componentExport} = dynamic(() => import("${tab.moduleName}").then(mod => ({ default: mod.${tab.componentExport} })), { ssr: true });`
-      )
-      .join("\n");
+    if (userTabsConfigs.length === 0) {
+      console.log(
+        "⏭️ No user tabs configuration found in modules, creating empty config"
+      );
 
-    // Générer le tableau des tabs
-    const tabsArray = userTabsConfigs
-      .map(
-        (tab) => `  {
+      // Créer un fichier vide avec l'interface correcte
+      const timestamp = new Date().toISOString();
+      appContent = `// GENERATED FILE - DO NOT EDIT MANUALLY\n// User tabs configuration\n// Generated at: ${timestamp}\n\n"use client";\n\nimport type React from "react";\n\nexport interface ModuleUserTab {\n  key: string;\n  title: string;\n  icon?: string;\n  component: React.ComponentType<{ userId: string }>;\n}\n\nexport const moduleUserTabs: ModuleUserTab[] = [];\n\nexport default moduleUserTabs;\n`;
+    } else {
+      // Générer les imports statiques (Next/dynamic pour chaque composant)
+      const importsForApp = userTabsConfigs
+        .map(
+          (tab) =>
+            `const ${tab.componentExport} = dynamic(() => import("${tab.moduleName}").then(mod => ({ default: mod.${tab.componentExport} })), { ssr: true });`
+        )
+        .join("\n");
+
+      // Générer le tableau des tabs
+      const tabsArray = userTabsConfigs
+        .map(
+          (tab) => `  {
     key: "${tab.key}",
     title: "${tab.title}",
     icon: "${tab.icon || ""}",
     component: ${tab.componentExport},
   }`
-      )
-      .join(",\n");
+        )
+        .join(",\n");
 
-    const timestamp = new Date().toISOString();
-    const appContent = `// GENERATED FILE - DO NOT EDIT MANUALLY\n// User tabs configuration\n// Generated at: ${timestamp}\n\n"use client";\n\nimport dynamic from "next/dynamic";\nimport type React from "react";\n\n${importsForApp}\n\nexport interface ModuleUserTab {\n  key: string;\n  title: string;\n  icon?: string;\n  component: React.ComponentType<{ userId: string }>;\n}\n\nexport const moduleUserTabs: ModuleUserTab[] = [\n${tabsArray}\n];\n\nexport default moduleUserTabs;\n`;
+      const timestamp = new Date().toISOString();
+      appContent = `// GENERATED FILE - DO NOT EDIT MANUALLY\n// User tabs configuration\n// Generated at: ${timestamp}\n\n"use client";\n\nimport dynamic from "next/dynamic";\nimport type React from "react";\n\n${importsForApp}\n\nexport interface ModuleUserTab {\n  key: string;\n  title: string;\n  icon?: string;\n  component: React.ComponentType<{ userId: string }>;\n}\n\nexport const moduleUserTabs: ModuleUserTab[] = [\n${tabsArray}\n];\n\nexport default moduleUserTabs;\n`;
+    }
 
     // Créer le fichier de configuration (uniquement dans /config)
     const outputPath = path.join(projectRoot, "config", "user-tabs.ts");

package/src/scripts/module-create.ts

@@ -399,7 +399,7 @@ export { default as buildConfig } from "./${moduleNameOnly}.build.config";
 /**
  * Génère le contenu du fichier server.ts
  */
-function generateServerTs(tables: TableConfig[]): string {
+function _generateServerTs(tables: TableConfig[]): string {
   const exports: string[] = [];
 
   for (const table of tables) {
@@ -1280,7 +1280,7 @@ export function getAvailableModuleNames(): string[] {
     );
     if (arrayMatch) {
       const arrayContent = arrayMatch[1];
-      const lastItem = arrayContent.trim().split("\n").pop();
+      const _lastItem = arrayContent.trim().split("\n").pop();
 
       // Ajouter le nouveau module à la fin du tableau
       const newArrayContent =
@@ -1299,9 +1299,9 @@ export function getAvailableModuleNames(): string[] {
         )
       );
     }
-  } catch (error) {
+  } catch (_error) {
     console.log(
-      chalk.yellow(`  ⚠️  Erreur lors de la mise à jour du registre: ${error}`)
+      chalk.yellow(`  ⚠️  Erreur lors de la mise à jour du registre: ${_error}`)
     );
     console.log(
       chalk.gray("  Vous devrez ajouter manuellement le module au registre")
@@ -1472,7 +1472,7 @@ export async function createModuleStructure(
       stdio: "inherit",
     });
     console.log(chalk.green("\n✅ Dépendances installées avec succès!"));
-  } catch (error) {
+  } catch (_error) {
     console.log(
       chalk.yellow(
         "\n⚠️  Erreur lors de l'installation, veuillez exécuter manuellement:"
@@ -1493,7 +1493,7 @@ export async function createModuleStructure(
       stdio: "inherit",
     });
     console.log(chalk.green("✓ Module compilé"));
-  } catch (error) {
+  } catch (_error) {
     console.log(
       chalk.yellow("⚠️  Build automatique échoué, exécutez: cd"),
       config.slug,
@@ -1696,8 +1696,8 @@ export async function createModule() {
   let rootDir: string;
   try {
     rootDir = findWorkspaceRoot();
-  } catch (error) {
-    console.error(chalk.red("❌ " + (error as Error).message));
+  } catch (_error) {
+    console.error(chalk.red("❌ " + (_error as Error).message));
     process.exit(1);
   }
 

package/src/scripts/module-delete.ts

@@ -3,10 +3,7 @@ import path from "path";
 import chalk from "chalk";
 import inquirer from "inquirer";
 import { fileURLToPath } from "url";
-import {
-  AVAILABLE_MODULES,
-  type ModuleMetadata,
-} from "@lastbrain/core/config/modules";
+import { AVAILABLE_MODULES } from "@lastbrain/core/config/modules";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);

package/src/templates/DefaultDoc.tsx

@@ -613,6 +613,270 @@ export function DefaultDocumentation() {
             </code>
             .
           </p>
+          <h3 className="text-lg font-semibold mb-2">
+            1. Ajouter une page et un menu custom
+          </h3>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            1. Crée une page dans l'app cible (exemple public) :
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```tsx
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            // apps/lastbrain/app/nouvelle-page/page.tsx
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            export default function NouvellePage() &lbrace;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            return <div>Nouvelle Page</div>;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &rbrace;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            2. Déclare le menu dans{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              apps/lastbrain/config/menu-custom.ts
+            </code>{" "}
+            (fichier optionnel, non écrasé par les outils) :
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```ts
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            import type &lbrace; MenuCustom &rbrace; from "./menu-custom";
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            export const menuCustom: MenuCustom = &lbrace;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            public: [
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &lbrace;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            title: "Nouvelle Page",
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            description: "Une page custom",
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            icon: "Plus",
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            path: "/nouvelle-page",
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            order: 100,
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &rbrace;,
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2"> ],</p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            auth: [],
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            admin: [],
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &rbrace;;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            3. Choisis le préfixe de route pour la section :
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            -{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              /
+            </code>{" "}
+            pour les pages publiques (header + palette + AppAside public).
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            -{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              /auth/...
+            </code>{" "}
+            pour les pages authentifiées (header + palette + AppAside auth).
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            -{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              /admin/...
+            </code>{" "}
+            pour les pages admin (header + palette + AppAside admin).
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            4. (Optionnel) Ajoute{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              order
+            </code>
+            ,{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              icon
+            </code>
+            ,{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              description
+            </code>{" "}
+            ou{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              shortcutDisplay
+            </code>{" "}
+            pour contrôler le tri, l'icône Lucide et l'affichage dans la
+            palette.
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            5. Aucun rebuild spécial : le système charge automatiquement{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              menu-custom.ts
+            </code>{" "}
+            et fusionne les menus custom avec la config existante dans le
+            Header, le Aside et la palette (KeyboardKey).
+          </p>
+          <h4 className="font-medium mb-2">Cas d'usage rapides</h4>
+          <div className="space-y-2">
+            <div className="flex items-start gap-2">
+              <span className="text-green-600">✅</span>
+              <span>
+                Page publique custom : place ton fichier dans{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  apps/lastbrain/app/(custom)/nouvelle-page/page.tsx
+                </code>{" "}
+                et ajoute l'entrée dans{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  menuCustom.public
+                </code>{" "}
+                avec{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  path: "/nouvelle-page"
+                </code>
+                .
+              </span>
+            </div>
+            <div className="flex items-start gap-2">
+              <span className="text-green-600">✅</span>
+              <span>
+                Page auth custom : place la page dans{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  apps/lastbrain/app/(custom)/auth/ma-page/page.tsx
+                </code>{" "}
+                avec un{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  path: "/auth/ma-page"
+                </code>{" "}
+                dans{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  menuCustom.auth
+                </code>
+                .
+              </span>
+            </div>
+            <div className="flex items-start gap-2">
+              <span className="text-green-600">✅</span>
+              <span>
+                Page admin custom : même principe avec un chemin{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  /admin/...
+                </code>{" "}
+                et une entrée dans{" "}
+                <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+                  menuCustom.admin
+                </code>
+                .
+              </span>
+            </div>
+          </div>
+          <h3 className="text-lg font-semibold mb-2">
+            2. Masquer des menus et bloquer les routes (menu-ignored)
+          </h3>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            1. Crée{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              apps/lastbrain/config/menu-ignored.ts
+            </code>{" "}
+            si absent :
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```ts
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            export const menuIgnored = &lbrace;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            public: [&lbrace; title: "Boutique", path: "/shop" &rbrace;],
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            auth: [
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &lbrace; title: "Mes commandes", path:
+            "/auth/core-order/account/orders" &rbrace;,
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2"> ],</p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            &rbrace;;
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            {" "}
+            ```
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            2. Le Header, l'AppAside et la palette excluent ces entrées par{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              title
+            </code>
+            .
+          </p>
+          <p className="text-sm text-slate-600 dark:text-slate-400 mb-2">
+            3. Le middleware redirige toute route correspondante (
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              path
+            </code>{" "}
+            exact ou préfixe) vers{" "}
+            <code className="text-sm bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
+              /404
+            </code>
+            .
+          </p>
         </CardBody>
       </Card>
 

package/src/templates/DocPage.tsx

@@ -30,7 +30,7 @@ import {
   HardDrive,
   RotateCcw,
 } from "lucide-react";
-import { DefaultDocumentation } from "./DefaultDoc.js";
+import { DefaultDocumentation } from "./DefaultDoc";
 
 // Composant NavigationListbox séparé pour éviter la recréation
 interface NavigationListboxProps {

package/src/templates/DocsPageWithModules.tsx

@@ -1,6 +1,6 @@
 // Template for docs page with dynamic module loading
 import React from "react";
-import { DocPage } from "./DocPage.js";
+import { DocPage } from "./DocPage";
 
 // This will be replaced by module-build script with actual imports
 // MODULES_IMPORTS_PLACEHOLDER

package/src/types/menu.ts

@@ -0,0 +1,18 @@
+import type { MenuItem } from "@lastbrain/ui";
+
+/**
+ * Menu items to hide from display and block routes
+ */
+export interface MenuIgnored {
+  public: { title: string; path: string }[];
+  auth: { title: string; path: string }[];
+}
+
+/**
+ * Custom menu items to add without creating a module
+ */
+export interface MenuCustom {
+  public?: MenuItem[];
+  auth?: MenuItem[];
+  admin?: MenuItem[];
+}