Add setting to display Request Name as Tab Title

README.md

@@ -585,6 +585,7 @@ exchange | Preview the whole HTTP exchange(request and response)
 * `rest-client.defaultHeaders`: If particular headers are omitted in request header, these will be added as headers for each request. (Default is `{ "User-Agent": "vscode-restclient", "Accept-Encoding": "gzip" }`)
 * `rest-client.timeoutinmilliseconds`: Timeout in milliseconds. 0 for infinity. (Default is __0__)
 * `rest-client.showResponseInDifferentTab`: Show response in different tab. (Default is __false__)
+* `rest-client.requestNameAsResponseTabTitle`: Show request name as the response tab title. Only valid when using html view, if no request name is specified defaults to "Response". (Default is __false__)
 * `rest-client.rememberCookiesForSubsequentRequests`: Save cookies from `Set-Cookie` header in response and use for subsequent requests. (Default is __true__)
 * `rest-client.enableTelemetry`: Send out anonymous usage data. (Default is __true__)
 * `rest-client.excludeHostsForProxy`: Excluded hosts when using proxy settings. (Default is __[]__)

package.json

@@ -351,6 +351,12 @@
           "scope": "resource",
           "description": "Show response in different tab"
         },
+        "rest-client.requestNameAsResponseTabTitle": {
+          "type": "boolean",
+          "default": false,
+          "scope": "resource",
+          "description": "Show request name as the response tab title"
+        },
         "rest-client.rememberCookiesForSubsequentRequests": {
           "type": "boolean",
           "default": true,

src/models/configurationSettings.ts

@@ -12,6 +12,7 @@ export interface IRestClientSettings {
     defaultHeaders: Headers;
     timeoutInMilliseconds: number;
     showResponseInDifferentTab: boolean;
+    requestNameAsResponseTabTitle: boolean;
     proxy: string;
     proxyStrictSSL: boolean;
     rememberCookiesForSubsequentRequests: boolean;
@@ -44,6 +45,7 @@ export class RestClientSettings implements IRestClientSettings {
     public defaultHeaders: Headers;
     public timeoutInMilliseconds: number;
     public showResponseInDifferentTab: boolean;
+    public requestNameAsResponseTabTitle: boolean;
     public proxy: string;
     public proxyStrictSSL: boolean;
     public rememberCookiesForSubsequentRequests: boolean;
@@ -114,6 +116,7 @@ export class RestClientSettings implements IRestClientSettings {
                                                                   "Accept-Encoding": "gzip"
                                                               });
         this.showResponseInDifferentTab = restClientSettings.get<boolean>("showResponseInDifferentTab", false);
+        this.requestNameAsResponseTabTitle = restClientSettings.get<boolean>("requestNameAsResponseTabTitle", false);
         this.rememberCookiesForSubsequentRequests = restClientSettings.get<boolean>("rememberCookiesForSubsequentRequests", true);
         this.timeoutInMilliseconds = restClientSettings.get<number>("timeoutinmilliseconds", 0);
         if (this.timeoutInMilliseconds < 0) {

src/models/httpRequest.ts

@@ -6,13 +6,13 @@ import { Headers } from './base';
 import { RequestVariableCacheKey } from './requestVariableCacheKey';
 
 export class HttpRequest {
-    public requestVariableCacheKey?: RequestVariableCacheKey;
     public constructor(
         public method: string,
         public url: string,
         public headers: Headers,
         public body: string | Stream,
-        public rawBody: string) {
+        public rawBody: string,
+        public requestVariableCacheKey?: RequestVariableCacheKey) {
     }
 
     public getHeader(name: string) {

src/utils/httpClient.ts

@@ -108,7 +108,8 @@ export class HttpClient {
                         options.url,
                         HttpClient.capitalizeHeaderName(response.toJSON().request.headers),
                         Buffer.isBuffer(requestBody) ? that.convertBufferToStream(requestBody) : requestBody,
-                        httpRequest.rawBody
+                        httpRequest.rawBody,
+                        httpRequest.requestVariableCacheKey
                     )));
             })
                 .on('data', function (data) {

src/views/httpResponseWebview.ts

@@ -46,11 +46,12 @@ export class HttpResponseWebview extends BaseWebview {
     }
 
     public async render(response: HttpResponse, column: ViewColumn) {
+        const tabTitle = this.settings.requestNameAsResponseTabTitle && response.request.requestVariableCacheKey && response.request.requestVariableCacheKey.key || 'Response';
         let panel: WebviewPanel;
         if (this.settings.showResponseInDifferentTab || this.panels.length === 0) {
             panel = window.createWebviewPanel(
                 this.viewType,
-                `Response(${response.elapsedMillionSeconds}ms)`,
+                `${tabTitle}(${response.elapsedMillionSeconds}ms)`,
                 { viewColumn: column, preserveFocus: !this.settings.previewResponsePanelTakeFocus },
                 {
                     enableFindWidget: true,
@@ -88,7 +89,7 @@ export class HttpResponseWebview extends BaseWebview {
                 this.panels.push(panel);
         } else {
             panel = this.panels[this.panels.length - 1];
-            panel.title = `Response(${response.elapsedMillionSeconds}ms)`;
+            panel.title = `${tabTitle}(${response.elapsedMillionSeconds}ms)`;
         }
 
         panel.webview.html = this.getHtmlForWebview(response);
@@ -348,5 +349,4 @@ ${HttpResponseWebview.formatHeaders(response.headers)}`;
 class FoldingRange {
     public constructor(public start: number, public end: number) {
     }
-}
-
+}