Remove unused code

Author: tmr232

CHANGELOG.md

@@ -24,6 +24,8 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
   This reduces code duplication and makes it easier to add
   new languages in the future.
 - Flat switches now generate nodes for the conditions, and not only the consequence.
+- The CodeMirror editor in the demo got it's own Svelte component now, `Editor.svelte`.
+  This allows better state management and handling/dispatching events.
 
 ## [0.0.5] - 2024-09-18
 

src/frontend/src/lib/Demo.svelte

@@ -92,12 +92,6 @@
     downloadString(svg, "image/svg+xml", "function-graph-overview.svg");
   }
 
-  function gotoLine(event) {
-    if (!editor) return;
-    editor.goto(event.detail.lineNumber);
-  }
-  let editor: Editor;
-
   function cursorMoved(event): void {
     const { index } = event.detail.pos;
     offsetToHighlight = index;
@@ -128,24 +122,13 @@
     </div>
     <div class="codemirror">
       {#if selection.language === "Go"}
-        <Editor
-          bind:code={codeGo}
-          lang={go()}
-          bind:this={editor}
-          on:cursorMoved={cursorMoved}
-        />
+        <Editor bind:code={codeGo} lang={go()} on:cursorMoved={cursorMoved} />
       {:else if selection.language === "C"}
-        <Editor
-          bind:code={codeC}
-          lang={cpp()}
-          bind:this={editor}
-          on:cursorMoved={cursorMoved}
-        />
+        <Editor bind:code={codeC} lang={cpp()} on:cursorMoved={cursorMoved} />
       {:else if selection.language === "Python"}
         <Editor
           bind:code={codePython}
           lang={python()}
-          bind:this={editor}
           on:cursorMoved={cursorMoved}
         />
       {/if}
@@ -178,7 +161,6 @@
       {flatSwitch}
       {verbose}
       bind:this={graph}
-      on:goto={gotoLine}
     />
   </div>
 </main>

src/frontend/src/lib/Editor.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { LanguageSupport } from "@codemirror/language";
-  import { EditorSelection } from "@codemirror/state";
   import type { EditorView } from "@codemirror/view";
   import { createEventDispatcher } from "svelte";
   import CodeMirror from "svelte-codemirror-editor";
@@ -12,16 +11,6 @@
 
   const dispatch = createEventDispatcher();
 
-  export function goto(row: number, column: number = 0) {
-    if (!editorView) return;
-    const pos = editorView.state.doc.line(row + 1).from + column;
-    editorView.dispatch({
-      selection: EditorSelection.create([EditorSelection.cursor(pos)]),
-    });
-    // TODO: actually enable this, once we fix the node mapping.
-    // updateCursorPosition();
-  }
-
   function updateCursorPosition() {
     const pos = editorView.state.selection.main.head;
     let { number, from, to } = editorView.state.doc.lineAt(pos);