Refactors scaffolding action to be based on form (#181)

## 🎯 Aim

is to add a scaffolding form for the add new project action

## ✅ What was done

- [X] added new webview for for the create project action

## 🔗 Related issue

related: #124

src/constants/ExtensionTypes.ts

@@ -17,7 +17,7 @@ export const ExtensionTypes = [
   {
     name: 'Field Customizer',
     value: ExtensionType.field,
-    templates: ['React', 'Minimal', 'No framework']
+    templates: ['No framework', 'React', 'Minimal']
   },
   {
     name: 'ListView Command Set',
@@ -27,7 +27,7 @@ export const ExtensionTypes = [
   {
     name: 'Form Customizer',
     value: ExtensionType.formCustomizer,
-    templates: ['React', 'No framework']
+    templates: ['No framework', 'React']
   },
   {
     name: 'Search Query Modifier',

src/constants/SpfxAddComponentCommandInput.ts

@@ -0,0 +1,10 @@
+import { ComponentType } from './ComponentTypes';
+import { ExtensionType } from './ExtensionTypes';
+
+export interface SpfxAddComponentCommandInput {
+  componentType: ComponentType;
+  componentName: string;
+  frameworkType: string;
+  extensionType: ExtensionType;
+  aceType: string;
+}

src/constants/SpfxScaffoldCommandInput.ts

@@ -0,0 +1,6 @@
+import { SpfxAddComponentCommandInput } from './SpfxAddComponentCommandInput';
+
+export interface SpfxScaffoldCommandInput extends SpfxAddComponentCommandInput {
+  folderPath: string;
+  solutionName: string;
+}

src/constants/WebViewTypes.ts

@@ -2,7 +2,8 @@
 // eslint-disable-next-line no-shadow
 export enum WebViewType {
   samplesGallery = 'samplesGallery',
-  workflowForm = 'workflowForm'
+  workflowForm = 'workflowForm',
+  scaffoldForm = 'scaffoldForm'
 }
 
 export const WebViewTypes = [
@@ -15,5 +16,10 @@ export const WebViewTypes = [
     Title: 'Sample Gallery',
     homePageUrl: '/sp-dev-fx-samples',
     value: WebViewType.samplesGallery
+  },
+  {
+    Title: 'Scaffold Form',
+    homePageUrl: '/scaffold-form',
+    value: WebViewType.scaffoldForm
   }
 ];

src/constants/WebviewCommand.ts

@@ -2,11 +2,19 @@ export const WebviewCommand = {
   toWebview: {
     viewType: 'view-type',
     WorkflowCreated: 'workflow-created',
+    folderPath: 'folder-path',
+    validateSolutionName: 'validate-solution-name',
+    validateComponentName: 'validate-component-name',
   },
   toVSCode: {
     useSample: 'use-sample',
     redirectTo: 'redirect-to',
     logError: 'log-error',
     createWorkFlow: 'create-workflow',
+    createSpfxProject: 'create-spfx-project',
+    pickFolder: 'pick-folder',
+    validateSolutionName: 'validate-solution-name',
+    validateComponentName: 'validate-component-name',
+    addSpfxComponent: 'add-spfx-component',
   }
 };

src/constants/index.ts

@@ -7,5 +7,7 @@ export * from './FrameworkTypes';
 export * from './General';
 export * from './GenerateWorkflowCommandInput';
 export * from './ProjectFileContent';
+export * from './SpfxAddComponentCommandInput';
+export * from './SpfxScaffoldCommandInput';
 export * from './WebviewCommand';
 export * from './WebViewTypes';