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

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,10 @@
+/**
+ * @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';
+export { TimestampStyler, LevelStyler, PrefixStyler, MessageStyler, LocationStyler } from './SemanticStyles.js';
+export { LogStyleBuilder, createLogStyleBuilder } from './LogStyleBuilder.js';
+export { SMART_PRESETS, getSmartPreset, getAvailablePresets, hasPreset, PRESET_DESCRIPTIONS } from './SmartPresets.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;AACtB,OAAO,EACH,eAAe,EACf,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EACH,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,mBAAmB,EACtB,MAAM,mBAAmB,CAAC"}

package/dist/styling/index.js

@@ -0,0 +1,9 @@
+/**
+ * @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';
+export { TimestampStyler, LevelStyler, PrefixStyler, MessageStyler, LocationStyler } from './SemanticStyles.js';
+export { LogStyleBuilder, createLogStyleBuilder } from './LogStyleBuilder.js';
+export { SMART_PRESETS, getSmartPreset, getAvailablePresets, hasPreset, PRESET_DESCRIPTIONS } from './SmartPresets.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"}

package/dist/styling/themes.js

@@ -0,0 +1,231 @@
+/**
+ * @fileoverview Theme presets for Advanced Logger
+ */
+/**
+ * Theme configurations for different visual styles
+ */
+export const THEME_PRESETS = {
+    default: {
+        debug: {
+            emoji: '🐞', label: 'DEBUG',
+            background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+            color: '#ffffff', border: '1px solid #667eea',
+            shadow: '0 2px 4px rgba(102, 126, 234, 0.3)',
+        },
+        info: {
+            emoji: 'ℹ️', label: 'INFO',
+            background: 'linear-gradient(135deg, #74b9ff 0%, #0984e3 100%)',
+            color: '#ffffff', border: '1px solid #74b9ff',
+            shadow: '0 2px 4px rgba(116, 185, 255, 0.3)',
+        },
+        warn: {
+            emoji: '⚠️', label: 'WARN',
+            background: 'linear-gradient(135deg, #fdcb6e 0%, #e17055 100%)',
+            color: '#2d3436', border: '1px solid #fdcb6e',
+            shadow: '0 2px 4px rgba(253, 203, 110, 0.3)',
+        },
+        error: {
+            emoji: '❌', label: 'ERROR',
+            background: 'linear-gradient(135deg, #e84393 0%, #d63031 100%)',
+            color: '#ffffff', border: '1px solid #e84393',
+            shadow: '0 2px 4px rgba(232, 67, 147, 0.3)',
+        },
+        success: {
+            emoji: '✅', label: 'SUCCESS',
+            background: 'linear-gradient(135deg, #00b894 0%, #00a085 100%)',
+            color: '#ffffff', border: '1px solid #00b894',
+            shadow: '0 2px 4px rgba(0, 184, 148, 0.3)',
+        },
+        critical: {
+            emoji: '🔥', label: 'CRITICAL',
+            background: 'linear-gradient(135deg, #ff3838 0%, #ff1744 100%)',
+            color: '#ffffff', border: '2px solid #ff3838',
+            shadow: '0 4px 8px rgba(255, 56, 56, 0.5)',
+        },
+    },
+    dark: {
+        debug: {
+            emoji: '🌙', label: 'DEBUG',
+            background: 'linear-gradient(135deg, #2d3748 0%, #4a5568 100%)',
+            color: '#e2e8f0', border: '1px solid #4a5568',
+            shadow: '0 2px 4px rgba(45, 55, 72, 0.8)',
+        },
+        info: {
+            emoji: '💡', label: 'INFO',
+            background: 'linear-gradient(135deg, #1a202c 0%, #2d3748 100%)',
+            color: '#90cdf4', border: '1px solid #3182ce',
+            shadow: '0 2px 4px rgba(26, 32, 44, 0.8)',
+        },
+        warn: {
+            emoji: '⚡', label: 'WARN',
+            background: 'linear-gradient(135deg, #744210 0%, #975a16 100%)',
+            color: '#faf089', border: '1px solid #d69e2e',
+            shadow: '0 2px 4px rgba(116, 66, 16, 0.8)',
+        },
+        error: {
+            emoji: '💀', label: 'ERROR',
+            background: 'linear-gradient(135deg, #742a2a 0%, #9b2c2c 100%)',
+            color: '#feb2b2', border: '1px solid #e53e3e',
+            shadow: '0 2px 4px rgba(116, 42, 42, 0.8)',
+        },
+        success: {
+            emoji: '🎯', label: 'SUCCESS',
+            background: 'linear-gradient(135deg, #276749 0%, #2f855a 100%)',
+            color: '#9ae6b4', border: '1px solid #38a169',
+            shadow: '0 2px 4px rgba(39, 103, 73, 0.8)',
+        },
+        critical: {
+            emoji: '💥', label: 'CRITICAL',
+            background: 'linear-gradient(135deg, #1a1a1a 0%, #ff0000 100%)',
+            color: '#ffffff', border: '2px solid #ff0000',
+            shadow: '0 4px 8px rgba(255, 0, 0, 0.9)',
+        },
+    },
+    neon: {
+        debug: {
+            emoji: '⚡', label: 'DEBUG',
+            background: 'linear-gradient(135deg, #0f3460 0%, #e94560 100%)',
+            color: '#00ffff', border: '1px solid #00ffff',
+            shadow: '0 0 10px rgba(0, 255, 255, 0.5)',
+        },
+        info: {
+            emoji: '🔮', label: 'INFO',
+            background: 'linear-gradient(135deg, #16213e 0%, #0f3460 100%)',
+            color: '#00ff41', border: '1px solid #00ff41',
+            shadow: '0 0 10px rgba(0, 255, 65, 0.5)',
+        },
+        warn: {
+            emoji: '⚠️', label: 'WARN',
+            background: 'linear-gradient(135deg, #533a03 0%, #e94560 100%)',
+            color: '#ffff00', border: '1px solid #ffff00',
+            shadow: '0 0 10px rgba(255, 255, 0, 0.5)',
+        },
+        error: {
+            emoji: '💥', label: 'ERROR',
+            background: 'linear-gradient(135deg, #5c0a0a 0%, #ff073a 100%)',
+            color: '#ff073a', border: '1px solid #ff073a',
+            shadow: '0 0 10px rgba(255, 7, 58, 0.8)',
+        },
+        success: {
+            emoji: '✨', label: 'SUCCESS',
+            background: 'linear-gradient(135deg, #0a5c0a 0%, #39ff14 100%)',
+            color: '#39ff14', border: '1px solid #39ff14',
+            shadow: '0 0 10px rgba(57, 255, 20, 0.8)',
+        },
+        critical: {
+            emoji: '🌟', label: 'CRITICAL',
+            background: 'linear-gradient(135deg, #000000 0%, #ff0080 100%)',
+            color: '#ff0080', border: '2px solid #ff0080',
+            shadow: '0 0 20px rgba(255, 0, 128, 1)',
+        },
+    },
+    minimal: {
+        debug: {
+            emoji: '', label: 'DEBUG',
+            background: '#f7fafc', color: '#4a5568',
+            border: '1px solid #e2e8f0', shadow: 'none',
+        },
+        info: {
+            emoji: '', label: 'INFO',
+            background: '#ebf8ff', color: '#2b6cb0',
+            border: '1px solid #bee3f8', shadow: 'none',
+        },
+        warn: {
+            emoji: '', label: 'WARN',
+            background: '#fffbf0', color: '#c05621',
+            border: '1px solid #fed7aa', shadow: 'none',
+        },
+        error: {
+            emoji: '', label: 'ERROR',
+            background: '#fef5f5', color: '#c53030',
+            border: '1px solid #fca5a5', shadow: 'none',
+        },
+        success: {
+            emoji: '', label: 'SUCCESS',
+            background: '#f0fff4', color: '#2f855a',
+            border: '1px solid #9ae6b4', shadow: 'none',
+        },
+        critical: {
+            emoji: '', label: 'CRITICAL',
+            background: '#fef5f5', color: '#e53e3e',
+            border: '2px solid #f56565', shadow: 'none',
+        },
+    },
+    // Additional theme variants can be added here
+    light: {
+        debug: {
+            emoji: '🔍', label: 'DEBUG',
+            background: 'linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%)',
+            color: '#1565c0', border: '1px solid #90caf9',
+            shadow: '0 1px 3px rgba(33, 150, 243, 0.2)',
+        },
+        info: {
+            emoji: 'ℹ️', label: 'INFO',
+            background: 'linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%)',
+            color: '#7b1fa2', border: '1px solid #ce93d8',
+            shadow: '0 1px 3px rgba(156, 39, 176, 0.2)',
+        },
+        warn: {
+            emoji: '⚠️', label: 'WARN',
+            background: 'linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%)',
+            color: '#f57c00', border: '1px solid #ffcc02',
+            shadow: '0 1px 3px rgba(255, 152, 0, 0.2)',
+        },
+        error: {
+            emoji: '❌', label: 'ERROR',
+            background: 'linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%)',
+            color: '#d32f2f', border: '1px solid #f44336',
+            shadow: '0 1px 3px rgba(244, 67, 54, 0.2)',
+        },
+        success: {
+            emoji: '✅', label: 'SUCCESS',
+            background: 'linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%)',
+            color: '#388e3c', border: '1px solid #4caf50',
+            shadow: '0 1px 3px rgba(76, 175, 80, 0.2)',
+        },
+        critical: {
+            emoji: '🚨', label: 'CRITICAL',
+            background: 'linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%)',
+            color: '#c2185b', border: '2px solid #e91e63',
+            shadow: '0 2px 6px rgba(233, 30, 99, 0.3)',
+        },
+    },
+    cyberpunk: {
+        debug: {
+            emoji: '🤖', label: 'DEBUG',
+            background: 'linear-gradient(135deg, #0d1b2a 0%, #415a77 100%)',
+            color: '#00d4aa', border: '1px solid #00d4aa',
+            shadow: '0 0 15px rgba(0, 212, 170, 0.4)',
+        },
+        info: {
+            emoji: '🔗', label: 'INFO',
+            background: 'linear-gradient(135deg, #1b263b 0%, #0d1b2a 100%)',
+            color: '#00b4d8', border: '1px solid #00b4d8',
+            shadow: '0 0 15px rgba(0, 180, 216, 0.4)',
+        },
+        warn: {
+            emoji: '⚡', label: 'WARN',
+            background: 'linear-gradient(135deg, #f72585 0%, #b5179e 100%)',
+            color: '#ffff3f', border: '1px solid #ffff3f',
+            shadow: '0 0 15px rgba(255, 255, 63, 0.4)',
+        },
+        error: {
+            emoji: '💀', label: 'ERROR',
+            background: 'linear-gradient(135deg, #7209b7 0%, #480ca8 100%)',
+            color: '#ff006e', border: '1px solid #ff006e',
+            shadow: '0 0 15px rgba(255, 0, 110, 0.6)',
+        },
+        success: {
+            emoji: '⚡', label: 'SUCCESS',
+            background: 'linear-gradient(135deg, #003566 0%, #001d3d 100%)',
+            color: '#00f5ff', border: '1px solid #00f5ff',
+            shadow: '0 0 15px rgba(0, 245, 255, 0.4)',
+        },
+        critical: {
+            emoji: '💥', label: 'CRITICAL',
+            background: 'linear-gradient(135deg, #000000 0%, #ff0040 100%)',
+            color: '#ff0040', border: '2px solid #ff0040',
+            shadow: '0 0 25px rgba(255, 0, 64, 0.8)',
+        },
+    },
+};

package/dist/styling-module.d.ts

@@ -0,0 +1,185 @@
+/**
+ * @fileoverview Styling Module - Advanced visual features for Better Logger
+ * @version 0.0.1
+ *
+ * This module provides advanced styling features including SVG support, CSS animations,
+ * themed banners, and visual enhancements for console logging.
+ */
+import { Logger } from './Logger.js';
+import { StyleBuilder } from './styling/index.js';
+import type { ThemeVariant, BannerType, StyleOptions } from './types/index.js';
+/**
+ * Enhanced Logger with advanced styling capabilities
+ *
+ * @example
+ * ```typescript
+ * import { StyledLogger } from '@mks2508/better-logger/styling';
+ *
+ * const logger = new StyledLogger();
+ * logger.setTheme('neon');
+ * logger.logAnimated('🌟 Animated message!');
+ * logger.logWithSVG('Custom SVG Logo', svgContent);
+ * ```
+ */
+export declare class StyledLogger extends Logger {
+    /**
+     * Log with SVG background image
+     *
+     * @param message - The message to log
+     * @param svgContent - SVG content as string (optional)
+     * @param options - Styling options
+     *
+     * @example
+     * ```typescript
+     * logger.logWithSVG('My App', '<svg>...</svg>', {
+     *   width: 400,
+     *   height: 80,
+     *   padding: '40px 200px'
+     * });
+     * ```
+     */
+    logWithSVG(message: string, svgContent?: string, options?: StyleOptions): void;
+    /**
+     * Log with animated background gradient
+     *
+     * @param message - The message to log
+     * @param duration - Animation duration in seconds
+     *
+     * @example
+     * ```typescript
+     * logger.logAnimated('🚀 Loading...', 2);
+     * ```
+     */
+    logAnimated(message: string, duration?: number): void;
+    /**
+     * Display banner with specified type
+     *
+     * @param bannerType - Type of banner to display
+     *
+     * @example
+     * ```typescript
+     * logger.showBanner('animated');
+     * ```
+     */
+    showBanner(bannerType?: BannerType): void;
+    /**
+     * Set banner type for initialization display
+     *
+     * @param bannerType - Type of banner to display
+     *
+     * @example
+     * ```typescript
+     * logger.setBannerType('svg');
+     * ```
+     */
+    setBannerType(bannerType: BannerType): void;
+    /**
+     * Sets the logger theme with visual banner
+     *
+     * @param theme - Theme variant to apply
+     *
+     * @example
+     * ```typescript
+     * logger.setTheme('cyberpunk'); // Shows themed banner
+     * ```
+     */
+    setTheme(theme: ThemeVariant): void;
+}
+declare const styledLogger: StyledLogger;
+/**
+ * Utility functions for creating custom styles
+ *
+ * @example
+ * ```typescript
+ * import { createStyle, StyleBuilder } from '@mks2508/better-logger/styling';
+ *
+ * const myStyle = createStyle()
+ *   .bg('linear-gradient(45deg, #ff6b6b, #feca57)')
+ *   .color('white')
+ *   .padding('10px')
+ *   .build();
+ *
+ * console.log('%cCustom Message', myStyle);
+ * ```
+ */
+export declare const createStyle: () => StyleBuilder;
+/**
+ * Pre-built style presets
+ *
+ * @example
+ * ```typescript
+ * import { stylePresets } from '@mks2508/better-logger/styling';
+ *
+ * console.log('%cSuccess!', stylePresets.success);
+ * console.log('%cError!', stylePresets.error);
+ * ```
+ */
+export declare const stylePresets: {
+    success: string;
+    error: string;
+    warning: string;
+    info: string;
+    accent: string;
+};
+/**
+ * Available themes for the logger
+ *
+ * @example
+ * ```typescript
+ * import { themes } from '@mks2508/better-logger/styling';
+ *
+ * console.log('Available themes:', Object.keys(themes));
+ * ```
+ */
+export declare const themes: string[];
+/**
+ * Available banner types
+ *
+ * @example
+ * ```typescript
+ * import { bannerTypes } from '@mks2508/better-logger/styling';
+ *
+ * console.log('Available banners:', bannerTypes);
+ * ```
+ */
+export declare const bannerTypes: string[];
+/**
+ * Display initialization banner
+ *
+ * @param bannerType - Type of banner to display
+ *
+ * @example
+ * ```typescript
+ * import { showInitBanner } from '@mks2508/better-logger/styling';
+ *
+ * showInitBanner('animated');
+ * ```
+ */
+export declare const showInitBanner: (bannerType?: BannerType) => void;
+/**
+ * Export individual styled logging methods
+ */
+export declare const debug: (...args: any[]) => void;
+export declare const info: (...args: any[]) => void;
+export declare const warn: (...args: any[]) => void;
+export declare const error: (...args: any[]) => void;
+export declare const success: (...args: any[]) => void;
+export declare const critical: (...args: any[]) => void;
+export declare const trace: (...args: any[]) => void;
+export declare const table: (data: any, columns?: string[]) => void;
+export declare const group: (label: string, collapsed?: boolean) => void;
+export declare const groupEnd: () => void;
+export declare const time: (label: string) => void;
+export declare const timeEnd: (label: string) => void;
+export declare const setGlobalPrefix: (prefix: string) => void;
+export declare const scope: (prefix: string) => import("./ScopedLogger.js").ScopedLogger;
+export declare const setVerbosity: (level: any) => void;
+export declare const setTheme: (theme: ThemeVariant) => void;
+export declare const setBannerType: (bannerType: BannerType) => void;
+export declare const showBanner: (bannerType?: BannerType) => void;
+export declare const logWithSVG: (message: string, svgContent?: string, options?: StyleOptions) => void;
+export declare const logAnimated: (message: string, duration?: number) => void;
+export default styledLogger;
+export { StyleBuilder, StylePresets, THEME_PRESETS, THEME_BANNERS, BANNER_VARIANTS } from './styling/index.js';
+export type { ThemeVariant, BannerType, StyleOptions } from './types/index.js';
+//# sourceMappingURL=styling-module.d.ts.map

package/dist/styling-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styling-module.d.ts","sourceRoot":"","sources":["../src/styling-module.ts"],"names":[],"mappings":"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"}