Merge pull request #633 from SwapnilChand/632-multiple-new-requests

[WIP][feature][extension]  Multiple new requests

Author: sauravpanda

extensions/src/SidebarProvider.ts

@@ -60,8 +60,8 @@ export class SidebarProvider implements vscode.WebviewViewProvider {
         console.log("Exporting API history...");
 
         const downloadsFolder = process.platform === 'darwin' 
-            ? path.join(process.env.HOME, 'Downloads') // macOS
-            : path.join(process.env.USERPROFILE, 'Downloads'); // Windows/Linux
+            ? path.join(process.env.HOME, 'Downloads') 
+            : path.join(process.env.USERPROFILE, 'Downloads');
 
         const filePath = path.join(downloadsFolder, 'history.msgpack');
         const packedData = msgpack.encode(this.apiHistory); 
@@ -108,13 +108,15 @@ export class SidebarProvider implements vscode.WebviewViewProvider {
           break;
         }
         case "openApiManagement": {
+          console.log("API MANAGEMENT CASE");
           if (!data.value) {
             return;
           }
           this.openWebview(data.value);
           break;
         }
         case "backButton": {
+          console.log("Going Back");
           this.showHistory = false;
           this.refresh();
           break;
@@ -125,14 +127,17 @@ export class SidebarProvider implements vscode.WebviewViewProvider {
           break;
         }
         case "deleteEndpoint": {
+          console.log("Deleting endpoint");
           this.deleteEndpoint(data.name, data.method);
           break;
         }
         case "selectEndpoint": {
+          console.log("Selection endpoint");
           this.loadEndpoint(data.value);
           break;
         }
         case "exportHistory": {
+          console.log("Export history");
           this.exportHistory();
           break;
         }

extensions/src/apiRequest/apiRequestProvider.ts

@@ -31,10 +31,11 @@ export class ApiRequestProvider {
     }
 
     public openApiRequestView() {
-        console.log("This is the request view");
-        if (!this.view) {
-            this.view = new ApiRequestView(this.context, this.handleApiRequest);
-        }
+        console.log("API Request View : This is the request view");
+        // if (!this.view) {
+        //     this.view = new ApiRequestView(this.context, this.handleApiRequest);
+        // }
+        this.view = new ApiRequestView(this.context, this.handleApiRequest);
         this.view.show();
         this.updateCollectionsView();
     }
@@ -48,6 +49,7 @@ export class ApiRequestProvider {
         body: string,
         bodyType: string
     ): Promise<void> {
+        console.log("Handle API Request called");
         try {
             // Append query params to URL
             const urlObj = new URL(url);
@@ -93,12 +95,14 @@ export class ApiRequestProvider {
     }
 
     public addCollection(name: string) {
+        console.log("api Request view : AddCollections called");
         this.collections.push({ name, requests: [] });
         this.saveCollections();
         this.updateCollectionsView();
     }
 
     public addRequestToCollection(collectionName: string, request: ApiRequest) {
+        console.log("api Request view : AddRequestToCollections called");
         const collection = this.collections.find(c => c.name === collectionName);
         if (collection) {
             collection.requests.push(request);

extensions/src/apiRequest/apiRequestView.ts

@@ -21,11 +21,62 @@ export class ApiRequestView {
         this.context = context;
         this.apiRequestCallback = apiRequestCallback;
     }
-
+    // public show(method?: string, url?: string, headers?: Record<string, string>, body?: string) {
+    //     console.log("Show from View");
+    
+    //     // Create a new panel every time this method is called
+    //     const newPanel = vscode.window.createWebviewPanel(
+    //         'apiRequest',
+    //         'API Request',
+    //         vscode.ViewColumn.One,
+    //         {
+    //             enableScripts: true,
+    //             retainContextWhenHidden: true,
+    //         }
+    //     );
+    
+    //     // Set up webview content
+    //     newPanel.webview.html = this.getWebviewContent();
+    
+    //     // Populate fields if provided
+    //     if (method && url) {
+    //         newPanel.webview.postMessage({
+    //             command: 'populateFields',
+    //             method: method,
+    //             url: url,
+    //             headers: headers || {},
+    //             body: body || ''
+    //         });
+    //     }
+    
+    //     // Handle messages from the webview
+    //     newPanel.webview.onDidReceiveMessage(
+    //         message => {
+    //             switch (message.command) {
+    //                 case 'sendRequest':
+    //                     this.apiRequestCallback(message.method, message.url, message.headers, message.queryParams, message.formData, message.body, message.bodyType);
+    //                     return;
+    //                 case 'saveEndpoint':
+    //                     this.saveEndpoint(message.method, message.url);
+    //                     return;
+    //             }
+    //         },
+    //         undefined,
+    //         this.context.subscriptions
+    //     );
+    
+    //     // Clean up when the panel is disposed
+    //     newPanel.onDidDispose(() => {
+    //         // Optionally handle any cleanup or state management here
+    //     });
+    // }
     public show() {
-        if (this.panel) {
-            this.panel.reveal();
-        } else {
+        console.log("Show from View");
+        // if (this.panel) {
+        //     console.log("Show from View : if condition");
+        //     this.panel.reveal();
+        // } else {
+        //     console.log("Show from View : else condition");
             this.panel = vscode.window.createWebviewPanel(
                 'apiRequest',
                 'API Request',
@@ -56,14 +107,13 @@ export class ApiRequestView {
             this.panel.onDidDispose(() => {
                 this.panel = undefined;
             });
-        }
+        // }
     }
 
     public postMessage(message: any) {
         this.panel?.webview.postMessage(message);
     }
     private saveEndpoint(method: string, url: string) {
-        // Check if the URL is blank
         if (!url.trim()) {
             vscode.window.showErrorMessage("URL is blank. Cannot save endpoint.");
             return;

extensions/src/utils/httpClient.ts

@@ -1,5 +1,6 @@
 export class HttpClient {
     public async sendRequest(url: string, method: string, headers: Record<string, string>, body?: string | FormData) {
+        console.log("Request sent from https client");
         try {
             const options: RequestInit = {
                 method,