From 97a27381f2d3492d1c7bed1dc5be15935a9539a2 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 7 Mar 2021 20:25:04 +0100
Subject: [PATCH] execute query

---
 .../web/src/commands/CommandListener.svelte   |  9 +++++++-
 packages/web/src/query/AceEditor.svelte       |  2 +-
 packages/web/src/query/SqlEditor.svelte       |  7 +++++-
 packages/web/src/tabs/QueryTab.svelte         | 23 +++++++++++++++++++
 4 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/commands/CommandListener.svelte b/packages/web/src/commands/CommandListener.svelte
index 12dd8d5fe..8b311ef99 100644
--- a/packages/web/src/commands/CommandListener.svelte
+++ b/packages/web/src/commands/CommandListener.svelte
@@ -13,7 +13,14 @@
 
     const commandsValue = get(commands);
     const command: any = Object.values(commandsValue).find(
-      (x: any) => x.enabled && x.keyText && x.keyText.toLowerCase() == keyText.toLowerCase()
+      (x: any) =>
+        x.enabled &&
+        x.keyText &&
+        x.keyText
+          .toLowerCase()
+          .split('|')
+          .map(x => x.trim())
+          .includes(keyText.toLowerCase())
     );
 
     if (command) {
diff --git a/packages/web/src/query/AceEditor.svelte b/packages/web/src/query/AceEditor.svelte
index 21eccf54d..f8bd47aeb 100644
--- a/packages/web/src/query/AceEditor.svelte
+++ b/packages/web/src/query/AceEditor.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <div bind:clientWidth bind:clientHeight class="ace-container">
-  <AceEditorCore {...$$props} width={clientWidth} height={clientHeight} on:input/>
+  <AceEditorCore {...$$props} width={clientWidth} height={clientHeight} on:input on:focus on:blur />
 </div>
 
 <style>
diff --git a/packages/web/src/query/SqlEditor.svelte b/packages/web/src/query/SqlEditor.svelte
index 43585b035..8f5f8ce94 100644
--- a/packages/web/src/query/SqlEditor.svelte
+++ b/packages/web/src/query/SqlEditor.svelte
@@ -9,6 +9,7 @@
 <script lang="ts">
   import AceEditor from './AceEditor.svelte';
   export let engine;
+  let domEditor;
 
   let mode;
 
@@ -16,6 +17,10 @@
     const match = (engine || '').match(/^([^@]*)@/);
     mode = engineToMode[match ? match[1] : engine] || 'sql';
   }
+
+  export function getSelectedText() {
+    return domEditor.getSelectedText()
+  }
 </script>
 
-<AceEditor {mode} {...$$props} on:input />
+<AceEditor {mode} {...$$props} on:input on:focus on:blur bind:this={domEditor}/>
diff --git a/packages/web/src/tabs/QueryTab.svelte b/packages/web/src/tabs/QueryTab.svelte
index 31df65e5e..e1cfff521 100644
--- a/packages/web/src/tabs/QueryTab.svelte
+++ b/packages/web/src/tabs/QueryTab.svelte
@@ -1,4 +1,24 @@
+<script lang="ts" context="module">
+  const currentQuery = writable(null);
+
+  registerCommand({
+    id: 'query.execute',
+    category: 'Query',
+    name: 'Execute',
+    icon: 'icon run',
+    toolbar: true,
+    keyText: 'F5 | Ctrl+Enter',
+    enabledStore: derived(currentQuery, query => query != null),
+    onClick: () => get(currentQuery).execute(),
+  });
+</script>
+
 <script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+
+  import { writable, derived, get } from 'svelte/store';
+  import registerCommand from '../commands/registerCommand';
+
   import VerticalSplitter from '../elements/VerticalSplitter.svelte';
   import SqlEditor from '../query/SqlEditor.svelte';
   import useEditorData from '../query/useEditorData';
@@ -11,6 +31,8 @@
   export let database;
   export let initialArgs;
 
+  const instance = get_current_component();
+
   $: connection = useConnectionInfo({ conid });
 
   const { editorState, setEditorData } = useEditorData({
@@ -28,6 +50,7 @@
       engine={$connection && $connection.engine}
       value={$editorState.value || ''}
       on:input={e => setEditorData(e.detail)}
+      on:focus={() => currentQuery.set(instance)}
     />
   </svelte:fragment>
 </VerticalSplitter>