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

package/dist/styling/SmartPresets.js

@@ -0,0 +1,276 @@
+/**
+ * @fileoverview Smart presets for simplified logger configuration
+ */
+/**
+ * Smart presets that configure the entire log appearance
+ */
+export const SMART_PRESETS = {
+    /**
+     * Default preset - works perfectly out-of-the-box
+     * Clean, readable, automatically adaptive to dark/light themes
+     */
+    default: {
+        layout: {
+            spacing: 'normal',
+            innerPadding: '2px',
+            outerMargin: '1px'
+        },
+        timestamp: {
+            show: true,
+            color: 'auto', // Automatically adaptive
+            font: 'Monaco, Consolas, monospace',
+            size: '11px'
+        },
+        level: {
+            show: true,
+            style: 'badge',
+            uppercase: false,
+            padding: '2px 8px'
+        },
+        prefix: {
+            show: true,
+            style: 'dark', // Automatically adaptive
+            padding: '2px 6px'
+        },
+        message: {
+            show: true,
+            color: 'auto', // Automatically adaptive
+            font: 'system-ui, -apple-system, sans-serif',
+            size: '14px'
+        },
+        location: {
+            show: true,
+            color: 'auto', // Automatically adaptive
+            font: 'Monaco, Consolas, monospace',
+            size: '11px'
+        }
+    },
+    /**
+     * Cyberpunk preset - neon colors, glowing effects, dark theme
+     */
+    cyberpunk: {
+        layout: {
+            spacing: 'compact',
+            innerPadding: '1px',
+            outerMargin: '0px'
+        },
+        timestamp: {
+            show: true,
+            color: '#00ffff',
+            font: 'Monaco, Consolas, monospace',
+            size: '10px',
+            style: 'neon'
+        },
+        level: {
+            show: true,
+            style: 'glowing',
+            uppercase: true,
+            padding: '2px 8px'
+        },
+        prefix: {
+            show: true,
+            color: '#ff0080',
+            background: 'rgba(255, 0, 128, 0.1)',
+            border: '1px solid #ff0080',
+            style: 'neon'
+        },
+        message: {
+            show: true,
+            color: '#00ff41',
+            font: 'Monaco, Consolas, monospace',
+            size: '13px'
+        },
+        location: {
+            show: false // Hidden for cleaner look
+        },
+        backdrop: 'blur(2px)',
+        transparency: 0.9
+    },
+    /**
+     * Glassmorphism preset - modern blur effects, transparency
+     */
+    glassmorphism: {
+        layout: {
+            spacing: 'spacious',
+            innerPadding: '4px',
+            outerMargin: '2px'
+        },
+        timestamp: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '11px',
+            style: 'glassmorphic'
+        },
+        level: {
+            show: true,
+            style: 'glassmorphic',
+            uppercase: false,
+            padding: '4px 12px'
+        },
+        prefix: {
+            show: true,
+            style: 'glassmorphic',
+            padding: '3px 8px'
+        },
+        message: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '14px'
+        },
+        location: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '11px',
+            style: 'glassmorphic'
+        },
+        backdrop: 'blur(10px)',
+        transparency: 0.8
+    },
+    /**
+     * Minimal preset - clean, no decorations, maximum readability
+     */
+    minimal: {
+        layout: {
+            spacing: 'compact',
+            innerPadding: '0px',
+            outerMargin: '0px'
+        },
+        timestamp: {
+            show: false // Hidden for minimal look
+        },
+        level: {
+            show: true,
+            style: 'flat',
+            uppercase: true,
+            padding: '0px 4px',
+            border: 'none',
+            background: 'transparent'
+        },
+        prefix: {
+            show: true,
+            style: 'flat',
+            padding: '0px 4px',
+            border: 'none',
+            background: 'transparent'
+        },
+        message: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '14px'
+        },
+        location: {
+            show: false // Hidden for minimal look
+        }
+    },
+    /**
+     * Debug preset - monospace, detailed, compact for development
+     */
+    debug: {
+        layout: {
+            spacing: 'compact',
+            innerPadding: '1px',
+            outerMargin: '0px'
+        },
+        timestamp: {
+            show: true,
+            color: 'auto',
+            font: 'Monaco, Consolas, monospace',
+            size: '10px'
+        },
+        level: {
+            show: true,
+            style: 'compact',
+            uppercase: true,
+            padding: '1px 4px',
+            font: 'Monaco, Consolas, monospace',
+            size: '10px'
+        },
+        prefix: {
+            show: true,
+            style: 'compact',
+            padding: '1px 4px',
+            font: 'Monaco, Consolas, monospace',
+            size: '10px'
+        },
+        message: {
+            show: true,
+            color: 'auto',
+            font: 'Monaco, Consolas, monospace',
+            size: '12px'
+        },
+        location: {
+            show: true,
+            color: 'auto',
+            font: 'Monaco, Consolas, monospace',
+            size: '10px',
+            style: 'clickable'
+        }
+    },
+    /**
+     * Production preset - clean, essential info only
+     */
+    production: {
+        layout: {
+            spacing: 'normal',
+            innerPadding: '2px',
+            outerMargin: '1px'
+        },
+        timestamp: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '11px'
+        },
+        level: {
+            show: true,
+            style: 'badge',
+            uppercase: false,
+            padding: '2px 6px'
+        },
+        prefix: {
+            show: false // Hidden in production
+        },
+        message: {
+            show: true,
+            color: 'auto',
+            font: 'system-ui, sans-serif',
+            size: '14px'
+        },
+        location: {
+            show: false // Hidden in production
+        }
+    }
+};
+/**
+ * Get a smart preset by name
+ */
+export function getSmartPreset(name) {
+    return SMART_PRESETS[name] || null;
+}
+/**
+ * List all available smart presets
+ */
+export function getAvailablePresets() {
+    return Object.keys(SMART_PRESETS);
+}
+/**
+ * Check if a preset exists
+ */
+export function hasPreset(name) {
+    return name in SMART_PRESETS;
+}
+/**
+ * Preset descriptions for help/documentation
+ */
+export const PRESET_DESCRIPTIONS = {
+    default: 'Clean, readable, automatically adaptive to dark/light themes',
+    cyberpunk: 'Neon colors, glowing effects, perfect for dark themes',
+    glassmorphism: 'Modern blur effects with transparency and spacious layout',
+    minimal: 'Clean and simple, no decorations, maximum readability',
+    debug: 'Monospace fonts, detailed info, compact layout for development',
+    production: 'Professional look with essential information only'
+};

package/dist/styling/StyleBuilder.d.ts

@@ -0,0 +1,140 @@
+/**
+ * @fileoverview StyleBuilder class for Advanced Logger
+ */
+/**
+ * Utility class for creating dynamic console styles with method chaining
+ */
+export declare class StyleBuilder {
+    private styles;
+    constructor(baseStyle?: string);
+    /**
+     * Add background color or gradient
+     */
+    bg(background: string): StyleBuilder;
+    /**
+     * Add text color
+     */
+    color(color: string): StyleBuilder;
+    /**
+     * Add border styling
+     */
+    border(border: string): StyleBuilder;
+    /**
+     * Add box shadow
+     */
+    shadow(shadow: string): StyleBuilder;
+    /**
+     * Add padding
+     */
+    padding(padding: string): StyleBuilder;
+    /**
+     * Add margin
+     */
+    margin(margin: string): StyleBuilder;
+    /**
+     * Add border radius
+     */
+    rounded(radius?: string): StyleBuilder;
+    /**
+     * Add font weight
+     */
+    bold(): StyleBuilder;
+    /**
+     * Add font styling
+     */
+    font(font: string): StyleBuilder;
+    /**
+     * Set monospace font family (alias for common monospace fonts)
+     */
+    mono(): StyleBuilder;
+    /**
+     * Set system font family (alias for system fonts)
+     */
+    system(): StyleBuilder;
+    /**
+     * Add font size
+     */
+    size(size: string): StyleBuilder;
+    /**
+     * Add line height
+     */
+    lineHeight(height: string): StyleBuilder;
+    /**
+     * Add text decoration
+     */
+    underline(): StyleBuilder;
+    /**
+     * Add text transform
+     */
+    uppercase(): StyleBuilder;
+    /**
+     * Add opacity
+     */
+    opacity(value: number): StyleBuilder;
+    /**
+     * Add display property
+     */
+    display(value: string): StyleBuilder;
+    /**
+     * Add position property
+     */
+    position(value: string): StyleBuilder;
+    /**
+     * Add transform property
+     */
+    transform(value: string): StyleBuilder;
+    /**
+     * Add animation property
+     */
+    animation(value: string): StyleBuilder;
+    /**
+     * Add transition property
+     */
+    transition(value: string): StyleBuilder;
+    /**
+     * Add cursor property
+     */
+    cursor(value: string): StyleBuilder;
+    /**
+     * Add any custom CSS property
+     */
+    custom(property: string, value: string): StyleBuilder;
+    /**
+     * Add any CSS property (alias for custom)
+     */
+    css(property: string, value: string): StyleBuilder;
+    /**
+     * Build the final CSS string
+     */
+    build(): string;
+    /**
+     * Clear all styles and start fresh
+     */
+    clear(): StyleBuilder;
+    /**
+     * Clone this StyleBuilder with the same styles
+     */
+    clone(): StyleBuilder;
+    /**
+     * Merge another StyleBuilder's styles into this one
+     */
+    merge(other: StyleBuilder): StyleBuilder;
+}
+/**
+ * Dynamic styler instance for external use
+ */
+export declare const $: any;
+/**
+ * Pre-defined style presets for common use cases
+ */
+export declare const StylePresets: {
+    success: () => StyleBuilder;
+    error: () => StyleBuilder;
+    warning: () => StyleBuilder;
+    info: () => StyleBuilder;
+    debug: () => StyleBuilder;
+    muted: () => StyleBuilder;
+    accent: () => StyleBuilder;
+    neon: () => StyleBuilder;
+};
+//# sourceMappingURL=StyleBuilder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyleBuilder.d.ts","sourceRoot":"","sources":["../../src/styling/StyleBuilder.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,qBAAa,YAAY;IACrB,OAAO,CAAC,MAAM,CAAgB;gBAElB,SAAS,SAAK;IAI1B;;OAEG;IACH,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKlC;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,YAAY;IAKtC;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,OAAO,CAAC,MAAM,GAAE,MAAc,GAAG,YAAY;IAK7C;;OAEG;IACH,IAAI,IAAI,YAAY;IAKpB;;OAEG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;IAKhC;;OAEG;IACH,IAAI,IAAI,YAAY;IAIpB;;OAEG;IACH,MAAM,IAAI,YAAY;IAItB;;OAEG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;IAKhC;;OAEG;IACH,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY;IAKxC;;OAEG;IACH,SAAS,IAAI,YAAY;IAKzB;;OAEG;IACH,SAAS,IAAI,YAAY;IAKzB;;OAEG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKpC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKrC;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKtC;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKtC;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKvC;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY;IAKnC;;OAEG;IACH,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY;IAKrD;;OAEG;IACH,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY;IAIlD;;OAEG;IACH,KAAK,IAAI,MAAM;IAIf;;OAEG;IACH,KAAK,IAAI,YAAY;IAKrB;;OAEG;IACH,KAAK,IAAI,YAAY;IAMrB;;OAEG;IACH,KAAK,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY;CAI3C;AAqBD;;GAEG;AACH,eAAO,MAAM,CAAC,KAAiB,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CAuDxB,CAAC"}

package/dist/styling/StyleBuilder.js

@@ -0,0 +1,280 @@
+/**
+ * @fileoverview StyleBuilder class for Advanced Logger
+ */
+/**
+ * Utility class for creating dynamic console styles with method chaining
+ */
+export class StyleBuilder {
+    styles = [];
+    constructor(baseStyle = '') {
+        if (baseStyle)
+            this.styles.push(baseStyle);
+    }
+    /**
+     * Add background color or gradient
+     */
+    bg(background) {
+        this.styles.push(`background: ${background}`);
+        return this;
+    }
+    /**
+     * Add text color
+     */
+    color(color) {
+        this.styles.push(`color: ${color}`);
+        return this;
+    }
+    /**
+     * Add border styling
+     */
+    border(border) {
+        this.styles.push(`border: ${border}`);
+        return this;
+    }
+    /**
+     * Add box shadow
+     */
+    shadow(shadow) {
+        this.styles.push(`box-shadow: ${shadow}`);
+        return this;
+    }
+    /**
+     * Add padding
+     */
+    padding(padding) {
+        this.styles.push(`padding: ${padding}`);
+        return this;
+    }
+    /**
+     * Add margin
+     */
+    margin(margin) {
+        this.styles.push(`margin: ${margin}`);
+        return this;
+    }
+    /**
+     * Add border radius
+     */
+    rounded(radius = '4px') {
+        this.styles.push(`border-radius: ${radius}`);
+        return this;
+    }
+    /**
+     * Add font weight
+     */
+    bold() {
+        this.styles.push('font-weight: bold');
+        return this;
+    }
+    /**
+     * Add font styling
+     */
+    font(font) {
+        this.styles.push(`font-family: ${font}`);
+        return this;
+    }
+    /**
+     * Set monospace font family (alias for common monospace fonts)
+     */
+    mono() {
+        return this.font('Monaco, Consolas, "Courier New", monospace');
+    }
+    /**
+     * Set system font family (alias for system fonts)
+     */
+    system() {
+        return this.font('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif');
+    }
+    /**
+     * Add font size
+     */
+    size(size) {
+        this.styles.push(`font-size: ${size}`);
+        return this;
+    }
+    /**
+     * Add line height
+     */
+    lineHeight(height) {
+        this.styles.push(`line-height: ${height}`);
+        return this;
+    }
+    /**
+     * Add text decoration
+     */
+    underline() {
+        this.styles.push('text-decoration: underline');
+        return this;
+    }
+    /**
+     * Add text transform
+     */
+    uppercase() {
+        this.styles.push('text-transform: uppercase');
+        return this;
+    }
+    /**
+     * Add opacity
+     */
+    opacity(value) {
+        this.styles.push(`opacity: ${value}`);
+        return this;
+    }
+    /**
+     * Add display property
+     */
+    display(value) {
+        this.styles.push(`display: ${value}`);
+        return this;
+    }
+    /**
+     * Add position property
+     */
+    position(value) {
+        this.styles.push(`position: ${value}`);
+        return this;
+    }
+    /**
+     * Add transform property
+     */
+    transform(value) {
+        this.styles.push(`transform: ${value}`);
+        return this;
+    }
+    /**
+     * Add animation property
+     */
+    animation(value) {
+        this.styles.push(`animation: ${value}`);
+        return this;
+    }
+    /**
+     * Add transition property
+     */
+    transition(value) {
+        this.styles.push(`transition: ${value}`);
+        return this;
+    }
+    /**
+     * Add cursor property
+     */
+    cursor(value) {
+        this.styles.push(`cursor: ${value}`);
+        return this;
+    }
+    /**
+     * Add any custom CSS property
+     */
+    custom(property, value) {
+        this.styles.push(`${property}: ${value}`);
+        return this;
+    }
+    /**
+     * Add any CSS property (alias for custom)
+     */
+    css(property, value) {
+        return this.custom(property, value);
+    }
+    /**
+     * Build the final CSS string
+     */
+    build() {
+        return this.styles.join('; ');
+    }
+    /**
+     * Clear all styles and start fresh
+     */
+    clear() {
+        this.styles = [];
+        return this;
+    }
+    /**
+     * Clone this StyleBuilder with the same styles
+     */
+    clone() {
+        const cloned = new StyleBuilder();
+        cloned.styles = [...this.styles];
+        return cloned;
+    }
+    /**
+     * Merge another StyleBuilder's styles into this one
+     */
+    merge(other) {
+        this.styles.push(...other.styles);
+        return this;
+    }
+}
+/**
+ * Proxy-based dynamic styler for chainable console styling
+ */
+function createStyler() {
+    const builder = new StyleBuilder();
+    return new Proxy(builder, {
+        get(target, prop) {
+            if (prop in target) {
+                const method = target[prop];
+                if (typeof method === 'function') {
+                    return method.bind(target);
+                }
+                return method;
+            }
+            return undefined;
+        }
+    });
+}
+/**
+ * Dynamic styler instance for external use
+ */
+export const $ = createStyler();
+/**
+ * Pre-defined style presets for common use cases
+ */
+export const StylePresets = {
+    success: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #00b894 0%, #00a085 100%)')
+        .color('#ffffff')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold(),
+    error: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #e84393 0%, #d63031 100%)')
+        .color('#ffffff')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold(),
+    warning: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #fdcb6e 0%, #e17055 100%)')
+        .color('#2d3436')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold(),
+    info: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #74b9ff 0%, #0984e3 100%)')
+        .color('#ffffff')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold(),
+    debug: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #667eea 0%, #764ba2 100%)')
+        .color('#ffffff')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold(),
+    muted: () => new StyleBuilder()
+        .color('#6c757d')
+        .font('Monaco, Consolas, monospace')
+        .size('12px'),
+    accent: () => new StyleBuilder()
+        .bg('#f8f9fa')
+        .color('#495057')
+        .padding('2px 6px')
+        .rounded('3px')
+        .border('1px solid #dee2e6'),
+    neon: () => new StyleBuilder()
+        .bg('linear-gradient(135deg, #0f3460 0%, #e94560 100%)')
+        .color('#00ffff')
+        .padding('4px 8px')
+        .rounded('4px')
+        .bold()
+        .shadow('0 0 10px rgba(0, 255, 255, 0.5)'),
+};