Multi tabs for New API Request and loading seperate views for history endpoints

Author: SwapnilChand

extensions/src/apiRequest/apiRequestProvider.ts

@@ -31,7 +31,7 @@ export class ApiRequestProvider {
     }
 
     public openApiRequestView() {
-        // console.log("API Request View : This is the request view");
+        console.log("API Request View : This is the request view");
         // if (!this.view) {
         //     this.view = new ApiRequestView(this.context, this.handleApiRequest);
         // }

extensions/src/apiRequest/apiRequestView.ts

@@ -21,9 +21,57 @@ 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() {
-        // console.log("Show from View");
+        console.log("Show from View");
         // if (this.panel) {
         //     console.log("Show from View : if condition");
         //     this.panel.reveal();

extensions/src/utils/httpClient.ts

@@ -1,6 +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");
+        console.log("Request sent from https client");
         try {
             const options: RequestInit = {
                 method,