npm - @lastbrain/app - Versions diffs - 0.1.40 → 0.1.43 - Mend

@lastbrain/app 0.1.40 → 0.1.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/hooks/useNotifications.d.ts +1 -0
package/dist/hooks/useNotifications.d.ts.map +1 -1
package/dist/layouts/AdminLayout.d.ts.map +1 -1
package/dist/layouts/AdminLayout.js +0 -1
package/dist/layouts/AuthLayout.d.ts.map +1 -1
package/dist/layouts/AuthLayout.js +0 -1
package/dist/layouts/PublicLayout.d.ts +5 -2
package/dist/layouts/PublicLayout.d.ts.map +1 -1
package/dist/layouts/PublicLayout.js +4 -3
package/dist/scripts/init-app.js +131 -50
package/dist/scripts/module-add.d.ts.map +1 -1
package/dist/scripts/module-add.js +22 -52
package/dist/scripts/module-build.d.ts.map +1 -1
package/dist/scripts/module-build.js +381 -9
package/dist/styles.css +1 -1
package/dist/templates/DefaultDoc.d.ts.map +1 -1
package/dist/templates/DefaultDoc.js +2 -2
package/dist/templates/DocPage.js +1 -1
package/package.json +1 -1
package/src/hooks/useNotifications.ts +1 -0
package/src/layouts/AdminLayout.tsx +0 -2
package/src/layouts/AuthLayout.tsx +0 -2
package/src/layouts/PublicLayout.tsx +14 -2
package/src/scripts/init-app.ts +144 -49
package/src/scripts/module-add.ts +36 -82
package/src/scripts/module-build.ts +447 -13
package/src/templates/DefaultDoc.tsx +362 -12
package/src/templates/DocPage.tsx +3 -3

package/src/scripts/init-app.ts CHANGED Viewed

@@ -85,7 +85,7 @@ export async function initApp(options: InitAppOptions) {
   await createNextStructure(targetDir, force, useHeroUI, withAuth);
   // 4. Créer les fichiers de configuration
-  await createConfigFiles(targetDir, force, useHeroUI);
+  await createConfigFiles(targetDir, force, useHeroUI, projectName);
   // 5. Créer le système de proxy storage
   await createStorageProxy(targetDir, force);
@@ -490,75 +490,38 @@ async function createNextStructure(
     let layoutContent = "";
     if (useHeroUI) {
-      // Layout avec HeroUI
+      // Layout avec HeroUI - Server Component
       layoutContent = `// GENERATED BY LASTBRAIN APP-SHELL
-"use client";
+// Server Component pour permettre le SSR des pages enfants
 import "../styles/globals.css";
-import { HeroUIProvider } from "@heroui/system";
-import { ThemeProvider } from "next-themes";
-import { useRouter } from "next/navigation";
-import { AppProviders } from "../components/AppProviders";
+import { ClientLayout } from "../components/ClientLayout";
 import type { PropsWithChildren } from "react";
-import { AppHeader } from "../components/AppHeader";
 export default function RootLayout({ children }: PropsWithChildren<{}>) {
-  const router = useRouter();
   return (
     <html lang="fr" suppressHydrationWarning>
       <body className="min-h-screen">
-        <HeroUIProvider navigate={router.push}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="dark"
-            enableSystem={false}
-            storageKey="lastbrain-theme"
-          >
-            <AppProviders>
-              <AppHeader />
-              <div className="min-h-screen text-foreground bg-background">
-                {children}
-              </div>
-            </AppProviders>
-          </ThemeProvider>
-        </HeroUIProvider>
+        <ClientLayout>{children}</ClientLayout>
       </body>
     </html>
   );
 }
 `;
     } else {
-      // Layout Tailwind CSS uniquement
+      // Layout Tailwind CSS uniquement - Server Component
       layoutContent = `// GENERATED BY LASTBRAIN APP-SHELL
-"use client";
+// Server Component pour permettre le SSR des pages enfants
 import "../styles/globals.css";
-import { ThemeProvider } from "next-themes";
-import { AppProviders } from "../components/AppProviders";
+import { ClientLayout } from "../components/ClientLayout";
 import type { PropsWithChildren } from "react";
-import { AppHeader } from "../components/AppHeader";
 export default 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>
-            <AppHeader />
-            <div className="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-white">
-              {children}
-            </div>
-          </AppProviders>
-        </ThemeProvider>
+        <ClientLayout>{children}</ClientLayout>
       </body>
     </html>
   );
@@ -593,9 +556,16 @@ export default function RootLayout({ children }: PropsWithChildren<{}>) {
     const homePageContent = `// GENERATED BY LASTBRAIN APP-SHELL
 import { SimpleHomePage } from "@lastbrain/app";
+import { Footer } from "@lastbrain/ui";
+import { footerConfig } from "../config/footer";
 export default function RootPage() {
-  return <SimpleHomePage showAuth={${withAuth}} />;
+  return (
+    <>
+      <SimpleHomePage showAuth={${withAuth}} />
+      <Footer config={footerConfig} />
+    </>
+  );
 }
 `;
     await fs.writeFile(homePagePath, homePageContent);
@@ -643,6 +613,9 @@ export default function NotFound() {
   await createRoute(appDir, "auth", "auth", force);
   await createRoute(appDir, "docs", "public", force);
+  // Créer le composant ClientLayout (wrapper client avec providers)
+  await createClientLayout(targetDir, force, useHeroUI);
   // Créer le composant AppHeader
   await createAppHeader(targetDir, force);
@@ -653,6 +626,92 @@ export default function NotFound() {
   await createAppProvidersWrapper(targetDir, force);
 }
+async function createClientLayout(
+  targetDir: string,
+  force: boolean,
+  useHeroUI: boolean,
+) {
+  const componentsDir = path.join(targetDir, "components");
+  await fs.ensureDir(componentsDir);
+  const clientLayoutPath = path.join(componentsDir, "ClientLayout.tsx");
+  if (!fs.existsSync(clientLayoutPath) || force) {
+    let clientLayoutContent = "";
+    if (useHeroUI) {
+      // ClientLayout avec HeroUI
+      clientLayoutContent = `"use client";
+import { HeroUIProvider } from "@heroui/system";
+import { ThemeProvider } from "next-themes";
+import { useRouter } from "next/navigation";
+import { AppProviders } from "./AppProviders";
+import { AppHeader } from "./AppHeader";
+import type { ReactNode } from "react";
+export function ClientLayout({ children }: { children: ReactNode }) {
+  const router = useRouter();
+  return (
+    <HeroUIProvider navigate={router.push}>
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="dark"
+        enableSystem={false}
+        storageKey="lastbrain-theme"
+      >
+        <AppProviders>
+          <AppHeader />
+          <div className="min-h-screen text-foreground bg-background">
+            {children}
+          </div>
+        </AppProviders>
+      </ThemeProvider>
+    </HeroUIProvider>
+  );
+}
+`;
+    } else {
+      // ClientLayout Tailwind CSS uniquement
+      clientLayoutContent = `"use client";
+import { ThemeProvider } from "next-themes";
+import { AppProviders } from "./AppProviders";
+import { AppHeader } from "./AppHeader";
+import type { ReactNode } from "react";
+export function ClientLayout({ children }: { children: ReactNode }) {
+  return (
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="light"
+      enableSystem={false}
+      storageKey="lastbrain-theme"
+    >
+      <AppProviders>
+        <AppHeader />
+        <div className="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-white">
+          {children}
+        </div>
+      </AppProviders>
+    </ThemeProvider>
+  );
+}
+`;
+    }
+    await fs.writeFile(clientLayoutPath, clientLayoutContent);
+    console.log(chalk.green("✓ components/ClientLayout.tsx créé"));
+  } else {
+    console.log(
+      chalk.gray(
+        "  components/ClientLayout.tsx existe déjà (utilisez --force pour écraser)",
+      ),
+    );
+  }
+}
 async function createRoute(
   appDir: string,
   routeName: string,
@@ -700,12 +759,27 @@ export default function AuthLayout({
   );
 }`;
     } else {
-      // Layout standard pour les autres routes
+      // Layout standard pour les autres routes (ex: docs = public)
       const layoutComponent =
         layoutType.charAt(0).toUpperCase() + layoutType.slice(1) + "Layout";
-      layoutContent = `import { ${layoutComponent} } from "@lastbrain/app";
+      if (routeName === "docs") {
+        // Layout docs avec footer
+        layoutContent = `import { ${layoutComponent} } from "@lastbrain/app";
+import { footerConfig } from "../../config/footer";
+export default function DocsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <${layoutComponent} footerConfig={footerConfig}>{children}</${layoutComponent}>;
+}`;
+      } else {
+        layoutContent = `import { ${layoutComponent} } from "@lastbrain/app";
 export default ${layoutComponent};`;
+      }
     }
     await fs.writeFile(layoutPath, layoutContent);
@@ -900,6 +974,7 @@ async function createConfigFiles(
   targetDir: string,
   force: boolean,
   useHeroUI: boolean,
+  projectName?: string,
 ) {
   console.log(chalk.yellow("\n⚙️  Création des fichiers de configuration..."));
@@ -1174,6 +1249,26 @@ export const menuConfig: MenuConfig = {
     console.log(chalk.green("✓ config/menu.ts créé"));
   }
+  // config/footer.ts
+  const footerConfigPath = path.join(configDir, "footer.ts");
+  if (!fs.existsSync(footerConfigPath) || force) {
+    const footerConfig = `// Auto-generated footer configuration
+// Run "node ../../scripts/generate-footer-config.js ./apps/[your-app]" to regenerate
+"use client";
+import type { FooterConfig } from "@lastbrain/ui";
+export const footerConfig: FooterConfig = {
+  companyName: "${projectName}",
+  companyDescription: "Application LastBrain",
+  links: [],
+  social: [],
+};
+`;
+    await fs.writeFile(footerConfigPath, footerConfig);
+    console.log(chalk.green("✓ config/footer.ts créé"));
+  }
   // Créer les hooks
   await createHooksDirectory(targetDir, force);
 }

package/src/scripts/module-add.ts CHANGED Viewed

@@ -204,94 +204,48 @@ export async function addModule(moduleName: string, targetDir: string) {
         console.log(
           chalk.yellow("\n⬆️  Application des nouvelles migrations..."),
         );
-        try {
-          // Essayer en capturant la sortie pour diagnostiquer les erreurs fréquentes
-          execSync("supabase migration up --local", {
-            cwd: targetDir,
-            stdio: "pipe",
-          });
-          console.log(chalk.green("✓ Migrations appliquées"));
-        } catch (error: any) {
-          const output = String(
-            error?.stderr || error?.stdout || error?.message || "",
-          );
-          const mismatch = output.includes(
-            "Remote migration versions not found in local migrations directory",
-          );
-          if (mismatch) {
-            console.warn(
-              chalk.yellow("⚠️  Historique des migrations désynchronisé."),
-            );
-            // Extraire TOUTES les dates de migration depuis le message d'erreur
-            const repairMatch = output.match(
-              /supabase migration repair --status reverted ([\s\S]+?)\n/,
-            );
-            let migrationDates: string[] = [];
-            if (repairMatch && repairMatch[1]) {
-              // Extraire toutes les dates de la commande suggérée
-              migrationDates = repairMatch[1].trim().split(/\s+/);
-            } else {
-              // Fallback: chercher toutes les dates dans le message
-              const allDates = output.match(/20\d{6,14}/g);
-              migrationDates = allDates ? [...new Set(allDates)] : [];
+        // Appliquer directement avec psql au lieu de supabase migration up
+        const migrationsDir = path.join(targetDir, "supabase", "migrations");
+        const migrationFiles = fs
+          .readdirSync(migrationsDir)
+          .filter((f) => f.endsWith(".sql"))
+          .filter((f) => copiedMigrationFiles.includes(f))
+          .sort();
+        if (migrationFiles.length === 0) {
+          console.log(
+            chalk.yellow("⚠️  Aucune nouvelle migration à appliquer"),
+          );
+        } else {
+          try {
+            const dbUrl =
+              "postgresql://postgres:postgres@127.0.0.1:54322/postgres";
+            for (const file of migrationFiles) {
+              const filePath = path.join(migrationsDir, file);
+              console.log(chalk.gray(`   Exécution de ${file}...`));
+              execSync(`psql "${dbUrl}" -f "${filePath}"`, {
+                cwd: targetDir,
+                stdio: "pipe",
+              });
             }
-            if (migrationDates.length === 0) {
-              console.error(
-                chalk.red("❌ Impossible d'extraire les dates de migration"),
-              );
-              console.log(
-                chalk.gray("\nFaites un reset complet:\n  supabase db reset\n"),
-              );
-            } else {
-              // Réparation automatique de l'historique
-              const datesStr = migrationDates.join(" ");
-              console.log(
-                chalk.yellow(`\n🔧 Réparation automatique de l'historique...`),
-              );
-              console.log(chalk.gray(`   Dates: ${datesStr}`));
-              try {
-                execSync(
-                  `supabase migration repair --status reverted ${datesStr} --local`,
-                  {
-                    cwd: targetDir,
-                    stdio: "inherit",
-                  },
-                );
-                console.log(chalk.green("✓ Historique réparé"));
-                console.log(
-                  chalk.yellow("\n⬆️  Application des nouvelles migrations..."),
-                );
-                execSync("supabase migration up --local", {
-                  cwd: targetDir,
-                  stdio: "inherit",
-                });
-                console.log(chalk.green("✓ Migrations appliquées"));
-              } catch (e) {
-                console.error(
-                  chalk.red("❌ Échec de la réparation automatique"),
-                );
-                console.log(
-                  chalk.gray(
-                    `\nVous pouvez essayer manuellement:\n  supabase migration repair --status reverted ${datesStr} --local\n  supabase migration up --local`,
-                  ),
-                );
-                console.log(
-                  chalk.gray(
-                    `\nOu faire un reset complet:\n  supabase db reset\n`,
-                  ),
-                );
-              }
-            }
-          } else {
+            console.log(
+              chalk.green(
+                `✓ ${migrationFiles.length} migration(s) appliquée(s)`,
+              ),
+            );
+          } catch (error: any) {
             console.error(
               chalk.red("❌ Erreur lors de l'application des migrations"),
             );
+            console.log(
+              chalk.gray(
+                "\nVous pouvez essayer manuellement:\n  supabase db reset\n",
+              ),
+            );
           }
         }
       } else {