aerocoding 0.1.28 → 0.1.29

package/dist/index.js

@@ -1115,8 +1115,12 @@ var projectConfigSchema = z.object({
   $schema: z.string().optional().default("https://aerocoding.dev/schema.json"),
   /** Project UUID from aerocoding.dev */
   projectId: z.string().uuid(),
-  /** Template ID for architecture generation */
+  /** Template ID for architecture generation (legacy, prefer backendTemplateId/frontendTemplateId) */
   templateId: z.string().min(1),
+  /** Backend template ID */
+  backendTemplateId: z.string().min(1).optional(),
+  /** Frontend template ID */
+  frontendTemplateId: z.string().min(1).optional(),
   /** Template version at project creation */
   templateVersion: z.string().optional(),
   /** Root namespace/package name */
@@ -1149,6 +1153,8 @@ function createProjectConfig(options) {
     $schema: "https://aerocoding.dev/schema.json",
     projectId: options.projectId,
     templateId: options.templateId,
+    backendTemplateId: options.backendTemplateId,
+    frontendTemplateId: options.frontendTemplateId,
     templateVersion: options.templateVersion,
     namespace: options.namespace,
     organizationId: options.organizationId,
@@ -1316,32 +1322,65 @@ async function createCommand(projectName, options) {
       }
     } catch {
     }
-    let templateId = options.template;
-    if (!templateId) {
+    let backendTemplateId = options.template;
+    const hasBackend = !!project.backendFramework;
+    if (hasBackend && !backendTemplateId) {
       const templateSpinner = p.spinner();
-      templateSpinner.start("Loading templates...");
+      templateSpinner.start("Loading backend templates...");
       const templateResult = await apiClient.getTemplates({
         category: "backend",
         language: project.backendFramework || void 0
       });
-      templateSpinner.stop("Templates loaded");
+      templateSpinner.stop("Backend templates loaded");
       if (templateResult.templates.length === 0) {
-        p.cancel("No templates available for this project's framework.");
-        process.exit(1);
+        p.log.warn("No backend templates available for this project's framework.");
+      } else {
+        const selectedTemplate = await p.select({
+          message: "Select backend architecture template",
+          options: templateResult.templates.map((tmpl) => ({
+            value: tmpl.id,
+            label: tmpl.name,
+            hint: tmpl.description || `${tmpl.tier} tier`
+          }))
+        });
+        if (p.isCancel(selectedTemplate)) {
+          p.cancel("Operation cancelled.");
+          process.exit(0);
+        }
+        backendTemplateId = selectedTemplate;
       }
-      const selectedTemplate = await p.select({
-        message: "Select architecture template",
-        options: templateResult.templates.map((tmpl) => ({
-          value: tmpl.id,
-          label: tmpl.name,
-          hint: tmpl.description || `${tmpl.tier} tier`
-        }))
+    }
+    let frontendTemplateId;
+    const hasFrontend = !!project.frontendFramework;
+    if (hasFrontend) {
+      const frontendSpinner = p.spinner();
+      frontendSpinner.start("Loading frontend templates...");
+      const frontendResult = await apiClient.getTemplates({
+        category: "frontend",
+        framework: project.frontendFramework || void 0
       });
-      if (p.isCancel(selectedTemplate)) {
-        p.cancel("Operation cancelled.");
-        process.exit(0);
+      frontendSpinner.stop("Frontend templates loaded");
+      if (frontendResult.templates.length === 0) {
+        p.log.warn("No frontend templates available for this project's framework.");
+      } else {
+        const selectedFrontend = await p.select({
+          message: "Select frontend architecture template",
+          options: frontendResult.templates.map((tmpl) => ({
+            value: tmpl.id,
+            label: tmpl.name,
+            hint: tmpl.description || `${tmpl.tier} tier`
+          }))
+        });
+        if (p.isCancel(selectedFrontend)) {
+          p.cancel("Operation cancelled.");
+          process.exit(0);
+        }
+        frontendTemplateId = selectedFrontend;
       }
-      templateId = selectedTemplate;
+    }
+    if (!backendTemplateId && !frontendTemplateId) {
+      p.cancel("No templates selected. At least one backend or frontend template is required.");
+      process.exit(1);
     }
     const diagrams = project.schema?.diagrams || [];
     const hasMultipleDiagrams = diagrams.length > 1;
@@ -1401,50 +1440,72 @@ async function createCommand(projectName, options) {
     const useContexts = archStyleChoice === "bounded-contexts";
     const estimateSpinner = p.spinner();
     estimateSpinner.start("Calculating credit cost...");
-    let estimatedCredits = 0;
     let creditsRemaining = 0;
-    let estimatedFiles = [];
-    let estimatedEntities = 0;
+    let backendEstimatedCredits = 0;
+    let backendEstimatedFiles = [];
+    let backendEstimatedEntities = 0;
+    let frontendEstimatedCredits = 0;
+    let frontendEstimatedFiles = [];
+    let frontendEstimatedEntities = 0;
     const estimateDiagramIds = selectedDiagramIds.length < diagrams.length ? selectedDiagramIds : void 0;
+    const featureFlags = {
+      includeDtos: true,
+      includeUseCases: true,
+      includeMappers: true,
+      includeControllers: true,
+      includeEfConfig: true,
+      includeValidation: true,
+      includeDtoValidation: true,
+      includeUnitTests: true,
+      includeIntegrationTests: true,
+      includeStarterFiles: true,
+      includeReactions: true,
+      includeOutbox: true,
+      includeInbox: true
+    };
     try {
-      const estimate = await apiClient.estimateCreditCost({
-        projectId,
-        templateId,
-        options: {
-          featureFlags: {
-            includeDtos: true,
-            includeUseCases: true,
-            includeMappers: true,
-            includeControllers: true,
-            includeEfConfig: true,
-            includeValidation: true,
-            includeDtoValidation: true,
-            includeUnitTests: true,
-            includeIntegrationTests: true,
-            includeStarterFiles: true,
-            includeReactions: true,
-            includeOutbox: true,
-            includeInbox: true
-          },
-          useContexts,
-          diagramIds: estimateDiagramIds
-        }
-      });
-      estimatedCredits = estimate.estimatedCredits;
-      estimatedFiles = estimate.files || [];
-      estimatedEntities = estimate.entities || 0;
+      if (backendTemplateId) {
+        const backendEstimate = await apiClient.estimateCreditCost({
+          projectId,
+          templateId: backendTemplateId,
+          options: {
+            featureFlags,
+            useContexts,
+            diagramIds: estimateDiagramIds
+          }
+        });
+        backendEstimatedCredits = backendEstimate.estimatedCredits;
+        backendEstimatedFiles = backendEstimate.files || [];
+        backendEstimatedEntities = backendEstimate.entities || 0;
+      }
+      if (frontendTemplateId) {
+        const frontendEstimate = await apiClient.estimateCreditCost({
+          projectId,
+          templateId: frontendTemplateId,
+          options: {
+            featureFlags,
+            useContexts,
+            diagramIds: estimateDiagramIds
+          }
+        });
+        frontendEstimatedCredits = frontendEstimate.estimatedCredits;
+        frontendEstimatedFiles = frontendEstimate.files || [];
+        frontendEstimatedEntities = frontendEstimate.entities || 0;
+      }
       const creditUsage = await apiClient.getCreditUsage(organizationId);
       creditsRemaining = creditUsage.remaining;
       estimateSpinner.stop("Credit estimate calculated");
     } catch {
       estimateSpinner.stop("Could not estimate credits (will be calculated on generation)");
     }
-    const hasEnoughCredits = estimatedCredits === 0 || creditsRemaining >= estimatedCredits;
+    const totalEstimatedCredits = backendEstimatedCredits + frontendEstimatedCredits;
+    const totalEstimatedFiles = backendEstimatedFiles.length + frontendEstimatedFiles.length;
+    const totalEstimatedEntities = backendEstimatedEntities + frontendEstimatedEntities;
+    const hasEnoughCredits = totalEstimatedCredits === 0 || creditsRemaining >= totalEstimatedCredits;
     console.log("");
     console.log(chalk7.bold("  Generation Summary"));
     console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
     console.log(chalk7.gray("  Project:"), chalk7.white(project.name));
-    console.log(chalk7.gray("  Template:"), chalk7.cyan(templateId));
     console.log(chalk7.gray("  Namespace:"), chalk7.cyan(namespace));
     console.log(chalk7.gray("  Directory:"), chalk7.cyan(`${safeName}/`));
     console.log(
@@ -1461,14 +1522,45 @@ async function createCommand(projectName, options) {
         console.log(chalk7.gray("  Bounded Contexts:"), chalk7.cyan(`${selectedCount}/${totalCount} (${selectedNames})`));
       }
     }
-    if (estimatedFiles.length > 0) {
+    console.log("");
+    console.log(chalk7.bold("  Templates"));
+    console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+    if (backendTemplateId) {
+      console.log(chalk7.gray("  Backend:"), chalk7.cyan(backendTemplateId));
+    }
+    if (frontendTemplateId) {
+      console.log(chalk7.gray("  Frontend:"), chalk7.cyan(frontendTemplateId));
+    }
+    if (backendEstimatedFiles.length > 0) {
+      console.log("");
+      console.log(chalk7.bold(`  Backend Files (${backendTemplateId})`));
+      console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+      const backendCategories = categorizeFilePaths(backendEstimatedFiles);
+      const backendMaxNameLength = Math.max(...backendCategories.map((c) => c.name.length), 8);
+      for (const category of backendCategories) {
+        const padding = " ".repeat(backendMaxNameLength - category.name.length + 2);
+        const countStr = category.count.toString().padStart(3, " ");
+        console.log(
+          chalk7.gray(`  ${category.name}${padding}`),
+          chalk7.cyan(`${countStr} files`)
+        );
+      }
+      console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+      const subtotalPadding = " ".repeat(backendMaxNameLength - 8 + 2);
+      const subtotalStr = backendEstimatedFiles.length.toString().padStart(3, " ");
+      console.log(
+        chalk7.white(`  Subtotal${subtotalPadding}`),
+        chalk7.bold.cyan(`${subtotalStr} files`)
+      );
+    }
+    if (frontendEstimatedFiles.length > 0) {
       console.log("");
-      console.log(chalk7.bold("  Files to Generate"));
+      console.log(chalk7.bold(`  Frontend Files (${frontendTemplateId})`));
       console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-      const categories = categorizeFilePaths(estimatedFiles);
-      const maxNameLength = Math.max(...categories.map((c) => c.name.length));
-      for (const category of categories) {
-        const padding = " ".repeat(maxNameLength - category.name.length + 2);
+      const frontendCategories = categorizeFilePaths(frontendEstimatedFiles);
+      const frontendMaxNameLength = Math.max(...frontendCategories.map((c) => c.name.length), 8);
+      for (const category of frontendCategories) {
+        const padding = " ".repeat(frontendMaxNameLength - category.name.length + 2);
         const countStr = category.count.toString().padStart(3, " ");
         console.log(
           chalk7.gray(`  ${category.name}${padding}`),
@@ -1476,21 +1568,43 @@ async function createCommand(projectName, options) {
         );
       }
       console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-      const totalPadding = " ".repeat(maxNameLength - 5 + 2);
-      const totalStr = estimatedFiles.length.toString().padStart(3, " ");
+      const subtotalPadding = " ".repeat(frontendMaxNameLength - 8 + 2);
+      const subtotalStr = frontendEstimatedFiles.length.toString().padStart(3, " ");
+      console.log(
+        chalk7.white(`  Subtotal${subtotalPadding}`),
+        chalk7.bold.cyan(`${subtotalStr} files`)
+      );
+    }
+    if (backendEstimatedFiles.length > 0 && frontendEstimatedFiles.length > 0) {
+      console.log("");
+      console.log(chalk7.gray("  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550"));
       console.log(
-        chalk7.white(`  Total${totalPadding}`),
-        chalk7.bold.cyan(`${totalStr} files`)
+        chalk7.bold.white("  TOTAL            "),
+        chalk7.bold.green(`${totalEstimatedFiles.toString().padStart(3, " ")} files`)
       );
-      console.log(chalk7.gray("  Entities:"), chalk7.cyan(estimatedEntities));
+      console.log(chalk7.gray("  Entities:"), chalk7.cyan(totalEstimatedEntities));
+    } else if (totalEstimatedFiles > 0) {
+      console.log(chalk7.gray("  Entities:"), chalk7.cyan(totalEstimatedEntities));
     }
     console.log("");
     console.log(chalk7.bold("  Credits"));
     console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-    if (estimatedCredits > 0) {
+    if (backendEstimatedCredits > 0) {
+      console.log(
+        chalk7.gray("  Backend:"),
+        chalk7.yellow(`${backendEstimatedCredits} credits`)
+      );
+    }
+    if (frontendEstimatedCredits > 0) {
       console.log(
-        chalk7.white("  Cost:"),
-        hasEnoughCredits ? chalk7.bold.yellow(`${estimatedCredits} credits`) : chalk7.bold.red(`${estimatedCredits} credits`)
+        chalk7.gray("  Frontend:"),
+        chalk7.yellow(`${frontendEstimatedCredits} credits`)
+      );
+    }
+    if (totalEstimatedCredits > 0) {
+      console.log(
+        chalk7.white("  Total Cost:"),
+        hasEnoughCredits ? chalk7.bold.yellow(`${totalEstimatedCredits} credits`) : chalk7.bold.red(`${totalEstimatedCredits} credits`)
       );
     }
     console.log(
@@ -1500,12 +1614,12 @@ async function createCommand(projectName, options) {
     console.log("");
     if (!hasEnoughCredits) {
       console.log(chalk7.red("  \u26A0 Not enough credits for this generation."));
-      console.log(chalk7.gray(`  Need ${estimatedCredits - creditsRemaining} more credits.
+      console.log(chalk7.gray(`  Need ${totalEstimatedCredits - creditsRemaining} more credits.
 `));
       process.exit(1);
     }
     const proceed = await p.confirm({
-      message: estimatedCredits > 0 ? `Proceed with generation? (~${estimatedCredits} credits)` : "Proceed with generation?",
+      message: totalEstimatedCredits > 0 ? `Proceed with generation? (~${totalEstimatedCredits} credits)` : "Proceed with generation?",
       initialValue: true
     });
     if (p.isCancel(proceed) || !proceed) {
@@ -1516,47 +1630,68 @@ async function createCommand(projectName, options) {
     dirSpinner.start(`Creating ${safeName}/...`);
     await mkdir(projectDir, { recursive: true });
     dirSpinner.stop(`Created ${safeName}/`);
-    const genSpinner = ora2({ text: "Generating architecture...", color: "cyan" }).start();
-    const result = await apiClient.generateCode({
-      projectId,
-      templateId,
-      options: {
-        includeValidations: true,
-        includeComments: true,
-        featureFlags: {
-          includeDtos: true,
-          includeUseCases: true,
-          includeMappers: true,
-          includeControllers: true,
-          includeEfConfig: true,
-          includeValidation: true,
-          includeDtoValidation: true,
-          includeUnitTests: true,
-          includeIntegrationTests: true,
-          includeStarterFiles: true,
-          includeReactions: true,
-          includeOutbox: true,
-          includeInbox: true
-        },
-        useContexts,
-        diagramIds: estimateDiagramIds
-        // Filter by selected bounded contexts
+    const allGeneratedFiles = [];
+    let totalCreditsUsed = 0;
+    let totalCreditsRemaining = creditsRemaining;
+    if (backendTemplateId) {
+      const backendSpinner = ora2({ text: "Generating backend architecture...", color: "cyan" }).start();
+      const backendResult = await apiClient.generateCode({
+        projectId,
+        templateId: backendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts,
+          diagramIds: estimateDiagramIds
+        }
+      });
+      const backendFiles = (backendResult.files || []).map((file) => ({
+        ...file,
+        path: `backend/${file.path}`
+      }));
+      allGeneratedFiles.push(...backendFiles);
+      if (backendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += backendResult.creditsUsed;
+        totalCreditsRemaining = backendResult.creditsRemaining ?? totalCreditsRemaining;
       }
-    });
-    genSpinner.succeed(chalk7.green(`Generated ${result.files?.length || 0} files`));
+      backendSpinner.succeed(chalk7.green(`Backend: ${backendFiles.length} files generated`));
+    }
+    if (frontendTemplateId) {
+      const frontendSpinner = ora2({ text: "Generating frontend architecture...", color: "cyan" }).start();
+      const frontendResult = await apiClient.generateCode({
+        projectId,
+        templateId: frontendTemplateId,
+        options: {
+          includeValidations: true,
+          includeComments: true,
+          featureFlags,
+          useContexts,
+          diagramIds: estimateDiagramIds
+        }
+      });
+      const frontendFiles = (frontendResult.files || []).map((file) => ({
+        ...file,
+        path: `frontend/${file.path}`
+      }));
+      allGeneratedFiles.push(...frontendFiles);
+      if (frontendResult.creditsUsed !== void 0) {
+        totalCreditsUsed += frontendResult.creditsUsed;
+        totalCreditsRemaining = frontendResult.creditsRemaining ?? totalCreditsRemaining;
+      }
+      frontendSpinner.succeed(chalk7.green(`Frontend: ${frontendFiles.length} files generated`));
+    }
     const writeSpinner = p.spinner();
     writeSpinner.start("Writing files...");
-    const organizedFiles = result.files.map((file) => ({
-      ...file,
-      path: `backend/${file.path}`
-    }));
-    await writeGeneratedFiles(organizedFiles, projectDir, false);
-    writeSpinner.stop(`Wrote ${organizedFiles.length} files`);
+    await writeGeneratedFiles(allGeneratedFiles, projectDir, false);
+    writeSpinner.stop(`Wrote ${allGeneratedFiles.length} files`);
     const configSpinner = p.spinner();
     configSpinner.start("Creating config files...");
     const projectConfig = createProjectConfig({
       projectId,
-      templateId,
+      templateId: backendTemplateId || frontendTemplateId || "",
+      backendTemplateId,
+      frontendTemplateId,
       templateVersion: "1.0.0",
       // TODO: get from template
       namespace,
@@ -1565,7 +1700,7 @@ async function createCommand(projectName, options) {
     });
     await saveProjectConfig(projectConfig, projectDir);
     let manifest = createEmptyManifest("1.0.0");
-    for (const file of organizedFiles) {
+    for (const file of allGeneratedFiles) {
       const hash = hashString(file.content);
       manifest = setManifestFile(manifest, file.path, {
         hash,
@@ -1590,13 +1725,21 @@ async function createCommand(projectName, options) {
     console.log(chalk7.bold("  Project Created Successfully!"));
     console.log(chalk7.gray("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
     console.log(chalk7.gray("  Directory:"), chalk7.cyan(safeName + "/"));
-    console.log(chalk7.gray("  Files:"), chalk7.cyan(organizedFiles.length));
+    const backendFileCount = allGeneratedFiles.filter((f) => f.path.startsWith("backend/")).length;
+    const frontendFileCount = allGeneratedFiles.filter((f) => f.path.startsWith("frontend/")).length;
+    if (backendFileCount > 0 && frontendFileCount > 0) {
+      console.log(chalk7.gray("  Backend:"), chalk7.cyan(`${backendFileCount} files`));
+      console.log(chalk7.gray("  Frontend:"), chalk7.cyan(`${frontendFileCount} files`));
+      console.log(chalk7.gray("  Total:"), chalk7.bold.cyan(`${allGeneratedFiles.length} files`));
+    } else {
+      console.log(chalk7.gray("  Files:"), chalk7.cyan(allGeneratedFiles.length));
+    }
     console.log(chalk7.gray("  Config:"), chalk7.cyan(PROJECT_CONFIG_FILENAME));
     console.log(chalk7.gray("  Manifest:"), chalk7.cyan(MANIFEST_FILENAME));
-    if (result.creditsUsed !== void 0) {
+    if (totalCreditsUsed > 0) {
       console.log("");
-      console.log(chalk7.gray("  Credits used:"), chalk7.yellow(result.creditsUsed));
-      console.log(chalk7.gray("  Credits remaining:"), chalk7.green(result.creditsRemaining));
+      console.log(chalk7.gray("  Credits used:"), chalk7.yellow(totalCreditsUsed));
+      console.log(chalk7.gray("  Credits remaining:"), chalk7.green(totalCreditsRemaining));
     }
     p.outro(
       chalk7.green("Project ready!") + "\n\n" + chalk7.gray("  Next steps:\n") + chalk7.cyan(`    cd ${safeName}