feat(ui): Response Panel > status code and text mapping (#153)

flawiddsouza · May 15, 2024 · e536593 · e536593
1 parent 7e44526
commit e536593
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 1 deletion.
diff --git a/packages/ui/src/components/ResponsePanel.vue b/packages/ui/src/components/ResponsePanel.vue
@@ -19,7 +19,7 @@
                     }"
                 >
                     <span class="bold">{{ response.status }}</span>
-                    {{ response.statusText }}
+                    {{ response.statusText === '' ? getStatusText(response.status) : response.statusText }}
                 </div>
                 <div class="tag ml-0_6rem" v-if="response.timeTaken">{{ humanFriendlyTime(response.timeTaken) }}</div>
                 <div class="tag ml-0_6rem" v-if="responseSize">{{ humanFriendlySize(responseSize) }}</div>
@@ -537,6 +537,9 @@ export default {
         showResFilteringHelpModal() {
             this.showResponseFilteringHelpModal = true
         },
+        getStatusText(statusCode) {
+            return constants.STATUS_CODE_TEXT_MAPPING[statusCode.toString()]
+        }
     }
 }
 </script>

diff --git a/packages/ui/src/constants.ts b/packages/ui/src/constants.ts
@@ -234,5 +234,69 @@ export default {
         GRAPHQL: 'application/graphql',
         OCTET_STREAM: 'application/octet-stream',
         XML: 'application/xml'
+    },
+    STATUS_CODE_TEXT_MAPPING: {
+        '100': 'Continue',
+        '101': 'Switching Protocols',
+        '102': 'Processing',
+        '103': 'Early Hints',
+        '200': 'OK',
+        '201': 'Created',
+        '202': 'Accepted',
+        '203': 'Non-Authoritative Information',
+        '204': 'No Content',
+        '205': 'Reset Content',
+        '206': 'Partial Content',
+        '207': 'Multi-Status',
+        '208': 'Already Reported',
+        '226': 'IM Used',
+        '300': 'Multiple Choices',
+        '301': 'Moved Permanently',
+        '302': 'Found',
+        '303': 'See Other',
+        '304': 'Not Modified',
+        '305': 'Use Proxy',
+        '307': 'Temporary Redirect',
+        '308': 'Permanent Redirect',
+        '400': 'Bad Request',
+        '401': 'Unauthorized',
+        '402': 'Payment Required',
+        '403': 'Forbidden',
+        '404': 'Not Found',
+        '405': 'Method Not Allowed',
+        '406': 'Not Acceptable',
+        '407': 'Proxy Authentication Required',
+        '408': 'Request Timeout',
+        '409': 'Conflict',
+        '410': 'Gone',
+        '411': 'Length Required',
+        '412': 'Precondition Failed',
+        '413': 'Payload Too Large',
+        '414': 'URI Too Long',
+        '415': 'Unsupported Media Type',
+        '416': 'Range Not Satisfiable',
+        '417': 'Expectation Failed',
+        '418': 'I\'m a teapot',
+        '421': 'Misdirected Request',
+        '422': 'Unprocessable Entity',
+        '423': 'Locked',
+        '424': 'Failed Dependency',
+        '425': 'Too Early',
+        '426': 'Upgrade Required',
+        '428': 'Precondition Required',
+        '429': 'Too Many Requests',
+        '431': 'Request Header Fields Too Large',
+        '451': 'Unavailable For Legal Reasons',
+        '500': 'Internal Server Error',
+        '501': 'Not Implemented',
+        '502': 'Bad Gateway',
+        '503': 'Service Unavailable',
+        '504': 'Gateway Timeout',
+        '505': 'HTTP Version Not Supported',
+        '506': 'Variant Also Negotiates',
+        '507': 'Insufficient Storage',
+        '508': 'Loop Detected',
+        '510': 'Not Extended',
+        '511': 'Network Authentication Required'
     }
 }