Adding preview and toggle

Author: timheuer

package.json

@@ -107,6 +107,23 @@
           "when": "config.resx-editor.experimentalDelete == true && activeCustomEditorId == 'resx-editor.editor'"
         }
       ],
+      "editor/title": [
+        {
+          "command": "resx-editor.openInTextEditor",
+          "when": "activeCustomEditorId == 'resx-editor.editor' && activeEditorIsNotPreview == false",
+          "group": "navigation@1"
+        },
+        {
+          "command": "resx-editor.openPreview",
+          "when": "(resourceExtname == '.resx' || resourceExtname == '.resw') && activeCustomEditorId != 'resx-editor.editor'",
+          "group": "navigation@1"
+        },
+        {
+          "command": "resx-editor.openInResxEditor",
+          "when": "(resourceExtname == '.resx' || resourceExtname == '.resw') && activeCustomEditorId != 'resx-editor.editor'",
+          "group": "navigation@1"
+        }
+      ],
       "commandPalette": [
         {
           "command": "resx-editor.deleteResource",
@@ -115,6 +132,18 @@
         {
           "command": "resx-editor.addNewResource",
           "when": "activeCustomEditorId == 'resx-editor.editor'"
+        },
+        {
+          "command": "resx-editor.openInTextEditor",
+          "when": "activeCustomEditorId == 'resx-editor.editor'"
+        },
+        {
+          "command": "resx-editor.openPreview",
+          "when": "false"
+        },
+        {
+          "command": "resx-editor.openInResxEditor",
+          "when": "(resourceExtname == '.resx' || resourceExtname == '.resw') && activeCustomEditorId != 'resx-editor.editor'"
         }
       ]
     },
@@ -128,6 +157,24 @@
         "command": "resx-editor.addNewResource",
         "title": "Add New Resource",
         "category": "ResX Editor"
+      },
+      {
+        "command": "resx-editor.openInTextEditor",
+        "title": "Open in Text Editor",
+        "category": "ResX Editor",
+        "icon": "$(notebook-open-as-text)"
+      },
+      {
+        "command": "resx-editor.openPreview",
+        "title": "Open Preview",
+        "category": "ResX Editor",
+        "icon": "$(open-preview)"
+      },
+      {
+        "command": "resx-editor.openInResxEditor",
+        "title": "Open in ResX Editor",
+        "category": "ResX Editor",
+        "icon": "$(notebook-render-output)"
       }
     ]
   },

src/extension.ts

@@ -1,5 +1,6 @@
 import * as vscode from 'vscode';
 import { ResxProvider } from './resxProvider';
+import { AppConstants } from './utilities/constants';
 
 let outputChannel: vscode.OutputChannel;
 
@@ -9,6 +10,34 @@ export function activate(context: vscode.ExtensionContext) {
 
 	printChannelOutput("ResX Editor extension activated.", true);
 
+	let openPreviewCommand = vscode.commands.registerCommand(AppConstants.openPreviewCommand, () => {
+
+		const editor = vscode.window.activeTextEditor;
+
+		vscode.commands.executeCommand('vscode.openWith',
+			editor?.document?.uri,
+			AppConstants.viewTypeId,
+			{
+				preview: true,
+				viewColumn: vscode.ViewColumn.Beside
+			});
+	});
+
+	let openInResxEditor = vscode.commands.registerCommand(AppConstants.openInResxEditorCommand, () => {
+
+		const editor = vscode.window.activeTextEditor;
+
+		vscode.commands.executeCommand('vscode.openWith',
+			editor?.document?.uri,
+			AppConstants.viewTypeId,
+			{
+				preview: false,
+				viewColumn: vscode.ViewColumn.Active
+			});
+	});
+
+	context.subscriptions.push(openPreviewCommand);
+	context.subscriptions.push(openInResxEditor);
 	context.subscriptions.push(ResxProvider.register(context));
 
 }

src/resxProvider.ts

@@ -38,17 +38,18 @@ export class ResxProvider implements vscode.CustomTextEditorProvider {
     });
 
     try {
+      printChannelOutput(document.uri.toString(), true);
       if (!this.registered) {
         printChannelOutput("deleteResource command registered", true);
         this.registered = true;
-        let deleteCommand = vscode.commands.registerCommand(AppConstants.deleteResource, () => {
+        let deleteCommand = vscode.commands.registerCommand(AppConstants.deleteResourceCommand, () => {
 
           this.currentPanel?.webview.postMessage({
             type: 'delete'
           });
         });
 
-        let addCommand = vscode.commands.registerCommand(AppConstants.commandAddNewResource, () => {
+        let addCommand = vscode.commands.registerCommand(AppConstants.addNewResourceCommand, () => {
           // get all the inputs we need
           const inputs = newResourceInput(this.context);
           // then do something with them
@@ -62,6 +63,12 @@ export class ResxProvider implements vscode.CustomTextEditorProvider {
           });
         });
 
+        let openInTextEditorCommand = vscode.commands.registerCommand(AppConstants.openInTextEditorCommand, () => {
+          printChannelOutput("openInTextEditor command called", true);
+          vscode.commands.executeCommand('workbench.action.reopenTextEditor', document?.uri);
+        });
+
+        this.context.subscriptions.push(openInTextEditorCommand);
         this.context.subscriptions.push(deleteCommand);
         this.context.subscriptions.push(addCommand);
       }
@@ -104,7 +111,7 @@ export class ResxProvider implements vscode.CustomTextEditorProvider {
           vscode.window.showInformationMessage(e.message);
           return;
         case 'add':
-          vscode.commands.executeCommand(AppConstants.commandAddNewResource);
+          vscode.commands.executeCommand(AppConstants.addNewResourceCommand);
           return;
 
       }

src/utilities/constants.ts

@@ -1,9 +1,12 @@
 export class AppConstants {
-    static commandAddNewResource = 'resx-editor.addNewResource';
-    static deleteResource = 'resx-editor.deleteResource';
+    static addNewResourceCommand = 'resx-editor.addNewResource';
+    static deleteResourceCommand = 'resx-editor.deleteResource';
     static viewTypeId = 'resx-editor.editor';
     static promptKeyName = 'Provide a Key for the resource';
     static promptValueName = 'Provide a Value for the resource';
     static promptCommentName = 'Provide a Comment for the resource';
     static addNewTitle = 'Add new resource';
+    static openInTextEditorCommand = 'resx-editor.openInTextEditor';
+    static openPreviewCommand = 'resx-editor.openPreview';
+    static openInResxEditorCommand = 'resx-editor.openInResxEditor';
 }