chore: refactor monaco's hot-reload

promplate · Aug 4, 2024 · a3895f5 · a3895f5
1 parent 03bf56b
commit a3895f5
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
@@ -65,16 +65,19 @@
 
   onDestroy(() => editor?.dispose());
 
-  $: if (editor && source !== editor.getValue()) {
-    editor.setValue(source);
-    editor.updateOptions({ detectIndentation: false });
-    editor.updateOptions({ detectIndentation: true });
+  function reload(source: string, language = lang) {
+    if (language !== editor.getModel()!.getLanguageId()) {
+      core.editor.setModelLanguage(editor.getModel()!, language);
+      loadLanguage(language);
+    }
+    if (source !== editor.getValue()) {
+      editor.setValue(source);
+      editor.updateOptions({ detectIndentation: false });
+      editor.updateOptions({ detectIndentation: true });
+    }
   }
 
-  $: if (editor && lang !== editor.getModel()!.getLanguageId()) {
-    loadLanguage(lang);
-    core.editor.setModelLanguage(editor.getModel()!, lang);
-  }
+  $: editor && reload(source, lang);
 </script>
 
 <div bind:this={container} class="h-full w-full overflow-hidden transition-opacity duration-400" class:op-0={!editor && firstLoad} />