feat: add context menu option to delete report files and enhance report viewer functionality

Author: dermatz

CHANGELOG.md

@@ -11,6 +11,7 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 ### Added
 
 - Added Trunk Support to improve Code Quality
+- Added context menu (right click) option to delete report files
 
 ### Changed
 

package.json

@@ -39,6 +39,11 @@
         "command": "magento-log-viewer.refreshReportFiles",
         "title": "Refresh Report Files",
         "icon": "$(refresh)"
+      },
+      {
+        "command": "magento-log-viewer.deleteReportFile",
+        "title": "Delete Report File",
+        "icon": "$(trash)"
       }
     ],
     "configuration": {
@@ -117,6 +122,13 @@
           "when": "view == reportFiles && magentoLogViewer.hasMagentoRoot",
           "group": "navigation"
         }
+      ],
+      "view/item/context": [
+        {
+          "command": "magento-log-viewer.deleteReportFile",
+          "when": "view == reportFiles && viewItem == reportItem",
+          "group": "navigation"
+        }
       ]
     }
   },

src/extension.ts

@@ -1,5 +1,6 @@
 import * as vscode from 'vscode';
-import { promptMagentoProjectSelection, showErrorMessage, activateExtension, isValidPath } from './helpers';
+import { promptMagentoProjectSelection, showErrorMessage, activateExtension, isValidPath, deleteReportFile } from './helpers';
+import { LogItem, ReportViewerProvider } from './logViewer';
 
 export function activate(context: vscode.ExtensionContext): void {
   const config = vscode.workspace.getConfiguration();
@@ -13,7 +14,18 @@ export function activate(context: vscode.ExtensionContext): void {
       showErrorMessage('Magento root path is not set or is not a directory.');
       return;
     }
-    activateExtension(context, magentoRoot);
+    const reportViewerProvider = new ReportViewerProvider(magentoRoot);
+    activateExtension(context, magentoRoot, reportViewerProvider);
+
+    vscode.commands.registerCommand('magento-log-viewer.deleteReportFile', (logItem: LogItem) => {
+      if (logItem && logItem.command && logItem.command.arguments && logItem.command.arguments[0]) {
+        const filePath = logItem.command.arguments[0];
+        deleteReportFile(filePath);
+        reportViewerProvider.refresh();
+      } else {
+        showErrorMessage('Failed to delete report file: Invalid file path.');
+      }
+    });
   }
 }
 

src/helpers.ts

@@ -25,7 +25,7 @@ export function selectMagentoRootFolder(config: vscode.WorkspaceConfiguration, c
           updateConfig(config, 'magentoLogViewer.magentoRoot', folderUri[0].fsPath).then(() => {
             showInformationMessage('Magento root folder successfully saved!');
             updateConfig(config, 'magentoLogViewer.isMagentoProject', 'Yes');
-            activateExtension(context, folderUri[0].fsPath);
+            activateExtension(context, folderUri[0].fsPath, new ReportViewerProvider(folderUri[0].fsPath));
           });
         }
       });
@@ -57,9 +57,8 @@ export function showErrorMessage(message: string): void {
 }
 
 // Activates the extension by setting up the log viewer and file system watcher.
-export function activateExtension(context: vscode.ExtensionContext, magentoRoot: string): void {
+export function activateExtension(context: vscode.ExtensionContext, magentoRoot: string, reportViewerProvider: ReportViewerProvider): void {
   const logViewerProvider = new LogViewerProvider(magentoRoot);
-  const reportViewerProvider = new ReportViewerProvider(magentoRoot);
 
   const logTreeView = vscode.window.createTreeView('logFiles', { treeDataProvider: logViewerProvider });
   const reportTreeView = vscode.window.createTreeView('reportFiles', { treeDataProvider: reportViewerProvider });
@@ -127,6 +126,16 @@ export function clearAllLogFiles(logViewerProvider: LogViewerProvider, magentoRo
   });
 }
 
+// Deletes a report file.
+export function deleteReportFile(filePath: string): void {
+  try {
+    fs.unlinkSync(filePath);
+    showInformationMessage(`Report file ${filePath} deleted successfully.`);
+  } catch (error) {
+    showErrorMessage(`Failed to delete report file ${filePath}: ${error instanceof Error ? error.message : String(error)}`);
+  }
+}
+
 // Updates the badge count for the tree view based on the number of log entries.
 export function updateBadge(treeView: vscode.TreeView<unknown>, logViewerProvider: LogViewerProvider, reportViewerProvider: ReportViewerProvider, magentoRoot: string): void {
   const updateBadgeCount = () => {

src/logViewer.ts

@@ -235,7 +235,10 @@ export class ReportViewerProvider implements vscode.TreeDataProvider<LogItem>, v
   }
 
   private getLogItems(dir: string, label: string): LogItem[] {
-    return getLogItems(dir, parseReportTitle, getIconForReport);
+    return getLogItems(dir, parseReportTitle, getIconForReport).map(item => {
+      item.contextValue = 'reportItem';
+      return item;
+    });
   }
 
   getLogFilesWithoutUpdatingBadge(dir: string): LogItem[] {