From 5daf4a19b7939276ad9ebafd4e018dc9a4288ed7 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 27 Feb 2020 21:32:08 -0500
Subject: [PATCH 1/5] Added Ctrl+Enter as a short cut to run GraphQL Query

---
 components/graphql/queryeditor.vue | 57 ++++++++++++++++++------------
 1 file changed, 35 insertions(+), 22 deletions(-)

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index c76ba02d7..6378f5f09 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -5,17 +5,17 @@
 </template>
 
 <style lang="scss">
-  .show-if-initialized {
-    opacity: 0;
+.show-if-initialized {
+  opacity: 0;
 
-    &.initialized {
-      opacity: 1;
-    }
-
-    & > * {
-      transition: none;
-    }
+  &.initialized {
+    opacity: 1;
   }
+
+  & > * {
+    transition: none;
+  }
+}
 </style>
 
 <script>
@@ -42,6 +42,10 @@ export default {
       type: String,
       default: "json",
     },
+    onRunGQLQuery: {
+      type: Function,
+      default: () => {},
+    },
     options: {
       type: Object,
       default: {},
@@ -65,12 +69,12 @@ export default {
       }
     },
     theme() {
-      this.initialized = false;
+      this.initialized = false
       this.editor.setTheme(`ace/theme/${this.defineTheme()}`, () => {
         this.$nextTick().then(() => {
-          this.initialized = true;
-        });
-      });
+          this.initialized = true
+        })
+      })
     },
     lang(value) {
       this.editor.getSession().setMode(`ace/mode/${value}`)
@@ -93,16 +97,16 @@ export default {
     // Set the theme and show the editor only after it's been set to prevent FOUC.
     editor.setTheme(`ace/theme/${this.defineTheme()}`, () => {
       this.$nextTick().then(() => {
-        this.initialized = true;
-      });
-    });
+        this.initialized = true
+      })
+    })
 
     // Set the theme and show the editor only after it's been set to prevent FOUC.
     editor.setTheme(`ace/theme/${this.defineTheme()}`, () => {
       this.$nextTick().then(() => {
-        this.initialized = true;
-      });
-    });
+        this.initialized = true
+      })
+    })
 
     const completer = {
       getCompletions: (editor, _session, { row, column }, _prefix, callback) => {
@@ -134,6 +138,15 @@ export default {
     this.editor = editor
     this.cacheValue = this.value
 
+    editor.commands.addCommand({
+      name: "runGQLQuery",
+      exec: () => this.onRunGQLQuery(this.editor.getValue()),
+      bindKey: {
+        mac: "cmd-enter",
+        win: "ctrl-enter",
+      },
+    })
+
     editor.on("change", () => {
       const content = editor.getValue()
       this.$emit("input", content)
@@ -190,7 +203,7 @@ export default {
   },
 
   beforeDestroy() {
-    this.editor.destroy();
-  }
-};
+    this.editor.destroy()
+  },
+}
 </script>

From 2f2580d2d39871db66988a53b66668b874343bb7 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 27 Feb 2020 21:33:43 -0500
Subject: [PATCH 2/5] Hooked up onRunGQLQuery editor command

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

diff --git a/pages/graphql.vue b/pages/graphql.vue
index e2b5f7c37..ca8641da5 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -169,6 +169,7 @@
           <QueryEditor
             ref="queryEditor"
             v-model="gqlQueryString"
+            :onRunGQLQuery="runQuery"
             :options="{
               maxLines: responseBodyMaxLines,
               minLines: '16',

From 2208403c20a823488b194520c864348b9b1e1b94 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 27 Feb 2020 21:43:30 -0500
Subject: [PATCH 3/5] Added platformutils file with the platform special key
 character function

---
 functions/platformutils.js | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 functions/platformutils.js

diff --git a/functions/platformutils.js b/functions/platformutils.js
new file mode 100644
index 000000000..8c285c1d5
--- /dev/null
+++ b/functions/platformutils.js
@@ -0,0 +1,3 @@
+export function getPlatformSpecialKey() {
+  return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl"
+}

From d4c6065e4523e2f010eb494ca815d9c6d1916bee Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 27 Feb 2020 21:44:52 -0500
Subject: [PATCH 4/5] Refactor default.vue to use getPlatformSpecialKey

---
 layouts/default.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 6b18381da..a77c8871b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -642,6 +642,7 @@ import intializePwa from "../assets/js/pwa"
 import * as version from "../.postwoman/version.json"
 import { hasExtensionInstalled } from "../functions/strategies/ExtensionStrategy"
 import { hasChromeExtensionInstalled } from "../functions/strategies/ChromeStrategy"
+import { getPlatformSpecialKey } from "~/functions/platformutils"
 import firebase from "firebase/app"
 import { fb } from "../functions/fb"
 
@@ -653,9 +654,7 @@ export default {
   },
 
   methods: {
-    getSpecialKey() {
-      return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl"
-    },
+    getSpecialKey: getPlatformSpecialKey,
     linkActive(path) {
       return {
         "nuxt-link-exact-active": this.$route.path === path,

From e5e66d8cc00d62af26b30d7d9169349e3edd92ea Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 27 Feb 2020 21:50:01 -0500
Subject: [PATCH 5/5] Added shortcut key to the Run Query button tooltip

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

diff --git a/pages/graphql.vue b/pages/graphql.vue
index ca8641da5..4d07a1022 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -153,7 +153,10 @@
           <div class="flex-wrap gqlRunQuery">
             <label for="gqlQuery">{{ $t("query") }}</label>
             <div>
-              <button @click="runQuery()" v-tooltip.bottom="$t('run_query')">
+              <button
+                @click="runQuery()"
+                v-tooltip.bottom="`${$t('run_query')} (${getSpecialKey()}-Enter)`"
+              >
                 <i class="material-icons">play_arrow</i>
               </button>
               <button
@@ -328,6 +331,7 @@ import textareaAutoHeight from "../directives/textareaAutoHeight"
 import { commonHeaders } from "../functions/headers"
 import AceEditor from "../components/ace-editor"
 import QueryEditor from "../components/graphql/queryeditor"
+import { getPlatformSpecialKey } from "~/functions/platformutils"
 import { sendNetworkRequest } from "../functions/network"
 
 export default {
@@ -425,6 +429,7 @@ export default {
     },
   },
   methods: {
+    getSpecialKey: getPlatformSpecialKey,
     handleJumpToType(type) {
       const typesTab = document.getElementById("gqltypes-tab")
       typesTab.checked = true