update svelte; fix editor

Author: mProjectsCode

bun.lockb

@@ -5,8 +5,6 @@ editor: |-
   **test**
 
   # Heading
-
-  [[Slider]]
 editor2: |-
   asd
 

exampleVault/Input Fields/Editor.md

@@ -53,15 +53,15 @@
 		"svelte-preprocess": "^6.0.2",
 		"tslib": "^2.6.3",
 		"typescript": "^5.5.4",
-		"yaml": "^2.4.5"
+		"yaml": "^2.5.0"
 	},
 	"dependencies": {
 		"@codemirror/legacy-modes": "^6.4.0",
 		"@lemons_dev/parsinom": "^0.0.12",
 		"itertools-ts": "^1.27.1",
 		"mathjs": "^12.4.3",
 		"moment": "^2.30.1",
-		"svelte": "5.0.0-next.195",
+		"svelte": "5.0.0-next.199",
 		"zod": "^3.23.8",
 		"zod-validation-error": "^2.1.0"
 	},
@@ -71,6 +71,6 @@
 		"svelte-preprocess"
 	],
 	"patchedDependencies": {
-		"[email protected].195": "patches/[email protected].195.patch"
+		"[email protected].199": "patches/[email protected].199.patch"
 	}
 }

package.json

@@ -1,38 +1,25 @@
 <script lang="ts">
+	import MarkdownRenderComponent from 'packages/core/src/fields/inputFields/fields/Editor/MarkdownRenderComponent.svelte';
 	import type { InputFieldSvelteProps } from 'packages/core/src/fields/inputFields/InputFieldSvelteWrapper';
-	import { onMount } from 'svelte';
 
 	const props: InputFieldSvelteProps<string> & {
 		render: (el: HTMLElement, value: string) => void;
+		filePath: string;
 	} = $props();
 
 	let value = $state(props.value);
-
-	let renderEl: HTMLElement;
-	let inputEl: HTMLElement;
-
-	onMount(() => {
-		renderEl.style.display = 'block';
-		inputEl.style.display = 'none';
-		props.render(renderEl, value);
-	});
+	let editing = $state(false);
 
 	export function setValue(v: string): void {
 		value = v;
-		props.render(renderEl, v);
 	}
 
 	function focusOut(): void {
-		renderEl.style.display = 'block';
-		inputEl.style.display = 'none';
-		props.render(renderEl, value);
+		editing = false;
 	}
 
 	function focusIn(): void {
-		// console.log('focus in');
-		renderEl.style.display = 'none';
-		inputEl.style.display = 'block';
-		inputEl.focus();
+		editing = true;
 	}
 
 	function focusInOnKey(event: KeyboardEvent): void {
@@ -49,11 +36,11 @@
 	role="button"
 	tabindex="0"
 >
-	<textarea
-		bind:this={inputEl}
-		bind:value={value}
-		onfocusout={() => focusOut()}
-		oninput={() => props.onValueChange(value)}
-	></textarea>
-	<div bind:this={renderEl}></div>
+	{#if editing}
+		<textarea bind:value={value} onfocusout={() => focusOut()} oninput={() => props.onValueChange(value)}
+		></textarea>
+	{:else}
+		<MarkdownRenderComponent bind:value={value} plugin={props.plugin} filePath={props.filePath}
+		></MarkdownRenderComponent>
+	{/if}
 </div>

packages/core/src/fields/inputFields/fields/Editor/EditorComponent.svelte

@@ -30,6 +30,7 @@ export class EditorIPF extends AbstractInputField<string, string> {
 	protected getMountArgs(): Record<string, unknown> {
 		return {
 			render: (el: HTMLElement, value: string) => void this.renderInElement(el, value),
+			filePath: this.mountable.getFilePath(),
 		};
 	}
 

packages/core/src/fields/inputFields/fields/Editor/EditorIPF.ts

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import type { IPlugin } from 'packages/core/src/IPlugin';
+	import { onDestroy } from 'svelte';
+
+	let element: HTMLElement;
+
+	const {
+		value = $bindable(''),
+		plugin,
+		filePath,
+	}: {
+		value: string;
+		plugin: IPlugin;
+		filePath: string;
+	} = $props();
+
+	let markdownUnloadCallback: (() => void) | undefined = undefined;
+
+	onDestroy(() => {
+		markdownUnloadCallback?.();
+	});
+
+	async function render(v: string): Promise<void> {
+		markdownUnloadCallback?.();
+		markdownUnloadCallback = await plugin.internal.renderMarkdown(v, element, filePath);
+	}
+
+	$effect(() => void render(value));
+</script>
+
+<div bind:this={element}></div>

packages/core/src/fields/inputFields/fields/Editor/MarkdownRenderComponent.svelte

@@ -1,5 +1,5 @@
 diff --git a/package.json b/package.json
-index 37e2ad881a5be0defa8450c06fa4e0641b03e401..6783875d8401917d170f62237eef1e31ea850971 100644
+index bf5beb2451f5c4b3d842fcdc59671b9318c802d8..6d2359590800b8fd88f82796817321b46eb75640 100644
 --- a/package.json
 +++ b/package.json
 @@ -22,7 +22,7 @@