feat: add color coding for log levels in log viewer

Author: dermatz

package.json

@@ -74,6 +74,53 @@
         }
       }
     },
+    "colors": [
+      {
+        "id": "magentoLogViewer.errorColor",
+        "description": "Color for error log entries",
+        "defaults": {
+          "dark": "#f14c4c",
+          "light": "#cd3131",
+          "highContrast": "#ff0000"
+        }
+      },
+      {
+        "id": "magentoLogViewer.warningColor",
+        "description": "Color for warning log entries",
+        "defaults": {
+          "dark": "#cca700",
+          "light": "#ff8f00",
+          "highContrast": "#ffd700"
+        }
+      },
+      {
+        "id": "magentoLogViewer.debugColor",
+        "description": "Color for debug log entries",
+        "defaults": {
+          "dark": "#ffeb3b",
+          "light": "#ffd700",
+          "highContrast": "#ffff00"
+        }
+      },
+      {
+        "id": "magentoLogViewer.infoColor",
+        "description": "Color for info log entries",
+        "defaults": {
+          "dark": "#3794ff",
+          "light": "#0078d4",
+          "highContrast": "#0099ff"
+        }
+      },
+      {
+        "id": "magentoLogViewer.criticalColor",
+        "description": "Color for critical log entries",
+        "defaults": {
+          "dark": "#ff1493",
+          "light": "#ff1493",
+          "highContrast": "#ff69b4"
+        }
+      }
+    ],
     "viewsContainers": {
       "activitybar": [
         {

src/helpers.ts

@@ -215,12 +215,19 @@ export function getLineCount(filePath: string): number {
 
 // Returns the appropriate icon for the given log level.
 export function getIconForLogLevel(level: string): vscode.ThemeIcon {
-  switch (level) {
-    case 'ERROR': return new vscode.ThemeIcon('error');
-    case 'WARN': return new vscode.ThemeIcon('warning');
-    case 'DEBUG': return new vscode.ThemeIcon('debug');
-    case 'INFO': return new vscode.ThemeIcon('info');
-    default: return new vscode.ThemeIcon('circle-outline');
+  switch (level.toUpperCase()) {
+    case 'CRITICAL':
+      return new vscode.ThemeIcon('error', new vscode.ThemeColor('magentoLogViewer.criticalColor'));
+    case 'ERROR':
+      return new vscode.ThemeIcon('error', new vscode.ThemeColor('magentoLogViewer.errorColor'));
+    case 'WARN':
+      return new vscode.ThemeIcon('warning', new vscode.ThemeColor('magentoLogViewer.warningColor'));
+    case 'DEBUG':
+      return new vscode.ThemeIcon('debug', new vscode.ThemeColor('magentoLogViewer.debugColor'));
+    case 'INFO':
+      return new vscode.ThemeIcon('info', new vscode.ThemeColor('magentoLogViewer.infoColor'));
+    default:
+      return new vscode.ThemeIcon('circle-outline');
   }
 }
 

src/logViewer.ts

@@ -327,6 +327,21 @@ export class LogItem extends vscode.TreeItem {
     super(label, collapsibleState as vscode.TreeItemCollapsibleState);
     this.description = this.label.match(/\(\d+\)/)?.[0] || '';
     this.label = this.label.replace(/\(\d+\)/, '').trim();
+
+    // Füge Farben basierend auf Log-Level hinzu
+    if (this.label.includes('ERROR')) {
+      this.tooltip = 'Error Message';
+      this.resourceUri = vscode.Uri.parse('error');
+    } else if (this.label.includes('WARN')) {
+      this.tooltip = 'Warning Message';
+      this.resourceUri = vscode.Uri.parse('warning');
+    } else if (this.label.includes('DEBUG')) {
+      this.tooltip = 'Debug Message';
+      this.resourceUri = vscode.Uri.parse('debug');
+    } else if (this.label.includes('INFO')) {
+      this.tooltip = 'Info Message';
+      this.resourceUri = vscode.Uri.parse('info');
+    }
   }
 
   contextValue = 'logItem';