From 2360803e44e7d83ba65b161745b6d48b6e8e22b4 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 30 Nov 2019 02:08:09 -0500
Subject: [PATCH 1/4] Added v-model support to ace-editor

---
 components/ace-editor.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/ace-editor.vue b/components/ace-editor.vue
index a07aa2606..a54e4c241 100644
--- a/components/ace-editor.vue
+++ b/components/ace-editor.vue
@@ -60,10 +60,16 @@ export default {
       ...this.options
     });
 
-    editor.setValue(this.value);
+    if (this.value) editor.setValue(this.value, 1);
 
     this.editor = editor;
     this.cacheValue = this.value;
+    
+    editor.on('change', () => {
+      const content = editor.getValue();
+      this.$emit("input", content);
+      this.cacheValue = content;
+    });
   },
 
   methods: {

From c5d5c15b115af3895ff8986a8d0425331b97834b Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 30 Nov 2019 02:09:34 -0500
Subject: [PATCH 2/4] Changed the GQL query entry to use ace-editor

---
 pages/graphql.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 20070b16b..be61af9a2 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -171,7 +171,17 @@
               </button>
             </div>
           </div>
-          <textarea id="gqlQuery" rows="8" v-model="gqlQueryString"></textarea>
+          <Editor
+            v-model="gqlQueryString"
+            :options="{
+              maxLines: responseBodyMaxLines,
+              minLines: '16',
+              fontSize: '16px',
+              autoScrollEditorIntoView: true,
+              showPrintMargin: false,
+              useWorker: false
+            }"
+          />
         </pw-section>
         <pw-section class="purple" label="Response" ref="response">
           <div class="flex-wrap">

From 050a53af0d978f8751662ac806feaf694d49170b Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 30 Nov 2019 02:24:31 -0500
Subject: [PATCH 3/4] Changed pre request script field to use the ace-editor

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

diff --git a/pages/index.vue b/pages/index.vue
index ca978d813..1d372da8f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -24,14 +24,18 @@
                   </a>
                 </div>
               </div>
-              <textarea
-                id="preRequestScript"
-                @keydown="formatRawParams"
-                rows="8"
+              <Editor
                 v-model="preRequestScript"
-                spellcheck="false"
-                placeholder="pw.env.set('variable', 'value');"
-              ></textarea>
+                :lang="'javascript'"
+                :options="{
+                  maxLines: responseBodyMaxLines,
+                  minLines: '16',
+                  fontSize: '16px',
+                  autoScrollEditorIntoView: true,
+                  showPrintMargin: false,
+                  useWorker: false
+                }"
+              />
             </li>
           </ul>
         </pw-section>
@@ -626,7 +630,7 @@
                 </div>
               </div>
               <div id="response-details-wrapper">
-                <ResponseBody
+                <Editor
                   :value="responseBodyText"
                   :lang="responseBodyType"
                   :options="{
@@ -860,7 +864,7 @@ export default {
     autocomplete: () => import("../components/autocomplete"),
     collections: () => import("../components/collections"),
     saveRequestAs: () => import("../components/collections/saveRequestAs"),
-    ResponseBody: AceEditor
+    Editor: AceEditor
   },
   data() {
     return {

From c4116d6819ea9808cfd4b001938f76d3a50241b2 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 30 Nov 2019 02:26:00 -0500
Subject: [PATCH 4/4] Added placeholder pre-request script value

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

diff --git a/pages/index.vue b/pages/index.vue
index 1d372da8f..4e0f00ea1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -870,7 +870,7 @@ export default {
     return {
       showModal: false,
       showPreRequestScript: false,
-      preRequestScript: "",
+      preRequestScript: "// pw.env.set('variable', 'value');",
       copyButton: '<i class="material-icons">file_copy</i>',
       downloadButton: '<i class="material-icons">get_app</i>',
       doneButton: '<i class="material-icons">done</i>',