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

package/dist/Logger.js

@@ -0,0 +1,680 @@
+/**
+ * @fileoverview Refactored Advanced Logger with modular architecture
+ * @version 2.0.0
+ */
+// Utility imports
+import { parseStackTrace, formatTimestamp, createStyledOutput, setupThemeChangeListener } from './utils/index.js';
+// Styling imports
+import { THEME_PRESETS, THEME_BANNERS, displayInitBanner, StylePresets, StyleBuilder } from './styling/index.js';
+// Smart presets and scoped loggers
+import { getSmartPreset, getAvailablePresets, hasPreset } from './styling/SmartPresets.js';
+import { ScopedLogger, APILogger, ComponentLogger } from './ScopedLogger.js';
+import { createLogStyleBuilder } from './styling/LogStyleBuilder.js';
+// Handler imports
+import { ExportLogHandler } from './handlers/index.js';
+// CLI imports
+import { createDefaultCLI } from './cli/index.js';
+// Constants
+import { DEFAULT_CONFIG } from './constants.js';
+/**
+ * Current active theme styles
+ */
+let LEVEL_STYLES = THEME_PRESETS.default;
+/**
+ * Main Logger class implementing state-of-the-art logging capabilities
+ */
+export class Logger {
+    config;
+    scopedPrefix;
+    handlers = [];
+    timers = new Map();
+    groupDepth = 0;
+    exportHandler;
+    cliProcessor;
+    themeChangeListener;
+    displaySettings = {
+        showTimestamp: true,
+        showLocation: true,
+        showBadges: true
+    };
+    /**
+     * Creates a new Logger instance
+     */
+    constructor(config = {}) {
+        this.config = {
+            ...DEFAULT_CONFIG,
+            ...config,
+        };
+        // Initialize export handler if buffer size is specified
+        if (this.config.bufferSize) {
+            this.exportHandler = new ExportLogHandler(this.config.bufferSize);
+            this.handlers.push(this.exportHandler);
+        }
+        // Initialize CLI processor
+        this.cliProcessor = createDefaultCLI();
+        // Set up theme change listener if auto-detection is enabled
+        if (this.config.autoDetectTheme) {
+            this.setupAutoThemeDetection();
+        }
+    }
+    // ===== PRIVATE HELPER METHODS =====
+    /**
+     * Sets up automatic theme detection with change listener
+     */
+    setupAutoThemeDetection() {
+        // Clean up existing listener if any
+        if (this.themeChangeListener) {
+            this.themeChangeListener();
+            this.themeChangeListener = null;
+        }
+        // Set up new listener
+        this.themeChangeListener = setupThemeChangeListener((theme) => {
+            // Theme changed - logs will automatically use new colors on next call
+            // No need to update anything as colors are resolved dynamically
+            this.debug(`DevTools theme changed to: ${theme}`);
+        });
+    }
+    // ===== CONFIGURATION METHODS =====
+    /**
+     * Get current configuration
+     */
+    getConfig() {
+        return { ...this.config };
+    }
+    /**
+     * Update configuration
+     */
+    updateConfig(updates) {
+        const previousAutoDetect = this.config.autoDetectTheme;
+        this.config = { ...this.config, ...updates };
+        // Handle auto-detection changes
+        if (updates.autoDetectTheme !== undefined && updates.autoDetectTheme !== previousAutoDetect) {
+            if (updates.autoDetectTheme) {
+                this.setupAutoThemeDetection();
+            }
+            else if (this.themeChangeListener) {
+                this.themeChangeListener();
+                this.themeChangeListener = null;
+            }
+        }
+    }
+    /**
+     * Sets the global prefix for all log messages
+     */
+    setGlobalPrefix(prefix) {
+        this.config.globalPrefix = prefix;
+    }
+    /**
+     * Sets the verbosity level for filtering log output
+     */
+    setVerbosity(level) {
+        this.config.verbosity = level;
+    }
+    /**
+     * Sets the logger theme
+     */
+    setTheme(theme) {
+        // First check if it's a smart preset
+        if (hasPreset(theme)) {
+            this.preset(theme);
+            return;
+        }
+        // Fallback to old theme system
+        if (theme in THEME_PRESETS) {
+            LEVEL_STYLES = THEME_PRESETS[theme];
+            this.config.theme = theme;
+            // Show theme-specific banner
+            if (theme in THEME_BANNERS) {
+                const themeBanner = THEME_BANNERS[theme];
+                console.log(`%c${themeBanner.simple}`, themeBanner.style);
+            }
+            this.success(`Theme changed to: ${theme}`);
+        }
+        else {
+            this.error(`Invalid theme: ${theme}. Available:`, [...getAvailablePresets(), ...Object.keys(THEME_PRESETS)]);
+        }
+    }
+    /**
+     * Set banner type for initialization display
+     */
+    setBannerType(bannerType) {
+        this.config.bannerType = bannerType;
+        this.success(`Banner type changed to: ${bannerType}`);
+    }
+    /**
+     * Reset logger to default configuration
+     */
+    resetConfig() {
+        // Clean up theme listener
+        if (this.themeChangeListener) {
+            this.themeChangeListener();
+            this.themeChangeListener = null;
+        }
+        this.config = { ...DEFAULT_CONFIG };
+        LEVEL_STYLES = THEME_PRESETS.default;
+        // Re-setup auto theme detection if enabled in default config
+        if (this.config.autoDetectTheme) {
+            this.setupAutoThemeDetection();
+        }
+        this.success('Logger configuration reset to defaults');
+    }
+    /**
+     * Cleanup method to remove event listeners and free resources
+     */
+    cleanup() {
+        if (this.themeChangeListener) {
+            this.themeChangeListener();
+            this.themeChangeListener = null;
+        }
+    }
+    // ===== SIMPLIFIED API =====
+    /**
+     * Apply a smart preset - works perfectly out-of-the-box
+     */
+    preset(name) {
+        if (!hasPreset(name)) {
+            this.error(`Unknown preset: ${name}. Available presets:`, getAvailablePresets());
+            return;
+        }
+        const presetConfig = getSmartPreset(name);
+        if (presetConfig) {
+            // Apply the smart preset configuration
+            this.displaySettings.showTimestamp = presetConfig.timestamp?.show ?? true;
+            this.displaySettings.showLocation = presetConfig.location?.show ?? true;
+            // Store the preset config for use in createStyledOutput
+            this._activePreset = presetConfig;
+            this._activePresetName = name;
+            this.success(`Applied preset: ${name}`);
+        }
+    }
+    /**
+     * List available presets
+     */
+    presets() {
+        return getAvailablePresets();
+    }
+    // ===== TOGGLE METHODS =====
+    /**
+     * Hide timestamp in logs
+     */
+    hideTimestamp() {
+        this.displaySettings.showTimestamp = false;
+        this.success('Timestamp hidden');
+    }
+    /**
+     * Show timestamp in logs
+     */
+    showTimestamp() {
+        this.displaySettings.showTimestamp = true;
+        this.success('Timestamp shown');
+    }
+    /**
+     * Hide location info in logs
+     */
+    hideLocation() {
+        this.displaySettings.showLocation = false;
+        this.success('Location info hidden');
+    }
+    /**
+     * Show location info in logs
+     */
+    showLocation() {
+        this.displaySettings.showLocation = true;
+        this.success('Location info shown');
+    }
+    /**
+     * Hide badges in logs
+     */
+    hideBadges() {
+        this.displaySettings.showBadges = false;
+        this.success('Badges hidden');
+    }
+    /**
+     * Show badges in logs
+     */
+    showBadges() {
+        this.displaySettings.showBadges = true;
+        this.success('Badges shown');
+    }
+    // ===== SCOPED LOGGERS =====
+    /**
+     * Create a component logger with automatic styling
+     */
+    component(name) {
+        return new ComponentLogger(this, name);
+    }
+    /**
+     * Create an API logger with automatic badges
+     */
+    api(name) {
+        return new APILogger(this, name);
+    }
+    /**
+     * Create a general scoped logger with badges support
+     */
+    scope(name) {
+        return new ScopedLogger(this, name);
+    }
+    // ===== SIMPLE CUSTOMIZATION =====
+    /**
+     * Simple customization with minimal configuration
+     */
+    customize(overrides) {
+        // Apply simple overrides
+        if (overrides.timestamp?.show !== undefined) {
+            this.displaySettings.showTimestamp = overrides.timestamp.show;
+        }
+        if (overrides.location?.show !== undefined) {
+            this.displaySettings.showLocation = overrides.location.show;
+        }
+        if (overrides.prefix?.show !== undefined) {
+            // Will be handled when we integrate with preset system
+        }
+        // Store customization for use in createStyledOutput
+        this._customization = overrides;
+        this.success('Customization applied');
+    }
+    /**
+     * Access advanced styling API (for power users)
+     */
+    styles() {
+        return createLogStyleBuilder(this);
+    }
+    // ===== HANDLER MANAGEMENT =====
+    /**
+     * Adds a custom log handler for extensibility
+     */
+    addHandler(handler) {
+        this.handlers.push(handler);
+    }
+    /**
+     * Get all registered handlers
+     */
+    getHandlers() {
+        return [...this.handlers];
+    }
+    /**
+     * Get export handler if available
+     */
+    getExportHandler() {
+        return this.exportHandler;
+    }
+    // ===== CORE LOGGING METHODS =====
+    /**
+     * Checks if a log level should be output based on current verbosity
+     */
+    shouldLog(level) {
+        if (this.config.verbosity === 'silent')
+            return false;
+        const levels = { debug: 0, info: 1, warn: 2, error: 3, critical: 4 };
+        return levels[level] >= levels[this.config.verbosity];
+    }
+    /**
+     * Gets the effective prefix (global + scoped)
+     */
+    getEffectivePrefix() {
+        const parts = [this.config.globalPrefix, this.scopedPrefix].filter(Boolean);
+        return parts.length > 0 ? parts.join(':') : undefined;
+    }
+    /**
+     * Core logging method that handles styling and formatting
+     */
+    log(level, ...args) {
+        if (!this.shouldLog(level))
+            return;
+        const stackInfo = this.config.enableStackTrace ? parseStackTrace() : null;
+        const prefix = this.getEffectivePrefix();
+        const message = args.length > 0 ? String(args[0]) : '';
+        const additionalArgs = args.slice(1);
+        // Create styled output with theme detection and display settings
+        const [format, ...styles] = createStyledOutput(level, LEVEL_STYLES, prefix, message, this.displaySettings.showLocation ? stackInfo : null, this.config.autoDetectTheme);
+        // Add group indentation
+        const groupIndent = '  '.repeat(this.groupDepth);
+        const finalFormat = groupIndent + format;
+        // Output to console
+        if (additionalArgs.length > 0) {
+            console.log(finalFormat, ...styles, ...additionalArgs);
+        }
+        else {
+            console.log(finalFormat, ...styles);
+        }
+        // Update export handler group info
+        if (this.exportHandler) {
+            this.exportHandler.setGroupInfo(this.groupDepth);
+        }
+        // Call custom handlers
+        const metadata = {
+            timestamp: formatTimestamp(),
+            level,
+            prefix,
+            stackInfo: stackInfo ? stackInfo : undefined,
+        };
+        this.handlers.forEach(handler => {
+            try {
+                handler.handle(level, message, args, metadata);
+            }
+            catch (error) {
+                console.error('Log handler failed:', error);
+            }
+        });
+    }
+    /**
+     * Logs debug information (lowest priority)
+     */
+    debug(...args) {
+        this.log('debug', ...args);
+    }
+    /**
+     * Logs informational messages
+     */
+    info(...args) {
+        this.log('info', ...args);
+    }
+    /**
+     * Logs warning messages
+     */
+    warn(...args) {
+        this.log('warn', ...args);
+    }
+    /**
+     * Logs error messages
+     */
+    error(...args) {
+        this.log('error', ...args);
+    }
+    /**
+     * Logs success messages (special info level)
+     */
+    success(...args) {
+        if (!this.shouldLog('info'))
+            return;
+        const stackInfo = this.config.enableStackTrace ? parseStackTrace() : null;
+        const prefix = this.getEffectivePrefix();
+        const message = args.length > 0 ? String(args[0]) : '';
+        const additionalArgs = args.slice(1);
+        // Handle success as special case - use info level with success styling
+        const [format, ...styles] = createStyledOutput('info', LEVEL_STYLES, prefix, message, this.displaySettings.showLocation ? stackInfo : null, this.config.autoDetectTheme);
+        // Override with success styling
+        const successStyle = LEVEL_STYLES.success;
+        let emoji = '✅';
+        let label = 'SUCCESS';
+        if (successStyle) {
+            if (successStyle.emoji) {
+                emoji = successStyle.emoji;
+            }
+            if (successStyle.label) {
+                label = successStyle.label;
+            }
+        }
+        const successFormat = format.replace(/ℹ️ INFO/, `${emoji} ${label}`);
+        const groupIndent = '  '.repeat(this.groupDepth);
+        const finalFormat = groupIndent + successFormat;
+        if (additionalArgs.length > 0) {
+            console.log(finalFormat, ...styles, ...additionalArgs);
+        }
+        else {
+            console.log(finalFormat, ...styles);
+        }
+        // Call handlers
+        const metadata = {
+            timestamp: formatTimestamp(),
+            level: 'info',
+            prefix,
+            stackInfo: stackInfo ? stackInfo : undefined,
+        };
+        this.handlers.forEach(handler => {
+            try {
+                handler.handle('info', message, args, metadata);
+            }
+            catch (error) {
+                console.error('Log handler failed:', error);
+            }
+        });
+    }
+    /**
+     * Logs trace information (detailed debugging)
+     */
+    trace(...args) {
+        this.log('debug', ...args);
+        if (this.shouldLog('debug')) {
+            console.trace(...args);
+        }
+    }
+    /**
+     * Logs critical errors (highest priority)
+     */
+    critical(...args) {
+        this.log('critical', ...args);
+    }
+    // ===== ADVANCED LOGGING FEATURES =====
+    /**
+     * Displays data in a table format
+     */
+    table(data, columns) {
+        if (!this.shouldLog('info'))
+            return;
+        const prefix = this.getEffectivePrefix();
+        const tableStyle = StylePresets.accent().build();
+        const format = `%c📊 TABLE${prefix ? ` [${prefix}]` : ''}`;
+        console.log(format, tableStyle);
+        if (columns) {
+            console.table(data, columns);
+        }
+        else {
+            console.table(data);
+        }
+    }
+    /**
+     * Starts a collapsible group in the console
+     */
+    group(label, collapsed = false) {
+        const groupStyle = new StyleBuilder()
+            .bg('linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%)')
+            .color('#1565c0')
+            .border('1px solid #90caf9')
+            .padding('4px 12px')
+            .rounded('6px')
+            .bold()
+            .build();
+        const format = `%c📁 ${label}`;
+        if (collapsed) {
+            console.groupCollapsed(format, groupStyle);
+        }
+        else {
+            console.group(format, groupStyle);
+        }
+        this.groupDepth++;
+    }
+    /**
+     * Ends the current console group
+     */
+    groupEnd() {
+        if (this.groupDepth > 0) {
+            console.groupEnd();
+            this.groupDepth--;
+        }
+    }
+    // ===== PERFORMANCE TIMING =====
+    /**
+     * Starts a timer with the given label
+     */
+    time(label) {
+        const timer = {
+            label,
+            startTime: performance.now(),
+        };
+        this.timers.set(label, timer);
+        const timerStyle = StylePresets.warning().build();
+        console.log(`%c⏱️ Timer started: ${label}`, timerStyle);
+    }
+    /**
+     * Ends a timer and logs the elapsed time
+     */
+    timeEnd(label) {
+        const timer = this.timers.get(label);
+        if (!timer) {
+            this.warn(`Timer '${label}' does not exist`);
+            return;
+        }
+        const elapsed = performance.now() - timer.startTime;
+        this.timers.delete(label);
+        const timerStyle = StylePresets.success().build();
+        console.log(`%c⏱️ Timer ended: ${label} - ${elapsed.toFixed(2)}ms`, timerStyle);
+    }
+    // ===== ADVANCED VISUAL FEATURES =====
+    /**
+     * Display banner with specified or configured type
+     */
+    showBanner(bannerType) {
+        const effectiveBannerType = bannerType ? bannerType : this.config.bannerType;
+        displayInitBanner(effectiveBannerType);
+    }
+    /**
+     * Log with SVG background image
+     */
+    logWithSVG(message, svgContent, options = {}) {
+        const { width = 300, height = 60, padding = '30px 150px' } = options;
+        let svgDataUri = '';
+        if (svgContent) {
+            const encodedSVG = encodeURIComponent(svgContent);
+            svgDataUri = `data:image/svg+xml,${encodedSVG}`;
+        }
+        else {
+            const defaultSVG = `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${width} ${height}'><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='4'/><text x='${width / 2}' y='${height / 2 + 5}' text-anchor='middle' fill='white' font-family='monospace' font-size='14' font-weight='bold'>${message}</text></svg>`;
+            svgDataUri = `data:image/svg+xml,${encodeURIComponent(defaultSVG)}`;
+        }
+        const svgStyle = new StyleBuilder()
+            .bg(`url("${svgDataUri}") no-repeat center center`)
+            .padding(padding)
+            .color('transparent')
+            .rounded('4px')
+            .build();
+        console.log(`%c${message}`, svgStyle);
+    }
+    /**
+     * Log with animated background gradient
+     */
+    logAnimated(message, duration = 3) {
+        // Inject CSS animation if not already present
+        if (!document.getElementById('logger-animations')) {
+            const style = document.createElement('style');
+            style.id = 'logger-animations';
+            style.textContent = `
+                @keyframes loggerGradient {
+                    0% { background-position: 0% 50%; }
+                    50% { background-position: 100% 50%; }
+                    100% { background-position: 0% 50%; }
+                }
+            `;
+            document.head.appendChild(style);
+        }
+        const animatedStyle = new StyleBuilder()
+            .bg('linear-gradient(-45deg, #667eea, #764ba2, #667eea, #764ba2)')
+            .css('background-size', '400% 400%')
+            .color('#ffffff')
+            .padding('12px 20px')
+            .rounded('8px')
+            .bold()
+            .font('Monaco, Consolas, monospace')
+            .animation(`loggerGradient ${duration}s ease infinite`)
+            .display('inline-block')
+            .build();
+        console.log(`%c${message}`, animatedStyle);
+    }
+    /**
+     * Groups logs by a specific property using modern Object.groupBy (when available)
+     */
+    logGrouped(items, groupBy) {
+        try {
+            // Use Object.groupBy if available (ES2024), otherwise fallback to reduce
+            let grouped;
+            if (Object.groupBy) {
+                grouped = Object.groupBy(items, groupBy);
+            }
+            else {
+                grouped = items.reduce((acc, item) => {
+                    const key = groupBy(item);
+                    if (!acc[key]) {
+                        acc[key] = [];
+                    }
+                    acc[key].push(item);
+                    return acc;
+                }, {});
+            }
+            Object.entries(grouped).forEach(([group, groupItems]) => {
+                this.group(`Group: ${group}`);
+                this.table(groupItems);
+                this.groupEnd();
+            });
+        }
+        catch {
+            this.info('Grouped data:', items);
+        }
+    }
+    // ===== CLI SYSTEM =====
+    /**
+     * CLI command processor for logger configuration and export
+     */
+    async cli(command) {
+        if (!this.cliProcessor) {
+            this.error('CLI processor not initialized');
+            return;
+        }
+        await this.cliProcessor.processCommand(command, this);
+    }
+}
+// Create and export the singleton instance
+const defaultLogger = new Logger({
+    verbosity: 'info',
+    enableColors: true,
+    enableTimestamps: true,
+    enableStackTrace: true,
+    bufferSize: 1000, // Enable export functionality by default
+});
+// Display initialization banner
+displayInitBanner();
+// Export the singleton instance as default
+export default defaultLogger;
+/**
+ * Export individual methods for convenience (with proper binding)
+ */
+export const debug = (...args) => defaultLogger.debug(...args);
+export const info = (...args) => defaultLogger.info(...args);
+export const warn = (...args) => defaultLogger.warn(...args);
+export const error = (...args) => defaultLogger.error(...args);
+export const success = (...args) => defaultLogger.success(...args);
+export const trace = (...args) => defaultLogger.trace(...args);
+export const critical = (...args) => defaultLogger.critical(...args);
+export const table = (data, columns) => defaultLogger.table(data, columns);
+export const group = (label, collapsed) => defaultLogger.group(label, collapsed);
+export const groupEnd = () => defaultLogger.groupEnd();
+export const time = (label) => defaultLogger.time(label);
+export const timeEnd = (label) => defaultLogger.timeEnd(label);
+export const setGlobalPrefix = (prefix) => defaultLogger.setGlobalPrefix(prefix);
+export const setVerbosity = (level) => defaultLogger.setVerbosity(level);
+export const addHandler = (handler) => defaultLogger.addHandler(handler);
+export const setTheme = (theme) => defaultLogger.setTheme(theme);
+export const setBannerType = (bannerType) => defaultLogger.setBannerType(bannerType);
+export const showBanner = (bannerType) => defaultLogger.showBanner(bannerType);
+export const logWithSVG = (message, svgContent, options) => defaultLogger.logWithSVG(message, svgContent, options);
+export const logAnimated = (message, duration) => defaultLogger.logAnimated(message, duration);
+export const cli = (command) => defaultLogger.cli(command);
+export const cleanup = () => defaultLogger.cleanup();
+// Simplified API exports
+export const preset = (name) => defaultLogger.preset(name);
+export const presets = () => defaultLogger.presets();
+export const hideTimestamp = () => defaultLogger.hideTimestamp();
+export const showTimestamp = () => defaultLogger.showTimestamp();
+export const hideLocation = () => defaultLogger.hideLocation();
+export const showLocation = () => defaultLogger.showLocation();
+export const hideBadges = () => defaultLogger.hideBadges();
+export const showBadges = () => defaultLogger.showBadges();
+export const component = (name) => defaultLogger.component(name);
+export const api = (name) => defaultLogger.api(name);
+export const scope = (name) => defaultLogger.scope(name);
+export const customize = (overrides) => defaultLogger.customize(overrides);
+export const styles = () => defaultLogger.styles();
+// Re-export handlers and utilities for backward compatibility
+export { FileLogHandler, RemoteLogHandler, AnalyticsLogHandler, ExportLogHandler } from './handlers/index.js';
+export { StyleBuilder, StylePresets as Styles } from './styling/index.js';
+export { ScopedLogger, APILogger, ComponentLogger } from './ScopedLogger.js';