@mks2508/better-logger 5.0.0 → 5.0.2

package/src/writers/BufferWriter.ts

@@ -1,157 +0,0 @@
-/**
- * @fileoverview BufferWriter - Collects log output in memory for later use
- * @version 4.0.0
- */
-
-import type { LogLevel, OutputWriter } from '../types/core.js';
-
-/**
- * Entry in the log buffer
- */
-export interface BufferEntry {
-    message: string;
-    level: LogLevel;
-    styles: string[];
-    timestamp: number;
-}
-
-/**
- * BufferWriter collects log messages in memory instead of outputting to console.
- * Useful for:
- * - CLI operations with spinners (buffer logs during spinner, show after)
- * - Testing (capture logs for assertions)
- * - Batch processing (collect logs, process together)
- *
- * @implements {OutputWriter}
- * @since 4.0.0
- *
- * @example
- * import logger, { BufferWriter } from '@mks2508/better-logger';
- *
- * const buffer = new BufferWriter();
- * logger.updateConfig({
- *   outputMode: 'custom',
- *   outputWriter: buffer
- * });
- *
- * // Logs go to buffer, not console
- * spinner.start('Loading...');
- * logger.info('Connecting...');
- * logger.info('Processing...');
- * spinner.stop();
- *
- * // Show buffered logs
- * logger.updateConfig({ outputMode: 'console' });
- * buffer.flush(); // Outputs all buffered logs to console
- */
-export class BufferWriter implements OutputWriter {
-    private buffer: BufferEntry[] = [];
-    private maxSize: number;
-
-    /**
-     * Creates a new BufferWriter
-     * @param maxSize - Maximum number of entries to buffer (default: 1000)
-     */
-    constructor(maxSize: number = 1000) {
-        this.maxSize = maxSize;
-    }
-
-    /**
-     * Writes a log entry to the buffer
-     * @param message - Formatted log message
-     * @param level - Log level
-     * @param styles - CSS styles (for browser console)
-     */
-    write(message: string, level: LogLevel, styles: string[]): void {
-        if (this.buffer.length >= this.maxSize) {
-            this.buffer.shift(); // Remove oldest entry
-        }
-
-        this.buffer.push({
-            message,
-            level,
-            styles,
-            timestamp: Date.now()
-        });
-    }
-
-    /**
-     * Returns all buffered entries
-     * @returns Copy of the buffer array
-     */
-    getBuffer(): BufferEntry[] {
-        return [...this.buffer];
-    }
-
-    /**
-     * Returns buffered entries filtered by log level
-     * @param levels - Log levels to include
-     * @returns Filtered buffer entries
-     */
-    getByLevel(...levels: LogLevel[]): BufferEntry[] {
-        return this.buffer.filter(entry => levels.includes(entry.level));
-    }
-
-    /**
-     * Returns the number of buffered entries
-     */
-    get size(): number {
-        return this.buffer.length;
-    }
-
-    /**
-     * Checks if buffer is empty
-     */
-    get isEmpty(): boolean {
-        return this.buffer.length === 0;
-    }
-
-    /**
-     * Clears all buffered entries
-     */
-    clear(): void {
-        this.buffer = [];
-    }
-
-    /**
-     * Outputs all buffered entries to console and clears the buffer
-     */
-    flush(): void {
-        this.buffer.forEach(entry => {
-            if (entry.styles.length > 0) {
-                console.log(entry.message, ...entry.styles);
-            } else {
-                console.log(entry.message);
-            }
-        });
-        this.clear();
-    }
-
-    /**
-     * Outputs buffered entries to console without clearing
-     */
-    replay(): void {
-        this.buffer.forEach(entry => {
-            if (entry.styles.length > 0) {
-                console.log(entry.message, ...entry.styles);
-            } else {
-                console.log(entry.message);
-            }
-        });
-    }
-
-    /**
-     * Returns all messages as an array of strings
-     */
-    toArray(): string[] {
-        return this.buffer.map(entry => entry.message);
-    }
-
-    /**
-     * Returns all messages joined as a single string
-     * @param separator - String to join messages with (default: newline)
-     */
-    toString(separator: string = '\n'): string {
-        return this.toArray().join(separator);
-    }
-}

package/src/writers/index.ts

@@ -1,6 +0,0 @@
-/**
- * @fileoverview Output writers for better-logger
- * @version 4.0.0
- */
-
-export { BufferWriter, type BufferEntry } from './BufferWriter.js';

package/test-core-browser.html

@@ -1,237 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Core Logger Browser Test</title>
-    <style>
-        body { 
-            font-family: system-ui, sans-serif; 
-            max-width: 800px; 
-            margin: 0 auto; 
-            padding: 20px;
-            background-color: #f5f5f5;
-        }
-        .test-section {
-            background: white;
-            margin: 20px 0;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        button {
-            background: #007bff;
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            margin: 5px;
-            border-radius: 4px;
-            cursor: pointer;
-        }
-        button:hover { background: #0056b3; }
-        .console-note {
-            background: #e9ecef;
-            padding: 10px;
-            border-left: 4px solid #007bff;
-            margin: 10px 0;
-        }
-        .success { color: #28a745; font-weight: bold; }
-        .error { color: #dc3545; font-weight: bold; }
-    </style>
-</head>
-<body>
-    <h1>🧪 Core Logger Browser Test</h1>
-    
-    <div class="console-note">
-        <strong>📋 Instructions:</strong> Open your browser's Developer Console (F12) to see the log output.
-        All tests will show styled output in browser console with CSS formatting.
-    </div>
-
-    <div class="test-section">
-        <h2>Environment Detection</h2>
-        <button onclick="testEnvironment()">Test Environment Detection</button>
-        <div id="env-info"></div>
-    </div>
-
-    <div class="test-section">
-        <h2>Basic Logging</h2>
-        <button onclick="testBasicLogging()">Test Basic Levels</button>
-        <p>Check console for styled output with gradients and colors.</p>
-    </div>
-
-    <div class="test-section">
-        <h2>Scoped Logger</h2>
-        <button onclick="testScopedLogger()">Test Scoped Logging</button>
-        <p>Should show prefixed messages in console.</p>
-    </div>
-
-    <div class="test-section">
-        <h2>Advanced Features</h2>
-        <button onclick="testAdvancedFeatures()">Test Tables & Groups</button>
-        <p>Should use native browser console.table() and grouping.</p>
-    </div>
-
-    <div class="test-section">
-        <h2>Performance Timers</h2>
-        <button onclick="testTimers()">Test Timers</button>
-        <p>Should measure and log execution time.</p>
-    </div>
-
-    <div class="test-section">
-        <h2>Custom Handlers</h2>
-        <button onclick="testHandlers()">Test Custom Handler</button>
-        <p>Should trigger custom handler alongside console output.</p>
-    </div>
-
-    <div class="test-section">
-        <h2>Results</h2>
-        <div id="results"></div>
-    </div>
-
-    <script type="module">
-        // Import the core logger
-        import logger from './packages/core/dist/index.js';
-        
-        // Make logger available globally for tests
-        window.logger = logger;
-        window.testResults = [];
-
-        // Test functions
-        window.testEnvironment = function() {
-            console.log('=== Environment Detection Test ===');
-            
-            const info = {
-                userAgent: navigator.userAgent,
-                platform: navigator.platform,
-                language: navigator.language,
-                cookiesEnabled: navigator.cookieEnabled,
-                onLine: navigator.onLine,
-                colorScheme: window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-            };
-            
-            logger.info('Browser environment detected');
-            logger.info('User Agent: ' + info.userAgent);
-            logger.info('Platform: ' + info.platform);
-            logger.info('Color Scheme: ' + info.colorScheme);
-            
-            document.getElementById('env-info').innerHTML = `
-                <p><strong>Platform:</strong> ${info.platform}</p>
-                <p><strong>Color Scheme:</strong> ${info.colorScheme}</p>
-                <p class="success">✅ Environment detection working</p>
-            `;
-            
-            window.testResults.push('Environment: ✅ Passed');
-            updateResults();
-        };
-
-        window.testBasicLogging = function() {
-            console.log('=== Basic Logging Test ===');
-            
-            logger.debug('Debug message - should be styled with gray gradient');
-            logger.info('Info message - should be styled with blue gradient');
-            logger.warn('Warning message - should be styled with yellow gradient');
-            logger.error('Error message - should be styled with red gradient');
-            logger.critical('Critical message - should be styled with dark red gradient');
-            
-            console.log('Check above for styled console output with gradients and colors');
-            window.testResults.push('Basic Logging: ✅ Passed');
-            updateResults();
-        };
-
-        window.testScopedLogger = function() {
-            console.log('=== Scoped Logger Test ===');
-            
-            const apiLogger = logger.scope('API');
-            const dbLogger = logger.scope('DATABASE');
-            
-            apiLogger.info('API request started');
-            apiLogger.warn('API rate limit warning');
-            apiLogger.error('API request failed');
-            
-            dbLogger.info('Database connection established');
-            dbLogger.warn('Slow query detected');
-            
-            window.testResults.push('Scoped Logging: ✅ Passed');
-            updateResults();
-        };
-
-        window.testAdvancedFeatures = function() {
-            console.log('=== Advanced Features Test ===');
-            
-            // Test table
-            const sampleData = [
-                { name: 'Alice', age: 25, role: 'Developer' },
-                { name: 'Bob', age: 30, role: 'Designer' },
-                { name: 'Carol', age: 28, role: 'Manager' }
-            ];
-            
-            logger.table(sampleData);
-            
-            // Test groups
-            logger.group('Database Operations');
-            logger.info('Connecting to database');
-            logger.info('Executing complex query');
-            logger.group('Transaction Details', true); // collapsed
-            logger.info('Transaction started');
-            logger.info('Updating records');
-            logger.groupEnd();
-            logger.info('Transaction completed');
-            logger.groupEnd();
-            
-            window.testResults.push('Advanced Features: ✅ Passed');
-            updateResults();
-        };
-
-        window.testTimers = function() {
-            console.log('=== Performance Timers Test ===');
-            
-            logger.time('operation-1');
-            logger.time('operation-2');
-            
-            setTimeout(() => {
-                logger.timeEnd('operation-1');
-                
-                setTimeout(() => {
-                    logger.timeEnd('operation-2');
-                    window.testResults.push('Timers: ✅ Passed');
-                    updateResults();
-                }, 150);
-            }, 100);
-        };
-
-        window.testHandlers = function() {
-            console.log('=== Custom Handlers Test ===');
-            
-            let handlerCalled = false;
-            const testHandler = {
-                handle: (level, message, args, metadata) => {
-                    console.log('🔧 Custom handler received:', { level, message, timestamp: metadata.timestamp });
-                    handlerCalled = true;
-                }
-            };
-            
-            logger.addHandler(testHandler);
-            logger.info('This message should trigger the custom handler');
-            
-            setTimeout(() => {
-                if (handlerCalled) {
-                    window.testResults.push('Custom Handlers: ✅ Passed');
-                } else {
-                    window.testResults.push('Custom Handlers: ❌ Failed');
-                }
-                updateResults();
-            }, 50);
-        };
-
-        function updateResults() {
-            const resultsDiv = document.getElementById('results');
-            resultsDiv.innerHTML = '<h3>Test Results:</h3>' + 
-                window.testResults.map(result => `<p>${result}</p>`).join('');
-        }
-
-        // Auto-run environment test
-        console.log('🚀 Core Logger Browser Test Started');
-        console.log('📍 Check console output for styled logs with CSS gradients');
-    </script>
-</body>
-</html>

package/test-core-node.js

@@ -1,63 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Test script for core logger in Node.js environment
- */
-console.log('=== Testing Core Logger in Node.js ===\n');
-
-// Test ES module import
-import logger from './packages/core/dist/index.js';
-
-console.log('Environment detection:');
-console.log('- Runtime:', process.versions.node ? 'Node.js' : 'Unknown');
-console.log('- Colors supported:', process.stdout.isTTY);
-console.log('- File system available:', 'Yes (Node.js)');
-console.log();
-
-console.log('Testing basic logging:');
-logger.info('Hello from Node.js!');
-logger.warn('This is a warning message');
-logger.error('This is an error message');
-logger.critical('This should work in Node.js (critical level)');
-console.log();
-
-console.log('Testing scoped logger:');
-const apiLogger = logger.scope('API');
-apiLogger.info('API request started');
-apiLogger.error('API request failed');
-console.log();
-
-console.log('Testing timers:');
-logger.time('test-operation');
-setTimeout(() => {
-    logger.timeEnd('test-operation');
-    console.log();
-    
-    console.log('Testing table (Node.js plain text):');
-    const data = [
-        { name: 'Alice', age: 25, role: 'Developer' },
-        { name: 'Bob', age: 30, role: 'Designer' },
-        { name: 'Carol', age: 28, role: 'Manager' }
-    ];
-    logger.table(data);
-    console.log();
-    
-    console.log('Testing groups:');
-    logger.group('Database Operations');
-    logger.info('Connecting to database');
-    logger.info('Executing query');
-    logger.groupEnd();
-    console.log();
-    
-    console.log('Testing custom handler (mock):');
-    const mockHandler = {
-        handle: (level, message, args, metadata) => {
-            console.log(`Custom handler received: [${level.toUpperCase()}] ${message}`);
-        }
-    };
-    logger.addHandler(mockHandler);
-    logger.info('This should trigger custom handler');
-    console.log();
-    
-    console.log('✅ Node.js tests completed successfully!');
-}, 100);