chromalogger 1.2.0 → 1.3.0

package/README.md

@@ -1,6 +1,6 @@
 # ChromaLogger
 
-> A powerful and colorful logger for Node.js with CLI support
+> A powerful and colorful logger for Node.js with advanced formatting
 
 ## Installation
 
@@ -8,23 +8,92 @@
 npm install chromalogger
 ```
 
-## Usage
+## Basic Usage
 
 ```javascript
 import { logger } from 'chromalogger';
 
+// Basic logging
 logger.info('This is an info message');
 logger.success('Operation completed successfully!');
 logger.warn('This is a warning');
 logger.error('An error occurred');
 ```
 
+## Advanced Formatting
+
+ChromaLogger provides a flexible `format()` method for custom styling:
+
+```javascript
+// Single style
+logger.format(colors.red, 'This text will be red');
+
+// Multiple styles combined
+logger.format(
+  [colors.bold, colors.bgBlue, colors.white], 
+  'Bold white text on blue background'
+);
+
+// With timestamps
+logger.setTimestamp(true);
+logger.format(colors.green, 'This will include a timestamp');
+
+// Create reusable themes
+const errorTheme = [colors.bright, colors.red];
+const successTheme = [colors.bright, colors.green];
+
+logger.format(errorTheme, 'Error: Something went wrong!');
+logger.format(successTheme, 'Success: Operation completed!');
+```
+
+### Available Styles
+
+ChromaLogger includes several built-in styles:
+
+- **Text Colors**: black, red, green, yellow, blue, magenta, cyan, white
+- **Background Colors**: bgBlack, bgRed, bgGreen, bgYellow, bgBlue, bgMagenta, bgCyan, bgWhite
+- **Text Styles**: bright, dim, italic, underline, blink, reverse, hidden
+
 ## Features
 
 - Colorful console output
-- Multiple log levels
-- Easy to use API
-- CLI support
+- Advanced formatting options
+- Optional timestamps
+- Reusable style themes
+- Browser support with styled console groups
+
+## Browser Support
+
+ChromaLogger works in modern browsers with full styling support:
+
+```javascript
+// In your browser code
+import { browser } from 'chromalogger';
+
+// All logging methods work in the browser
+browser.info('Browser info message');
+browser.success('Operation completed in browser!');
+browser.warn('Browser warning');
+browser.error('Browser error occurred');
+
+// With timestamps
+browser.setTimestamp(true);
+browser.info('This message has a timestamp');
+```
+
+### Browser-Specific Features
+
+- **Collapsible Groups**: Info and success logs are displayed in collapsible groups
+- **Native Console Methods**: Uses `console.warn` and `console.error` for warnings and errors
+- **Responsive Design**: Logs adapt to the browser's console width
+
+### Supported Browsers
+
+- Chrome 30+
+- Firefox 25+
+- Edge 12+
+- Safari 7+
+- Opera 15+
 
 ## License
 

package/index.js

@@ -1,6 +1,10 @@
-// Import and re-export the logger from chromalog.js
-export * from './chromalog.js';
+export * from './modules/chromalog.js';
+export * from './modules/chromalog.browser.js';
+
+import { logger } from './modules/chromalog.js';
+import { browser } from './modules/chromalog.browser.js';
+
+export { logger, browser };
 
-// Set default export to be the default logger instance
-import { logger } from './chromalog.js';
 export default logger;
+

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "chromalogger",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A colorful and flexible console logger for Node.js with CLI support",
   "main": "index.js",
+  "browser": "chromalog.browser.js",
   "type": "module",
   "files": [
     "index.js",
-    "chromalog.js"
+    "chromalog.js",
+    "chromalog.browser.js"
   ],
+  "browserslist": "> 0.5%, last 2 versions, not dead",
   "scripts": {
-    "test": "node demo.js"
+    "test": "node ./ideas/demo.js"
   },
   "keywords": [
     "log",

package/chromalog.js

@@ -1,208 +0,0 @@
-// ChromaLogger - A colorful console logger for Node.js
-
-// Import styles
-import { 
-  textColors, 
-  bgColors, 
-  textStyles 
-} from './styles/index.js';
-
-// Combine all styles for backward compatibility
-const colors = {
-  ...textColors,
-  ...bgColors,
-  ...textStyles
-};
-
-// Main logger class
-class Logger {
-  constructor() {
-    this.timestamp = false;
-  }
-
-  // Format the log message with color and style
-  format(style, ...args) {
-    const timestamp = this.timestamp ? `[${new Date().toISOString()}] ` : '';
-    // Si style est un tableau, on combine les styles
-    const styleStr = Array.isArray(style) 
-      ? style.join('') 
-      : style;
-    return `${timestamp}${styleStr}${args.join(' ')}${colors.reset}`;
-  }
-
-  // Log methods with different colors
-  log(...args) {
-    console.log(this.format(colors.reset, ...args));
-  }
-
-  info(...args) {
-    console.log(this.format(colors.cyan, ...args));
-  }
-
-  success(...args) {
-    console.log(this.format(colors.green, '✓', ...args));
-  }
-
-  warn(...args) {
-    console.warn(this.format(colors.yellow, '⚠', ...args));
-  }
-
-  error(...args) {
-    console.error(this.format(colors.red, '✗', ...args));
-  }
-
-  // Background color methods
-  bgBlack(...args) { 
-    this._currentBg = colors.bgBlack;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgRed(...args) { 
-    this._currentBg = colors.bgRed;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgGreen(...args) { 
-    this._currentBg = colors.bgGreen;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgYellow(...args) { 
-    this._currentBg = colors.bgYellow;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgBlue(...args) { 
-    this._currentBg = colors.bgBlue;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgMagenta(...args) { 
-    this._currentBg = colors.bgMagenta;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgCyan(...args) { 
-    this._currentBg = colors.bgCyan;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-  
-  bgWhite(...args) { 
-    this._currentBg = colors.bgWhite;
-    if (args.length > 0) {
-      console.log(this.format(this._currentBg, ...args));
-      this._currentBg = undefined;
-    }
-    return this;
-  }
-
-  // Text color methods
-  black(...args) { return this._applyTextColor(colors.black, ...args); }
-  red(...args) { return this._applyTextColor(colors.red, ...args); }
-  green(...args) { return this._applyTextColor(colors.green, ...args); }
-  yellow(...args) { return this._applyTextColor(colors.yellow, ...args); }
-  blue(...args) { return this._applyTextColor(colors.blue, ...args); }
-  magenta(...args) { return this._applyTextColor(colors.magenta, ...args); }
-  cyan(...args) { return this._applyTextColor(colors.cyan, ...args); }
-  white(...args) { return this._applyTextColor(colors.white, ...args); }
-  
-  // Text style methods
-  bright(...args) { return this._applyTextStyle(colors.bright, ...args); }
-  dim(...args) { return this._applyTextStyle(colors.dim, ...args); }
-  italic(...args) { return this._applyTextStyle(colors.italic, ...args); }
-  underline(...args) { return this._applyTextStyle(colors.underline, ...args); }
-  blink(...args) { return this._applyTextStyle(colors.blink, ...args); }
-  reverse(...args) { return this._applyTextStyle(colors.reverse, ...args); }
-  hidden(...args) { return this._applyTextStyle(colors.hidden, ...args); }
-  
-  // Helper methods for chaining
-  _applyTextColor(color, ...args) {
-    this._currentFg = color;
-    if (args.length > 0) {
-      this._logWithCurrentStyles(...args);
-    }
-    return this;
-  }
-  
-  _applyTextStyle(style, ...args) {
-    if (!this._currentStyles) this._currentStyles = [];
-    this._currentStyles.push(style);
-    if (args.length > 0) {
-      this._logWithCurrentStyles(...args);
-    }
-    return this;
-  }
-  
-  _logWithCurrentStyles(...args) {
-    const styles = [];
-    if (this._currentBg) styles.push(this._currentBg);
-    if (this._currentFg) styles.push(this._currentFg);
-    if (this._currentStyles) styles.push(...this._currentStyles);
-    
-    console.log(this.format(styles, ...args));
-    
-    // Reset styles after logging
-    this._currentBg = undefined;
-    this._currentFg = undefined;
-    this._currentStyles = [];
-  }
-
-  // Combined styles
-  errorHighlight(...args) {
-    console.error(this.format([colors.bright, colors.bgRed, colors.white], '✗', ...args));
-  }
-
-  successHighlight(...args) {
-    console.log(this.format([colors.bright, colors.bgGreen, colors.black], '✓', ...args));
-  }
-
-  warningHighlight(...args) {
-    console.warn(this.format([colors.bright, colors.bgYellow, colors.black], '⚠', ...args));
-  }
-
-  infoHighlight(...args) {
-    console.log(this.format([colors.bright, colors.bgBlue, colors.white], 'ℹ', ...args));
-  }
-
-  // Enable/disable timestamps
-  setTimestamp(enabled = true) {
-    this.timestamp = enabled;
-    return this;
-  }
-}
-
-// Create a default logger instance
-const logger = new Logger();
-
-// Export the logger class and default instance
-export { Logger, logger };
-
-export default logger;