From 2d325f820db16d2d63cac72d5535f5fe1a76965a Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Wed, 2 Oct 2024 09:21:17 +1000
Subject: [PATCH] feat: add codeMirror extensions correctly

---
 src/svelte-interface/components/CodeEditor.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/svelte-interface/components/CodeEditor.svelte b/src/svelte-interface/components/CodeEditor.svelte
index 7d7d4028..af4cb5ba 100644
--- a/src/svelte-interface/components/CodeEditor.svelte
+++ b/src/svelte-interface/components/CodeEditor.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
+  import { settingsState } from '@/seqta/utils/listeners/SettingsState'
+  import { onDestroy, onMount } from 'svelte'
+
   import { EditorState } from '@codemirror/state';
   import { highlightSelectionMatches } from '@codemirror/search';
   import { indentWithTab, history, defaultKeymap, historyKeymap } from '@codemirror/commands';
   import { indentOnInput, indentUnit, bracketMatching, foldKeymap, syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language';
   import { closeBrackets, autocompletion, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';
-  import { highlightSpecialChars, drawSelection, rectangularSelection, crosshairCursor, highlightActiveLine, keymap, EditorView } from '@codemirror/view'; // dropCursor
+  import { highlightSpecialChars, drawSelection, rectangularSelection, crosshairCursor, highlightActiveLine, keymap, EditorView, dropCursor } from '@codemirror/view';
   import { color } from '@uiw/codemirror-extensions-color'
   import { Compartment } from '@codemirror/state';
 
@@ -13,8 +16,6 @@
 
   // Language
   import { css } from "@codemirror/lang-css";
-  import { onDestroy, onMount } from 'svelte'
-  import { settingsState } from '@/seqta/utils/listeners/SettingsState'
 
   let editor = $state<HTMLDivElement | null>(null)
   let view: EditorView | null = null;
@@ -34,6 +35,7 @@
           autocompletion(),
           rectangularSelection(),
           crosshairCursor(),
+          dropCursor(),
           highlightActiveLine(),
           highlightSelectionMatches(),
           editorTheme.of(githubLight),