Serverless create, build and run functions in OpenShift

.eslintignore

@@ -17,4 +17,5 @@ src/webview/welcome
 src/webview/git-import
 src/webview/helm-chart
 src/webview/feedback
+src/webview/serverless-function
 test/sandbox-registration

build/esbuild.mjs

@@ -18,6 +18,7 @@ const webviews = [
     'log',
     'welcome',
     'feedback',
+    'serverless-function',
     'add-service-binding',
     'openshift-terminal',
 ];

package.json

@@ -353,10 +353,7 @@
 				"command": "openshift.explorer.refresh",
 				"title": "Refresh Application Explorer View",
 				"category": "OpenShift",
-				"icon": {
-					"dark": "images/title/dark/icon-refresh.svg",
-					"light": "images/title/light/icon-refresh.svg"
-				}
+				"icon": "$(refresh)"
 			},
 			{
 				"command": "openshift.explorer.reportIssue",
@@ -634,10 +631,7 @@
 				"command": "openshift.componentTypesView.refresh",
 				"title": "Refresh Components Types View",
 				"category": "OpenShift",
-				"icon": {
-					"dark": "images/title/dark/icon-refresh.svg",
-					"light": "images/title/light/icon-refresh.svg"
-				}
+				"icon": "$(refresh)"
 			},
 			{
 				"command": "openshift.componentType.openStarterProjectRepository",
@@ -697,10 +691,7 @@
 				"command": "openshift.componentsView.refresh",
 				"title": "Refresh Components View",
 				"category": "OpenShift",
-				"icon": {
-					"dark": "images/title/dark/icon-refresh.svg",
-					"light": "images/title/light/icon-refresh.svg"
-				}
+				"icon": "$(refresh)"
 			},
 			{
 				"command": "openshift.componentTypesView.registry.openInView",
@@ -803,6 +794,43 @@
 				"command": "openshift.sandbox.signup",
 				"title": "Provision OpenShift Developer Sandbox",
 				"category": "OpenShift"
+			},
+			{
+				"command": "openshift.Serverless.openFunction",
+				"title": "Open Function",
+				"category": "OpenShift"
+			},
+			{
+				"command": "openshift.Serverless.createFunction",
+				"title": "Create Function",
+				"category": "OpenShift",
+				"icon": "$(plus)"
+			},
+			{
+				"command": "openshift.Serverless.refresh",
+				"title": "Refresh Serverless Function View",
+				"category": "OpenShift",
+				"icon": "$(refresh)"
+			},
+			{
+				"command": "openshift.Serverless.build",
+				"title": "Build",
+				"category": "OpenShift"
+			},
+			{
+				"command": "openshift.Serverless.buildAndRun",
+				"title": "Build and Run",
+				"category": "OpenShift"
+			},
+			{
+				"command": "openshift.Serverless.run",
+				"title": "Run",
+				"category": "OpenShift"
+			},
+			{
+				"command": "openshift.Serverless.stopRun",
+				"title": "Stop",
+				"category": "OpenShift"
 			}
 		],
 		"keybindings": [
@@ -847,6 +875,10 @@
 					"id": "openshiftComponentTypesView",
 					"name": "Devfile Registries"
 				},
+				{
+					"id": "openshiftServerlessFunctionsView",
+					"name": "Serverless Functions"
+				},
 				{
 					"id": "openshiftDebugView",
 					"name": "Debug Sessions"
@@ -1111,7 +1143,32 @@
 				{
 					"command": "openshift.component.binding.add",
 					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.openFunction",
+					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.refresh",
+					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.build",
+					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.buildAndRun",
+					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.run",
+					"when": "false"
+				},
+				{
+					"command": "openshift.Serverless.stopRun",
+					"when": "false"
 				}
+
 			],
 			"view/title": [
 				{
@@ -1173,6 +1230,16 @@
 					"command": "openshift.component.openImportFromGit",
 					"when": "view == openshiftComponentsView",
 					"group": "navigation"
+				},
+				{
+					"command": "openshift.Serverless.createFunction",
+					"when": "view == openshiftServerlessFunctionsView",
+					"group": "navigation@0"
+				},
+				{
+					"command": "openshift.Serverless.refresh",
+					"when": "view == openshiftServerlessFunctionsView",
+					"group": "navigation@1"
 				}
 			],
 			"view/item/context": [
@@ -1258,7 +1325,7 @@
 				},
 				{
 					"command": "openshift.project.create",
-					"when": "view == openshiftProjectExplorer && viewItem == openshift.k8sContext && isLoggedIn",
+					"when": "view == openshiftProjectExplorer && viewItem == openshift.k8sContext",
 					"group": "c1"
 				},
 				{
@@ -1433,6 +1500,22 @@
 				{
 					"command": "openshift.resource.openInDeveloperConsole",
 					"when": "view == openshiftProjectExplorer && viewItem == openshift.k8sObject && isOpenshiftCluster || openshift.k8sObject.helm && isOpenshiftCluster"
+				},
+				{
+					"command": "openshift.Serverless.build",
+					"when": "view == openshiftServerlessFunctionsView && viewItem =~ /^(localFunctions|localFunctionsWithBuild)$/"
+				},
+				{
+					"command": "openshift.Serverless.buildAndRun",
+					"when": "view == openshiftServerlessFunctionsView && viewItem =~ /^(localFunctions|localFunctionsWithBuild)$/"
+				},
+				{
+					"command": "openshift.Serverless.run",
+					"when": "view == openshiftServerlessFunctionsView && viewItem =~ /^(localFunctionsWithBuild)$/"
+				},
+				{
+					"command": "openshift.Serverless.stopRun",
+					"when": "view == openshiftServerlessFunctionsView && viewItem =~ /^(running)$/"
 				}
 			]
 		},

src/extension.ts

@@ -25,6 +25,7 @@ import { extendClusterExplorer } from './k8s/clusterExplorer';
 import { Cluster } from './openshift/cluster';
 import { Component } from './openshift/component';
 import { ComponentTypesView } from './registriesView';
+import { ServerlessFunctionView } from './serveressFunction/view';
 import { startTelemetry } from './telemetry';
 import { ToolsConfig } from './tools';
 import { TokenStore } from './util/credentialManager';
@@ -96,6 +97,7 @@ export async function activate(extensionContext: ExtensionContext): Promise<unkn
         new DebugSessionsView().createTreeView('openshiftDebugView'),
         ...Component.init(),
         ComponentTypesView.instance.createTreeView('openshiftComponentTypesView'),
+        ServerlessFunctionView.getInstance(),
         ComponentsTreeDataProvider.instance.createTreeView('openshiftComponentsView'),
         window.registerWebviewViewProvider('openShiftTerminalView', OpenShiftTerminalManager.getInstance(), { webviewOptions: { retainContextWhenHidden: true, } }),
     ];

src/k8s/deploymentConfig.ts

@@ -27,6 +27,9 @@ export class DeploymentConfig {
         getDeploymentConfigs(): CommandText {
             return new CommandText('oc get deploymentConfig -o json');
         },
+        getDeploymentFunctions(): CommandText {
+            return new CommandText('func list -o json');
+        },
         showDeploymentConfigLog(deploymentConfig: string): CommandText {
             return new CommandText('oc logs', `dc/${deploymentConfig}`);
         },

src/openshift/cluster.ts

@@ -40,6 +40,7 @@ export class Cluster extends OpenShiftItem {
             .then(async (result) => {
                 if (result.stderr === '') {
                     Cluster.explorer.refresh();
+                    Cluster.serverlessView.refresh();
                     void commands.executeCommand('setContext', 'isLoggedIn', false);
                     const logoutInfo = await window.showInformationMessage('Successfully logged out. Do you want to login to a new cluster', 'Yes', 'No');
                     if (logoutInfo === 'Yes') {
@@ -56,6 +57,7 @@ export class Cluster extends OpenShiftItem {
     @vsCommand('openshift.explorer.refresh')
     static refresh(): void {
         Cluster.explorer.refresh();
+        Cluster.serverlessView.refresh();
     }
 
     @vsCommand('openshift.about')
@@ -549,6 +551,7 @@ export class Cluster extends OpenShiftItem {
     static async loginMessage(clusterURL: string, result: CliExitData): Promise<string | undefined> {
         if (result.stderr === '') {
             Cluster.explorer.refresh();
+            Cluster.serverlessView.refresh();
             await commands.executeCommand('setContext', 'isLoggedIn', true);
             return `Successfully logged in to '${clusterURL}'`;
         }

src/openshift/openshiftItem.ts

@@ -10,6 +10,7 @@ import { QuickPickItem, commands, window } from 'vscode';
 import { OpenShiftExplorer } from '../explorer';
 import { Odo, OpenShiftObject, getInstance } from '../odo';
 import { Project } from '../odo/project';
+import { ServerlessFunctionView } from '../serveressFunction/view';
 
 export class QuickPickCommand implements QuickPickItem {
     constructor (public label: string,
@@ -28,6 +29,8 @@ export default class OpenShiftItem {
 
     protected static readonly explorer: OpenShiftExplorer = OpenShiftExplorer.getInstance();
 
+    protected static readonly serverlessView: ServerlessFunctionView = ServerlessFunctionView.getInstance();
+
     static validateUniqueName(data: Array<OpenShiftObject>, value: string): string {
         const openshiftObject =  data.find((item) => item.getName() === value);
         return openshiftObject && 'This name is already used, please enter different name.';

src/openshift/project.ts

@@ -53,6 +53,7 @@ export class Project extends OpenShiftItem {
             const projectName = selectedItem.label;
             await CliChannel.getInstance().executeTool(Command.setActiveProject(projectName));
             Project.explorer.refresh();
+            Project.serverlessView.refresh();
             message = `Project '${projectName}' set as active.`;
         }
         return message;