First iteration of delete support

Author: timheuer

src/extension.ts

@@ -3,13 +3,7 @@ import { ResxProvider } from './resxProvider';
 
 
 export function activate(context: vscode.ExtensionContext) {
-	
 
-	let disposable = vscode.commands.registerCommand('resx-editor.deleteResource', () => {
-		vscode.window.showInformationMessage('Hello World from Resx!');
-	});
-	
-	context.subscriptions.push(disposable);
 	context.subscriptions.push(ResxProvider.register(context));
 
 }

src/resxProvider.ts

@@ -28,6 +28,15 @@ export class ResxProvider implements vscode.CustomTextEditorProvider {
     };
     webviewPanel.webview.html = this._getWebviewContent(webviewPanel.webview);
 
+	  let disposable = vscode.commands.registerCommand('resx-editor.deleteResource', () => {
+
+      webviewPanel.webview.postMessage({
+        type: 'delete'
+      });
+	  });
+	
+	  this.context.subscriptions.push(disposable);
+
     async function updateWebview() {
       webviewPanel.webview.postMessage({
         type: 'update',

src/webview/webview.js

@@ -2,16 +2,23 @@ import { provideVSCodeDesignSystem, vsCodeDataGrid, vsCodeDataGridCell, vsCodeDa
 
 const vscode = acquireVsCodeApi();
 provideVSCodeDesignSystem().register(vsCodeDataGrid(), vsCodeDataGridRow(), vsCodeDataGridCell());
+let currentRowData = null;
 
 (function () {
 
     var table =  /** @type {HTMLElement} */ (document.getElementById("resource-table"));
 
     table.onclick = cellClick;
+    table.oncontextmenu = cellRightClick;
 
+    function cellRightClick(cell) {
+        const sourceElement = cell.target;
+        currentRowData = sourceElement._rowData;
+    }
 
     function cellClick(cell) {
         const sourceElement = cell.target;
+        currentRowData = sourceElement._rowData;
 
         if (sourceElement && sourceElement.className !== "column-header") {
             const handleChange = (target) => {
@@ -60,6 +67,15 @@ provideVSCodeDesignSystem().register(vsCodeDataGrid(), vsCodeDataGridRow(), vsCo
 
                 vscode.setState({ text });
 
+                return;
+            case 'delete':
+                if (currentRowData) {
+                    const index = table.rowsData.indexOf(currentRowData);
+                    if (index > -1) {
+                        table.rowsData.splice(index, 1);
+                        refreshResxData();
+                    }
+                }
                 return;
         }
     });