feat: sql suggestions in query editor

src/renderer/components/QueryEditor.vue

@@ -7,20 +7,9 @@
 <script>
 
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { completionItemProvider } from '@/suggestions/sql';
 
-monaco.languages.registerCompletionItemProvider('sql', {
-   provideCompletionItems: () => {
-      const suggestions = [// TODO: complete in a separate file
-         {
-            label: 'SELECT',
-            kind: monaco.languages.CompletionItemKind.Keyword,
-            insertText: 'SELECT'
-         }
-      ];
-
-      return { suggestions };
-   }
-});
+monaco.languages.registerCompletionItemProvider('sql', completionItemProvider(monaco));
 
 export default {
    name: 'QueryEditor',
@@ -42,9 +31,9 @@ export default {
             enabled: false
          },
          contextmenu: false,
+         wordBasedSuggestions: true,
          acceptSuggestionOnEnter: 'smart',
-         quickSuggestions: true,
-         wordBasedSuggestions: true
+         quickSuggestions: true
       });
 
       this.editor.onDidChangeModelContent(e => {

src/renderer/scss/_data-types.scss

@@ -33,6 +33,8 @@
     "blob": darkorchid,
     "mediumblob": darkorchid,
     "longblob": darkorchid,
+    "enum": gold,
+    "set": gold,
     "unknown": gray,
   )
 );

src/renderer/scss/main.scss

@@ -106,6 +106,13 @@ body {
 
 .tab {
   border-color: #272727;
+
+  .tab-item {
+    .btn-clear {
+      margin-top: -0.1rem;
+      font-size: 0.6rem;
+    }
+  }
 }
 
 .panel {

src/renderer/suggestions/sql.js

@@ -0,0 +1,12 @@
+import { functions } from '@/suggestions/sql/sql-functions';
+import { keywords } from '@/suggestions/sql/sql-keywords';
+import { operators } from '@/suggestions/sql/sql-operators';
+import { variables } from '@/suggestions/sql/sql-variables';
+
+export const completionItemProvider = (monaco) => {
+   return {
+      provideCompletionItems () {
+         return { suggestions: [...functions(monaco), ...keywords(monaco), ...operators(monaco), ...variables(monaco)] };
+      }
+   };
+};