@mks2508/better-logger 0.0.2-alpha.2 → 0.3.0

package/dist/styling/SemanticStyles.d.ts

@@ -0,0 +1,181 @@
+/**
+ * @fileoverview Semantic styling system for Advanced Logger
+ */
+import { StyleBuilder } from './StyleBuilder.js';
+/**
+ * Base semantic styler with common style methods
+ */
+export declare abstract class BaseStyler {
+    protected builder: StyleBuilder;
+    constructor(builder?: StyleBuilder);
+    /**
+     * Primary brand color (typically blue)
+     */
+    primary(): this;
+    /**
+     * Secondary color (typically gray)
+     */
+    secondary(): this;
+    /**
+     * Accent color for highlights
+     */
+    accent(): this;
+    /**
+     * Muted/subtle color - automatically adaptive
+     */
+    muted(): this;
+    /**
+     * Success color (green)
+     */
+    success(): this;
+    /**
+     * Warning color (yellow/orange)
+     */
+    warning(): this;
+    /**
+     * Danger/error color (red)
+     */
+    danger(): this;
+    /**
+     * Monospace font family
+     */
+    mono(): this;
+    /**
+     * System font family
+     */
+    system(): this;
+    /**
+     * Readable font optimized for text
+     */
+    readable(): this;
+    /**
+     * Compact spacing
+     */
+    compact(): this;
+    /**
+     * Spacious layout
+     */
+    spacious(): this;
+    /**
+     * Inline display
+     */
+    inline(): this;
+    /**
+     * Glass morphism effect
+     */
+    glassmorphic(): this;
+    /**
+     * Neon glow effect
+     */
+    neon(): this;
+    /**
+     * Gradient background
+     */
+    gradient(from?: string, to?: string): this;
+    /**
+     * Bold text
+     */
+    bold(): this;
+    /**
+     * Set color with automatic adaptation
+     */
+    protected color(color: string): this;
+    /**
+     * Build the final CSS string
+     */
+    build(): string;
+}
+/**
+ * Timestamp-specific styling
+ */
+export declare class TimestampStyler extends BaseStyler {
+    /**
+     * Default timestamp style - subtle and informative
+     */
+    default(): this;
+    /**
+     * Hide timestamp
+     */
+    hidden(): this;
+    /**
+     * Minimal timestamp (just time, no date)
+     */
+    minimal(): this;
+    /**
+     * Set font size
+     */
+    size(size: string): this;
+}
+/**
+ * Level badge styling
+ */
+export declare class LevelStyler extends BaseStyler {
+    /**
+     * Colorful gradient badge
+     */
+    badge(): this;
+    /**
+     * Glowing effect for dark themes
+     */
+    glowing(): this;
+    /**
+     * Minimal flat style
+     */
+    flat(): this;
+    /**
+     * Uppercase text
+     */
+    uppercase(): this;
+}
+/**
+ * Prefix styling
+ */
+export declare class PrefixStyler extends BaseStyler {
+    /**
+     * Dark theme prefix
+     */
+    dark(): this;
+    /**
+     * Light theme prefix
+     */
+    light(): this;
+    /**
+     * Compact prefix
+     */
+    compact(): this;
+}
+/**
+ * Message text styling
+ */
+export declare class MessageStyler extends BaseStyler {
+    /**
+     * Readable message text - automatically adaptive
+     */
+    readable(): this;
+    /**
+     * Code-style monospace text
+     */
+    code(): this;
+    /**
+     * Large, prominent text
+     */
+    large(): this;
+}
+/**
+ * Location info styling
+ */
+export declare class LocationStyler extends BaseStyler {
+    /**
+     * Subtle location info - automatically adaptive
+     */
+    subtle(): this;
+    /**
+     * Hide location info
+     */
+    hidden(): this;
+    /**
+     * Clickable style (for IDE integration)
+     */
+    clickable(): this;
+}
+//# sourceMappingURL=SemanticStyles.d.ts.map

package/dist/styling/SemanticStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticStyles.d.ts","sourceRoot":"","sources":["../../src/styling/SemanticStyles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD;;GAEG;AACH,8BAAsB,UAAU;IAC5B,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;gBAEpB,OAAO,GAAE,YAAiC;IAItD;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,QAAQ,IAAI,IAAI;IAKhB;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf;;OAEG;IACH,QAAQ,IAAI,IAAI;IAKhB;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,YAAY,IAAI,IAAI;IASpB;;OAEG;IACH,IAAI,IAAI,IAAI;IAUZ;;OAEG;IACH,QAAQ,CAAC,IAAI,GAAE,MAAkB,EAAE,EAAE,GAAE,MAAkB,GAAG,IAAI;IAKhE;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKpC;;OAEG;IACH,KAAK,IAAI,MAAM;CAGlB;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;OAEG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAI3B;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACvC;;OAEG;IACH,KAAK,IAAI,IAAI;IASb;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,IAAI,IAAI,IAAI;IASZ;;OAEG;IACH,SAAS,IAAI,IAAI;CAIpB;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;IACxC;;OAEG;IACH,IAAI,IAAI,IAAI;IAeZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAab;;OAEG;IACH,OAAO,IAAI,IAAI;CAOlB;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,UAAU;IACzC;;OAEG;IACH,QAAQ,IAAI,IAAI;IAQhB;;OAEG;IACH,IAAI,IAAI,IAAI;IAWZ;;OAEG;IACH,KAAK,IAAI,IAAI;CAMhB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC1C;;OAEG;IACH,MAAM,IAAI,IAAI;IASd;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,SAAS,IAAI,IAAI;CAKpB"}

package/dist/styling/SemanticStyles.js

@@ -0,0 +1,339 @@
+/**
+ * @fileoverview Semantic styling system for Advanced Logger
+ */
+import { StyleBuilder } from './StyleBuilder.js';
+import { ADAPTIVE_COLORS } from '../constants.js';
+import { getAdaptiveColor } from '../utils/index.js';
+/**
+ * Base semantic styler with common style methods
+ */
+export class BaseStyler {
+    builder;
+    constructor(builder = new StyleBuilder()) {
+        this.builder = builder;
+    }
+    /**
+     * Primary brand color (typically blue)
+     */
+    primary() {
+        return this.color('#007bff');
+    }
+    /**
+     * Secondary color (typically gray)
+     */
+    secondary() {
+        return this.color('#6c757d');
+    }
+    /**
+     * Accent color for highlights
+     */
+    accent() {
+        return this.color('#17a2b8');
+    }
+    /**
+     * Muted/subtle color - automatically adaptive
+     */
+    muted() {
+        const mutedColors = { light: '#6c757d', dark: '#a0aec0' };
+        return this.color(getAdaptiveColor(mutedColors));
+    }
+    /**
+     * Success color (green)
+     */
+    success() {
+        return this.color('#28a745');
+    }
+    /**
+     * Warning color (yellow/orange)
+     */
+    warning() {
+        return this.color('#ffc107');
+    }
+    /**
+     * Danger/error color (red)
+     */
+    danger() {
+        return this.color('#dc3545');
+    }
+    /**
+     * Monospace font family
+     */
+    mono() {
+        this.builder.font('Monaco, Consolas, "Courier New", monospace');
+        return this;
+    }
+    /**
+     * System font family
+     */
+    system() {
+        this.builder.font('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif');
+        return this;
+    }
+    /**
+     * Readable font optimized for text
+     */
+    readable() {
+        this.builder.font('Georgia, "Times New Roman", serif');
+        return this;
+    }
+    /**
+     * Compact spacing
+     */
+    compact() {
+        this.builder.padding('1px 4px').margin('0 1px');
+        return this;
+    }
+    /**
+     * Spacious layout
+     */
+    spacious() {
+        this.builder.padding('6px 12px').margin('2px 4px');
+        return this;
+    }
+    /**
+     * Inline display
+     */
+    inline() {
+        this.builder.display('inline-block');
+        return this;
+    }
+    /**
+     * Glass morphism effect
+     */
+    glassmorphic() {
+        this.builder
+            .css('backdrop-filter', 'blur(10px)')
+            .css('background', 'rgba(255, 255, 255, 0.1)')
+            .border('1px solid rgba(255, 255, 255, 0.2)')
+            .rounded('8px');
+        return this;
+    }
+    /**
+     * Neon glow effect
+     */
+    neon() {
+        const neonColor = '#00ffff';
+        this.builder
+            .color(neonColor)
+            .border(`1px solid ${neonColor}`)
+            .shadow(`0 0 10px ${neonColor}, 0 0 20px ${neonColor}`)
+            .css('text-shadow', `0 0 5px ${neonColor}`);
+        return this;
+    }
+    /**
+     * Gradient background
+     */
+    gradient(from = '#667eea', to = '#764ba2') {
+        this.builder.bg(`linear-gradient(135deg, ${from} 0%, ${to} 100%)`);
+        return this;
+    }
+    /**
+     * Bold text
+     */
+    bold() {
+        this.builder.bold();
+        return this;
+    }
+    /**
+     * Set color with automatic adaptation
+     */
+    color(color) {
+        this.builder.color(color);
+        return this;
+    }
+    /**
+     * Build the final CSS string
+     */
+    build() {
+        return this.builder.build();
+    }
+}
+/**
+ * Timestamp-specific styling
+ */
+export class TimestampStyler extends BaseStyler {
+    /**
+     * Default timestamp style - subtle and informative
+     */
+    default() {
+        this.muted().mono();
+        this.builder.size('11px');
+        return this;
+    }
+    /**
+     * Hide timestamp
+     */
+    hidden() {
+        this.builder.display('none');
+        return this;
+    }
+    /**
+     * Minimal timestamp (just time, no date)
+     */
+    minimal() {
+        this.muted().mono();
+        this.builder.size('10px').opacity(0.7);
+        return this;
+    }
+    /**
+     * Set font size
+     */
+    size(size) {
+        this.builder.size(size);
+        return this;
+    }
+}
+/**
+ * Level badge styling
+ */
+export class LevelStyler extends BaseStyler {
+    /**
+     * Colorful gradient badge
+     */
+    badge() {
+        this.builder
+            .padding('2px 8px')
+            .rounded('4px')
+            .bold()
+            .color('#ffffff');
+        return this;
+    }
+    /**
+     * Glowing effect for dark themes
+     */
+    glowing() {
+        return this.neon().badge();
+    }
+    /**
+     * Minimal flat style
+     */
+    flat() {
+        this.builder
+            .padding('1px 6px')
+            .rounded('2px')
+            .border('1px solid currentColor')
+            .css('background', 'transparent');
+        return this;
+    }
+    /**
+     * Uppercase text
+     */
+    uppercase() {
+        this.builder.uppercase();
+        return this;
+    }
+}
+/**
+ * Prefix styling
+ */
+export class PrefixStyler extends BaseStyler {
+    /**
+     * Dark theme prefix
+     */
+    dark() {
+        const prefixColors = { light: '#2d3748', dark: '#4a5568' };
+        const textColors = { light: '#e2e8f0', dark: '#f7fafc' };
+        this.builder
+            .bg(getAdaptiveColor(prefixColors))
+            .color(getAdaptiveColor(textColors))
+            .padding('2px 6px')
+            .rounded('3px')
+            .bold()
+            .mono()
+            .size('11px');
+        return this;
+    }
+    /**
+     * Light theme prefix
+     */
+    light() {
+        this.builder
+            .bg('#f8f9fa')
+            .color('#495057')
+            .padding('2px 6px')
+            .rounded('3px')
+            .bold()
+            .mono()
+            .size('11px')
+            .border('1px solid #dee2e6');
+        return this;
+    }
+    /**
+     * Compact prefix
+     */
+    compact() {
+        this.builder
+            .padding('1px 4px')
+            .size('10px')
+            .rounded('2px');
+        return this;
+    }
+}
+/**
+ * Message text styling
+ */
+export class MessageStyler extends BaseStyler {
+    /**
+     * Readable message text - automatically adaptive
+     */
+    readable() {
+        this.builder
+            .color(getAdaptiveColor(ADAPTIVE_COLORS.messageText))
+            .system()
+            .size('14px');
+        return this;
+    }
+    /**
+     * Code-style monospace text
+     */
+    code() {
+        this.builder
+            .mono()
+            .size('13px')
+            .color(getAdaptiveColor(ADAPTIVE_COLORS.messageText))
+            .bg('rgba(0, 0, 0, 0.05)')
+            .padding('1px 4px')
+            .rounded('3px');
+        return this;
+    }
+    /**
+     * Large, prominent text
+     */
+    large() {
+        this.builder
+            .size('16px')
+            .color(getAdaptiveColor(ADAPTIVE_COLORS.messageText));
+        return this;
+    }
+}
+/**
+ * Location info styling
+ */
+export class LocationStyler extends BaseStyler {
+    /**
+     * Subtle location info - automatically adaptive
+     */
+    subtle() {
+        this.builder
+            .color(getAdaptiveColor(ADAPTIVE_COLORS.location))
+            .mono()
+            .size('11px')
+            .opacity(0.7);
+        return this;
+    }
+    /**
+     * Hide location info
+     */
+    hidden() {
+        this.builder.display('none');
+        return this;
+    }
+    /**
+     * Clickable style (for IDE integration)
+     */
+    clickable() {
+        this.subtle();
+        this.builder.css('text-decoration', 'underline').cursor('pointer');
+        return this;
+    }
+}

package/dist/styling/SmartPresets.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @fileoverview Smart presets for simplified logger configuration
+ */
+import type { LogStyles } from '../types/index.js';
+/**
+ * Smart presets that configure the entire log appearance
+ */
+export declare const SMART_PRESETS: Record<string, LogStyles>;
+/**
+ * Get a smart preset by name
+ */
+export declare function getSmartPreset(name: string): LogStyles | null;
+/**
+ * List all available smart presets
+ */
+export declare function getAvailablePresets(): string[];
+/**
+ * Check if a preset exists
+ */
+export declare function hasPreset(name: string): boolean;
+/**
+ * Preset descriptions for help/documentation
+ */
+export declare const PRESET_DESCRIPTIONS: Record<string, string>;
+//# sourceMappingURL=SmartPresets.d.ts.map

package/dist/styling/SmartPresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartPresets.d.ts","sourceRoot":"","sources":["../../src/styling/SmartPresets.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,mBAAmB,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAqPnD,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAE7D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAE9C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOtD,CAAC"}