open func.yaml file when clicking on tree view (#258)

package.json

@@ -138,6 +138,7 @@
     "onCommand:service.explorer.create",
     "onCommand:service.explorer.edit",
     "onCommand:service.explorer.openFile",
+    "onCommand:function.openInEditor",
     "onCommand:service.explorer.refresh",
     "onCommand:service.explorer.reportIssue",
     "onCommand:service.explorer.apply",
@@ -241,6 +242,11 @@
         "title": "Describe",
         "category": "Knative"
       },
+      {
+        "command": "function.openInEditor",
+        "title": "Open In Editor",
+        "category": "Knative"
+      },
       {
         "command": "service.explorer.tag",
         "title": "Add a Tag",
@@ -436,6 +442,10 @@
           "command": "service.explorer.openFile",
           "when": "false"
         },
+        {
+          "command": "function.openInEditor",
+          "when": "false"
+        },
         {
           "command": "service.explorer.deleteLocal",
           "when": "false"

src/extension.ts

@@ -23,6 +23,7 @@ import { createFunction } from './functions/function-command/create-function';
 import { urlFunction } from './functions/function-command/get-url-function';
 // eslint-disable-next-line import/no-cycle
 import { createInvokeFunction } from './functions/function-command/invoke-function';
+import { openInEditor } from './functions/function-command/open-yaml-file-in-editor';
 import { runFunction } from './functions/function-command/run-function';
 import { undeployFunction } from './functions/function-command/undeploy-function';
 import { functionExplorer } from './functions/functionsExplorer';
@@ -67,6 +68,7 @@ export async function activate(extensionContext: vscode.ExtensionContext): Promi
     vscode.commands.registerCommand('function.explorer.create', () => createFunction(extensionContext)),
     vscode.commands.registerCommand('function.invoke', (context) => createInvokeFunction(extensionContext, context)),
     vscode.commands.registerCommand('function.undeploy', (context) => undeployFunction(context)),
+    vscode.commands.registerCommand('function.openInEditor', (context) => openInEditor(context)),
     vscode.commands.registerCommand('function.build', (context) => buildFunction(context)),
     vscode.commands.registerCommand('function.deploy', (context) => deployFunction(context)),
     vscode.commands.registerCommand('function.OpenInBrowserAction', (context) => urlFunction(context)),

src/functions/function-command/open-yaml-file-in-editor.ts

@@ -0,0 +1,26 @@
+/* eslint-disable import/no-cycle */
+/*-----------------------------------------------------------------------------------------------
+ *  Copyright (c) Red Hat, Inc. All rights reserved.
+ *  Licensed under the MIT License. See LICENSE file in the project root for license information.
+ *-----------------------------------------------------------------------------------------------*/
+
+import * as path from 'path';
+import { Uri, window, workspace } from 'vscode';
+import { FunctionNode } from '../function-tree-view/functionsTreeItem';
+
+export function openInEditor(context: FunctionNode): void {
+  if (!context) {
+    return null;
+  }
+  const uriPath = Uri.file(path.join(context.contextPath.fsPath, 'func.yaml'));
+  workspace.openTextDocument(uriPath).then(
+    (doc) => {
+      if (doc) {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        window.showTextDocument(doc, { preserveFocus: true, preview: true });
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    (err) => window.showErrorMessage(`Error loading document: ${err}`),
+  );
+}

src/functions/function-tree-view/functionsTreeItem.ts

@@ -4,7 +4,7 @@
  *-----------------------------------------------------------------------------------------------*/
 
 import * as path from 'path';
-import { ProviderResult, QuickPickItem, TreeItemCollapsibleState, Uri } from 'vscode';
+import { ProviderResult, QuickPickItem, TreeItemCollapsibleState, Uri, Command as vsCommand } from 'vscode';
 import format = require('string-format');
 import { FunctionContextType, FunctionStatus } from '../../cli/config';
 // eslint-disable-next-line import/no-cycle
@@ -136,6 +136,19 @@ export class FunctionNodeImpl implements FunctionNode {
     return format(this.CONTEXT_DATA[this.contextValue].tooltip, this);
   }
 
+  get command(): vsCommand | undefined {
+    const arrName = [
+      'localDeployFunctions',
+      'localFunctions',
+      'localFunctionsEnablement',
+      'notConnectedLocalFunctions',
+      'notConnectedLocalFunctionsEnablement',
+    ];
+    if (arrName.includes(this.contextValue)) {
+      return { command: 'function.openInEditor', title: 'Open In Editor', arguments: [this] };
+    }
+  }
+
   get label(): string {
     return this.name;
   }