Added prettifying to GQL Query Editor

2020-03-05 14:20:15 -05:00
parent 41c33e0626
commit 7dd4db13a1
1 changed files with 13 additions and 0 deletions
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -147,6 +147,15 @@ export default {
      },
    })

+    editor.commands.addCommand({
+      name: "prettifyGQLQuery",
+      exec: () => this.prettifyQuery(),
+      bindKey: {
+        mac: "cmd-g",
+        win: "ctrl-g",
+      },
+    })
+
    editor.on("change", () => {
      const content = editor.getValue()
      this.$emit("input", content)
@@ -158,6 +167,10 @@ export default {
  },

  methods: {
+    prettifyQuery() {
+      this.value = gql.print(gql.parse(this.editor.getValue()))
+    },
+
    defineTheme() {
      if (this.theme) {
        return this.theme