add checkbox

Author: mbfreder

packages/core/src/lambda/vue/configEditor/samInvokeBackend.ts

@@ -348,17 +348,25 @@ export class SamInvokeWebview extends VueWebview {
      * Validate and execute the provided launch config.
      * TODO: Post validation failures back to webview?
      * @param config Config to invoke
+     * @param source Source of the invoke request
+     * @param useDebugger Whether to invoke with debugger attached
      */
-    public async invokeLaunchConfig(config: AwsSamDebuggerConfiguration, source?: string): Promise<void> {
+    public async invokeLaunchConfig(
+        config: AwsSamDebuggerConfiguration,
+        source?: string,
+        useDebugger: boolean = true
+    ): Promise<void> {
         const finalConfig = finalizeConfig(
             resolveWorkspaceFolderVariable(undefined, config),
             'Editor-Created Debug Config'
         )
         const targetUri = await this.getUriFromLaunchConfig(finalConfig)
         const folder = targetUri ? vscode.workspace.getWorkspaceFolder(targetUri) : undefined
 
-        // startDebugging on VS Code goes through the whole resolution chain
-        await vscode.debug.startDebugging(folder, finalConfig)
+        // Use the existing startDebugging method with the noDebug option
+        await vscode.debug.startDebugging(folder, finalConfig, {
+            noDebug: !useDebugger,
+        })
     }
     public async getLaunchConfigQuickPickItems(
         launchConfig: LaunchConfiguration,

packages/core/src/lambda/vue/configEditor/samInvokeComponent.vue

@@ -139,6 +139,10 @@
                         </select>
                         <span class="data-view">runtime in data: {{ launchConfig.lambda.runtime }}</span>
                     </div>
+                    <div class="config-item">
+                        <label for="useDebugger">Attach a debugger</label>
+                        <input type="checkbox" id="useDebugger" v-model="useDebugger" name="useDebugger" />
+                    </div>
                 </div>
                 <div class="target-template" v-else-if="launchConfig.invokeTarget.target === 'template'">
                     <div class="config-item">
@@ -195,6 +199,10 @@
                             For invoke the runtime defined in the template is used.
                         </p>
                     </div>
+                    <div class="config-item">
+                        <label for="useDebugger">Attach a debugger</label>
+                        <input type="checkbox" id="useDebugger" v-model="useDebugger" name="useDebugger" />
+                    </div>
                 </div>
                 <div class="target-apigw" v-else-if="launchConfig.invokeTarget.target === 'api'">
                     <button v-on:click.prevent="loadResource">Load resource</button><br />
@@ -229,6 +237,10 @@
                         </select>
                         <span class="data-view">runtime in data: {{ launchConfig.lambda.runtime }}</span>
                     </div>
+                    <div class="config-item">
+                        <label for="useDebugger">Attach a debugger</label>
+                        <input type="checkbox" id="useDebugger" v-model="useDebugger" name="useDebugger" />
+                    </div>
                     <div class="config-item">
                         <label for="path">Path</label>
                         <input type="text" v-model="launchConfig.api.path" />

packages/core/src/lambda/vue/configEditor/samInvokeFrontend.ts

@@ -48,6 +48,7 @@ interface SamInvokeVueData {
     showNameInput: boolean
     newTestEventName: string
     resourceData: ResourceData | undefined
+    useDebugger: boolean
 }
 
 function newLaunchConfig(existingConfig?: AwsSamDebuggerConfiguration): AwsSamDebuggerConfigurationLoose {
@@ -112,6 +113,7 @@ function initData() {
     return {
         containerBuild: false,
         skipNewImageCheck: false,
+        useDebugger: true,
         launchConfig: newLaunchConfig(),
         payload: { value: '', errorMsg: '' },
         apiPayload: { value: '', errorMsg: '' },
@@ -170,7 +172,7 @@ export default defineComponent({
 
             const source = this.resourceData?.source
 
-            client.invokeLaunchConfig(config, source).catch((e: Error) => {
+            client.invokeLaunchConfig(config, source, this.useDebugger).catch((e: Error) => {
                 console.error(`invokeLaunchConfig failed: ${e.message}`)
             })
         },