@crimsonsunset/jsg-logger 1.1.7 → 1.2.0

package/config/component-schemes.js

@@ -4,16 +4,7 @@
  */
 
 export const COMPONENT_SCHEME = {
-  'cacp': { emoji: '🎯', color: '#8E44AD', name: 'JSG-CORE' },
-  'soundcloud': { emoji: '🎵', color: '#FF5500', name: 'SoundCloud' },
-  'youtube': { emoji: '📹', color: '#FF0000', name: 'YouTube' },
-  'site-detector': { emoji: '🔍', color: '#00C896', name: 'SiteDetector' },
-  'websocket': { emoji: '🌐', color: '#9B59B6', name: 'WebSocket' },
-  'popup': { emoji: '🎛️', color: '#FF6B6B', name: 'Popup' },
-  'background': { emoji: '🔧', color: '#4ECDC4', name: 'Background' },
-  'priority-manager': { emoji: '⚖️', color: '#45B7D1', name: 'PriorityManager' },
-  'settings': { emoji: '⚙️', color: '#96CEB4', name: 'Settings' },
-  'test': { emoji: '🧪', color: '#FFEAA7', name: 'Test' }
+  'core': { emoji: '🎯', color: '#8E44AD', name: 'JSG-CORE' }
 };
 
 export const LEVEL_SCHEME = {

package/config/config-manager.js

@@ -406,7 +406,7 @@ export class ConfigManager {
      * @returns {Object} Component configuration
      */
     getComponentConfig(componentName, filePath = null) {
-        const baseComponent = this.config.components?.[componentName] || COMPONENT_SCHEME[componentName] || COMPONENT_SCHEME['cacp'];
+        const baseComponent = this.config.components?.[componentName] || COMPONENT_SCHEME[componentName] || COMPONENT_SCHEME['core'];
 
         // Check for file-specific overrides
         const checkFile = filePath || this.currentFile;

package/config/default-config.json

@@ -26,65 +26,11 @@
     "60": { "name": "FATAL", "emoji": "💀", "color": "#D63031" }
   },
   "components": {
-    "cacp": { 
+    "core": { 
       "emoji": "🎯", 
       "color": "#4A90E2", 
       "name": "JSG-CORE",
       "level": "info"
-    },
-    "soundcloud": { 
-      "emoji": "🎵", 
-      "color": "#FF5500", 
-      "name": "SoundCloud",
-      "level": "info"
-    },
-    "youtube": { 
-      "emoji": "📹", 
-      "color": "#FF0000", 
-      "name": "YouTube",
-      "level": "info"
-    },
-    "site-detector": { 
-      "emoji": "🔍", 
-      "color": "#00C896", 
-      "name": "SiteDetector",
-      "level": "info"
-    },
-    "websocket": { 
-      "emoji": "🌐", 
-      "color": "#9B59B6", 
-      "name": "WebSocket",
-      "level": "info"
-    },
-    "popup": { 
-      "emoji": "🎛️", 
-      "color": "#FF6B6B", 
-      "name": "Popup",
-      "level": "info"
-    },
-    "background": { 
-      "emoji": "🔧", 
-      "color": "#4ECDC4", 
-      "name": "Background",
-      "level": "info"
-    },
-    "priority-manager": { 
-      "emoji": "⚖️", 
-      "color": "#45B7D1", 
-      "name": "PriorityManager",
-      "level": "info"
-    },
-    "settings": { 
-      "emoji": "⚙️", 
-      "color": "#96CEB4", 
-      "name": "Settings",
-      "level": "info"
-    },
-    "test": { 
-      "emoji": "🧪", 
-      "color": "#FFEAA7", 
-      "name": "Test",
-      "level": "debug"
     }
   },
   "fileOverrides": {

package/docs/roadmap.md

@@ -348,7 +348,7 @@ Console filtering updates
   2. Default config with 10 hardcoded legacy components
   3. Component schemes duplication 
   4. Hardcoded legacy aliases for legacy components
-  5. Core component dependency on 'cacp' logger
+  5. ✅ Core component dependency on 'core' logger
   6. Config loading path resolution issues
 - 🎯 **Phase 9 Planned**: Complete roadmap for making logger truly generic
 - ✅ **Testing Successful**: JSG Logger v1.1.0 API features work, but components wrong
@@ -583,7 +583,7 @@ During Phase 8 integration testing with jsg-tech-check-site, we discovered the l
 
 **Observable Issues:**
 ```
-[JSG-LOGGER] Component 'astro-build' not found. Available: cacp, soundcloud, youtube, site-detector, websocket, popup, background, priority-manager, settings, test, siteDetector, priorityManager
+[JSG-LOGGER] Component 'astro-build' not found. Available: core
 ```
 
 Despite providing a proper `logger-config.json` with Astro-specific components, the logger falls back to legacy defaults instead of loading the project's configuration.
@@ -599,17 +599,8 @@ Despite providing a proper `logger-config.json` with Astro-specific components,
 ##### **2. Default Configuration Hardcoding**
 **File:** `/config/default-config.json`
 - **Hardcoded project name**: ✅ `"JSG Logger"`
-- **10 legacy-specific components**:
-  - `cacp` (🎯 JSG-CORE) - should be generic `core`
-  - `soundcloud` (🎵 SoundCloud) 
-  - `youtube` (📹 YouTube)
-  - `site-detector` (🔍 SiteDetector)
-  - `websocket` (🌐 WebSocket)
-  - `popup` (🎛️ Popup)
-  - `background` (🔧 Background)
-  - `priority-manager` (⚖️ PriorityManager)
-  - `settings` (⚙️ Settings)
-  - `test` (🧪 Test)
+- ✅ **Minimal generic components**: Only `core` component by default
+- ✅ **Projects define their own**: Components specified in project config files
 
 ##### **3. Component Schemes Duplication**
 **File:** `/config/component-schemes.js`
@@ -619,15 +610,20 @@ Despite providing a proper `logger-config.json` with Astro-specific components,
 ##### **4. Hardcoded Legacy Aliases**
 ```javascript
 // In createAliases() method:
-this.loggers.siteDetector = this.loggers['site-detector'];
-this.loggers.priorityManager = this.loggers['priority-manager'];
+// Auto-generate camelCase aliases for kebab-case components
+Object.keys(this.loggers).forEach(componentName => {
+  if (componentName.includes('-')) {
+    const camelCase = componentName.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+    this.loggers[camelCase] = this.loggers[componentName];
+  }
+});
 ```
 
 ##### **5. Core Component Dependency**
 ```javascript
-// Initialization requires 'cacp' component:
-if (this.loggers.cacp) {
-    this.loggers.cacp.info('JSG Logger initialized', {...});
+// Initialization uses 'core' component:
+if (this.loggers.core) {
+    this.loggers.core.info('JSG Logger initialized', {...});
 }
 ```
 
@@ -657,7 +653,7 @@ if (this.loggers.cacp) {
 
 ##### **Fix 2: Rename Core Class**
 **Target**: `/index.js`
-- `CACPLogger` → `JSGLogger`
+- ✅ `JSGLogger` class renamed
 - Update all static method references
 - Update error messages
 - ✅ Update browser global: `window.JSG_Logger`
@@ -670,12 +666,12 @@ if (this.loggers.cacp) {
 
 ##### **Fix 4: Remove Legacy-Specific Logic**
 **Target**: `/index.js` `createAliases()` method
-- Remove hardcoded legacy aliases for `siteDetector`, `priorityManager`
+- ✅ Remove hardcoded legacy aliases, use generic camelCase generation
 - Make aliases configurable if needed, not hardcoded
 
 ##### **Fix 5: Use Configurable Core Component**
 **Target**: Initialization logging
-- Replace `this.loggers.cacp.info()` with configurable core component
+- ✅ Replace `this.loggers.core.info()` with generic core component
 - Use `this.loggers.core` or first available component
 - Graceful fallback if no components configured
 
@@ -695,7 +691,7 @@ if (this.loggers.cacp) {
 #### **📋 Implementation Steps**
 1. **Debug config loading** - Fix why `logger-config.json` is ignored
 2. ✅ **Rename core class** - `JSGLogger` completed
-3. **Replace default config** - Remove 10 legacy components, use minimal generic
+3. ✅ **Replace default config** - Minimal generic with only 'core' component
 4. **Remove hardcoded aliases** - Make legacy aliases configurable
 5. **Fix core component** - Use configurable core for init logging
 6. **Update browser global** - `window.JSG_Logger`

package/examples/advanced-config.json

@@ -11,141 +11,131 @@
     "timestamp": true,
     "emoji": true,
     "component": true,
-    "level": false,
+    "level": true,
     "message": true,
     "jsonPayload": true,
     "stackTrace": true
   },
   "components": {
-    "cacp": { 
+    "core": { 
       "emoji": "🎯", 
       "color": "#4A90E2", 
       "name": "JSG-CORE",
       "level": "debug"
     },
-    "soundcloud": { 
-      "emoji": "🎵", 
+    "api": { 
+      "emoji": "🔌", 
       "color": "#FF5500", 
-      "name": "SoundCloud",
+      "name": "API",
       "level": "trace"
     },
-    "youtube": { 
-      "emoji": "📹", 
+    "database": { 
+      "emoji": "💾", 
       "color": "#FF0000", 
-      "name": "YouTube",
+      "name": "Database",
       "level": "info"
     },
-    "site-detector": { 
-      "emoji": "🔍", 
+    "auth": { 
+      "emoji": "🔐", 
       "color": "#00C896", 
-      "name": "SiteDetector",
+      "name": "Auth",
       "level": "debug"
     },
-    "websocket": { 
-      "emoji": "🌐", 
+    "utils": { 
+      "emoji": "🛠️", 
       "color": "#9B59B6", 
-      "name": "WebSocket",
+      "name": "Utils",
       "level": "warn"
     },
-    "popup": { 
-      "emoji": "🎛️", 
+    "ui": { 
+      "emoji": "🎨", 
       "color": "#FF6B6B", 
-      "name": "Popup",
-      "level": "debug"
-    },
-    "background": { 
-      "emoji": "🔧", 
-      "color": "#4ECDC4", 
-      "name": "Background",
+      "name": "UI",
       "level": "info"
     },
-    "priority-manager": { 
-      "emoji": "⚖️", 
-      "color": "#45B7D1", 
-      "name": "PriorityManager",
-      "level": "warn"
-    },
-    "settings": { 
+    "service": { 
       "emoji": "⚙️", 
-      "color": "#96CEB4", 
-      "name": "Settings",
-      "level": "info"
+      "color": "#4ECDC4", 
+      "name": "Service",
+      "level": "error"
     },
     "test": { 
       "emoji": "🧪", 
       "color": "#FFEAA7", 
       "name": "Test",
-      "level": "trace"
+      "level": "debug"
     }
   },
-  "fileOverrides": {
-    "src/sites/soundcloud.js": { 
-      "level": "trace",
-      "component": "soundcloud",
-      "emoji": "🎵",
+  "environments": {
+    "development": {
+      "globalLevel": "debug",
       "display": {
-        "timestamp": true,
-        "emoji": true,
-        "component": true,
         "level": true,
-        "message": true,
-        "jsonPayload": true,
+        "timestamp": true,
         "stackTrace": true
+      },
+      "components": {
+        "api": "trace",
+        "database": "debug",
+        "auth": "trace"
       }
     },
-    "src/managers/*.js": { 
-      "level": "warn",
+    "test": {
+      "globalLevel": "warn",
       "display": {
-        "jsonPayload": false
+        "emoji": false,
+        "timestamp": false
+      },
+      "components": {
+        "test": "trace",
+        "api": "debug"
       }
     },
-    "src/popup.js": { 
-      "level": "debug",
-      "emoji": "🎛️",
-      "timestampMode": "relative",
+    "production": {
+      "globalLevel": "error",
       "display": {
-        "timestamp": true,
-        "emoji": true,
-        "component": true,
-        "level": false,
-        "message": true,
-        "jsonPayload": false,
+        "emoji": false,
+        "component": false,
+        "stackTrace": false
+      },
+      "components": {
+        "core": "warn",
+        "auth": "info",
+        "api": "warn"
+      }
+    }
+  },
+  "fileOverrides": {
+    "src/api/auth.js": { 
+      "level": "trace",
+      "component": "auth",
+      "description": "Debug auth endpoints",
+      "display": {
+        "jsonPayload": true,
         "stackTrace": true
       }
     },
-    "src/background.js": {
+    "src/database/*.js": {
+      "level": "debug",
+      "component": "database", 
+      "description": "Database operations debugging"
+    },
+    "src/ui/components/**": {
       "level": "info",
+      "component": "ui",
+      "description": "UI component lifecycle",
       "display": {
         "jsonPayload": false,
         "stackTrace": false
       }
     },
-    "src/cacp.js": {
+    "src/core.js": {
       "level": "debug",
       "emoji": "🎯",
       "display": {
         "level": true,
         "jsonPayload": true
       }
-    },
-    "src/sites/youtube.js": {
-      "level": "info",
-      "emoji": "📹",
-      "timestampMode": "readable",
-      "display": {
-        "timestamp": true,
-        "jsonPayload": false
-      }
-    },
-    "src/test-*.js": {
-      "level": "trace",
-      "emoji": "🧪",
-      "timestampMode": "disable",
-      "display": {
-        "timestamp": false,
-        "level": true,
-        "jsonPayload": true
-      }
     }
   }
 }

package/formatters/cli-formatter.js

@@ -25,7 +25,7 @@ export const createCLIFormatter = () => {
           const log = JSON.parse(chunk);
           
           // Get component info
-          const component = COMPONENT_SCHEME[log.name] || COMPONENT_SCHEME['cacp'];
+          const component = COMPONENT_SCHEME[log.name] || COMPONENT_SCHEME['core'];
           const componentName = component.name.toUpperCase().replace(/([a-z])([A-Z])/g, '$1-$2');
           
           // Get level info  

package/index.js

@@ -86,8 +86,8 @@ class JSGLogger {
             this.initialized = true;
 
             // Log initialization success
-            if (this.loggers.cacp) {
-                this.loggers.cacp.info('JSG Logger initialized', {
+            if (this.loggers.core) {
+                this.loggers.core.info('JSG Logger initialized', {
                     environment: this.environment,
                     components: components.length,
                     projectName: configManager.getProjectName(),
@@ -129,8 +129,8 @@ class JSGLogger {
             this.initialized = true;
 
             // Log initialization success
-            if (this.loggers.cacp) {
-                this.loggers.cacp.info('JSG Logger initialized (sync)', {
+            if (this.loggers.core) {
+                this.loggers.core.info('JSG Logger initialized (sync)', {
                     environment: this.environment,
                     components: components.length,
                     projectName: configManager.getProjectName(),
@@ -184,13 +184,17 @@ class JSGLogger {
     }
 
     /**
-     * Create legacy compatibility aliases
+     * Create component aliases (for camelCase/kebab-case compatibility)
      * @private
      */
     createAliases() {
-        // Legacy compatibility for existing codebase
-        this.loggers.siteDetector = this.loggers['site-detector'];
-        this.loggers.priorityManager = this.loggers['priority-manager'];
+        // Auto-generate camelCase aliases for kebab-case component names
+        Object.keys(this.loggers).forEach(componentName => {
+            if (componentName.includes('-')) {
+                const camelCase = componentName.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());
+                this.loggers[camelCase] = this.loggers[componentName];
+            }
+        });
     }
 
     /**
@@ -428,7 +432,7 @@ class JSGLogger {
         };
 
         return {
-            cacp: fallback,
+            core: fallback,
             createLogger: () => fallback,
             config: {environment: 'fallback'},
             logStore: {getRecent: () => [], clear: () => {}},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crimsonsunset/jsg-logger",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "type": "module",
   "description": "JSG Logger - Multi-environment logger with smart detection, file-level overrides, and beautiful console formatting",
   "main": "index.js",