@mks2508/better-logger 0.0.2-alpha.2 → 0.8.1-alpha.1

package/dist/styling/StyleBuilder.js

@@ -0,0 +1,268 @@
+/**
+ * @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;
+    }
+    /**
+     * 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)'),
+};

package/dist/styling/banners.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @fileoverview Banner configurations for Advanced Logger
+ */
+import type { BannerType, ThemeVariant } from '../types/index.js';
+/**
+ * Banner variants for different display capabilities
+ */
+export declare const BANNER_VARIANTS: {
+    simple: {
+        text: string;
+        style: string;
+    };
+    ascii: {
+        text: string;
+        style: string;
+    };
+    unicode: {
+        text: string;
+        style: string;
+    };
+    svg: {
+        text: string;
+        style: string;
+    };
+    animated: {
+        text: string;
+        style: string;
+    };
+};
+/**
+ * Theme-specific banners for enhanced visual theming
+ */
+export declare const THEME_BANNERS: Record<ThemeVariant, {
+    simple: string;
+    style: string;
+}>;
+/**
+ * Feature detection for banner capabilities
+ */
+export declare function detectBannerCapabilities(): BannerType;
+/**
+ * Display initialization banner with advanced styling
+ */
+export declare function displayInitBanner(bannerType?: BannerType): void;
+//# sourceMappingURL=banners.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banners.d.ts","sourceRoot":"","sources":["../../src/styling/banners.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAoD3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyBjF,CAAC;AAEF;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,UAAU,CA2BrD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAuC/D"}

package/dist/styling/banners.js

@@ -0,0 +1,155 @@
+/**
+ * @fileoverview Banner configurations for Advanced Logger
+ */
+/**
+ * Banner variants for different display capabilities
+ */
+export const BANNER_VARIANTS = {
+    simple: {
+        text: '🚀 ADVANCED LOGGER v2.0.0 - State-of-the-art Console Styling 🚀',
+        style: 'background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 20px; border-radius: 8px; font-weight: bold; font-size: 14px;'
+    },
+    ascii: {
+        text: `
+   ___     ____  _   __   ___     _   __  _____ _____ ____     __     ___    _____ _____ _____ ____  
+  / _ \\   / __ \\| | / /  / _ \\   | \\ | |/ ____| ____|  _ \\   |  |   / _ \\  / ____|  ___|  _  |  _ \\ 
+ / /_\\ \\ / / _\` | |/ /  / /_\\ \\  |  \\| | |   | |__  | | | |  |  |  / / \\ \\| |  __| |_  | |_| | |_) |
+ |  _  || | (_| |   <   |  _  |  | . \` | |   |  __| | | | |  |  | | |   | | | |_ |  _| |    /|  _ < 
+ | | | |\\ \\__,_|_|\\_\\  | | | |  | |\\  | |___| |____| |_| |  |  |__\\ \\_/ /| |__| | |___| |\\ \\| |_) |
+ \\_| |_/ \\____/        \\_| |_/  |_| \\_|\\_____|______|____/   |_____/\\___/  \\_____|_____|_| \\_|____/
+
+                            Advanced Logger v2.0.0 - Console Excellence`,
+        style: 'font-family: "Courier New", Consolas, Monaco, monospace; color: #667eea; font-size: 11px; line-height: 1.2;'
+    },
+    unicode: {
+        text: `
+╔══════════════════════════════════════════════════════════════════════════╗
+║                         🚀 ADVANCED LOGGER v2.0.0                       ║
+║                      State-of-the-art Console Styling                    ║  
+╚══════════════════════════════════════════════════════════════════════════╝`,
+        style: 'font-family: "Courier New", Consolas, Monaco, monospace; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; border-radius: 8px; font-size: 12px; line-height: 1.3;'
+    },
+    svg: {
+        text: '                    ',
+        style: `
+            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80'><defs><linearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='0%'><stop offset='0%' style='stop-color:%23667eea'/><stop offset='100%' style='stop-color:%23764ba2'/></linearGradient></defs><rect width='100%' height='100%' fill='url(%23grad)' rx='8'/><text x='200' y='30' text-anchor='middle' fill='white' font-family='monospace' font-size='14' font-weight='bold'>🚀 ADVANCED LOGGER</text><text x='200' y='50' text-anchor='middle' fill='white' font-family='monospace' font-size='12'>State-of-the-art Console Styling</text><text x='200' y='65' text-anchor='middle' fill='white' font-family='monospace' font-size='10'>v2.0.0</text></svg>");
+            background-repeat: no-repeat;
+            background-size: 400px 80px;
+            padding: 40px 200px;
+            color: transparent;
+            display: inline-block;
+            border-radius: 8px;
+        `
+    },
+    animated: {
+        text: '         🚀 ADVANCED LOGGER v2.0.0         ',
+        style: `
+            background: linear-gradient(-45deg, #667eea, #764ba2, #667eea, #764ba2);
+            background-size: 400% 400%;
+            color: white;
+            padding: 15px 25px;
+            border-radius: 10px;
+            font-weight: bold;
+            font-size: 14px;
+            font-family: monospace;
+            animation: gradientShift 3s ease infinite;
+            display: inline-block;
+        `
+    }
+};
+/**
+ * Theme-specific banners for enhanced visual theming
+ */
+export const THEME_BANNERS = {
+    default: {
+        simple: '🚀 ADVANCED LOGGER v2.0.0 - State-of-the-art Console Styling 🚀',
+        style: 'background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 20px; border-radius: 8px; font-weight: bold;'
+    },
+    dark: {
+        simple: '🌙 ADVANCED LOGGER v2.0.0 - Dark Mode Console Excellence 🌙',
+        style: 'background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: #e2e8f0; padding: 12px 20px; border-radius: 8px; font-weight: bold; border: 1px solid #4a5568;'
+    },
+    neon: {
+        simple: '⚡ ADVANCED LOGGER v2.0.0 - Cyberpunk Console Experience ⚡',
+        style: 'background: linear-gradient(135deg, #0f3460 0%, #e94560 100%); color: #00ffff; padding: 12px 20px; border-radius: 8px; font-weight: bold; text-shadow: 0 0 10px #00ffff;'
+    },
+    minimal: {
+        simple: 'ADVANCED LOGGER v2.0.0 - Clean Console Styling',
+        style: 'background: #f7fafc; color: #2d3748; padding: 8px 16px; border: 1px solid #e2e8f0; border-radius: 4px; font-weight: 500;'
+    },
+    light: {
+        simple: '☀️ ADVANCED LOGGER v2.0.0 - Bright Console Styling ☀️',
+        style: 'background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); color: #495057; padding: 12px 20px; border-radius: 8px; font-weight: bold; border: 1px solid #dee2e6;'
+    },
+    cyberpunk: {
+        simple: '🤖 ADVANCED LOGGER v2.0.0 - Neural Console Interface 🤖',
+        style: 'background: linear-gradient(135deg, #0d1b2a 0%, #415a77 100%); color: #00d4aa; padding: 12px 20px; border-radius: 8px; font-weight: bold; text-shadow: 0 0 10px #00d4aa; border: 1px solid #00d4aa;'
+    }
+};
+/**
+ * Feature detection for banner capabilities
+ */
+export function detectBannerCapabilities() {
+    // Try to detect browser capabilities
+    const userAgent = navigator.userAgent;
+    const isChrome = /Chrome/.test(userAgent);
+    const isFirefox = /Firefox/.test(userAgent);
+    const isSafari = /Safari/.test(userAgent) && !/Chrome/.test(userAgent);
+    // Check for SVG support (most modern browsers)
+    const supportsSVG = !!document.createElementNS &&
+        !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
+    // Check for CSS animation support
+    const supportsAnimations = typeof document !== 'undefined' &&
+        'animationName' in document.createElement('div').style;
+    // Progressive enhancement
+    if (supportsAnimations && isChrome) {
+        return 'animated';
+    }
+    else if (supportsSVG && (isChrome || isFirefox)) {
+        return 'svg';
+    }
+    else if (isChrome || isFirefox) {
+        return 'unicode';
+    }
+    else if (isSafari) {
+        return 'ascii';
+    }
+    return 'simple';
+}
+/**
+ * Display initialization banner with advanced styling
+ */
+export function displayInitBanner(bannerType) {
+    const selectedType = bannerType || detectBannerCapabilities();
+    const banner = BANNER_VARIANTS[selectedType];
+    // Add CSS animation keyframes if needed
+    if (selectedType === 'animated') {
+        const style = document.createElement('style');
+        style.textContent = `
+            @keyframes gradientShift {
+                0% { background-position: 0% 50%; }
+                50% { background-position: 100% 50%; }
+                100% { background-position: 0% 50%; }
+            }
+        `;
+        document.head.appendChild(style);
+    }
+    console.log(`%c${banner.text}`, banner.style);
+    // Show feature highlights
+    const features = [
+        '🎨 Advanced CSS Console Styling',
+        '📍 Automatic Stack Trace Parsing',
+        '🔧 Scoped Loggers & Prefixes',
+        '⚡ Performance Timers',
+        '🎯 Verbosity Filtering',
+        '🔌 Extensible Handlers',
+        '📱 Modern TypeScript Patterns',
+        '📤 Export & Clipboard Support'
+    ];
+    console.group(`%c✨ Features`, 'background: #f8f9fa; color: #495057; padding: 4px 8px; border-radius: 4px; font-weight: bold;');
+    features.forEach(feature => {
+        console.log(`%c${feature}`, 'color: #6c757d; font-size: 13px;');
+    });
+    console.groupEnd();
+    console.log(''); // Add spacing
+}

package/dist/styling/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @fileoverview Styling system exports for Advanced Logger
+ */
+export { StyleBuilder, $, StylePresets } from './StyleBuilder.js';
+export { THEME_PRESETS } from './themes.js';
+export { BANNER_VARIANTS, THEME_BANNERS, detectBannerCapabilities, displayInitBanner } from './banners.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styling/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EACH,eAAe,EACf,aAAa,EACb,wBAAwB,EACxB,iBAAiB,EACpB,MAAM,cAAc,CAAC"}

package/dist/styling/index.js

@@ -0,0 +1,6 @@
+/**
+ * @fileoverview Styling system exports for Advanced Logger
+ */
+export { StyleBuilder, $, StylePresets } from './StyleBuilder.js';
+export { THEME_PRESETS } from './themes.js';
+export { BANNER_VARIANTS, THEME_BANNERS, detectBannerCapabilities, displayInitBanner } from './banners.js';

package/dist/styling/themes.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @fileoverview Theme presets for Advanced Logger
+ */
+import type { ThemeVariant } from '../types/index.js';
+import type { LevelStyleConfig } from '../utils/index.js';
+/**
+ * Theme configurations for different visual styles
+ */
+export declare const THEME_PRESETS: Record<ThemeVariant, Record<string, LevelStyleConfig>>;
+//# sourceMappingURL=themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/styling/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAgOhF,CAAC"}