quickPick changes

Author: Vandita Patidar

packages/core/src/awsService/appBuilder/serverlessLand/wizard.ts

@@ -31,8 +31,8 @@ function promptPattern(metadataManager: MetadataManager) {
         throw new ToolkitError('No patterns found in metadata')
     }
 
-    return createQuickPick<string>(
-        patterns.map((p) => ({
+    const items = [
+        ...patterns.map((p) => ({
             label: p.label,
             detail: p.description,
             data: p.label,
@@ -44,13 +44,22 @@ function promptPattern(metadataManager: MetadataManager) {
             ],
         })),
         {
-            title: localize('AWS.serverlessLand.initWizard.pattern.prompt', 'Select a Pattern for your application'),
-            placeholder: 'Choose a pattern for your project',
-            buttons: createCommonButtons(),
-            matchOnDescription: true,
-            matchOnDetail: true,
-        }
-    )
+            label: '',
+            detail: 'Browse more on serverlessland.com',
+            data: 'visit',
+            alwaysShow: true,
+        },
+    ]
+
+    const quickPick = createQuickPick<string>(items, {
+        title: localize('AWS.serverlessLand.initWizard.pattern.prompt', 'Select a Pattern for your application'),
+        placeholder: 'Choose a pattern for your project',
+        buttons: createCommonButtons(),
+        matchOnDescription: true,
+        matchOnDetail: true,
+    })
+
+    return quickPick
 }
 
 function promptRuntime(metadataManager: MetadataManager, pattern: string | undefined) {
@@ -71,7 +80,7 @@ function promptRuntime(metadataManager: MetadataManager, pattern: string | undef
         {
             title: localize('AWS.serverlessLand.initWizard.runtime.prompt', 'Select Runtime'),
             placeholder: 'Choose a runtime for your project',
-            buttons: [vscode.QuickInputButtons.Back],
+            buttons: createCommonButtons(),
         }
     )
 }
@@ -94,24 +103,30 @@ function promptIac(metadataManager: MetadataManager, pattern: string | undefined
         {
             title: localize('AWS.serverlessLand.initWizard.iac.prompt', 'Select IaC'),
             placeholder: 'Choose an IaC option for your project',
-            buttons: [vscode.QuickInputButtons.Back],
+            buttons: createCommonButtons(),
         }
     )
 }
 
 function promptLocation() {
     return createFolderPrompt(vscode.workspace.workspaceFolders ?? [], {
         title: localize('AWS.serverlessLand.initWizard.location.prompt', 'Select Project Location'),
-        buttons: [vscode.QuickInputButtons.Back],
-        browseFolderDetail: 'Select a folder for your project',
+        buttons: createCommonButtons(),
+        browseFolderDetail: 'Select a parent folder for your project',
     })
 }
 
-function promptName() {
+function promptName(location: vscode.Uri | undefined) {
+    let folderName: string
+    if (location) {
+        folderName = path.basename(location.fsPath)
+    } else {
+        folderName = ''
+    }
     return createInputBox({
         title: localize('AWS.serverlessLand.initWizard.name.prompt', 'Enter Project Name'),
-        placeholder: 'Enter a name for your new application',
-        buttons: [vscode.QuickInputButtons.Back],
+        placeholder: ` ${folderName}/: Enter a name for your new application`,
+        buttons: createCommonButtons(),
         validateInput: (value: string): string | undefined => {
             if (!value) {
                 return 'Application name cannot be empty'
@@ -140,6 +155,6 @@ export class CreateServerlessLandWizard extends Wizard<CreateServerlessLandWizar
         this.form.runtime.bindPrompter((state) => promptRuntime(this.metadataManager, state.pattern))
         this.form.iac.bindPrompter((state) => promptIac(this.metadataManager, state.pattern))
         this.form.location.bindPrompter(() => promptLocation())
-        this.form.name.bindPrompter(() => promptName())
+        this.form.name.bindPrompter((state) => promptName(state.location))
     }
 }

packages/core/src/shared/ui/pickerPrompter.ts

@@ -144,6 +144,13 @@ export function createQuickPick<T>(
     assign(mergedOptions, picker)
     picker.buttons = mergedOptions.buttons ?? []
 
+    picker.onDidAccept(() => {
+        if (picker.selectedItems[0].data === 'visit') {
+            void vscode.env.openExternal(vscode.Uri.parse('https://serverlessland.com/patterns'))
+            return
+        }
+    })
+
     picker.onDidTriggerItemButton(async (event) => {
         const metadataManager = MetadataManager.getInstance()
         if (event.button.tooltip !== 'Open in Serverless Land') {