feat: allow to disable debounce

Fixed #24, Fixed #9

Author: SomaticIT

src/lib/CodeMirror.svelte

@@ -32,6 +32,8 @@
     export let readonly = false;
     export let placeholder: string | HTMLElement | null | undefined = undefined;
 
+    export let nodebounce = false;
+
     const is_browser = typeof window !== "undefined";
     const dispatch = createEventDispatcher<{ change: string }>();
 
@@ -52,12 +54,12 @@
     $: view && update(value);
     $: view && state_extensions && reconfigure();
 
+    $: on_change = nodebounce ? handle_change : debounce(handle_change, 300);
+
     onMount(() => (view = create_editor_view()));
     onDestroy(() => view?.destroy());
 
     function create_editor_view(): EditorView {
-        const on_change = debounce(handle_change, 300);
-
         return new EditorView({
             parent: element,
             state: create_editor_state(value),

src/routes/+page.svelte

@@ -20,6 +20,7 @@
         placeholder: null,
         lang: null,
         theme: null,
+        nodebounce: false
     };
 
     const languages = ["custom", "javascript", "typescript", "css", "html"];
@@ -86,6 +87,10 @@
                 <input id="lineWrapping" type="checkbox" bind:checked={props.lineWrapping} />
                 <label for="lineWrapping">Line Wrapping</label>
             </div>
+            <div class="toggle">
+                <input id="nodebounce" type="checkbox" bind:checked={props.nodebounce} />
+                <label for="nodebounce">No debounce</label>
+            </div>
         </div>
 
         <h5>Tab</h5>