enable to execute fixAllFixableProblems on monaco_editor example

Author: joe-re

docker-compose.yaml

@@ -5,8 +5,8 @@ services:
       context: .
       dockerfile: dockerfile
     volumes:
-      - .:/opt/sql-language-server/rw
-    command: 'yarn run dev'
+      - .:/opt/sql-language-server:rw
+    command: 'yarn dev' # 'tail -f /dev/null'
     ports:
       - '3000:3000'
   postgres:

dockerfile

@@ -1,5 +1,9 @@
 FROM node:12
 
-COPY . /opt/sql-language-server
+COPY ./example /opt/sql-language-server/example
+COPY ./package.json yarn.lock /opt/sql-language-server/
+COPY ./packages/server/package.json /opt/sql-language-server/packages/server/
+COPY ./packages/sql-parser/package.json /opt/sql-language-server/packages/sql-parser/
+COPY ./packages/sqlint/package.json /opt/sql-language-server/packages/sqlint/
 WORKDIR /opt/sql-language-server
 RUN yarn

example/monaco_editor/src/client/App.svelte

@@ -1,9 +1,31 @@
 <script>
-  export let name;
-  // require('./main')
+  import { executeFixAllFixableProblemsCommand } from './client'
+
+  const commands = [
+    { id: 'fixAllFixableProblems', text: 'fixAllFixableProblems' },
+    { id: 'switchDatabaseConnection', text: 'switchDatabaseConnection' },
+  ]
+
+  let command = commands[0]
+
+  function handleSubmitCommand() {
+    if (command.id === 'fixAllFixableProblems') {
+      executeFixAllFixableProblemsCommand()
+    }
+  }
 </script>
 
 <h1>Monaco Language Client SQLLanguageServer Sample</h1>
-<div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
 
-<span>Hell {name}</span>
+<form on:submit|preventDefault={handleSubmitCommand}>
+  <select bind:value={command}>
+    {#each commands as command}
+      <option value={command}>
+        {command.text}
+      </option>
+    {/each}
+  </select>
+  <button type=submit>Submit</button>
+</form>
+
+<div id="container" style="width:800px;height:600px;border:1px solid grey"></div>

example/monaco_editor/src/client/client.ts

@@ -5,6 +5,7 @@ import {
   MonacoLanguageClient,
   MonacoServices,
   createConnection,
+  ExecuteCommandParams,
 } from "monaco-languageclient";
 import ReconnectingWebSocket from "reconnecting-websocket";
 
@@ -36,7 +37,9 @@ export function initClient() {
   listen({
     webSocket,
     onConnection: (connection) => {
-      const languageClient = createLanguageClient(connection);
+      languageClient = createLanguageClient(connection);
+      console.log('--- languageClient ---')
+      console.log(languageClient)
       const disposable = languageClient.start();
       connection.onClose(() => disposable.dispose());
     },
@@ -76,3 +79,11 @@ export function initClient() {
 export function getLanguageClient() {
   return languageClient;
 }
+
+export function executeFixAllFixableProblemsCommand() {
+  const params: ExecuteCommandParams = {
+    command: 'fixAllFixableProblems',
+    arguments: ['inmemory://model.sql']
+  }
+  languageClient.sendRequest('workspace/executeCommand', params)
+}