feat: improved TUI!!

Author: ImGajeed76

build.ts

@@ -9,21 +9,17 @@ import {
     rmSync,
     writeFileSync,
 } from "fs";
-import {configure, getConfig, logger, LogLevel} from "./src/utils/logger";
-import {getTheme} from "./src/utils/themes";
+import {logger} from "./src/utils/console/logger";
+import {getTheme, themeManager} from "./src/utils/console/themes";
 
 // Read version from package.json
 const packageJson = JSON.parse(readFileSync("package.json", "utf-8"));
 const version = packageJson.version;
 
-configure({
-    level: LogLevel.TRACE,
-});
-
 async function main() {
     const startTime = Date.now();
 
-    logger.format.header("Building Axogen CLI and Library");
+    logger.header("Building Axogen CLI and Library");
     console.log(); // Add some spacing
 
     setupDirectories();
@@ -49,12 +45,13 @@ async function main() {
 
     const duration = Date.now() - startTime;
     console.log(); // Add spacing before final summary
-    logger.success(`Build completed in ${duration}ms`);
+    logger.success(`Build completed <muted>[${duration}ms]</muted>`);
 
     console.log(); // Add spacing
-    logger.format.divider("Next Steps");
-    logger.info(`Run ${logger.text.command("./bin/axogen --version")} to test`);
-    logger.info("Library built with tsup for better IDE support!");
+    logger.divider("Next Steps");
+    logger.info(`Run <secondary>./bin/axogen --version</secondary> to test`);
+    logger.divider();
+    console.log(); // Add spacing
 }
 
 function setupDirectories() {
@@ -101,7 +98,7 @@ async function typeCheck() {
         // Fallback: if tsc not available, warn but continue
         logger.warn("TypeScript compiler not found, skipping type check");
         logger.info(
-            `Install typescript globally: ${logger.text.command("bun add -g typescript")}`
+            `Install typescript globally: <secondary>bun add -g typescript</secondary>`
         );
     }
 }
@@ -185,7 +182,7 @@ async function buildLibraryWithTsup() {
         return true;
     } catch (error) {
         logger.warn("tsup not available, falling back to bun build");
-        logger.info(`Install tsup: ${logger.text.command("bun add -D tsup")}`);
+        logger.info(`Install tsup: <secondary>bun add -D tsup</secondary>`);
 
         // Fallback to original bun build method
         return await buildLibraryFallback();
@@ -242,14 +239,13 @@ async function generateTypes() {
     } catch (error) {
         logger.warn("Could not generate TypeScript declarations");
         logger.info(
-            `Install typescript: ${logger.text.command("bun add -D typescript")}`
+            `Install typescript: <secondary>bun add -D typescript</secondary>`
         );
     }
 }
 
 function handleBuildFailure(result: Bun.BuildOutput) {
-    const config = getConfig();
-    const theme = getTheme(config.theme);
+    const theme = themeManager.theme;
 
     if (result.logs.length > 0) {
         // Group logs by level
@@ -262,7 +258,7 @@ function handleBuildFailure(result: Bun.BuildOutput) {
             warnings.length > 0 && `${warnings.length} warnings`,
         ].filter(Boolean);
 
-        const subtitle = `${logger.text.muted("Found:")} ${result.logs.length} build issue${result.logs.length !== 1 ? "s" : ""} ${logger.text.muted(summaryParts.join(" • "))}`;
+        const subtitle = `<muted>Found:</muted> ${result.logs.length} build issue${result.logs.length !== 1 ? "s" : ""} <muted>${summaryParts.join(" • ")}</muted>`;
 
         // Map logs to items
         const items = result.logs.map((log) => {
@@ -272,25 +268,23 @@ function handleBuildFailure(result: Bun.BuildOutput) {
 
             return {
                 level: log.level,
-                icon: "•",
                 key: location,
                 description: log.message,
                 extra: log.name,
             };
         });
 
         logger.logIssues({
-            title: "Build failed!",
-            titleIcon: "✗",
+            title: "✗ Build failed!",
             subtitle,
             levels: {
-                error: {color: theme.colors.error, icon: "❌"},
-                warning: {color: theme.colors.warning, icon: "⚠️"},
+                error: {color: "error"},
+                warning: {color: "warning"},
             },
             items,
             footer: "Fix these issues and rebuild",
             footerIcon: "!",
-            footerIconColor: theme.colors.warning,
+            footerIconColor: "warning",
         });
     } else {
         // No specific logs, just show generic error
@@ -311,7 +305,7 @@ ${builtCode}`;
     writeFileSync("bin/axogen", executableContent);
     chmodSync("bin/axogen", "755");
 
-    logger.file("Executable created at bin/axogen");
+    logger.file("Executable created", "bin/axogen");
 }
 
 function cleanup() {

bun.lock

@@ -81,6 +81,7 @@
         "@types/js-yaml": "^4.0.9",
         "@types/papaparse": "^5.3.16",
         "ansis": "^4.1.0",
+        "chalk": "^5.4.1",
         "commander": "^14.0.0",
         "cson": "^8.4.0",
         "fast-xml-parser": "^5.2.5",

package.json

@@ -12,7 +12,7 @@ import {
     isAdvancedCommand,
     isGroupCommand,
 } from "./zod_helpers.ts";
-import {logger} from "../utils/logger.ts";
+import {logger} from "../utils/console/logger.ts";
 
 export function buildDynamicCommands(
     cli: Command,

src/cli-helpers/builder.ts

@@ -1,7 +1,7 @@
 import {Command} from "commander";
 import type {ZodAxogenConfig} from "../../config/types";
 import {targetGenerator} from "../../generators";
-import {logger} from "../../utils/logger.ts";
+import {logger} from "../../utils/console/logger.ts";
 
 export function createGenerateCommand(config: ZodAxogenConfig): Command {
     return new Command("generate")
@@ -13,24 +13,27 @@ export function createGenerateCommand(config: ZodAxogenConfig): Command {
             "Show what would be generated without writing files"
         )
         .action(async (options) => {
+            console.log();
             logger.start("Generating configuration files...");
 
             if (!config.targets || Object.keys(config.targets).length === 0) {
                 logger.info("No targets defined in config");
                 return;
             }
 
+            const startTime = Date.now();
+
             // Determine which targets to generate
             const targetsToGenerate = options.target
                 ? {[options.target]: config.targets[options.target]}
                 : config.targets;
 
             if (options.target && !config.targets[options.target]) {
-                logger.error(`Target "${options.target}" not found`);
+                logger.error(`✗ Target "${options.target}" not found`);
                 console.log();
                 logger.info("Available targets:");
                 Object.keys(config.targets).forEach((name) =>
-                    logger.format.bullet(name, 1)
+                    logger.bullet(name, 1)
                 );
                 process.exit(1);
             }
@@ -46,37 +49,40 @@ export function createGenerateCommand(config: ZodAxogenConfig): Command {
                 );
 
                 console.log();
-                console.log(logger.text.success("Results:"));
+                logger.success("Results:");
 
                 results.forEach((result) => {
                     if (result.success) {
                         if (options.dryRun) {
                             logger.file(
-                                `Would generate ${logger.text.file(result.name)} at ${logger.text.muted(result.path)}`
+                                `Would generate <b>${result.name}</b>`,
+                                result.path
                             );
                         } else {
                             logger.file(
-                                `Generated ${logger.text.file(result.name)} at ${logger.text.muted(result.path)}`
+                                `Generated <b>${result.name}</b>`,
+                                result.path
                             );
                         }
                     } else {
-                        logger.error(
-                            `${logger.text.normal("Failed to generate")} ${logger.text.error(result.name)}: ${logger.text.error(result.error || "Unknown error")}`
+                        logger.logF(
+                            `<error>✗</error> Failed to generate <b>${result.name}</b>: <error>${result.error || "Unknown error"}</error>`
                         );
                     }
                 });
 
                 const successCount = results.filter((r) => r.success).length;
                 const errorCount = results.length - successCount;
+                const duration = (Date.now() - startTime).toFixed(2);
 
                 console.log(); // Add spacing before summary
                 if (errorCount === 0) {
-                    logger.success(
-                        `${logger.text.normal("Generation complete!")} ${logger.text.success(`(${successCount} file${successCount !== 1 ? "s" : ""})`)}`
+                    logger.logF(
+                        `<success>Generation complete!</success> <muted>${successCount} file${successCount !== 1 ? "s" : ""}</muted> <subtle>[${duration}ms]</subtle>`
                     );
                 } else {
-                    logger.warn(
-                        `Generation complete with errors! ${successCount} success, ${errorCount} failed`
+                    logger.logF(
+                        `<warning>Generation complete with errors!</warning> <muted>${successCount} success, ${errorCount} failed</muted> <subtle>[${duration}ms]</subtle>`
                     );
                 }