@townco/ui 0.1.14 → 0.1.15

package/dist/core/index.d.ts

@@ -5,5 +5,6 @@
  * Contains business logic, state management, and hooks
  */
 export * from "./hooks/index.js";
+export * from "./lib/logger.js";
 export * from "./schemas/index.js";
 export * from "./store/chat-store.js";

package/dist/core/index.js

@@ -5,5 +5,6 @@
  * Contains business logic, state management, and hooks
  */
 export * from "./hooks/index.js";
+export * from "./lib/logger.js";
 export * from "./schemas/index.js";
 export * from "./store/chat-store.js";

package/dist/core/lib/logger.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Browser-compatible logger
+ * Outputs structured JSON logs to console with color-coding
+ */
+export type LogLevel = "trace" | "debug" | "info" | "warn" | "error" | "fatal";
+export declare class Logger {
+    private service;
+    private minLevel;
+    constructor(service: string, minLevel?: LogLevel);
+    private shouldLog;
+    private log;
+    trace(message: string, metadata?: Record<string, unknown>): void;
+    debug(message: string, metadata?: Record<string, unknown>): void;
+    info(message: string, metadata?: Record<string, unknown>): void;
+    warn(message: string, metadata?: Record<string, unknown>): void;
+    error(message: string, metadata?: Record<string, unknown>): void;
+    fatal(message: string, metadata?: Record<string, unknown>): void;
+}
+/**
+ * Create a logger instance for a service
+ * @param service - Service name (e.g., "gui", "http-agent", "tui")
+ * @param minLevel - Minimum log level to display (default: "debug")
+ */
+export declare function createLogger(service: string, minLevel?: LogLevel): Logger;

package/dist/core/lib/logger.js

@@ -0,0 +1,108 @@
+/**
+ * Browser-compatible logger
+ * Outputs structured JSON logs to console with color-coding
+ */
+const LOG_LEVELS = {
+    trace: 0,
+    debug: 1,
+    info: 2,
+    warn: 3,
+    error: 4,
+    fatal: 5,
+};
+const _LOG_COLORS = {
+    trace: "#6B7280", // gray
+    debug: "#3B82F6", // blue
+    info: "#10B981", // green
+    warn: "#F59E0B", // orange
+    error: "#EF4444", // red
+    fatal: "#DC2626", // dark red
+};
+const LOG_STYLES = {
+    trace: "color: #6B7280",
+    debug: "color: #3B82F6; font-weight: bold",
+    info: "color: #10B981; font-weight: bold",
+    warn: "color: #F59E0B; font-weight: bold",
+    error: "color: #EF4444; font-weight: bold",
+    fatal: "color: #DC2626; font-weight: bold; background: #FEE2E2",
+};
+export class Logger {
+    service;
+    minLevel;
+    constructor(service, minLevel = "debug") {
+        this.service = service;
+        this.minLevel = minLevel;
+        // In production, suppress trace and debug logs
+        if (typeof process !== "undefined" &&
+            process.env?.NODE_ENV === "production") {
+            this.minLevel = "info";
+        }
+    }
+    shouldLog(level) {
+        return LOG_LEVELS[level] >= LOG_LEVELS[this.minLevel];
+    }
+    log(level, message, metadata) {
+        if (!this.shouldLog(level)) {
+            return;
+        }
+        const entry = {
+            timestamp: new Date().toISOString(),
+            level,
+            service: this.service,
+            message,
+            ...(metadata && { metadata }),
+        };
+        // Console output with color-coding
+        const style = LOG_STYLES[level];
+        const levelUpper = level.toUpperCase().padEnd(5);
+        if (typeof console !== "undefined") {
+            // Format: [timestamp] [SERVICE] [LEVEL] message
+            const prefix = `%c[${entry.timestamp}] [${this.service}] [${levelUpper}]`;
+            const msg = metadata ? `${message} %o` : message;
+            switch (level) {
+                case "trace":
+                case "debug":
+                case "info":
+                    console.log(prefix, style, msg, ...(metadata ? [metadata] : []));
+                    break;
+                case "warn":
+                    console.warn(prefix, style, msg, ...(metadata ? [metadata] : []));
+                    break;
+                case "error":
+                case "fatal":
+                    console.error(prefix, style, msg, ...(metadata ? [metadata] : []));
+                    break;
+            }
+        }
+        // Also log the structured JSON for debugging
+        if (level === "fatal" || level === "error") {
+            console.debug("Structured log:", JSON.stringify(entry));
+        }
+    }
+    trace(message, metadata) {
+        this.log("trace", message, metadata);
+    }
+    debug(message, metadata) {
+        this.log("debug", message, metadata);
+    }
+    info(message, metadata) {
+        this.log("info", message, metadata);
+    }
+    warn(message, metadata) {
+        this.log("warn", message, metadata);
+    }
+    error(message, metadata) {
+        this.log("error", message, metadata);
+    }
+    fatal(message, metadata) {
+        this.log("fatal", message, metadata);
+    }
+}
+/**
+ * Create a logger instance for a service
+ * @param service - Service name (e.g., "gui", "http-agent", "tui")
+ * @param minLevel - Minimum log level to display (default: "debug")
+ */
+export function createLogger(service, minLevel = "debug") {
+    return new Logger(service, minLevel);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
-    "@townco/tsconfig": "0.1.11",
+    "@townco/tsconfig": "0.1.12",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",