3128 create serverless function based on repository template (#3240)

* initial commit

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

* template based serverless fuction

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

---------

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

src/serverlessFunction/commands.ts

@@ -110,6 +110,12 @@ export class ServerlessCommand {
         return commandText
     }
 
+    static getTemplates(): CommandText {
+        const commandText = new CommandText('func', 'templates');
+        commandText.addOption(new CommandOption('--json'))
+        return commandText
+    }
+
     static getClusterVersion(): CommandText {
         return new CommandText('oc get clusterversion', undefined, [
             new CommandOption('-o', 'josn')

src/serverlessFunction/functions.ts

@@ -8,6 +8,7 @@ import validator from 'validator';
 import { commands, EventEmitter, Terminal, Uri, window } from 'vscode';
 import { CliChannel } from '../cli';
 import { OdoImpl } from '../odo';
+import { CliExitData } from '../util/childProcessUtil';
 import { Platform } from '../util/platform';
 import { Progress } from '../util/progress';
 import { ServerlessCommand, Utils } from './commands';
@@ -229,6 +230,14 @@ export class Functions {
         });
     }
 
+    public async getTemplates(): Promise<CliExitData> {
+        const result = await OdoImpl.Instance.execute(ServerlessCommand.getTemplates(), undefined, false);
+        if (result.error) {
+            void window.showErrorMessage(result.error.message);
+        }
+        return JSON.parse(result.stdout);
+    }
+
     public async deploy(context: FunctionObject) {
         const currentNamespace: string = await OdoImpl.Instance.getActiveProject();
         const yamlContent = await Utils.getFuncYamlContent(context.folderURI.fsPath);

src/webview/serverless-function/app/createFunction.tsx

@@ -30,6 +30,7 @@ export class CreateFunction extends React.Component<CreateFunctionPageProps, {
         helpText?: string
     },
     images: string[],
+    baseTemplates: string[],
     templates: string[],
     language: string,
     template: string,
@@ -52,6 +53,7 @@ export class CreateFunction extends React.Component<CreateFunctionPageProps, {
                 helpText: `Image name should be in the form of '[registry]/[namespace]/[name]:[tag]'`
             },
             images: [],
+            baseTemplates: [],
             templates: [],
             language: '',
             template: '',
@@ -60,7 +62,7 @@ export class CreateFunction extends React.Component<CreateFunctionPageProps, {
             showLoadScreen: false
         }
         VSCodeMessage.postMessage({
-            action: 'selectFolder'
+            action: 'getTemplates'
         });
     }
 
@@ -98,6 +100,13 @@ export class CreateFunction extends React.Component<CreateFunctionPageProps, {
                         wsFolderItems: message.data.wsFolderItems
                     });
                 }
+            } else if (message.data.action === 'getTemplates') {
+                this.setState({
+                    baseTemplates: message.data.basicTemplates
+                });
+                VSCodeMessage.postMessage({
+                    action: 'selectFolder'
+                });
             }
         });
     }
@@ -129,15 +138,9 @@ export class CreateFunction extends React.Component<CreateFunctionPageProps, {
 
     handleDropDownChange = (_event: any, value: string, isLang = false): void => {
         if (isLang) {
-            if (value !== 'Python') {
-                this.setState({
-                    templates: ['Cloud Events', 'HTTP']
-                });
-            } else {
-                this.setState({
-                    templates: ['Cloud Events', 'Flask', 'HTTP', 'WSGI']
-                })
-            }
+            this.setState({
+                templates: this.state.baseTemplates[this.convert(value)]
+            });
             this.setState({
                 language: value,
                 template: ''

src/webview/serverless-function/serverlessFunctionLoader.ts

@@ -100,6 +100,12 @@ async function messageListener(panel: vscode.WebviewPanel, event: any): Promise<
             await Functions.getInstance().invoke(functionName, invokeFunData);
             panel.dispose();
             break;
+        case 'getTemplates':
+            const templates = await Functions.getInstance().getTemplates();
+            panel?.webview.postMessage({
+                action: eventName,
+                basicTemplates: templates
+            })
         default:
             break;
     }