@lastbrain/app 2.0.23 → 2.0.31

package/src/scripts/module-build.ts

@@ -319,6 +319,11 @@ export default function ${wrapperName}${hasDynamicParams ? "(props: Record<strin
       .filter((seg) => seg.startsWith("[") && seg.endsWith("]"))
       .map((seg) => seg.slice(1, -1)); // Enlève les []
 
+    // Détecter si le module path lui-même a des params dynamiques (pas seulement [lang])
+    const moduleHasDynamicParams = segments.some(
+      (seg) => seg.startsWith("[") && seg.endsWith("]")
+    );
+
     // Générer le type des params si nécessaire
     const paramsType =
       dynamicParamNames.length > 0
@@ -333,23 +338,60 @@ export default function ${wrapperName}${hasDynamicParams ? "(props: Record<strin
     // Détecter si c'est un Server Component (entryPoint: "server")
     const isServerComponent = page.entryPoint === "server";
 
-    // Les Server Components reçoivent params en props
+    // Les Server Components reçoivent params en props si la page a des params dynamiques
     // Les Client Components utilisent useParams() en interne
-    const componentProps = isServerComponent && hasDynamicParams
-      ? "params={params}"
-      : "";
+    const componentProps =
+      isServerComponent && hasDynamicParams ? "params={params}" : "";
 
     // Si params existe mais n'est pas passé au composant, on doit le unwrap quand même
     const awaitParams =
-      hasDynamicParams && !isServerComponent
+      hasDynamicParams && !componentProps
         ? "await params; // Unwrap params for Next.js 15\n  "
         : "";
 
+    // Calculer le chemin relatif correct pour locales.generated
+    // routeDir = appDirectory + sectionPath + segments
+    // on doit remonter de (sectionPath.length + segments.length) niveaux pour atteindre appDirectory
+    // puis accéder à config/locales.generated
+    const pathDepth = sectionPath.length + segments.length;
+    const localeImportPath =
+      Array(pathDepth + 1)
+        .fill("..")
+        .join("/") + "/config/locales.generated";
+
+    // Pour les pages publiques (section: "public"), importer et passer LOCALE_CONFIG
+    const localeImport =
+      page.section === "public"
+        ? `\nimport { LOCALE_CONFIG } from "${localeImportPath}";\n`
+        : "";
+
+    const localeProps =
+      page.section === "public" && isServerComponent
+        ? "localeConfig={LOCALE_CONFIG}"
+        : "";
+
+    const allComponentProps = [componentProps, localeProps]
+      .filter(Boolean)
+      .join(" ");
+
+    // Pour les pages publiques avec metadataExport, créer une fonction wrapper qui passe LOCALE_CONFIG
+    // On utilise un alias pour l'import afin d'éviter le conflit de nom avec la fonction exportée
+    const metadataImportAlias = page.metadataExport
+      ? `${page.metadataExport} as ${page.metadataExport}Original`
+      : "";
+    const metadataExport =
+      page.section === "public" && page.metadataExport && localeImport
+        ? `\nexport async function generateMetadata(props: any) {
+  return ${page.metadataExport}Original({ ...props, localeConfig: LOCALE_CONFIG });
+}`
+        : page.metadataExport
+          ? `\nexport { ${page.metadataExport}Original as generateMetadata };`
+          : "";
+
     content = `// GENERATED BY LASTBRAIN MODULE BUILD
-import { ${page.componentExport} } from "${importPath}";
-${page.metadataExport ? `\nexport { ${page.metadataExport} as generateMetadata } from "${importPath}";\n` : ""}
+import { ${page.componentExport}${page.metadataExport ? `, ${metadataImportAlias}` : ""} } from "${importPath}";${localeImport}${metadataExport}
 export default ${hasDynamicParams ? "async " : ""}function ${wrapperName}${propsSignature} {
-  ${awaitParams}return <${page.componentExport} ${componentProps} />;
+  ${awaitParams}return <${page.componentExport} ${allComponentProps} />;
 }
 `;
   }
@@ -511,6 +553,7 @@ export interface MenuItem {
   component?: React.ComponentType<any>;
   componentExport?: string;
   entryPoint?: string;
+  badge?: string;
 }
 
 export interface MenuConfig {
@@ -1004,10 +1047,12 @@ export function ClientLayout({
   children,
   lang = "fr",
   translations = {},
+  availableLanguages = ["fr", "en"],
 }: {
   children: ReactNode;
   lang?: Language;
   translations?: Record<string, string>;
+  availableLanguages?: string[];
 }) {
   const router = useLocalizedRouter();
 
@@ -1019,7 +1064,7 @@ export function ClientLayout({
         enableSystem={false}
         storageKey="lastbrain-theme"
       >
-        <AppProviders lang={lang} translations={translations}>
+        <AppProviders lang={lang} translations={translations} availableLanguages={availableLanguages}>
           <AppHeader />
           <div className="min-h-screen text-foreground bg-background">
             {children}
@@ -1057,16 +1102,19 @@ export function AppProviders({
   children,
   lang = "fr",
   translations = {},
+  availableLanguages = ["fr", "en"],
 }: {
   children: ReactNode;
   lang?: Language;
   translations?: Record<string, string>;
+  availableLanguages?: string[];
 }) {
   return (
     <BaseAppProviders
       realtimeConfig={realtimeConfig}
       lang={lang}
       translations={translations}
+      availableLanguages={availableLanguages}
     >
       {children}
     </BaseAppProviders>
@@ -1090,12 +1138,19 @@ export function AppProviders({
 import { Header } from "@lastbrain/ui";
 import { LanguageSwitcher } from "@lastbrain/app";
 import { menuConfig } from "../../config/menu";
+import { LOCALE_CONFIG } from "../../config/locales.generated";
 
 export function AppHeader() {
   return (
     <Header
       menuConfig={menuConfig}
-      languageSwitcher={<LanguageSwitcher variant="minimal" />}
+      languageSwitcher={
+        <LanguageSwitcher
+          variant="minimal"
+          availableLanguages={[...LOCALE_CONFIG.languages]}
+          localeMap={LOCALE_CONFIG.localeMap}
+        />
+      }
     />
   );
 }`;
@@ -1112,6 +1167,27 @@ export function AppHeader() {
     const langLayoutContent = `import { loadTranslations } from "@lastbrain/app/i18n/server-lang";
 import { ClientLayout } from "../../components/ClientLayout";
 
+// Fallback default config in case locales.generated.ts is not available
+const DEFAULT_LOCALE_CONFIG = {
+  languages: ["fr", "en"] as const,
+  locales: ["fr_FR", "en_US"],
+  localeMap: { fr: "fr_FR", en: "en_US" } as Record<string, string>,
+};
+
+// Type for valid languages derived from config
+type ValidLanguage = (typeof DEFAULT_LOCALE_CONFIG.languages)[number];
+
+// Helper function to safely load locale config
+async function getLocaleConfig() {
+
+    const importedConfig = await import("../../config/locales.generated");
+    if (importedConfig?.LOCALE_CONFIG && importedConfig.LOCALE_CONFIG.languages) {
+      return importedConfig.LOCALE_CONFIG;
+    }
+ 
+  return DEFAULT_LOCALE_CONFIG;
+}
+
 export default async function LangLayout({
   children,
   params,
@@ -1120,13 +1196,22 @@ export default async function LangLayout({
   params: Promise<{ lang: string }>;
 }) {
   const { lang } = await params;
-  const validLang = lang === "en" || lang === "fr" ? lang : "fr";
+
+  // Get the locale config (either from app or fallback)
+  const LOCALE_CONFIG = await getLocaleConfig();
+
+  // Validate lang and cast to ValidLanguage type
+  const isValidLang = (val: string): val is ValidLanguage => {
+    return LOCALE_CONFIG.languages.includes(val as any);
+  };
+
+  const validLang: ValidLanguage = isValidLang(lang) ? lang : "fr";
   
   // Charger les traductions pour cette langue
   const translations = await loadTranslations(validLang);
   
   return (
-    <ClientLayout lang={validLang} translations={translations}>
+    <ClientLayout lang={validLang} translations={translations} availableLanguages={[...LOCALE_CONFIG.languages]}>
       <div className="min-h-screen pt-16">
         {children}
       </div>
@@ -1379,6 +1464,157 @@ async function generateUserTabsConfig(moduleConfigs: ModuleBuildConfig[]) {
   }
 }
 
+async function generateAuthDashboard(moduleConfigs: ModuleBuildConfig[]) {
+  try {
+    const dashboards = moduleConfigs
+      .flatMap((config) =>
+        (config.authDashboard ?? []).map((dashboard) => ({
+          ...dashboard,
+          moduleName: config.moduleName,
+        }))
+      )
+      .sort((a, b) => (a.order ?? 999) - (b.order ?? 999));
+
+    const timestamp = new Date().toISOString();
+
+    let configContent: string;
+
+    if (dashboards.length === 0) {
+      configContent = `// GENERATED FILE - DO NOT EDIT MANUALLY
+// Auth dashboard configuration
+// Generated at: ${timestamp}
+
+"use client";
+
+import type React from "react";
+
+export interface ModuleAuthDashboard {
+  key: string;
+  title: string;
+  icon?: string;
+  order?: number;
+  component: React.ComponentType<Record<string, never>>;
+}
+
+export const moduleAuthDashboards: ModuleAuthDashboard[] = [];
+
+export default moduleAuthDashboards;
+`;
+    } else {
+      const dynamicImports = dashboards
+        .map(
+          (dashboard, index) =>
+            `const AuthDashboardComponent${index} = dynamic(() => import("${dashboard.moduleName}").then(mod => ({ default: (mod as any)["${dashboard.componentExport}"] })), { ssr: true });`
+        )
+        .join("\n");
+
+      const dashboardsArray = dashboards
+        .map(
+          (dashboard, index) => `  {
+    key: "${dashboard.key}",
+    title: "${dashboard.title}",
+    icon: "${dashboard.icon ?? ""}",
+    order: ${dashboard.order ?? 999},
+    component: AuthDashboardComponent${index},
+  }`
+        )
+        .join(",\n");
+
+      configContent = `// GENERATED FILE - DO NOT EDIT MANUALLY
+// Auth dashboard configuration
+// Generated at: ${timestamp}
+
+"use client";
+
+import dynamic from "next/dynamic";
+import type React from "react";
+
+${dynamicImports}
+
+export interface ModuleAuthDashboard {
+  key: string;
+  title: string;
+  icon?: string;
+  order?: number;
+  component: React.ComponentType<Record<string, never>>;
+}
+
+export const moduleAuthDashboards: ModuleAuthDashboard[] = [
+${dashboardsArray}
+];
+
+export default moduleAuthDashboards;
+`;
+    }
+
+    const configPath = path.join(projectRoot, "config", "auth-dashboard.ts");
+    ensureDirectory(path.dirname(configPath));
+    fs.writeFileSync(configPath, configContent);
+
+    if (isDebugMode) {
+      console.log(
+        `✅ Generated auth dashboard configuration: ${configPath} (${dashboards.length} item(s))`
+      );
+    }
+
+    const pagePath = path.join(
+      appDirectory,
+      "[lang]",
+      "auth",
+      "dashboard",
+      "page.tsx"
+    );
+
+    ensureDirectory(path.dirname(pagePath));
+
+    const pageContent = `// GENERATED BY LASTBRAIN MODULE BUILD
+"use client";
+
+import { Suspense } from "react";
+import { moduleAuthDashboards } from "../../../../config/auth-dashboard";
+
+export const dynamic = "force-dynamic";
+
+
+export default function AuthDashboardPage() {
+  const dashboards = moduleAuthDashboards || [];
+
+  if (dashboards.length === 0) {
+    return <div className="space-y-4">Aucun dashboard disponible.</div>;
+  }
+
+  return (
+    <div className="space-y-6">
+      {dashboards.map((dashboard) => {
+      
+        const Component = dashboard.component;
+
+        return (
+          <section
+            key={dashboard.key}
+
+          >
+            <Suspense fallback={<div>Chargement...</div>}>
+              <Component />
+            </Suspense>
+          </section>
+        );
+      })}
+    </div>
+  );
+}
+`;
+
+    fs.writeFileSync(pagePath, pageContent);
+
+    if (isDebugMode) {
+      console.log(`🧭 Generated auth dashboard page: ${pagePath}`);
+    }
+  } catch (error) {
+    console.error("❌ Error generating auth dashboard configuration:", error);
+  }
+}
+
 async function generateBucketsConfig(moduleConfigs: ModuleBuildConfig[]) {
   try {
     // Extraire les configurations storage des modules
@@ -1602,9 +1838,9 @@ export async function GET(
     // c'est une image avec format court qui nécessite le préfixe userId
     let actualStoragePath = storagePath;
     
-    if (storagePath.startsWith("product/") || storagePath.startsWith("recipe/")) {
-      actualStoragePath = \`\${user.id}/\${storagePath}\`;
-    }
+
+    actualStoragePath = \`\${user.id}/\${storagePath}\`;
+
 
     // Vérifier que l'utilisateur a accès à cette image
     // Format: {userId}/recipe/{recipeId}/{filename} ou {userId}/product/{productId}/{filename}
@@ -1700,8 +1936,6 @@ async function generateFooterConfig(moduleConfigs: ModuleBuildConfig[]) {
 import type { FooterConfig } from "@lastbrain/ui";
 
 export const footerConfig: FooterConfig = {
-  companyName: "LastBrain",
-  companyDescription: "Plateforme de développement rapide d'applications",
   links: ${JSON.stringify(allFooterLinks, null, 2)},
   social: [],
 };
@@ -1724,9 +1958,129 @@ export const footerConfig: FooterConfig = {
 
 /**
  * Génère les fichiers i18n en concaténant les traductions des modules
+ * et en incluant les traductions personnalisées de i18n/default
+ */
+async function generateLocaleConfig() {
+  const appI18nDir = path.join(projectRoot, "i18n");
+  const appConfigDir = path.join(projectRoot, "config");
+
+  // Mapping standard des codes de langue vers les locales
+  const LOCALE_MAP: Record<string, string> = {
+    fr: "fr_FR",
+    en: "en_US",
+    es: "es_ES",
+    de: "de_DE",
+    it: "it_IT",
+    pt: "pt_PT",
+    nl: "nl_NL",
+    ru: "ru_RU",
+    ja: "ja_JP",
+    zh: "zh_CN",
+    ar: "ar_SA",
+    hi: "hi_IN",
+  };
+
+  try {
+    // Scanner les fichiers i18n disponibles
+    let languages: string[] = ["fr"]; // Fallback par défaut
+
+    if (fs.existsSync(appI18nDir)) {
+      const files = fs.readdirSync(appI18nDir);
+      languages = files
+        .filter((f) => f.endsWith(".json"))
+        .map((f) => f.replace(".json", ""))
+        .filter((lang) => LOCALE_MAP[lang])
+        .sort();
+
+      if (isDebugMode) {
+        console.log(`  📋 Detected languages: ${languages.join(", ")}`);
+      }
+    }
+
+    const locales = languages.map((lang) => LOCALE_MAP[lang]);
+    const localeMap = languages.reduce(
+      (acc, lang) => {
+        acc[lang] = LOCALE_MAP[lang];
+        return acc;
+      },
+      {} as Record<string, string>
+    );
+
+    // Générer le fichier TypeScript dans l'app (ex: apps/recipe/config/)
+    ensureDirectory(appConfigDir);
+
+    // Générer le fichier dans config/
+    const outputPath = path.join(appConfigDir, "locales.generated.ts");
+    const content = `// This file is auto-generated by module-build.ts
+// Do not edit manually - regenerate with 'pnpm build:modules'
+
+export interface LocaleConfig {
+  languages: string[];
+  locales: string[];
+  localeMap: Record<string, string>;
+}
+
+export const LOCALE_CONFIG: LocaleConfig = ${JSON.stringify(
+      {
+        languages,
+        locales,
+        localeMap,
+      },
+      null,
+      2
+    )} as const;
+
+/**
+ * Convert language code to locale (e.g., "fr" -> "fr_FR")
  */
+export function langToLocale(lang: string): string {
+  return LOCALE_CONFIG.localeMap[lang] || "fr_FR";
+}
+
+/**
+ * Get all locales except the given one
+ */
+export function getAlternateLocales(lang: string): string[] {
+  const currentLocale = LOCALE_CONFIG.localeMap[lang] || "fr_FR";
+  return LOCALE_CONFIG.locales.filter((l) => l !== currentLocale);
+}
+
+/**
+ * Get locale map for metadata generation
+ */
+export function getLocaleMap(): Record<string, string> {
+  return LOCALE_CONFIG.localeMap;
+}
+`;
+
+    writeScaffoldFile(outputPath, content, "locale configuration");
+
+    // Générer aussi un fichier de ré-export dans le répertoire racine de l'app pour faciliter l'import
+    const rootExportPath = path.join(projectRoot, "locale-helpers.ts");
+    const rootExportContent = `// Re-export locale helpers from config for easy import in packages
+export { langToLocale, getAlternateLocales, getLocaleMap, LOCALE_CONFIG } from "./config/locales.generated";
+export type { LocaleConfig } from "./config/locales.generated";
+`;
+
+    writeScaffoldFile(
+      rootExportPath,
+      rootExportContent,
+      "locale helpers re-export"
+    );
+
+    if (isDebugMode) {
+      console.log(
+        `  ✅ Generated locale config with ${languages.length} language(s)`
+      );
+    }
+  } catch (error) {
+    console.error("❌ Error generating locale config:", error);
+  }
+}
+
 async function generateI18nFiles() {
   const appI18nDir = path.join(projectRoot, "i18n");
+  const appI18nDefaultDir = path.join(projectRoot, "i18n", "default");
   const packagesDir = path.join(_monorepoRoot, "packages");
 
   interface TranslationMap {
@@ -1789,6 +2143,41 @@ async function generateI18nFiles() {
       }
     }
 
+    // Charger les traductions personnalisées de i18n/default
+    if (fs.existsSync(appI18nDefaultDir)) {
+      // Découvrir dynamiquement les fichiers de langue disponibles
+      const defaultFiles = fs
+        .readdirSync(appI18nDefaultDir)
+        .filter((file) => file.endsWith(".json"));
+
+      for (const defaultFile of defaultFiles) {
+        const defaultFilePath = path.join(appI18nDefaultDir, defaultFile);
+
+        if (fs.existsSync(defaultFilePath)) {
+          const lang = defaultFile.replace(".json", "");
+
+          if (!translations[lang]) {
+            translations[lang] = {};
+          }
+
+          try {
+            const content = JSON.parse(
+              fs.readFileSync(defaultFilePath, "utf-8")
+            );
+
+            if (isDebugMode) {
+              console.log(`  ✓ app defaults (${lang})`);
+            }
+
+            // Ajouter ou surcharger les traductions personnalisées
+            Object.assign(translations[lang], content);
+          } catch (error) {
+            console.warn(`  ⚠️  Error reading ${defaultFilePath}:`, error);
+          }
+        }
+      }
+    }
+
     // Créer le dossier i18n s'il n'existe pas
     ensureDirectory(appI18nDir);
 
@@ -1820,6 +2209,77 @@ function extractModuleNameFromPath(filePath: string): string {
   return "unknown";
 }
 
+/**
+ * Génère la page d'accueil app/[lang]/page.tsx si un module définit path: "/"
+ */
+function generateHomePage(moduleConfigs: ModuleBuildConfig[]) {
+  // Chercher une page avec section: "public" et path: "/"
+  let homePageModule: ModuleBuildConfig | null = null;
+  let homePageConfig: ModulePageConfig | null = null;
+
+  for (const moduleConfig of moduleConfigs) {
+    const homePage = moduleConfig.pages.find(
+      (page) => page.section === "public" && page.path === "/"
+    );
+    if (homePage) {
+      homePageModule = moduleConfig;
+      homePageConfig = homePage;
+      break;
+    }
+  }
+
+  if (!homePageModule || !homePageConfig) {
+    if (isDebugMode) {
+      console.log("  ℹ️  No homepage (/) definition found in modules");
+    }
+    return;
+  }
+
+  // Générer la home dans le segment public: app/[lang]/(public)/page.tsx
+  const homePageDir = path.join(appDirectory, "[lang]", "(public)");
+  const homePagePath = path.join(homePageDir, "page.tsx");
+  ensureDirectory(homePageDir);
+
+  // Déterminer le chemin d'import
+  const importPath = homePageConfig.entryPoint
+    ? `${homePageModule.moduleName}/${homePageConfig.entryPoint}`
+    : homePageModule.moduleName;
+
+  // Éviter les collisions de nom (HomePage importé et wrapper exporté)
+  const importComponentName = homePageConfig.componentExport;
+  const wrapperComponentName = `${importComponentName}AppWrapper`;
+  const metadataImportAlias = homePageConfig.metadataExport
+    ? `${homePageConfig.metadataExport} as ${homePageConfig.metadataExport}Original`
+    : "";
+
+  const content = `// GENERATED BY LASTBRAIN MODULE BUILD
+// Homepage from ${homePageModule.moduleName}
+import { ${importComponentName} as ModuleHomePage${homePageConfig.metadataExport ? `, ${metadataImportAlias}` : ""} } from "${importPath}";
+import { footerConfig } from "../../../config/footer";
+import { LOCALE_CONFIG } from "../../../config/locales.generated";
+${
+  homePageConfig.metadataExport
+    ? `\nexport async function generateMetadata(props: any) {
+  return ${homePageConfig.metadataExport}Original({ ...props, localeConfig: LOCALE_CONFIG });
+}`
+    : ""
+}
+export default function ${wrapperComponentName}() {
+  return <ModuleHomePage footerConfig={footerConfig} localeConfig={LOCALE_CONFIG} />;
+}
+`;
+
+  fs.writeFileSync(homePagePath, content, "utf-8");
+
+  if (isDebugMode) {
+    console.log(
+      `  ✅ Generated homepage: ${homePagePath} (from ${homePageModule.moduleName})`
+    );
+  } else {
+    console.log(`🏠 Generated homepage from ${homePageModule.moduleName}`);
+  }
+}
+
 export async function runModuleBuild() {
   ensureDirectory(appDirectory);
 
@@ -1886,6 +2346,12 @@ export async function runModuleBuild() {
   generateLayouts();
   copyModuleMigrations(moduleConfigs);
 
+  // Générer la page d'accueil "/" si un module la définit
+  if (isDebugMode) {
+    console.log("🏠 Checking for homepage (/) definition...");
+  }
+  generateHomePage(moduleConfigs);
+
   // Générer la configuration realtime
   if (isDebugMode) {
     console.log("🔄 Generating realtime configuration...");
@@ -1898,6 +2364,12 @@ export async function runModuleBuild() {
   }
   await generateUserTabsConfig(moduleConfigs);
 
+  // Générer la configuration et la page auth dashboard
+  if (isDebugMode) {
+    console.log("📊 Generating auth dashboard configuration...");
+  }
+  await generateAuthDashboard(moduleConfigs);
+
   // Générer la configuration des buckets storage
   if (isDebugMode) {
     console.log("🗄️  Generating storage buckets configuration...");
@@ -1922,6 +2394,12 @@ export async function runModuleBuild() {
   }
   await generateI18nFiles();
 
+  // Générer la configuration des locales
+  if (isDebugMode) {
+    console.log("🌐 Generating locale configuration...");
+  }
+  await generateLocaleConfig();
+
   // Message de succès final
   if (!isDebugMode) {
     console.log("\n✅ Module build completed successfully!");