Update to svelte 5

svelte/src/filesystem/edit_window/SharingOptions.svelte

@@ -1,18 +1,22 @@
 <script lang="ts">
-import { domain_url } from "util/Util.svelte";
+import { run } from 'svelte/legacy';
+import { domain_url } from "util/Util";
 import CopyButton from "layout/CopyButton.svelte";
 import { formatDate } from "util/Formatting";
 import { node_is_shared, type FSNode, type NodeOptions } from "lib/FilesystemAPI";
 import AccessControl from "./AccessControl.svelte";
 
-export let file: FSNode = {} as FSNode
-export let options: NodeOptions
+let {
+	file = $bindable(),
+	options = $bindable(),
+}: {
+	file?: FSNode;
+	options: NodeOptions;
+} = $props();
 
-let embed_html: string
-let preview_area: HTMLDivElement
+let embed_html: string = $state()
+let preview_area: HTMLDivElement = $state()
 
-$: share_link = window.location.protocol+"//"+window.location.host+"/d/"+file.id
-$: embed_iframe(file, options)
 const embed_iframe = (file: FSNode, options: NodeOptions) => {
 	if (!node_is_shared(file)) {
 		example = false
@@ -28,7 +32,7 @@ const embed_iframe = (file: FSNode, options: NodeOptions) => {
 		`></iframe>`
 }
 
-let example = false
+let example = $state(false)
 const toggle_example = () => {
 	if (node_is_shared(file)) {
 		example = !example
@@ -40,6 +44,10 @@ const toggle_example = () => {
 	}
 }
 
+let share_link = $derived(window.location.protocol+"//"+window.location.host+"/d/"+file.id)
+run(() => {
+	embed_iframe(file, options)
+});
 </script>
 
 <fieldset>
@@ -78,7 +86,7 @@ const toggle_example = () => {
 		<textarea bind:value={embed_html} style="width: 100%; height: 4em;"></textarea>
 		<br/>
 		<CopyButton text={embed_html}>Copy HTML</CopyButton>
-		<button on:click={toggle_example} class:button_highlight={example} disabled={!node_is_shared(file)}>
+		<button onclick={toggle_example} class:button_highlight={example} disabled={!node_is_shared(file)}>
 			<i class="icon">visibility</i> Show example
 		</button>
 	</div>