Have got text transformations working

frontend/src/app.css

@@ -1,5 +1,6 @@
 .cm-editor {
     height: 100%;
+    font-size: 1.1em;
 }
 
 dialog#command-dialog {

frontend/src/controllers/commands_controller.js

@@ -1,6 +1,8 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+import { textProcessor } from "../services.js";
+
+export class CommandsController extends Controller {
     static targets = [
         "commandInput",
         "commandSelect",
@@ -30,7 +32,7 @@ export default class extends Controller {
     runCommand(ev) {
         ev.preventDefault();
 
-        console.log("Do this: " + this.commandSelectTarget.value);
+        textProcessor.runTextCommand(this.commandSelectTarget.value);
         this.element.close();
     }
 
@@ -49,4 +51,4 @@ export default class extends Controller {
             this.commandSelectTarget.selectedIndex = 0;
         }
     }
-}
+}

frontend/src/main.js

@@ -5,7 +5,8 @@ import {EditorView, basicSetup} from "codemirror";
 import {keymap} from "@codemirror/view";
 import { Application } from "@hotwired/stimulus";
 
-import CommandsController from "./controllers/commands_controller.js";
+import { textProcessor } from "./services.js";
+import {CommandsController} from "./controllers/commands_controller.js";
 
 const view = new EditorView({
     parent: document.querySelector("#app"),
@@ -27,4 +28,6 @@ const view = new EditorView({
 window.Stimulus = Application.start()
 Stimulus.register("commands", CommandsController);
 
+textProcessor.setCodeMirrorEditor(view);
+
 view.focus();

frontend/src/services.js

@@ -0,0 +1,31 @@
+import {ProcessText} from "../wailsjs/go/main/App";
+
+class TextProcessor {
+    setCodeMirrorEditor(editor) {
+        this._editor = editor;
+        window.runtime.EventsOn("process-text-response", (data) => {
+            const changes = data.output.map(span => ({
+                from: span.pos,
+                to: span.pos + span.len,
+                insert: span.text,
+            }));
+            this._editor.dispatch({ changes: changes });
+        });
+    }
+
+    runTextCommand(command) {
+        if (this._editor === undefined) {
+            return;
+        }
+
+        ProcessText({
+            action: command,
+            input: [
+                {text:  this._editor.state.doc.toString(), pos: 0, len: this._editor.state.doc.length}
+            ],
+        });
+    }
+}
+
+
+export const textProcessor = new TextProcessor();