diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json index 654248784a..eb6af456ca 100644 --- a/apps/svelte.dev/package.json +++ b/apps/svelte.dev/package.json @@ -72,7 +72,7 @@ "satori": "^0.10.13", "satori-html": "^0.3.2", "sv": "^0.6.8", - "svelte": "5.23.0", + "svelte": "^5.33.0", "svelte-check": "^4.1.1", "svelte-preprocess": "^6.0.3", "tiny-glob": "^0.2.9", 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 187436fd8f..134402a78e 100644 --- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte +++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte @@ -21,8 +21,7 @@ let modified = $state(false); let setting_hash: any = null; - // svelte-ignore non_reactive_update - let version = page.url.searchParams.get('version') || 'latest'; + let version = $derived(page.url.searchParams.get('version') || 'latest'); // Hashed URLs are less safe (we can't delete malicious REPLs), therefore // don't allow links to escape the sandbox restrictions diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte index 0edfbedc7e..1f5a387bee 100644 --- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte +++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte @@ -12,7 +12,7 @@ let repl = $state() as ReturnType; - let version = page.url.searchParams.get('version') || 'latest'; + let version = $derived(page.url.searchParams.get('version') || 'latest'); // TODO make this munging unnecessary function munge(data: any): File { diff --git a/packages/repl/package.json b/packages/repl/package.json index 8194c5372d..542602c38c 100644 --- a/packages/repl/package.json +++ b/packages/repl/package.json @@ -100,7 +100,7 @@ "locate-character": "^3.0.0", "marked": "^14.1.2", "resolve.exports": "^2.0.2", - "svelte": "5.23.0", + "svelte": "5.33.0", "tailwindcss": "^4.0.15", "tarparser": "^0.0.4", "ts-blank-space": "^0.6.1", diff --git a/packages/repl/src/lib/Output/CompilerOptions.svelte b/packages/repl/src/lib/Output/CompilerOptions.svelte index 99d9401d3e..84a8db39ca 100644 --- a/packages/repl/src/lib/Output/CompilerOptions.svelte +++ b/packages/repl/src/lib/Output/CompilerOptions.svelte @@ -1,6 +1,19 @@ @@ -24,6 +37,25 @@ {/each}, + {#if is_fragments_available} +
+ fragments: + + {#each ['html', 'tree'] as const as fragments} + { + workspace.update_compiler_options({ fragments }); + }} + /> + + {/each}, +
+ {/if} +