From f80a0cbd07ebbe8a3627b32049069d380b21d846 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sun, 25 Aug 2019 14:03:15 +0530
Subject: [PATCH 01/14] Fixing CI build errors

---
 .travis.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 46a545351..8aa80c5b5 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -35,10 +35,10 @@ notifications:
 
 deploy:
  provider: pages
- skip_cleanup: true
+ skip-cleanup: true
  # Refer to: https://docs.travis-ci.com/user/deployment/pages/#Setting-the-GitHub-token
- github_token: $GITHUB_ACCESS_TOKEN
+ github-token: $GITHUB_ACCESS_TOKEN
  target-branch: gh-pages
- local_dir: dist
+ local-dir: dist
  on:
-  branch: master
\ No newline at end of file
+  branch: master

From 1a89a1b5f54b3d39cb296b27a5d556ade063e828 Mon Sep 17 00:00:00 2001
From: izerozlu <izerozlu@gmail.com>
Date: Sun, 25 Aug 2019 11:37:21 +0300
Subject: [PATCH 02/14] Entry status color added.

---
 assets/css/styles.scss |  15 +++++-
 components/section.vue |   4 +-
 pages/index.vue        | 104 +++++++++++++++++++++++------------------
 3 files changed, 74 insertions(+), 49 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 6fc3f46ab..7007764c7 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -269,4 +269,17 @@ ol li {
 
 .sv-error-response {
   background-color: #b71c1c;
-}
\ No newline at end of file
+}
+
+fieldset#history {
+  .method-list-item {
+    position: relative;
+
+    span {
+      position: absolute;
+      top: 32px;
+      right: 8px;
+      color: #E0E0E0;
+    }
+  }
+}
diff --git a/components/section.vue b/components/section.vue
index 4d2af5b5e..5f290c4e1 100644
--- a/components/section.vue
+++ b/components/section.vue
@@ -1,5 +1,5 @@
 <template>
-    <fieldset :class="{ 'no-colored-frames': noFrameColors }">
+    <fieldset :id="label.toLowerCase()" :class="{ 'no-colored-frames': noFrameColors }">
         <legend @click.prevent="collapse">{{ label }} ↕</legend>
         <div class="collapsible" :class="{ hidden: collapsed }">
             <slot />
@@ -44,4 +44,4 @@
         }
 
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/pages/index.vue b/pages/index.vue
index bc1c3f052..d40c5d82f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -156,17 +156,19 @@
           <label for="time">Time</label>
           <input name="time" type="text" readonly :value="entry.time">
         </li>
-        <li>
-          <label for="name">Method</label>
-          <input name="name" type="text" readonly :value="entry.method">
+        <li class="method-list-item">
+          <label for="method">Method</label>
+          <input name="method" type="text" readonly
+                 :value="entry.method" :class="findEntryStatus(entry).className" :style="{'--status-code': entry.status}">
+          <span class="entry-status-code">{{entry.status}}</span>
         </li>
         <li>
-          <label for="name">URL</label>
-          <input name="name" type="text" readonly :value="entry.url">
+          <label for="url">URL</label>
+          <input name="url" type="text" readonly :value="entry.url">
         </li>
         <li>
-          <label for="name">Path</label>
-          <input name="name" type="text" readonly :value="entry.path">
+          <label for="path">Path</label>
+          <input name="path" type="text" readonly :value="entry.path">
         </li>
         <li>
           <label for="delete">&nbsp;</label>
@@ -183,22 +185,33 @@
 </template>
 
 <script>
-  const parseHeaders = xhr => {
-      const headers = xhr.getAllResponseHeaders().trim().split(/[\r\n]+/);
-      const headerMap = {};
-      headers.forEach(line => {
-          const parts = line.split(': ');
-          const header = parts.shift().toLowerCase();
-          const value = parts.join(': ');
-          headerMap[header] = value
-      });
-      return headerMap
-  };
+      const statusCategories = [
+        {name: 'informational', statusCodeRegex: new RegExp(/[1][0-9]+/), className: 'info-response'},
+        {name: 'successful', statusCodeRegex: new RegExp(/[2][0-9]+/), className: 'success-response'},
+        {name: 'redirection', statusCodeRegex: new RegExp(/[3][0-9]+/), className: 'redir-response'},
+        {name: 'client error', statusCodeRegex: new RegExp(/[4][0-9]+/), className: 'cl-error-response'},
+        {name: 'server error', statusCodeRegex: new RegExp(/[5][0-9]+/), className: 'sv-error-response'},
+      ];
 
-  import section from "../components/section";
 
-  export default {
-    components: {
+      const parseHeaders = xhr => {
+          const headers = xhr.getAllResponseHeaders().trim().split(/[\r\n]+/);
+          const headerMap = {};
+          headers.forEach(line => {
+              const parts = line.split(': ');
+              const header = parts.shift().toLowerCase();
+              const value = parts.join(': ');
+              headerMap[header] = value
+          });
+          return headerMap
+      };
+
+      const findStatusGroup = responseStatus => statusCategories.find(status => status.statusCodeRegex.test(responseStatus));
+
+      import section from "../components/section";
+
+      export default {
+      components: {
       'pw-section': section
     },
 
@@ -224,13 +237,7 @@
       },
       computed: {
           statusCategory(){
-            return [
-              {name: 'informational', statusCodeRegex: new RegExp(/[1][0-9]+/), className: 'info-response'},
-              {name: 'successful', statusCodeRegex: new RegExp(/[2][0-9]+/), className: 'success-response'},
-              {name: 'redirection', statusCodeRegex: new RegExp(/[3][0-9]+/), className: 'redir-response'},
-              {name: 'client error', statusCodeRegex: new RegExp(/[4][0-9]+/), className: 'cl-error-response'},
-              {name: 'server error', statusCodeRegex: new RegExp(/[5][0-9]+/), className: 'sv-error-response'},
-            ].find(status => status.statusCodeRegex.test(this.response.status));
+            return findStatusGroup(this.response.status);
           },
           noHistoryToClear() {
               return this.history.length === 0;
@@ -280,6 +287,9 @@
           }
       },
       methods: {
+          findEntryStatus(entry){
+            return findStatusGroup(entry.status);
+          },
           deleteHistory(entry) {
               this.history.splice(this.history.indexOf(entry), 1)
               window.localStorage.setItem('history', JSON.stringify(this.history))
@@ -301,17 +311,6 @@
               })
           },
           sendRequest() {
-              if (!this.isValidURL) {
-                  alert('Please check the formatting of the URL');
-                  return
-              }
-              const n = new Date().toLocaleTimeString()
-              this.history = [{
-                  time: n,
-                  method: this.method,
-                  url: this.url,
-                  path: this.path
-              }, ...this.history]
               window.localStorage.setItem('history', JSON.stringify(this.history))
               if (this.$refs.response.$el.classList.contains('hidden')) {
                   this.$refs.response.$el.classList.toggle('hidden')
@@ -337,13 +336,26 @@
                   xhr.send()
               }
               xhr.onload = e => {
-                  this.response.status = xhr.status
-                  const headers = this.response.headers = parseHeaders(xhr)
-                  if ((headers['content-type'] || '').startsWith('application/json')) {
-                      this.response.body = JSON.stringify(JSON.parse(xhr.responseText), null, 2)
-                  } else {
-                      this.response.body = xhr.responseText
-                  }
+                this.response.status = xhr.status
+                const headers = this.response.headers = parseHeaders(xhr)
+                if ((headers['content-type'] || '').startsWith('application/json')) {
+                  this.response.body = JSON.stringify(JSON.parse(xhr.responseText), null, 2)
+                } else {
+                  this.response.body = xhr.responseText
+                }
+
+                if (!this.isValidURL) {
+                  alert('Please check the formatting of the URL');
+                  return
+                }
+                const n = new Date().toLocaleTimeString()
+                this.history = [{
+                  status: xhr.status,
+                  time: n,
+                  method: this.method,
+                  url: this.url,
+                  path: this.path
+                }, ...this.history]
               }
               xhr.onerror = e => {
                   this.response.status = xhr.status

From 8759b245ea701ca92f237cca91b8ce8200418d17 Mon Sep 17 00:00:00 2001
From: Nicholas Palenchar <nickpalenchar@users.noreply.github.com>
Date: Sun, 25 Aug 2019 11:53:23 -0400
Subject: [PATCH 03/14] wip - basic functionality achieved

---
 pages/index.vue | 64 ++++++++++++++++++++++++++++---------------------
 1 file changed, 37 insertions(+), 27 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index bc1c3f052..501be50c7 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -36,34 +36,40 @@
             <option>application/json</option>
             <option>www-form/urlencoded</option>
           </select>
+<!--          <label for="rawinput">Raw input</label>-->
+          <span><input v-model="rawInput" type="checkbox" id="rawinput">Raw Input</span>
         </li>
       </ul>
-      <ol v-for="(param, index) in bodyParams">
-        <li>
-          <label :for="'bparam'+index">Key {{index + 1}}</label>
-          <input :name="'bparam'+index" v-model="param.key">
-        </li>
-        <li>
-          <label :for="'bvalue'+index">Value {{index + 1}}</label>
-          <input :name="'bvalue'+index" v-model="param.value">
-        </li>
-        <li>
-          <label for="request">&nbsp;</label>
-          <button name="request" @click="removeRequestBodyParam(index)">Remove</button>
-        </li>
-      </ol>
-      <ul>
-        <li>
-          <label for="addrequest">Action</label>
-          <button name="addrequest" @click="addRequestBodyParam">Add</button>
-        </li>
-      </ul>
-      <ul>
-        <li>
-          <label for="request">Parameter List</label>
-          <textarea name="request" rows="1" readonly>{{rawRequestBody || '(add at least one parameter)'}}</textarea>
-        </li>
-      </ul>
+      <div v-if="!rawInput">
+        <ol v-for="(param, index) in bodyParams">
+          <li>
+            <label :for="'bparam'+index">Key {{index + 1}}</label>
+            <input :name="'bparam'+index" v-model="param.key">
+          </li>
+          <li>
+            <label :for="'bvalue'+index">Value {{index + 1}}</label>
+            <input :name="'bvalue'+index" v-model="param.value">
+          </li>
+          <li>
+            <label for="request">&nbsp;</label>
+            <button name="request" @click="removeRequestBodyParam(index)">Remove</button>
+          </li>
+        </ol>
+        <ul>
+          <li>
+            <label for="addrequest">Action</label>
+            <button name="addrequest" @click="addRequestBodyParam">Add</button>
+          </li>
+        </ul>
+        <ul>
+          <li>
+            <label for="request">Parameter List</label>
+            <textarea name="request" rows="1" readonly>{{rawRequestBody || '(add at least one parameter)'}}</textarea>
+          </li>
+        </ul>
+      </div><div v-else>
+        <textarea v-model="rawParams" style="font-family: monospace;" rows="16"></textarea>
+      </div>
     </pw-section>
 
     <pw-section class="green" label="Authentication" collapsed>
@@ -213,6 +219,8 @@
               bearerToken: '',
               params: [],
               bodyParams: [],
+              rawParams: '',
+              rawInput: false,
               contentType: 'application/json',
               response: {
                   status: '',
@@ -244,6 +252,7 @@
             return validIP.test(this.url) || validHostname.test(this.url);
           },
           rawRequestBody() {
+            debugger;
               const {
                   bodyParams
               } = this
@@ -329,7 +338,8 @@
                   xhr.setRequestHeader('Authorization', 'Bearer ' + this.bearerToken);
               }
               if (this.method === 'POST' || this.method === 'PUT') {
-                  const requestBody = this.rawRequestBody
+                debugger;
+                  const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody;
                   xhr.setRequestHeader('Content-Length', requestBody.length)
                   xhr.setRequestHeader('Content-Type', `${this.contentType}; charset=utf-8`)
                   xhr.send(requestBody)

From fddd41f6b41a7bbf7e60aa2963669d4cb07c2f4f Mon Sep 17 00:00:00 2001
From: Nicholas Palenchar <nickpalenchar@users.noreply.github.com>
Date: Sun, 25 Aug 2019 14:41:34 -0400
Subject: [PATCH 04/14] wip - some raw text formtting with one small return bug
 to fix

---
 pages/index.vue | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 501be50c7..82788ad02 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -68,7 +68,7 @@
           </li>
         </ul>
       </div><div v-else>
-        <textarea v-model="rawParams" style="font-family: monospace;" rows="16"></textarea>
+        <textarea v-model="rawParams" style="font-family: monospace;" rows="16" @keydown="formatRawParams"></textarea>
       </div>
     </pw-section>
 
@@ -379,6 +379,31 @@
           },
           removeRequestBodyParam(index) {
               this.bodyParams.splice(index, 1)
+          },
+          formatRawParams(event) {
+            if ((event.which !== 13 && event.which !== 9)) {
+              console.log('not not returning');
+              return
+            }
+
+            const textBody = event.target.value;
+            const textBeforeCursor = textBody.substring(0, event.target.selectionStart);
+            const textAfterCursor = textBody.substring(event.target.selectionEnd);
+
+            if (event.which === 13) {
+              const lastLine = textBody.split('\n').slice(-1)[0];
+              const rightPadding = lastLine.match(/([\s\t]*).*/)[1] || "";
+              setTimeout(() => event.target.value =  textBeforeCursor + '\n' + rightPadding + textAfterCursor, 1);
+            }
+            else if (event.which === 9) {
+              event.preventDefault();
+              const oldSelectionStart = event.target.selectionStart;
+              const oldSelectionEnd = event.target.selectionEnd;
+              event.target.value = textBeforeCursor + '\xa0\xa0' + textAfterCursor;
+              debugger;
+              event.target.selectionStart = event.target.selectionEnd = oldSelectionStart + 2;
+              return false;
+            }
           }
       }
   }

From bfffdbc4d876c4a8b509e7577278513967dd417e Mon Sep 17 00:00:00 2001
From: Nicholas Palenchar <nickpalenchar@users.noreply.github.com>
Date: Sun, 25 Aug 2019 17:10:17 -0400
Subject: [PATCH 05/14] closes #36 raw body option

---
 pages/index.vue | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 82788ad02..52cc456d6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -36,8 +36,10 @@
             <option>application/json</option>
             <option>www-form/urlencoded</option>
           </select>
-<!--          <label for="rawinput">Raw input</label>-->
-          <span><input v-model="rawInput" type="checkbox" id="rawinput">Raw Input</span>
+          <span>
+            <input v-model="rawInput" style="cursor: pointer;" type="checkbox" id="rawInput">
+            <label for="rawInput" style="cursor: pointer;">Raw Input</label>
+          </span>
         </li>
       </ul>
       <div v-if="!rawInput">
@@ -252,7 +254,6 @@
             return validIP.test(this.url) || validHostname.test(this.url);
           },
           rawRequestBody() {
-            debugger;
               const {
                   bodyParams
               } = this
@@ -338,7 +339,6 @@
                   xhr.setRequestHeader('Authorization', 'Bearer ' + this.bearerToken);
               }
               if (this.method === 'POST' || this.method === 'PUT') {
-                debugger;
                   const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody;
                   xhr.setRequestHeader('Content-Length', requestBody.length)
                   xhr.setRequestHeader('Content-Type', `${this.contentType}; charset=utf-8`)
@@ -382,8 +382,7 @@
           },
           formatRawParams(event) {
             if ((event.which !== 13 && event.which !== 9)) {
-              console.log('not not returning');
-              return
+              return;
             }
 
             const textBody = event.target.value;
@@ -391,8 +390,17 @@
             const textAfterCursor = textBody.substring(event.target.selectionEnd);
 
             if (event.which === 13) {
-              const lastLine = textBody.split('\n').slice(-1)[0];
+              event.preventDefault();
+              const oldSelectionStart = event.target.selectionStart;
+              const lastLine = textBeforeCursor.split('\n').slice(-1)[0];
               const rightPadding = lastLine.match(/([\s\t]*).*/)[1] || "";
+              event.target.value = textBeforeCursor + '\n' + rightPadding + textAfterCursor;
+              setTimeout(() => event.target.selectionStart = event.target.selectionEnd =  oldSelectionStart + rightPadding.length + 1, 1);
+              return;
+
+              // const lastLine = textBeforeCursor.split('\n').slice(-1)[0];
+              // const rightPadding = lastLine.match(/([\s\t]*).*/)[1] || "";
+              event.target.value =  textBeforeCursor + '\n' + rightPadding + textAfterCursor
               setTimeout(() => event.target.value =  textBeforeCursor + '\n' + rightPadding + textAfterCursor, 1);
             }
             else if (event.which === 9) {

From b46b2c1e8edab334b56ad8357aa90097f283c89f Mon Sep 17 00:00:00 2001
From: Nick Palenchar <nickpalenchar@users.noreply.github.com>
Date: Sun, 25 Aug 2019 17:16:13 -0400
Subject: [PATCH 06/14] Update index.vue

remove stubborn debugger statement
---
 pages/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 52cc456d6..e6240b709 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -408,7 +408,6 @@
               const oldSelectionStart = event.target.selectionStart;
               const oldSelectionEnd = event.target.selectionEnd;
               event.target.value = textBeforeCursor + '\xa0\xa0' + textAfterCursor;
-              debugger;
               event.target.selectionStart = event.target.selectionEnd = oldSelectionStart + 2;
               return false;
             }

From 54876e6db301c6c81b95497ee3fb6b135a158cac Mon Sep 17 00:00:00 2001
From: Nick Palenchar <nickpalenchar@users.noreply.github.com>
Date: Sun, 25 Aug 2019 17:20:14 -0400
Subject: [PATCH 07/14] ohter updates that didn't get included

---
 pages/index.vue | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index e6240b709..6ca2dd0ec 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -384,7 +384,6 @@
             if ((event.which !== 13 && event.which !== 9)) {
               return;
             }
-
             const textBody = event.target.value;
             const textBeforeCursor = textBody.substring(0, event.target.selectionStart);
             const textAfterCursor = textBody.substring(event.target.selectionEnd);
@@ -396,17 +395,10 @@
               const rightPadding = lastLine.match(/([\s\t]*).*/)[1] || "";
               event.target.value = textBeforeCursor + '\n' + rightPadding + textAfterCursor;
               setTimeout(() => event.target.selectionStart = event.target.selectionEnd =  oldSelectionStart + rightPadding.length + 1, 1);
-              return;
-
-              // const lastLine = textBeforeCursor.split('\n').slice(-1)[0];
-              // const rightPadding = lastLine.match(/([\s\t]*).*/)[1] || "";
-              event.target.value =  textBeforeCursor + '\n' + rightPadding + textAfterCursor
-              setTimeout(() => event.target.value =  textBeforeCursor + '\n' + rightPadding + textAfterCursor, 1);
             }
             else if (event.which === 9) {
               event.preventDefault();
               const oldSelectionStart = event.target.selectionStart;
-              const oldSelectionEnd = event.target.selectionEnd;
               event.target.value = textBeforeCursor + '\xa0\xa0' + textAfterCursor;
               event.target.selectionStart = event.target.selectionEnd = oldSelectionStart + 2;
               return false;

From 3cd8d94ceb1bc45674cfb3363015a211bf8d83e1 Mon Sep 17 00:00:00 2001
From: Edison Augusthy <edisonaugusthy117@gmail.com>
Date: Mon, 26 Aug 2019 11:46:18 +0530
Subject: [PATCH 08/14] added Copy Response button

---
 pages/index.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index bc1c3f052..abf516551 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -138,9 +138,12 @@
         </li>
       </ul>
       <ul>
-        <li>
+        <li> 
+        <div class="flex-wrap">
           <label for="body">response</label>
-          <textarea name="body" rows="10" readonly>{{response.body || '(waiting to send request)'}}</textarea>
+          <button v-if="response.body" name="action" class="btn-copy" @click="copyResponse">Copy Response</button>
+         </div>
+          <textarea name="body" rows="10" id="response-details" readonly>{{response.body || '(waiting to send request)'}}</textarea>
         </li>
       </ul>
     </pw-section>

From 6bed41b8c16e07c9bca0658893834dea86ff66e9 Mon Sep 17 00:00:00 2001
From: Edison Augusthy <edisonaugusthy117@gmail.com>
Date: Mon, 26 Aug 2019 11:48:36 +0530
Subject: [PATCH 09/14] response copy Script Changes

---
 pages/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pages/index.vue b/pages/index.vue
index abf516551..ab63fb258 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -372,6 +372,11 @@
           },
           removeRequestBodyParam(index) {
               this.bodyParams.splice(index, 1)
+          },
+          copyResponse() {
+            var copyText = document.getElementById("response-details");
+            copyText.select();
+            document.execCommand("copy");
           }
       }
   }

From 40c27f51393a8a4c3d488afa998801deea437766 Mon Sep 17 00:00:00 2001
From: Edison Augusthy <edisonaugusthy117@gmail.com>
Date: Mon, 26 Aug 2019 11:49:23 +0530
Subject: [PATCH 10/14] Button css changes

---
 assets/css/styles.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 6fc3f46ab..05362c9ec 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -234,6 +234,16 @@ ol li {
   flex-direction: column;
   flex-grow: 1;
 }
+.flex-wrap{
+  display: flex;
+  justify-content: space-between;
+}
+.btn-copy{
+    padding: 6px 14px;
+    font-size: 11px;
+    margin-right: 15px;
+
+}
 
 @media (max-width: $responsiveWidth) {
   ul,
@@ -269,4 +279,4 @@ ol li {
 
 .sv-error-response {
   background-color: #b71c1c;
-}
\ No newline at end of file
+}

From 8403b9c40902b3556aaf214d30fde763ffb6ab2f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 26 Aug 2019 11:51:47 +0530
Subject: [PATCH 11/14] :pencil2: Updated contributors list

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 01e211e30..67ce43df4 100644
--- a/README.md
+++ b/README.md
@@ -113,8 +113,13 @@ See the [CHANGELOG](CHANGELOG.md) file for details.
 * [Liyas Thomas](https://github.com/liyasthomas)
 
 ### Contributors
+* [NBTX](https://github.com/NBTX)
 * [Andrew Bastin](https://github.com/AndrewBastin)
+* [Nick Palenchar](https://github.com/nickpalenchar)
 * [Abraham Williams](https://github.com/abraham)
+* [Nicholas La Roux](https://github.com/larouxn)
+* [RifqiAlAbqary](https://github.com/reefqi037)
+* [izerozlu](https://github.com/izerozlu)
 
 ### Thanks
 * [Dribbble](https://dribbble.com)

From 6f7fd2fc7b6e8585d27edb901ccb651f334dccee Mon Sep 17 00:00:00 2001
From: Edison Augusthy <edisonaugusthy117@gmail.com>
Date: Mon, 26 Aug 2019 12:08:01 +0530
Subject: [PATCH 12/14] Update index.vue

---
 pages/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/index.vue b/pages/index.vue
index fe73369a9..ea89abcf2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -412,6 +412,7 @@
             var copyText = document.getElementById("response-details");
             copyText.select();
             document.execCommand("copy");
+          }
       }
   }
 </script>

From e1889c1db05f2e8f0ae35194d5a021ff47109e1e Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 26 Aug 2019 14:37:02 +0530
Subject: [PATCH 13/14] :art: Updated status color codes

---
 assets/css/styles.scss | 10 +++++-----
 pages/websocket.vue    | 19 ++++++-------------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 05362c9ec..0bba48c1a 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -262,21 +262,21 @@ ol li {
 }
 
 .info-response {
-  background-color: #ffeb3b;
+  background-color: #FFEB3B;
 }
 
 .success-response {
-  background-color: #66BB6A;
+  background-color: #4BB543;
 }
 
 .redir-response {
-  background-color: #ff5722;
+  background-color: #FF5722;
 }
 
 .cl-error-response {
-  background-color: #ef5350;
+  background-color: #A63232;
 }
 
 .sv-error-response {
-  background-color: #b71c1c;
+  background-color: #B71C1C;
 }
diff --git a/pages/websocket.vue b/pages/websocket.vue
index cb24a92ca..cd371346c 100644
--- a/pages/websocket.vue
+++ b/pages/websocket.vue
@@ -7,9 +7,9 @@
           <label for="url">URL</label>
           <input id="url" type="url" :class="{ error: !urlValid }" v-model="url" @keyup.enter="toggleConnection">
         </li>
-        <li class="no-grow">
+        <li>
           <label>&nbsp;</label>
-          <button class="action" :class="{ disabled: !urlValid }" name="action" @click="toggleConnection">{{ toggleConnectionVerb }}</button>
+          <button :class="{ disabled: !urlValid }" name="action" @click="toggleConnection">{{ toggleConnectionVerb }}</button>
         </li>
       </ul>
     </pw-section>
@@ -18,7 +18,7 @@
       <ul>
         <li>
           <label for="log">Log</label>
-          <div id="log" name="log" class="log" readonly>
+          <div id="log" name="log" class="log">
               <span v-if="communication.log">
                 <span v-for="logEntry in communication.log" :style="{ color: logEntry.color }">{{ getSourcePrefix(logEntry.source) }} {{ logEntry.payload }}</span>
               </span>
@@ -33,9 +33,9 @@
           <input id="message" name="message" type="text" v-model="communication.input" :readonly="!connectionState" @keyup.enter="sendMessage">
         </li>
 
-        <li class="no-grow">
+        <li>
           <label>&nbsp;</label>
-          <button class="action" name="send" :class="{ disabled: !connectionState }" @click="sendMessage">Send</button>
+          <button name="send" :class="{ disabled: !connectionState }" @click="sendMessage">Send</button>
         </li>
       </ul>
     </pw-section>
@@ -44,13 +44,6 @@
 </template>
 
 <style lang="scss">
-  .no-grow { flex-grow: 0; }
-  .action {
-    padding-left: 30px;
-    padding-right: 30px;
-    width: 150px;
-  }
-
   div.log {
     margin: 4px;
     padding: 8px 16px;
@@ -58,7 +51,7 @@
     border-radius: 4px;
     background-color: var(--bg-dark-color);
     color: var(--fg-color);
-    height: 300px;
+    height: 256px;
     overflow: auto;
 
     &, span {

From b4bc7cb70977f470a6fd68df9d9da100aeaad625 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 26 Aug 2019 15:25:11 +0530
Subject: [PATCH 14/14] :mag: Added meta keywords, updated CI deployment link

---
 README.md           | 4 ++--
 layouts/default.vue | 2 +-
 nuxt.config.js      | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 67ce43df4..95402d899 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ When I wrote this, only God and I understood what I was doing. Now, only God kno
 
 ---
 
-[![Build Status](https://travis-ci.org/liyasthomas/postwoman.svg?branch=master)](https://travis-ci.org/liyasthomas/postwoman) [![GitHub release](https://img.shields.io/github/release/liyasthomas/postwoman/all.svg)](https://github.com/liyasthomas/postwoman/releases/latest) [![repo size](https://img.shields.io/github/repo-size/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/archive/master.zip) [![license](https://img.shields.io/github/license/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/blob/master/LICENSE) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/liyasthomas/postwoman/issues) [![Website](https://img.shields.io/website-up-down-green-red/https/shields.io.svg?label=website)](https://liyas-thomas.firebaseapp.com) [![Donate](https://img.shields.io/badge/$-donate-ff69b4.svg)](https://www.paypal.me/liyascthomas) [![Buy me a coffee](https://img.shields.io/badge/$-BuyMeACoffee-orange.svg)](https://www.buymeacoffee.com/liyasthomas)
+[![Build Status](https://travis-ci.com/liyasthomas/postwoman.svg?branch=master)](https://travis-ci.com/liyasthomas/postwoman) [![GitHub release](https://img.shields.io/github/release/liyasthomas/postwoman/all.svg)](https://github.com/liyasthomas/postwoman/releases/latest) [![repo size](https://img.shields.io/github/repo-size/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/archive/master.zip) [![license](https://img.shields.io/github/license/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/blob/master/LICENSE) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/liyasthomas/postwoman/issues) [![Website](https://img.shields.io/website-up-down-green-red/https/shields.io.svg?label=website)](https://liyas-thomas.firebaseapp.com) [![Donate](https://img.shields.io/badge/$-donate-ff69b4.svg)](https://www.paypal.me/liyascthomas) [![Buy me a coffee](https://img.shields.io/badge/$-BuyMeACoffee-orange.svg)](https://www.buymeacoffee.com/liyasthomas)
 
 # <img src="static/icon.png" alt="postwoman" width="32"> Postwoman
 
@@ -88,7 +88,7 @@ Please read [CONTRIBUTING](CONTRIBUTING.md) for details on our [CODE OF CONDUCT]
 
 ## Continuous Integration
 
-We use [Travis CI](https://travis-ci.com) for continuous integration. Check out our [Travis CI Status](https://travis-ci.org/liyasthomas/postwoman).
+We use [Travis CI](https://travis-ci.com) for continuous integration. Check out our [Travis CI Status](https://travis-ci.com/liyasthomas/postwoman).
 
 ---
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 10af963b6..7f439597a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -5,7 +5,7 @@
         <nuxt-link to="/">
           <h1 class="logo"><logo alt="" style="height: 24px; margin-right: 16px"/>Postwoman</h1>
         </nuxt-link>
-        <h3>Lightweight API request builder</h3>
+        <h3>API request builder</h3>
       </div>
 
       <nav>
diff --git a/nuxt.config.js b/nuxt.config.js
index 02338d04d..e3a904c38 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -3,7 +3,7 @@
 // TODO: Use these when rendering the pages (rather than just for head/meta tags...)
 export const meta = {
   name: "Postwoman",
-  shortDescription: "Lightweight API request builder",
+  shortDescription: "API request builder",
   description: "The Postwoman API request builder helps you create your requests faster, saving you precious time on your development."
 };
 
@@ -34,6 +34,7 @@ export default {
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no, minimal-ui' },
       { hid: 'description', name: 'description', content: meta.description || '' },
+      { name: 'keywords', content: 'postwoman, api, request, testing, tool, rest, websocket'},
 
       { name: 'X-UA-Compatible', content: "IE=edge, chrome=1" },
       { itemprop: "name", content: `${meta.name} \u2022 ${meta.shortDescription}` },