From 2890e27b400c32d68ea43a78b8d6dc979d57508c Mon Sep 17 00:00:00 2001
From: Simon Holthausen <simon.holthausen@vercel.com>
Date: Mon, 7 Oct 2024 22:36:56 +0200
Subject: [PATCH] feat: add hash-based REPL state on top of id-based state

- when present, the hash takes precedence
- when saving, the hash is removed for a clean url (also indicates that you're now in fact sharing what you saved)
- to not pollute the browser history, changes are only written to the hash when the editor loses focus
---
 apps/svelte.dev/package.json                  |   2 +-
 .../(authed)/playground/[id]/+page.server.js  |   2 +-
 .../(authed)/playground/[id]/+page.svelte     | 121 ++++++++++++------
 .../playground/[id]/AppControls.svelte        |  11 +-
 .../routes/(authed)/playground/[id]/gzip.js   |  29 +++++
 packages/repl/package.json                    |   2 +-
 .../src/lib/Input/ComponentSelector.svelte    |  21 ++-
 .../repl/src/lib/Input/ModuleEditor.svelte    |   3 +-
 packages/repl/src/lib/Repl.svelte             |  17 ++-
 packages/site-kit/package.json                |   2 +-
 pnpm-lock.yaml                                |  46 +++----
 11 files changed, 164 insertions(+), 92 deletions(-)
 create mode 100644 apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js

diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json
index 692ce2005d..698338e5ff 100644
--- a/apps/svelte.dev/package.json
+++ b/apps/svelte.dev/package.json
@@ -65,7 +65,7 @@
 		"@supabase/supabase-js": "^2.43.4",
 		"@sveltejs/adapter-vercel": "^5.4.3",
 		"@sveltejs/enhanced-img": "^0.3.4",
-		"@sveltejs/kit": "^2.5.25",
+		"@sveltejs/kit": "^2.6.3",
 		"@sveltejs/site-kit": "workspace:*",
 		"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
 		"@types/cookie": "^0.6.0",
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
index 53c3a5716a..08f29118db 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.server.js
@@ -11,6 +11,6 @@ export async function load({ fetch, params, url }) {
 
 	return {
 		gist,
-		version: url.searchParams.get('version') || 'next'
+		version: url.searchParams.get('version') || 'next' // TODO replace with 'latest' when 5.0 is released
 	};
 }
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
index eb250a9963..6c17f996ad 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
@@ -1,66 +1,95 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
 	import { afterNavigate, goto, replaceState } from '$app/navigation';
-	import { Repl } from '@sveltejs/repl';
+	import type { Gist } from '$lib/db/types';
+	import { Repl, type File } from '@sveltejs/repl';
 	import { theme } from '@sveltejs/site-kit/stores';
 	import { onMount } from 'svelte';
 	import { mapbox_setup } from '../../../../config.js';
 	import AppControls from './AppControls.svelte';
+	import { compress_and_encode_text, decode_and_decompress_text } from './gzip.js';
 
 	let { data } = $props();
 
-	let version = $state(data.version);
 	let repl = $state() as Repl;
 	let name = $state(data.gist.name);
 	let zen_mode = $state(false);
 	let modified_count = $state(0);
-
-	$effect(() => {
-		const params = [];
-
-		if (version !== 'latest') {
-			params.push(`version=${version}`);
-		}
-
-		const url =
-			params.length > 0
-				? `/playground/${data.gist.id}?${params.join('&')}`
-				: `/playground/${data.gist.id}`;
-
-		history.replaceState({}, 'x', url);
-	});
+	let version = data.version;
+	let setting_hash: any = null;
 
 	onMount(() => {
-		if (data.version !== 'local') {
-			fetch(`https://unpkg.com/svelte@${data.version || 'next'}/package.json`)
+		if (version !== 'local') {
+			fetch(`https://unpkg.com/svelte@${version}/package.json`)
 				.then((r) => r.json())
 				.then((pkg) => {
-					version = pkg.version;
+					if (pkg.version !== version) {
+						version = pkg.version;
+
+						let url = `/playground/${data.gist.id}?version=${version}`;
+						if (location.hash) {
+							url += location.hash;
+						}
+						replaceState(url, {});
+					}
 				});
 		}
 	});
 
-	afterNavigate(() => {
-		repl?.set({
-			// TODO move the snapshotting elsewhere (but also... this shouldn't really be necessary?)
-			files: $state.snapshot(data.gist.components)
-		});
-	});
+	afterNavigate(set_files);
+
+	async function set_files() {
+		const hash = location.hash.slice(1);
+
+		if (!hash) {
+			repl?.set({
+				files: data.gist.components
+			});
 
-	function handle_fork(event: CustomEvent) {
-		console.log('> handle_fork', event);
-		goto(`/playground/${event.detail.gist.id}?version=${version}`);
+			return;
+		}
+
+		try {
+			const files = JSON.parse(await decode_and_decompress_text(hash)).files;
+			repl.set({ files });
+		} catch {
+			alert(`Couldn't load the code from the URL. Make sure you copied the link correctly.`);
+		}
 	}
 
-	function handle_change(event: CustomEvent) {
-		modified_count = event.detail.files.filter((c: any) => c.modified).length;
+	function handle_fork({ gist }: { gist: Gist }) {
+		goto(`/playground/${gist.id}?version=${version}`);
 	}
 
-	const svelteUrl = $derived(
+	function handle_save() {
+		// Hide hash from URL
+		const hash = location.hash.slice(1);
+		if (hash) {
+			change_hash();
+		}
+	}
+
+	async function change_hash(hash?: string) {
+		let url = `${location.pathname}${location.search}`;
+		if (hash) {
+			url += `#${await compress_and_encode_text(hash)}`;
+		}
+
+		clearTimeout(setting_hash);
+		replaceState(url, {});
+		setting_hash = setTimeout(() => {
+			setting_hash = null;
+		}, 500);
+	}
+
+	function handle_change({ files }: { files: File[] }) {
+		modified_count = files.filter((c) => c.modified).length;
+	}
+
+	const svelteUrl =
 		browser && version === 'local'
 			? `${location.origin}/playground/local`
-			: `https://unpkg.com/svelte@${version}`
-	);
+			: `https://unpkg.com/svelte@${version}`;
 
 	const relaxed = $derived(data.gist.relaxed || (data.user && data.user.id === data.gist.owner));
 </script>
@@ -73,15 +102,24 @@
 	<meta name="Description" content="Interactive Svelte playground" />
 </svelte:head>
 
+<svelte:window
+	on:hashchange={() => {
+		if (!setting_hash) {
+			set_files();
+		}
+	}}
+/>
+
 <div class="repl-outer {zen_mode ? 'zen-mode' : ''}">
 	<AppControls
 		user={data.user}
 		gist={data.gist}
+		forked={handle_fork}
+		saved={handle_save}
 		{repl}
 		bind:name
 		bind:zen_mode
 		bind:modified_count
-		on:forked={handle_fork}
 	/>
 
 	{#if browser}
@@ -93,9 +131,16 @@
 			injectedJS={mapbox_setup}
 			showModified
 			showAst
-			on:change={handle_change}
-			on:add={handle_change}
-			on:remove={handle_change}
+			change={handle_change}
+			add={handle_change}
+			remove={handle_change}
+			blur={() => {
+				// Only change hash on editor blur to not pollute everyone's browser history
+				if (modified_count !== 0) {
+					const json = JSON.stringify({ files: repl.toJSON().files });
+					change_hash(json);
+				}
+			}}
 			previewTheme={$theme.current}
 		/>
 	{/if}
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 13dc9ee920..ea9c8c68fa 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
 	import UserMenu from './UserMenu.svelte';
 	import { Icon } from '@sveltejs/site-kit/components';
 	import * as doNotZip from 'do-not-zip';
@@ -18,6 +17,8 @@
 		name: string;
 		zen_mode: boolean;
 		modified_count: number;
+		forked: (value: { gist: Gist }) => void;
+		saved: () => void;
 	}
 
 	let {
@@ -26,10 +27,11 @@
 		modified_count = $bindable(),
 		user,
 		repl,
-		gist
+		gist,
+		forked,
+		saved
 	}: Props = $props();
 
-	const dispatch = createEventDispatcher();
 	const { login } = get_app_context();
 
 	let saving = $state(false);
@@ -77,7 +79,7 @@
 			}
 
 			const gist = await r.json();
-			dispatch('forked', { gist });
+			forked({ gist });
 
 			modified_count = 0;
 			repl.markSaved();
@@ -143,6 +145,7 @@
 
 			modified_count = 0;
 			repl.markSaved();
+			saved();
 			justSaved = true;
 			await wait(600);
 			justSaved = false;
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js
new file mode 100644
index 0000000000..d74a36b6a9
--- /dev/null
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js
@@ -0,0 +1,29 @@
+/** @param {string} input */
+export async function compress_and_encode_text(input) {
+	const reader = new Blob([input]).stream().pipeThrough(new CompressionStream('gzip')).getReader();
+	let buffer = '';
+	for (;;) {
+		const { done, value } = await reader.read();
+		if (done) {
+			reader.releaseLock();
+			return btoa(buffer).replaceAll('+', '-').replaceAll('/', '_');
+		} else {
+			for (let i = 0; i < value.length; i++) {
+				// decoding as utf-8 will make btoa reject the string
+				buffer += String.fromCharCode(value[i]);
+			}
+		}
+	}
+}
+
+/** @param {string} input */
+export async function decode_and_decompress_text(input) {
+	const decoded = atob(input.replaceAll('-', '+').replaceAll('_', '/'));
+	// putting it directly into the blob gives a corrupted file
+	const u8 = new Uint8Array(decoded.length);
+	for (let i = 0; i < decoded.length; i++) {
+		u8[i] = decoded.charCodeAt(i);
+	}
+	const stream = new Blob([u8]).stream().pipeThrough(new DecompressionStream('gzip'));
+	return new Response(stream).text();
+}
diff --git a/packages/repl/package.json b/packages/repl/package.json
index 5d139009b6..b8ef8423fd 100644
--- a/packages/repl/package.json
+++ b/packages/repl/package.json
@@ -52,7 +52,7 @@
 	"devDependencies": {
 		"@lezer/common": "^1.2.1",
 		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/kit": "^2.6.3",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
 		"@types/estree": "^1.0.5",
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index 1729942399..1cee3c7356 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -1,20 +1,15 @@
 <script lang="ts">
 	import { get_repl_context } from '../context';
 	import { get_full_filename } from '../utils';
-	import { createEventDispatcher, tick } from 'svelte';
+	import { tick } from 'svelte';
 	import RunesInfo from './RunesInfo.svelte';
 	import Migrate from './Migrate.svelte';
 	import type { File } from '../types';
 
 	export let show_modified: boolean;
 	export let runes: boolean;
-
-	const dispatch: ReturnType<
-		typeof createEventDispatcher<{
-			remove: { files: File[]; diff: File };
-			add: { files: File[]; diff: File };
-		}>
-	> = createEventDispatcher();
+	export let remove: (value: { files: File[]; diff: File }) => void;
+	export let add: (value: { files: File[]; diff: File }) => void;
 
 	const {
 		files,
@@ -105,7 +100,7 @@
 		rebundle();
 	}
 
-	function remove(filename: string) {
+	function remove_file(filename: string) {
 		const file = $files.find((val) => get_full_filename(val) === filename);
 		const idx = $files.findIndex((val) => get_full_filename(val) === filename);
 
@@ -117,7 +112,7 @@
 
 		$files = $files.filter((file) => get_full_filename(file) !== filename);
 
-		dispatch('remove', { files: $files, diff: file });
+		remove({ files: $files, diff: file });
 
 		EDITOR_STATE_MAP.delete(get_full_filename(file));
 
@@ -151,7 +146,7 @@
 
 		rebundle();
 
-		dispatch('add', { files: $files, diff: file });
+		add({ files: $files, diff: file });
 
 		$files = $files;
 	}
@@ -262,8 +257,8 @@
 
 					<span
 						class="remove"
-						on:click={() => remove(filename)}
-						on:keyup={(e) => e.key === ' ' && remove(filename)}
+						on:click={() => remove_file(filename)}
+						on:keyup={(e) => e.key === ' ' && remove_file(filename)}
 					>
 						<svg width="12" height="12" viewBox="0 0 24 24">
 							<line stroke="#999" x1="18" y1="6" x2="6" y2="18" />
diff --git a/packages/repl/src/lib/Input/ModuleEditor.svelte b/packages/repl/src/lib/Input/ModuleEditor.svelte
index da55d0da41..b3c1ba0341 100644
--- a/packages/repl/src/lib/Input/ModuleEditor.svelte
+++ b/packages/repl/src/lib/Input/ModuleEditor.svelte
@@ -6,6 +6,7 @@
 	export let error: CompileError | undefined;
 	export let warnings: Warning[];
 	export let vim: boolean;
+	export let blur: () => void;
 
 	export function focus() {
 		$module_editor?.focus();
@@ -14,7 +15,7 @@
 	const { handle_change, module_editor } = get_repl_context();
 </script>
 
-<div class="editor-wrapper">
+<div class="editor-wrapper" onblurcapture={blur}>
 	<div class="editor notranslate" translate="no">
 		<CodeMirror
 			bind:this={$module_editor}
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 419c183ff8..2c9c56eeb0 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -2,7 +2,6 @@
 	import { EditorState } from '@codemirror/state';
 	import { SplitPane } from '@rich_harris/svelte-split-pane';
 	import { BROWSER } from 'esm-env';
-	import { createEventDispatcher } from 'svelte';
 	import { derived, writable } from 'svelte/store';
 	import Bundler from './Bundler.js';
 	import ComponentSelector from './Input/ComponentSelector.svelte';
@@ -29,6 +28,10 @@
 	export let showModified = false;
 	export let showAst = false;
 	export let vim: boolean;
+	export let remove: (value: { files: File[]; diff: File }) => void = () => {};
+	export let add: (value: { files: File[]; diff: File }) => void = () => {};
+	export let change: (value: { files: File[] }) => void = () => {};
+	export let blur: () => void = () => {};
 
 	let runes = false;
 
@@ -58,17 +61,13 @@
 		// after having loaded the files externally
 		populate_editor_state();
 
-		dispatch('change', { files: $files });
+		change({ files: $files });
 	}
 
 	export function markSaved() {
 		$files = $files.map((val) => ({ ...val, modified: false }));
 	}
 
-	const dispatch: ReturnType<
-		typeof createEventDispatcher<{ change: { files: import('./types').File[] } }>
-	> = createEventDispatcher();
-
 	const DEFAULT_COMPILE_OPTIONS: CompileOptions = {
 		generate: 'client',
 		dev: false
@@ -195,7 +194,7 @@
 
 		EDITOR_STATE_MAP.set(get_full_filename($selected), $module_editor?.getEditorState());
 
-		dispatch('change', {
+		change({
 			files: $files
 		});
 
@@ -304,8 +303,8 @@
 			max="-4.1rem"
 		>
 			<section slot="a">
-				<ComponentSelector show_modified={showModified} {runes} on:add on:remove />
-				<ModuleEditor error={compiled?.error} warnings={compiled?.warnings ?? []} {vim} />
+				<ComponentSelector show_modified={showModified} {runes} {add} {remove} />
+				<ModuleEditor error={compiled?.error} warnings={compiled?.warnings ?? []} {vim} {blur} />
 			</section>
 
 			<section slot="b" style="height: 100%;">
diff --git a/packages/site-kit/package.json b/packages/site-kit/package.json
index 63bf61f45d..7b4660668b 100644
--- a/packages/site-kit/package.json
+++ b/packages/site-kit/package.json
@@ -31,7 +31,7 @@
 		"svelte-persisted-store": "^0.9.2"
 	},
 	"devDependencies": {
-		"@sveltejs/kit": "^2.5.25",
+		"@sveltejs/kit": "^2.6.3",
 		"@types/node": "^20.12.11",
 		"flexsearch": "^0.7.43",
 		"magic-string": "^0.30.11",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ced5b0e6d5..c173f98800 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -85,7 +85,7 @@ importers:
         version: 3.1.0
       '@vercel/speed-insights':
         specifier: ^1.0.0
-        version: 1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)
+        version: 1.0.11(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)
       '@webcontainer/api':
         specifier: ^1.1.5
         version: 1.1.9
@@ -112,7 +112,7 @@ importers:
         version: 4.0.0
       devalue:
         specifier: ^5.0.0
-        version: 5.0.0
+        version: 5.1.1
       do-not-zip:
         specifier: ^1.0.0
         version: 1.0.0
@@ -152,13 +152,13 @@ importers:
         version: 2.43.4
       '@sveltejs/adapter-vercel':
         specifier: ^5.4.3
-        version: 5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
+        version: 5.4.3(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
       '@sveltejs/enhanced-img':
         specifier: ^0.3.4
         version: 0.3.4(rollup@4.21.2)(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/kit':
-        specifier: ^2.5.25
-        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        specifier: ^2.6.3
+        version: 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/site-kit':
         specifier: workspace:*
         version: link:../../packages/site-kit
@@ -324,10 +324,10 @@ importers:
         version: 1.2.2
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
-        version: 3.2.0(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
+        version: 3.2.0(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
       '@sveltejs/kit':
-        specifier: ^2.0.0
-        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        specifier: ^2.6.3
+        version: 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/package':
         specifier: ^2.0.0
         version: 2.3.1(svelte@5.0.0-next.260)(typescript@5.5.4)
@@ -381,8 +381,8 @@ importers:
         version: 0.9.4(svelte@5.0.0-next.260)
     devDependencies:
       '@sveltejs/kit':
-        specifier: ^2.5.25
-        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        specifier: ^2.6.3
+        version: 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/node':
         specifier: ^20.12.11
         version: 20.14.2
@@ -1354,8 +1354,8 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: '>= 5.0.0'
 
-  '@sveltejs/kit@2.5.25':
-    resolution: {integrity: sha512-5hBSEN8XEjDZ5+2bHkFh8Z0QyOk0C187cyb12aANe1c8aeKbfu5ZD5XaC2vEH4h0alJFDXPdUkXQBmeeXeMr1A==}
+  '@sveltejs/kit@2.6.3':
+    resolution: {integrity: sha512-baIAnmfMqAISrPtTC/22w6ay5kTEIQ/vq9bctiaQgRIoLCPBNhb6LEidTuWQS7OzPYCDBMuMX1t/fMvi4r3q/g==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -1827,8 +1827,8 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
-  devalue@5.0.0:
-    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
+  devalue@5.1.1:
+    resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
   dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
@@ -4025,14 +4025,14 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
+  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
     dependencies:
-      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/kit': 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-vercel@5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
+  '@sveltejs/adapter-vercel@5.4.3(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
     dependencies:
-      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/kit': 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@vercel/nft': 0.27.2
       esbuild: 0.21.5
     transitivePeerDependencies:
@@ -4049,12 +4049,12 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
-  '@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
-      devalue: 5.0.0
+      devalue: 5.1.1
       esm-env: 1.0.0
       import-meta-resolve: 4.1.0
       kleur: 4.1.5
@@ -4199,9 +4199,9 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vercel/speed-insights@1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)':
+  '@vercel/speed-insights@1.0.11(@sveltejs/kit@2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)':
     optionalDependencies:
-      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/kit': 2.6.3(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       svelte: 5.0.0-next.260
 
   '@vitest/expect@2.1.2':
@@ -4507,7 +4507,7 @@ snapshots:
 
   detect-libc@2.0.3: {}
 
-  devalue@5.0.0: {}
+  devalue@5.1.1: {}
 
   dir-glob@3.0.1:
     dependencies: