From 189113ab8e33f4df548717ea508249881e1d760e Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Tue, 20 Aug 2024 18:03:50 +0100
Subject: [PATCH 01/37] Revert "fix: avoid extra work in mark_reactions
 (#12921)" (#12931)

This reverts commit 4ce23bf07eccaf4c4f19554dd6774f2c6c640e2e.
---
 .changeset/flat-moose-arrive.md                           | 5 -----
 packages/svelte/src/internal/client/reactivity/sources.js | 4 ++--
 2 files changed, 2 insertions(+), 7 deletions(-)
 delete mode 100644 .changeset/flat-moose-arrive.md

diff --git a/.changeset/flat-moose-arrive.md b/.changeset/flat-moose-arrive.md
deleted file mode 100644
index 0a8c229a66..0000000000
--- a/.changeset/flat-moose-arrive.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: avoid extra work in mark_reactions
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index 772d62d026..86427a7509 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -145,8 +145,8 @@ function mark_reactions(signal, status) {
 		var reaction = reactions[i];
 		var flags = reaction.f;
 
-		// If a reaction is already dirty, skip it (but always mark unowned deriveds)
-		if ((flags & (CLEAN | UNOWNED)) === 0) continue;
+		// Skip any effects that are already dirty
+		if ((flags & DIRTY) !== 0) continue;
 
 		// In legacy mode, skip the current effect to prevent infinite loops
 		if (!runes && reaction === current_effect) continue;

From f6f0e78cbd12220278f2a23acec30c47bcd437e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gautier=20Ben=20A=C3=AFm?=
 <48261497+GauBen@users.noreply.github.com>
Date: Tue, 20 Aug 2024 20:14:03 +0200
Subject: [PATCH 02/37] fix: small legibility improvement (#12928)

* fix: small legibility improvement

* Create rich-ladybugs-admire.md

* Update rich-ladybugs-admire.md

* even better?
---
 .changeset/rich-ladybugs-admire.md | 5 +++++
 packages/svelte/src/index.d.ts     | 6 +++---
 packages/svelte/types/index.d.ts   | 6 +++---
 3 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/rich-ladybugs-admire.md

diff --git a/.changeset/rich-ladybugs-admire.md b/.changeset/rich-ladybugs-admire.md
new file mode 100644
index 0000000000..f86504313d
--- /dev/null
+++ b/.changeset/rich-ladybugs-admire.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: small legibility improvement in `Snippet` type hint
diff --git a/packages/svelte/src/index.d.ts b/packages/svelte/src/index.d.ts
index 802dfbc790..79d048b815 100644
--- a/packages/svelte/src/index.d.ts
+++ b/packages/svelte/src/index.d.ts
@@ -285,9 +285,9 @@ export interface Snippet<Parameters extends unknown[] = []> {
 		// rest parameter type, which is not supported. If rest parameters are added
 		// in the future, the condition can be removed.
 		...args: number extends Parameters['length'] ? never : Parameters
-	): typeof SnippetReturn & {
-		_: 'functions passed to {@render ...} tags must use the `Snippet` type imported from "svelte"';
-	};
+	): {
+		'{@render ...} must be called with a Snippet': "import type { Snippet } from 'svelte'";
+	} & typeof SnippetReturn;
 }
 
 interface DispatchOptions {
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 5b527db2e4..e320455795 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -282,9 +282,9 @@ declare module 'svelte' {
 			// rest parameter type, which is not supported. If rest parameters are added
 			// in the future, the condition can be removed.
 			...args: number extends Parameters['length'] ? never : Parameters
-		): typeof SnippetReturn & {
-			_: 'functions passed to {@render ...} tags must use the `Snippet` type imported from "svelte"';
-		};
+		): {
+			'{@render ...} must be called with a Snippet': "import type { Snippet } from 'svelte'";
+		} & typeof SnippetReturn;
 	}
 
 	interface DispatchOptions {

From 63ec2e2e882b639b573bdc0e8bf1afde78043dfe Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Tue, 20 Aug 2024 20:11:15 +0100
Subject: [PATCH 03/37] feat: adds $state.link rune (#12545)

* feat: adds $state.link rune

* add tests

* types

* docs

* debugger

* lint

* Update .changeset/friendly-rice-confess.md

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

* Update packages/svelte/src/compiler/phases/2-analyze/index.js

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

* feedback

* feedback

* feedback

* feedback

* rename link_state to linked_state for grammatical consistency

* oops, victim of find-replace

* no need to store linked_value if setting

* simplify tests

* test behaviour of objects

* update docs

* copy

* more direct example that shows unlinking and relinking

* add callback argument support

* fix

* tidy up

* document callback

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/friendly-rice-confess.md           |  5 ++
 documentation/docs/03-runes/01-state.md       | 45 +++++++++++++++++
 packages/svelte/src/ambient.d.ts              | 26 ++++++++++
 .../2-analyze/visitors/BindDirective.js       |  1 +
 .../2-analyze/visitors/CallExpression.js      |  2 +-
 .../2-analyze/visitors/ExportSpecifier.js     |  5 +-
 .../phases/2-analyze/visitors/Identifier.js   |  2 +-
 .../2-analyze/visitors/VariableDeclarator.js  | 17 ++++---
 .../phases/3-transform/client/types.d.ts      |  2 +-
 .../3-transform/client/visitors/ClassBody.js  | 46 +++++++++++++----
 .../3-transform/client/visitors/Program.js    |  2 +-
 .../client/visitors/VariableDeclaration.js    | 18 +++++--
 .../client/visitors/shared/declarations.js    |  7 +++
 .../server/visitors/PropertyDefinition.js     |  7 ++-
 packages/svelte/src/compiler/types/index.d.ts |  1 +
 packages/svelte/src/internal/client/index.js  |  2 +-
 .../src/internal/client/reactivity/sources.js | 49 +++++++++++++++++++
 packages/svelte/src/utils.js                  |  1 +
 .../samples/state-link-callback/_config.js    | 38 ++++++++++++++
 .../samples/state-link-callback/main.svelte   | 12 +++++
 .../samples/state-link-class/_config.js       | 19 +++++++
 .../samples/state-link-class/main.svelte      | 11 +++++
 .../samples/state-link-object/_config.js      | 24 +++++++++
 .../samples/state-link-object/main.svelte     |  9 ++++
 .../samples/state-link/_config.js             | 19 +++++++
 .../samples/state-link/main.svelte            |  7 +++
 packages/svelte/types/index.d.ts              | 27 ++++++++++
 .../svelte-5-preview/src/lib/autocomplete.js  |  1 +
 .../routes/docs/content/01-api/02-runes.md    | 45 +++++++++++++++++
 29 files changed, 423 insertions(+), 27 deletions(-)
 create mode 100644 .changeset/friendly-rice-confess.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-link/main.svelte

diff --git a/.changeset/friendly-rice-confess.md b/.changeset/friendly-rice-confess.md
new file mode 100644
index 0000000000..709925a097
--- /dev/null
+++ b/.changeset/friendly-rice-confess.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: add `$state.link` rune
diff --git a/documentation/docs/03-runes/01-state.md b/documentation/docs/03-runes/01-state.md
index 7bcff2c968..35dc2f357d 100644
--- a/documentation/docs/03-runes/01-state.md
+++ b/documentation/docs/03-runes/01-state.md
@@ -62,6 +62,51 @@ Objects and arrays are made deeply reactive by wrapping them with [`Proxies`](ht
 
 > Only POJOs (plain old JavaScript objects) are made deeply reactive. Reactivity will stop at class boundaries and leave those alone
 
+## `$state.link`
+
+Linked state stays up to date with its input:
+
+```js
+let a = $state(0);
+let b = $state.link(a);
+
+a = 1;
+console.log(a, b); // 1, 1
+```
+
+You can temporarily _unlink_ state. It will be _relinked_ when the input value changes:
+
+```js
+let a = 1;
+let b = 1;
+// ---cut---
+b = 2; // unlink
+console.log(a, b); // 1, 2
+
+a = 3; // relink
+console.log(a, b); // 3, 3
+```
+
+As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
+
+If you pass a callback to `$state.link`, changes to the input value will invoke the callback rather than updating the linked state, allowing you to choose whether to (for example) preserve or discard local changes, or merge incoming changes with local ones:
+
+```js
+let { stuff } = $props();
+
+let incoming = $state();
+let hasUnsavedChanges = $state(false);
+
+let current = $state.link({ ...stuff }, (stuff) => {
+	if (hasUnsavedChanges) {
+		incoming = stuff;
+	} else {
+		incoming = null;
+		current = stuff;
+	}
+});
+```
+
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:
diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts
index 6af8ca5156..e58b2c5aa5 100644
--- a/packages/svelte/src/ambient.d.ts
+++ b/packages/svelte/src/ambient.d.ts
@@ -124,6 +124,32 @@ declare namespace $state {
 	 *
 	 * @param initial The initial value
 	 */
+
+	/**
+	 * Declares reactive state that is linked to another value. Local reassignments
+	 * will override the linked value until the linked value changes.
+	 *
+	 * Example:
+	 * ```ts
+	 * let a = $state(0);
+	 * let b = $state.link(a);
+
+	 * a = 1;
+	 * console.log(a, b); // 1, 1
+
+	 * b = 2; // unlink
+	 * console.log(a, b); // 1, 2
+	 *
+	 * a = 3; // relink
+	 * console.log(a, b); // 3, 3
+	 * ```
+	 *
+	 * https://svelte-5-preview.vercel.app/docs/runes#$state-link
+	 *
+	 * @param value The linked value
+	 */
+	export function link<T>(value: T, callback?: (value: T) => void): T;
+
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
 	/**
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
index 43d1a3d468..eeeb4cea43 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
@@ -34,6 +34,7 @@ export function BindDirective(node, context) {
 			node.name !== 'this' && // bind:this also works for regular variables
 			(!binding ||
 				(binding.kind !== 'state' &&
+					binding.kind !== 'linked_state' &&
 					binding.kind !== 'raw_state' &&
 					binding.kind !== 'prop' &&
 					binding.kind !== 'bindable_prop' &&
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
index f9999f5252..9df622637f 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
@@ -169,7 +169,7 @@ export function CallExpression(node, context) {
 	}
 
 	// `$inspect(foo)` or `$derived(foo) should not trigger the `static-state-reference` warning
-	if (rune === '$inspect' || rune === '$derived') {
+	if (rune === '$inspect' || rune === '$derived' || rune === '$state.link') {
 		context.next({ ...context.state, function_depth: context.state.function_depth + 1 });
 	} else {
 		context.next();
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
index 27eb39acbf..d2caf27ab9 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
@@ -38,7 +38,10 @@ function validate_export(node, scope, name) {
 		e.derived_invalid_export(node);
 	}
 
-	if ((binding.kind === 'state' || binding.kind === 'raw_state') && binding.reassigned) {
+	if (
+		(binding.kind === 'state' || binding.kind === 'raw_state' || binding.kind === 'linked_state') &&
+		binding.reassigned
+	) {
 		e.state_invalid_export(node);
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
index 79dccd5a7c..002462fc44 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
@@ -99,7 +99,7 @@ export function Identifier(node, context) {
 			context.state.function_depth === binding.scope.function_depth &&
 			// If we have $state that can be proxied or frozen and isn't re-assigned, then that means
 			// it's likely not using a primitive value and thus this warning isn't that helpful.
-			((binding.kind === 'state' &&
+			(((binding.kind === 'state' || binding.kind === 'linked_state') &&
 				(binding.reassigned ||
 					(binding.initial?.type === 'CallExpression' &&
 						binding.initial.arguments.length === 1 &&
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
index 6d9b3e29b9..bb74e003d7 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
@@ -21,6 +21,7 @@ export function VariableDeclarator(node, context) {
 		// TODO feels like this should happen during scope creation?
 		if (
 			rune === '$state' ||
+			rune === '$state.link' ||
 			rune === '$state.raw' ||
 			rune === '$derived' ||
 			rune === '$derived.by' ||
@@ -32,13 +33,15 @@ export function VariableDeclarator(node, context) {
 				binding.kind =
 					rune === '$state'
 						? 'state'
-						: rune === '$state.raw'
-							? 'raw_state'
-							: rune === '$derived' || rune === '$derived.by'
-								? 'derived'
-								: path.is_rest
-									? 'rest_prop'
-									: 'prop';
+						: rune === '$state.link'
+							? 'linked_state'
+							: rune === '$state.raw'
+								? 'raw_state'
+								: rune === '$derived' || rune === '$derived.by'
+									? 'derived'
+									: path.is_rest
+										? 'rest_prop'
+										: 'prop';
 			}
 		}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
index e44cc0239c..57ce1507c5 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
+++ b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
@@ -88,7 +88,7 @@ export interface ComponentClientTransformState extends ClientTransformState {
 }
 
 export interface StateField {
-	kind: 'state' | 'raw_state' | 'derived' | 'derived_by';
+	kind: 'state' | 'raw_state' | 'linked_state' | 'derived' | 'derived_by';
 	id: PrivateIdentifier;
 }
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
index 5342e70aac..d121600c1b 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
@@ -44,6 +44,7 @@ export function ClassBody(node, context) {
 				const rune = get_rune(definition.value, context.state.scope);
 				if (
 					rune === '$state' ||
+					rune === '$state.link' ||
 					rune === '$state.raw' ||
 					rune === '$derived' ||
 					rune === '$derived.by'
@@ -55,9 +56,11 @@ export function ClassBody(node, context) {
 								? 'state'
 								: rune === '$state.raw'
 									? 'raw_state'
-									: rune === '$derived.by'
-										? 'derived_by'
-										: 'derived',
+									: rune === '$state.link'
+										? 'linked_state'
+										: rune === '$derived.by'
+											? 'derived_by'
+											: 'derived',
 						// @ts-expect-error this is set in the next pass
 						id: is_private ? definition.key : null
 					};
@@ -116,11 +119,18 @@ export function ClassBody(node, context) {
 									'$.source',
 									should_proxy(init, context.state.scope) ? b.call('$.proxy', init) : init
 								)
-							: field.kind === 'raw_state'
-								? b.call('$.source', init)
-								: field.kind === 'derived_by'
-									? b.call('$.derived', init)
-									: b.call('$.derived', b.thunk(init));
+							: field.kind === 'linked_state'
+								? b.call(
+										'$.source_link',
+										b.thunk(
+											should_proxy(init, context.state.scope) ? b.call('$.proxy', init) : init
+										)
+									)
+								: field.kind === 'raw_state'
+									? b.call('$.source', init)
+									: field.kind === 'derived_by'
+										? b.call('$.derived', init)
+										: b.call('$.derived', b.thunk(init));
 				} else {
 					// if no arguments, we know it's state as `$derived()` is a compile error
 					value = b.call('$.source');
@@ -133,8 +143,24 @@ export function ClassBody(node, context) {
 					const member = b.member(b.this, field.id);
 					body.push(b.prop_def(field.id, value));
 
-					// get foo() { return this.#foo; }
-					body.push(b.method('get', definition.key, [], [b.return(b.call('$.get', member))]));
+					if (field.kind === 'linked_state') {
+						// get foo() { return this.#foo; }
+						body.push(b.method('get', definition.key, [], [b.return(b.call(member))]));
+
+						// set foo(value) { this.#foo = value; }
+						const value = b.id('value');
+						body.push(
+							b.method(
+								'set',
+								definition.key,
+								[value],
+								[b.stmt(b.call(member, build_proxy_reassignment(value, field.id)))]
+							)
+						);
+					} else {
+						// get foo() { return this.#foo; }
+						body.push(b.method('get', definition.key, [], [b.return(b.call('$.get', member))]));
+					}
 
 					if (field.kind === 'state') {
 						// set foo(value) { this.#foo = value; }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
index 53e76f9a1d..dc30255a1a 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
@@ -96,7 +96,7 @@ export function Program(_, context) {
 			if (is_prop_source(binding, context.state)) {
 				context.state.transform[name] = {
 					read: b.call,
-					assign: (node, value) => b.call(node, value),
+					assign: b.call,
 					mutate: (node, value) => {
 						if (binding.kind === 'bindable_prop') {
 							// only necessary for interop with legacy parent bindings
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
index 77177e397f..2c1db714ca 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
@@ -113,7 +113,7 @@ export function VariableDeclaration(node, context) {
 			const value =
 				args.length === 0 ? b.id('undefined') : /** @type {Expression} */ (context.visit(args[0]));
 
-			if (rune === '$state' || rune === '$state.raw') {
+			if (rune === '$state' || rune === '$state.raw' || rune === '$state.link') {
 				/**
 				 * @param {Identifier} id
 				 * @param {Expression} value
@@ -122,12 +122,24 @@ export function VariableDeclaration(node, context) {
 					const binding = /** @type {import('#compiler').Binding} */ (
 						context.state.scope.get(id.name)
 					);
-					if (rune === '$state' && should_proxy(value, context.state.scope)) {
+
+					if (
+						(rune === '$state' || rune === '$state.link') &&
+						should_proxy(value, context.state.scope)
+					) {
 						value = b.call('$.proxy', value);
 					}
-					if (is_state_source(binding, context.state.analysis)) {
+
+					if (rune === '$state.link') {
+						value = b.call(
+							'$.source_link',
+							b.thunk(value),
+							args.length === 2 && /** @type {Expression} */ (context.visit(args[1]))
+						);
+					} else if (is_state_source(binding, context.state.analysis)) {
 						value = b.call('$.source', value);
 					}
+
 					return value;
 				};
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
index 33566f1c10..5db639c190 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
@@ -49,5 +49,12 @@ export function add_state_transformers(context) {
 				}
 			};
 		}
+
+		if (binding.kind === 'linked_state') {
+			context.state.transform[name] = {
+				read: b.call,
+				assign: b.call
+			};
+		}
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
index 04751a19d1..10fd6de7e2 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
@@ -11,7 +11,12 @@ export function PropertyDefinition(node, context) {
 	if (context.state.analysis.runes && node.value != null && node.value.type === 'CallExpression') {
 		const rune = get_rune(node.value, context.state.scope);
 
-		if (rune === '$state' || rune === '$state.raw' || rune === '$derived') {
+		if (
+			rune === '$state' ||
+			rune === '$state.link' ||
+			rune === '$state.raw' ||
+			rune === '$derived'
+		) {
 			return {
 				...node,
 				value:
diff --git a/packages/svelte/src/compiler/types/index.d.ts b/packages/svelte/src/compiler/types/index.d.ts
index 587c9e373c..ac2b617777 100644
--- a/packages/svelte/src/compiler/types/index.d.ts
+++ b/packages/svelte/src/compiler/types/index.d.ts
@@ -278,6 +278,7 @@ export interface Binding {
 		| 'bindable_prop'
 		| 'rest_prop'
 		| 'state'
+		| 'linked_state'
 		| 'raw_state'
 		| 'derived'
 		| 'each'
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index 1ca71708af..adb595b80d 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -105,7 +105,7 @@ export {
 	user_effect,
 	user_pre_effect
 } from './reactivity/effects.js';
-export { mutable_source, mutate, source, set } from './reactivity/sources.js';
+export { mutable_source, mutate, source, source_link, set } from './reactivity/sources.js';
 export {
 	prop,
 	rest_props,
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index 86427a7509..d0c6441040 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -26,6 +26,7 @@ import {
 	MAYBE_DIRTY
 } from '../constants.js';
 import * as e from '../errors.js';
+import { derived } from './deriveds.js';
 
 let inspect_effects = new Set();
 
@@ -45,6 +46,54 @@ export function source(v) {
 	};
 }
 
+/**
+ * @template V
+ * @param {() => V} get_value
+ * @param {(value: V) => void} [callback]
+ * @returns {(value?: V) => V}
+ */
+export function source_link(get_value, callback) {
+	var was_local = false;
+	var init = false;
+	var local_source = source(/** @type {V} */ (undefined));
+
+	var linked_derived = derived(() => {
+		var local_value = /** @type {V} */ (get(local_source));
+		var linked_value = get_value();
+
+		if (was_local) {
+			was_local = false;
+			return local_value;
+		}
+
+		return linked_value;
+	});
+
+	return function (/** @type {any} */ value) {
+		if (arguments.length > 0) {
+			was_local = true;
+			set(local_source, value);
+			get(linked_derived);
+			return value;
+		}
+
+		var linked_value = get(linked_derived);
+
+		if (init) {
+			if (callback !== undefined) {
+				untrack(() => callback(linked_value));
+				return local_source.v;
+			}
+		} else {
+			init = true;
+		}
+
+		local_source.v = linked_value;
+
+		return linked_value;
+	};
+}
+
 /**
  * @template V
  * @param {V} initial_value
diff --git a/packages/svelte/src/utils.js b/packages/svelte/src/utils.js
index bf241c7947..f24d1f66e9 100644
--- a/packages/svelte/src/utils.js
+++ b/packages/svelte/src/utils.js
@@ -393,6 +393,7 @@ export function is_mathml(name) {
 
 const RUNES = /** @type {const} */ ([
 	'$state',
+	'$state.link',
 	'$state.raw',
 	'$state.snapshot',
 	'$props',
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
new file mode 100644
index 0000000000..bb56464ec1
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
@@ -0,0 +1,38 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>0</button><button>0</button><button>false</button>`,
+
+	test({ assert, target }) {
+		const [btn1, btn2, btn3] = target.querySelectorAll('button');
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button>1</button><button>1</button><button>false</button>`
+		);
+
+		flushSync(() => btn2.click());
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button>1</button><button>2</button><button>false</button>`
+		);
+
+		flushSync(() => btn3.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button><button>true</button>`);
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>true</button>`);
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>3</button><button>2</button><button>true</button>`);
+
+		flushSync(() => btn1.click());
+		flushSync(() => btn3.click());
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button>4</button><button>4</button><button>false</button>`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte
new file mode 100644
index 0000000000..3b52359d05
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	let a = $state(0);
+	let b = $state.link(a, (value) => {
+		if (c) return;
+		b = value;
+	});
+	let c = $state(false);
+</script>
+
+<button onclick={() => a++}>{a}</button>
+<button onclick={() => b++}>{b}</button>
+<button onclick={() => c = !c}>{c}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
new file mode 100644
index 0000000000..4628d4f5b4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
@@ -0,0 +1,19 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>0</button><button>0</button>`,
+
+	test({ assert, target }) {
+		const [btn1, btn2] = target.querySelectorAll('button');
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
+
+		flushSync(() => btn2.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
new file mode 100644
index 0000000000..30d8968f8c
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	class Instance {
+		a = $state(0);
+		b = $state.link(this.a);
+	}
+
+	const instance = new Instance();
+</script>
+
+<button onclick={() => instance.a++}>{instance.a}</button>
+<button onclick={() => instance.b++}>{instance.b}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
new file mode 100644
index 0000000000..a0cf4b3c3f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
@@ -0,0 +1,24 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>0</button><button>0</button><button>0</button>`,
+
+	test({ assert, target }) {
+		const [btn1, btn2, btn3] = target.querySelectorAll('button');
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button><button>1</button>`);
+
+		// mutate the original object, via the link
+		flushSync(() => btn2.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>2</button>`);
+
+		// mutate the copy
+		flushSync(() => btn3.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>3</button>`);
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>3</button><button>3</button><button>3</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
new file mode 100644
index 0000000000..ec7dec4507
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
@@ -0,0 +1,9 @@
+<script>
+	let a = $state({ value: 0 });
+	let b = $state.link(a);
+	let c = $state.link({ ...a });
+</script>
+
+<button onclick={() => a.value++}>{a.value}</button>
+<button onclick={() => b.value++}>{b.value}</button>
+<button onclick={() => c.value++}>{c.value}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
new file mode 100644
index 0000000000..4628d4f5b4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
@@ -0,0 +1,19 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>0</button><button>0</button>`,
+
+	test({ assert, target }) {
+		const [btn1, btn2] = target.querySelectorAll('button');
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
+
+		flushSync(() => btn2.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
+
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
new file mode 100644
index 0000000000..aaa8d4ecaf
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	let a = $state(0);
+	let b = $state.link(a);
+</script>
+
+<button onclick={() => a++}>{a}</button>
+<button onclick={() => b++}>{b}</button>
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index e320455795..35b4e60f45 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -927,6 +927,7 @@ declare module 'svelte/compiler' {
 			| 'bindable_prop'
 			| 'rest_prop'
 			| 'state'
+			| 'linked_state'
 			| 'raw_state'
 			| 'derived'
 			| 'each'
@@ -2912,6 +2913,32 @@ declare namespace $state {
 	 *
 	 * @param initial The initial value
 	 */
+
+	/**
+	 * Declares reactive state that is linked to another value. Local reassignments
+	 * will override the linked value until the linked value changes.
+	 *
+	 * Example:
+	 * ```ts
+	 * let a = $state(0);
+	 * let b = $state.link(a);
+
+	 * a = 1;
+	 * console.log(a, b); // 1, 1
+
+	 * b = 2; // unlink
+	 * console.log(a, b); // 1, 2
+	 *
+	 * a = 3; // relink
+	 * console.log(a, b); // 3, 3
+	 * ```
+	 *
+	 * https://svelte-5-preview.vercel.app/docs/runes#$state-link
+	 *
+	 * @param value The linked value
+	 */
+	export function link<T>(value: T, callback?: (value: T) => void): T;
+
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
 	/**
diff --git a/sites/svelte-5-preview/src/lib/autocomplete.js b/sites/svelte-5-preview/src/lib/autocomplete.js
index b535c7ff04..d2e989e4d6 100644
--- a/sites/svelte-5-preview/src/lib/autocomplete.js
+++ b/sites/svelte-5-preview/src/lib/autocomplete.js
@@ -118,6 +118,7 @@ const runes = [
 	{ snippet: '$bindable()', test: is_bindable },
 	{ snippet: '$effect.root(() => {\n\t${}\n})' },
 	{ snippet: '$state.snapshot(${})' },
+	{ snippet: '$state.link(${})' },
 	{ snippet: '$effect.tracking()' },
 	{ snippet: '$inspect(${});', test: is_statement }
 ];
diff --git a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
index 02cea6ffb4..665d522815 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
@@ -64,6 +64,51 @@ Only plain objects and arrays [are made deeply reactive](/#H4sIAAAAAAAAE42QwWrDM
 
 In non-runes mode, a `let` declaration is treated as reactive state if it is updated at some point. Unlike `$state(...)`, which works anywhere in your app, `let` only behaves this way at the top level of a component.
 
+## `$state.link`
+
+Linked state stays up to date with its input:
+
+```js
+let a = $state(0);
+let b = $state.link(a);
+
+a = 1;
+console.log(a, b); // 1, 1
+```
+
+You can temporarily _unlink_ state. It will be _relinked_ when the input value changes:
+
+```js
+let a = 1;
+let b = 1;
+// ---cut---
+b = 2; // unlink
+console.log(a, b); // 1, 2
+
+a = 3; // relink
+console.log(a, b); // 3, 3
+```
+
+As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
+
+If you pass a callback to `$state.link`, changes to the input value will invoke the callback rather than updating the linked state, allowing you to choose whether to (for example) preserve or discard local changes, or merge incoming changes with local ones:
+
+```js
+let { stuff } = $props();
+
+let incoming = $state();
+let hasUnsavedChanges = $state(false);
+
+let current = $state.link({ ...stuff }, (stuff) => {
+	if (hasUnsavedChanges) {
+		incoming = stuff;
+	} else {
+		incoming = null;
+		current = stuff;
+	}
+});
+```
+
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:

From 363a5418e6330356ebc7abe39d240afccd255147 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 20 Aug 2024 15:13:55 -0400
Subject: [PATCH 04/37] Version Packages (next) (#12924)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            |  5 +++++
 packages/svelte/CHANGELOG.md   | 14 ++++++++++++++
 packages/svelte/package.json   |  2 +-
 packages/svelte/src/version.js |  2 +-
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 39fa455826..3859714435 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -231,6 +231,7 @@
     "friendly-candles-relate",
     "friendly-clouds-rhyme",
     "friendly-lies-camp",
+    "friendly-rice-confess",
     "funny-bugs-kiss",
     "funny-cooks-clean",
     "funny-dragons-double",
@@ -468,6 +469,7 @@
     "old-jokes-deliver",
     "old-mails-sneeze",
     "old-oranges-compete",
+    "old-planets-bow",
     "olive-apples-lick",
     "olive-cobras-wonder",
     "olive-forks-grin",
@@ -545,6 +547,7 @@
     "rich-cobras-exist",
     "rich-elephants-relax",
     "rich-garlics-laugh",
+    "rich-ladybugs-admire",
     "rich-olives-yell",
     "rich-plums-thank",
     "rich-sheep-burn",
@@ -704,6 +707,7 @@
     "swift-feet-juggle",
     "swift-knives-tie",
     "swift-poets-carry",
+    "swift-queens-begin",
     "swift-rats-sing",
     "swift-ravens-hunt",
     "swift-seahorses-deliver",
@@ -731,6 +735,7 @@
     "ten-ties-repair",
     "ten-trainers-juggle",
     "ten-worms-reflect",
+    "tender-bats-switch",
     "tender-lemons-judge",
     "tender-rocks-walk",
     "tender-suns-love",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 252115599f..677fbdc94b 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,19 @@
 # svelte
 
+## 5.0.0-next.229
+
+### Patch Changes
+
+- feat: add `$state.link` rune ([#12545](https://github.com/sveltejs/svelte/pull/12545))
+
+- fix: allow mixing slots and snippets in custom elements mode ([#12929](https://github.com/sveltejs/svelte/pull/12929))
+
+- fix: small legibility improvement in `Snippet` type hint ([#12928](https://github.com/sveltejs/svelte/pull/12928))
+
+- feat: support HMR with custom elements ([#12926](https://github.com/sveltejs/svelte/pull/12926))
+
+- feat: error on invalid component name ([#12821](https://github.com/sveltejs/svelte/pull/12821))
+
 ## 5.0.0-next.228
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 65c4362243..1ec0f8afed 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.228",
+  "version": "5.0.0-next.229",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 47d3fad170..7ab3cc0c2f 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.228';
+export const VERSION = '5.0.0-next.229';
 export const PUBLIC_VERSION = '5';

From 78677e40efd73c5f0497483d331a51b14f007765 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 20 Aug 2024 17:10:48 -0400
Subject: [PATCH 05/37] fix: align list of passive events with browser
 defaults, and add documentation (#12933)

closes #12639
---
 .changeset/famous-mirrors-count.md                          | 5 +++++
 documentation/docs/02-template-syntax/02-basic-markup.md    | 4 ++++
 packages/svelte/src/utils.js                                | 2 +-
 .../routes/docs/content/03-appendix/02-breaking-changes.md  | 6 ++++++
 4 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/famous-mirrors-count.md

diff --git a/.changeset/famous-mirrors-count.md b/.changeset/famous-mirrors-count.md
new file mode 100644
index 0000000000..78e6011629
--- /dev/null
+++ b/.changeset/famous-mirrors-count.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: align list of passive events with browser defaults
diff --git a/documentation/docs/02-template-syntax/02-basic-markup.md b/documentation/docs/02-template-syntax/02-basic-markup.md
index b8e2632319..8bf9b2cf42 100644
--- a/documentation/docs/02-template-syntax/02-basic-markup.md
+++ b/documentation/docs/02-template-syntax/02-basic-markup.md
@@ -112,6 +112,10 @@ Because events are just attributes, the same rules as for attributes apply:
 
 Timing-wise, event attributes always fire after events from bindings (e.g. `oninput` always fires after an update to `bind:value`). Under the hood, some event handlers are attached directly with `addEventListener`, while others are _delegated_.
 
+When using `onwheel`, `onmousewheel`, `ontouchstart` and `ontouchmove` event attributes, the handlers are [passive](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#using_passive_listeners) to align with browser defaults. This greatly improves responsiveness by allowing the browser to scroll the document immediately, rather than waiting to see if the event handler calls `event.preventDefault()`.
+
+In the very rare cases that you need to prevent these event defaults, you should use [`on`](https://svelte-5-preview.vercel.app/docs/imports#svelte-events) instead (for example inside an action).
+
 ### Event delegation
 
 To reduce memory footprint and increase performance, Svelte uses a technique called event delegation. This means that for certain events — see the list below — a single event listener at the application root takes responsibility for running any handlers on the event's path.
diff --git a/packages/svelte/src/utils.js b/packages/svelte/src/utils.js
index f24d1f66e9..880fe9a2d4 100644
--- a/packages/svelte/src/utils.js
+++ b/packages/svelte/src/utils.js
@@ -222,7 +222,7 @@ export function is_dom_property(name) {
 	return DOM_PROPERTIES.includes(name);
 }
 
-const PASSIVE_EVENTS = ['wheel', 'touchstart', 'touchmove', 'touchend', 'touchcancel'];
+const PASSIVE_EVENTS = ['wheel', 'mousewheel', 'touchstart', 'touchmove'];
 
 /**
  * Returns `true` if `name` is a passive event
diff --git a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
index ebf8f91e80..a414929203 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
@@ -238,6 +238,12 @@ This is [no longer true in Svelte 5](/#H4sIAAAAAAAAE4WQwU7DMAyGX8VESANpXe8lq9Q8A
 <svelte:component this={Thing} />
 ```
 
+### Touch and wheel events are passive
+
+When using `onwheel`, `onmousewheel`, `ontouchstart` and `ontouchmove` event attributes, the handlers are [passive](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#using_passive_listeners) to align with browser defaults. This greatly improves responsiveness by allowing the browser to scroll the document immediately, rather than waiting to see if the event handler calls `event.preventDefault()`.
+
+In the very rare cases that you need to prevent these event defaults, you should use [`on`](https://svelte-5-preview.vercel.app/docs/imports#svelte-events) instead (for example inside an action).
+
 ## Other breaking changes
 
 ### Stricter `@const` assignment validation

From 9c2ca693a5d8a06ba4b0582ac03ce3fefd51dca5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gautier=20Ben=20A=C3=AFm?=
 <48261497+GauBen@users.noreply.github.com>
Date: Wed, 21 Aug 2024 05:02:25 +0200
Subject: [PATCH 06/37] fix: ensure await scope shadowing is computed in the
 correct order (#12945)

* fix: ensure await scope shadowing is computed in the correct order

* Create popular-news-happen.md

* removed solo
---
 .changeset/popular-news-happen.md                     |  5 +++++
 .../phases/3-transform/client/visitors/AwaitBlock.js  |  5 ++++-
 .../samples/await-then-shadowed/_config.js            | 10 ++++++++++
 .../samples/await-then-shadowed/main.svelte           | 11 +++++++++++
 4 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/popular-news-happen.md
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/main.svelte

diff --git a/.changeset/popular-news-happen.md b/.changeset/popular-news-happen.md
new file mode 100644
index 0000000000..c617baa805
--- /dev/null
+++ b/.changeset/popular-news-happen.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: ensure `{#await}` scope shadowing is computed in the correct order
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AwaitBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AwaitBlock.js
index f956a5cf30..67589244cc 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AwaitBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AwaitBlock.js
@@ -11,6 +11,9 @@ import { create_derived_block_argument } from '../utils.js';
 export function AwaitBlock(node, context) {
 	context.state.template.push('<!>');
 
+	// Visit {#await <expression>} first to ensure that scopes are in the correct order
+	const expression = b.thunk(/** @type {Expression} */ (context.visit(node.expression)));
+
 	let then_block;
 	let catch_block;
 
@@ -45,7 +48,7 @@ export function AwaitBlock(node, context) {
 			b.call(
 				'$.await',
 				context.state.node,
-				b.thunk(/** @type {Expression} */ (context.visit(node.expression))),
+				expression,
 				node.pending
 					? b.arrow([b.id('$$anchor')], /** @type {BlockStatement} */ (context.visit(node.pending)))
 					: b.literal(null),
diff --git a/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/_config.js b/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/_config.js
new file mode 100644
index 0000000000..08b62d8da8
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/_config.js
@@ -0,0 +1,10 @@
+import { test } from '../../test';
+
+export default test({
+	html: '<div>Loading...</div>',
+
+	async test({ assert, target }) {
+		await Promise.resolve();
+		assert.htmlEqual(target.innerHTML, '<div>10</div>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/main.svelte b/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/main.svelte
new file mode 100644
index 0000000000..bb4bdef5fd
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/await-then-shadowed/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	const x = Promise.resolve(10);
+</script>
+
+<div>
+	{#await x}
+		Loading...
+	{:then x}
+		{x}
+	{/await}
+</div>

From 419546f29b4d9a6015051639dfabb12d080088f1 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Wed, 21 Aug 2024 05:11:51 +0200
Subject: [PATCH 07/37] fix: don't skip custom elements with attributes
 (#12939)

* fix: don't skip custom elements with attributes

fixes #12934

* still need this

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/wild-moose-destroy.md                          | 5 +++++
 .../compiler/phases/2-analyze/visitors/RegularElement.js  | 8 +++++++-
 .../phases/3-transform/client/visitors/shared/fragment.js | 2 +-
 .../skip-static-subtree/_expected/client/index.svelte.js  | 8 +++++++-
 .../skip-static-subtree/_expected/server/index.svelte.js  | 2 +-
 .../snapshot/samples/skip-static-subtree/index.svelte     | 4 ++++
 6 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/wild-moose-destroy.md

diff --git a/.changeset/wild-moose-destroy.md b/.changeset/wild-moose-destroy.md
new file mode 100644
index 0000000000..9dfc8d2bc1
--- /dev/null
+++ b/.changeset/wild-moose-destroy.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: don't skip custom elements with attributes
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
index 16be82ed2c..dc283db7e2 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
@@ -7,10 +7,11 @@ import {
 } from '../../../../html-tree-validation.js';
 import * as e from '../../../errors.js';
 import * as w from '../../../warnings.js';
-import { create_attribute } from '../../nodes.js';
+import { create_attribute, is_custom_element_node } from '../../nodes.js';
 import { regex_starts_with_newline } from '../../patterns.js';
 import { check_element } from './shared/a11y.js';
 import { validate_element } from './shared/element.js';
+import { mark_subtree_dynamic } from './shared/fragment.js';
 
 /**
  * @param {RegularElement} node
@@ -88,6 +89,11 @@ export function RegularElement(node, context) {
 	node.metadata.svg = is_svg(node.name);
 	node.metadata.mathml = is_mathml(node.name);
 
+	if (is_custom_element_node(node) && node.attributes.length > 0) {
+		// we're setting all attributes on custom elements through properties
+		mark_subtree_dynamic(context.path);
+	}
+
 	if (context.state.parent_element) {
 		let past_parent = false;
 		let only_warn = false;
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
index cbe0272827..6dcb794f2c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
@@ -1,6 +1,6 @@
 /** @import { Expression } from 'estree' */
 /** @import { ExpressionTag, SvelteNode, Text } from '#compiler' */
-/** @import { ComponentClientTransformState, ComponentContext } from '../../types' */
+/** @import { ComponentContext } from '../../types' */
 import { is_event_attribute, is_text_attribute } from '../../../../../utils/ast.js';
 import * as b from '../../../../../utils/builders.js';
 import { build_template_literal, build_update } from './utils.js';
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
index 5eacd941ea..4f59c4932e 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
@@ -1,7 +1,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
-var root = $.template(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1> </h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> <!></main>`, 1);
+var root = $.template(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1> </h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> <!></main> <cant-skip><custom-elements></custom-elements></cant-skip>`, 3);
 
 export default function Skip_static_subtree($$anchor, $$props) {
 	var fragment = root();
@@ -15,6 +15,12 @@ export default function Skip_static_subtree($$anchor, $$props) {
 
 	$.html(node, () => $$props.content, false, false);
 	$.reset(main);
+
+	var cant_skip = $.sibling(main, 2);
+	var custom_elements = $.child(cant_skip);
+
+	$.set_custom_element_data(custom_elements, "with", "attributes");
+	$.reset(cant_skip);
 	$.template_effect(() => $.set_text(text, $$props.title));
 	$.append($$anchor, fragment);
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
index 8ea5fc9b13..1018b5425e 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
@@ -3,5 +3,5 @@ import * as $ from "svelte/internal/server";
 export default function Skip_static_subtree($$payload, $$props) {
 	let { title, content } = $$props;
 
-	$$payload.out += `<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)}</main>`;
+	$$payload.out += `<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)}</main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip>`;
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte b/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
index 001196a879..cc9d8172e6 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
@@ -19,3 +19,7 @@
 	<p>ones</p>
 	{@html content}
 </main>
+
+<cant-skip>
+	<custom-elements with="attributes"></custom-elements>
+</cant-skip>

From af35fb7ae6be1d4b4dea00c7e49379e7bbd7d3c6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 20 Aug 2024 23:14:11 -0400
Subject: [PATCH 08/37] Version Packages (next) (#12940)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            |  3 +++
 packages/svelte/CHANGELOG.md   | 10 ++++++++++
 packages/svelte/package.json   |  2 +-
 packages/svelte/src/version.js |  2 +-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 3859714435..bc65ed8e34 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -181,6 +181,7 @@
     "famous-falcons-melt",
     "famous-kiwis-thank",
     "famous-knives-sneeze",
+    "famous-mirrors-count",
     "famous-pants-pay",
     "fast-donkeys-pay",
     "fast-penguins-matter",
@@ -517,6 +518,7 @@
     "popular-games-hug",
     "popular-ligers-perform",
     "popular-mangos-rest",
+    "popular-news-happen",
     "popular-roses-teach",
     "popular-walls-hunt",
     "pretty-ties-help",
@@ -826,6 +828,7 @@
     "wild-cows-chew",
     "wild-foxes-wonder",
     "wild-moose-compare",
+    "wild-moose-destroy",
     "wild-poems-design",
     "wild-pumas-count",
     "wise-apples-care",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 677fbdc94b..2cb7466dd5 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte
 
+## 5.0.0-next.230
+
+### Patch Changes
+
+- fix: align list of passive events with browser defaults ([#12933](https://github.com/sveltejs/svelte/pull/12933))
+
+- fix: ensure `{#await}` scope shadowing is computed in the correct order ([#12945](https://github.com/sveltejs/svelte/pull/12945))
+
+- fix: don't skip custom elements with attributes ([#12939](https://github.com/sveltejs/svelte/pull/12939))
+
 ## 5.0.0-next.229
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 1ec0f8afed..e95e527ca7 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.229",
+  "version": "5.0.0-next.230",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 7ab3cc0c2f..74b44a7e9f 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.229';
+export const VERSION = '5.0.0-next.230';
 export const PUBLIC_VERSION = '5';

From 0b51ff04b045d2fa53c0b5a365f3d3a2c0541aa5 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 09:48:50 -0400
Subject: [PATCH 09/37] breaking: remove `$state.link` callback (#12942)

* breaking: remove `$state.link` callback

* simplify

* regenerate
---
 .changeset/sharp-foxes-whisper.md             |  5 +++
 documentation/docs/03-runes/01-state.md       | 18 ---------
 packages/svelte/src/ambient.d.ts              |  2 +-
 .../client/visitors/VariableDeclaration.js    |  6 +--
 .../src/internal/client/reactivity/sources.js | 19 +---------
 .../samples/state-link-callback/_config.js    | 38 -------------------
 .../samples/state-link-callback/main.svelte   | 12 ------
 packages/svelte/types/index.d.ts              |  2 +-
 .../routes/docs/content/01-api/02-runes.md    | 18 ---------
 9 files changed, 10 insertions(+), 110 deletions(-)
 create mode 100644 .changeset/sharp-foxes-whisper.md
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte

diff --git a/.changeset/sharp-foxes-whisper.md b/.changeset/sharp-foxes-whisper.md
new file mode 100644
index 0000000000..553ae1bd6d
--- /dev/null
+++ b/.changeset/sharp-foxes-whisper.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: remove callback from `$state.link`
diff --git a/documentation/docs/03-runes/01-state.md b/documentation/docs/03-runes/01-state.md
index 35dc2f357d..8d78e6c73e 100644
--- a/documentation/docs/03-runes/01-state.md
+++ b/documentation/docs/03-runes/01-state.md
@@ -89,24 +89,6 @@ console.log(a, b); // 3, 3
 
 As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
 
-If you pass a callback to `$state.link`, changes to the input value will invoke the callback rather than updating the linked state, allowing you to choose whether to (for example) preserve or discard local changes, or merge incoming changes with local ones:
-
-```js
-let { stuff } = $props();
-
-let incoming = $state();
-let hasUnsavedChanges = $state(false);
-
-let current = $state.link({ ...stuff }, (stuff) => {
-	if (hasUnsavedChanges) {
-		incoming = stuff;
-	} else {
-		incoming = null;
-		current = stuff;
-	}
-});
-```
-
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:
diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts
index e58b2c5aa5..a84085fd5a 100644
--- a/packages/svelte/src/ambient.d.ts
+++ b/packages/svelte/src/ambient.d.ts
@@ -148,7 +148,7 @@ declare namespace $state {
 	 *
 	 * @param value The linked value
 	 */
-	export function link<T>(value: T, callback?: (value: T) => void): T;
+	export function link<T>(value: T): T;
 
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
index 2c1db714ca..84713f73ca 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
@@ -131,11 +131,7 @@ export function VariableDeclaration(node, context) {
 					}
 
 					if (rune === '$state.link') {
-						value = b.call(
-							'$.source_link',
-							b.thunk(value),
-							args.length === 2 && /** @type {Expression} */ (context.visit(args[1]))
-						);
+						value = b.call('$.source_link', b.thunk(value));
 					} else if (is_state_source(binding, context.state.analysis)) {
 						value = b.call('$.source', value);
 					}
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index d0c6441040..edfa8806e8 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -49,12 +49,10 @@ export function source(v) {
 /**
  * @template V
  * @param {() => V} get_value
- * @param {(value: V) => void} [callback]
  * @returns {(value?: V) => V}
  */
-export function source_link(get_value, callback) {
+export function source_link(get_value) {
 	var was_local = false;
-	var init = false;
 	var local_source = source(/** @type {V} */ (undefined));
 
 	var linked_derived = derived(() => {
@@ -77,20 +75,7 @@ export function source_link(get_value, callback) {
 			return value;
 		}
 
-		var linked_value = get(linked_derived);
-
-		if (init) {
-			if (callback !== undefined) {
-				untrack(() => callback(linked_value));
-				return local_source.v;
-			}
-		} else {
-			init = true;
-		}
-
-		local_source.v = linked_value;
-
-		return linked_value;
+		return (local_source.v = get(linked_derived));
 	};
 }
 
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
deleted file mode 100644
index bb56464ec1..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-callback/_config.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { flushSync } from 'svelte';
-import { test } from '../../test';
-
-export default test({
-	html: `<button>0</button><button>0</button><button>false</button>`,
-
-	test({ assert, target }) {
-		const [btn1, btn2, btn3] = target.querySelectorAll('button');
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button>1</button><button>1</button><button>false</button>`
-		);
-
-		flushSync(() => btn2.click());
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button>1</button><button>2</button><button>false</button>`
-		);
-
-		flushSync(() => btn3.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button><button>true</button>`);
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>true</button>`);
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>3</button><button>2</button><button>true</button>`);
-
-		flushSync(() => btn1.click());
-		flushSync(() => btn3.click());
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button>4</button><button>4</button><button>false</button>`
-		);
-	}
-});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte
deleted file mode 100644
index 3b52359d05..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-callback/main.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script>
-	let a = $state(0);
-	let b = $state.link(a, (value) => {
-		if (c) return;
-		b = value;
-	});
-	let c = $state(false);
-</script>
-
-<button onclick={() => a++}>{a}</button>
-<button onclick={() => b++}>{b}</button>
-<button onclick={() => c = !c}>{c}</button>
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 35b4e60f45..6f9828375a 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -2937,7 +2937,7 @@ declare namespace $state {
 	 *
 	 * @param value The linked value
 	 */
-	export function link<T>(value: T, callback?: (value: T) => void): T;
+	export function link<T>(value: T): T;
 
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
diff --git a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
index 665d522815..5fbed65a09 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
@@ -91,24 +91,6 @@ console.log(a, b); // 3, 3
 
 As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
 
-If you pass a callback to `$state.link`, changes to the input value will invoke the callback rather than updating the linked state, allowing you to choose whether to (for example) preserve or discard local changes, or merge incoming changes with local ones:
-
-```js
-let { stuff } = $props();
-
-let incoming = $state();
-let hasUnsavedChanges = $state(false);
-
-let current = $state.link({ ...stuff }, (stuff) => {
-	if (hasUnsavedChanges) {
-		incoming = stuff;
-	} else {
-		incoming = null;
-		current = stuff;
-	}
-});
-```
-
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:

From 17ba4004d7b874d91b969b12609514b8887201c4 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 10:08:07 -0400
Subject: [PATCH 10/37] fix: compile error for incorrectly place `$state.link`
 or wrong argument count (#12954)

---
 .../src/compiler/phases/2-analyze/visitors/CallExpression.js   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
index 9df622637f..bdcca2bff8 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
@@ -74,6 +74,7 @@ export function CallExpression(node, context) {
 
 		case '$state':
 		case '$state.raw':
+		case '$state.link':
 		case '$derived':
 		case '$derived.by':
 			if (
@@ -85,7 +86,7 @@ export function CallExpression(node, context) {
 
 			if ((rune === '$derived' || rune === '$derived.by') && node.arguments.length !== 1) {
 				e.rune_invalid_arguments_length(node, rune, 'exactly one argument');
-			} else if (rune === '$state' && node.arguments.length > 1) {
+			} else if ((rune === '$state' || rune === '$state.link') && node.arguments.length > 1) {
 				e.rune_invalid_arguments_length(node, rune, 'zero or one arguments');
 			}
 

From 3b3ed7778375084923fb8e5381fb7c8b3433227a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 21 Aug 2024 10:35:07 -0400
Subject: [PATCH 11/37] Version Packages (next) (#12953)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            | 1 +
 packages/svelte/CHANGELOG.md   | 6 ++++++
 packages/svelte/package.json   | 2 +-
 packages/svelte/src/version.js | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index bc65ed8e34..fa9f1c5bac 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -587,6 +587,7 @@
     "shaggy-cameras-live",
     "shaggy-comics-jog",
     "sharp-fishes-serve",
+    "sharp-foxes-whisper",
     "sharp-gorillas-impress",
     "sharp-kids-happen",
     "sharp-spies-live",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 2cb7466dd5..6ea8ac9eb2 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte
 
+## 5.0.0-next.231
+
+### Patch Changes
+
+- breaking: remove callback from `$state.link` ([#12942](https://github.com/sveltejs/svelte/pull/12942))
+
 ## 5.0.0-next.230
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index e95e527ca7..834b0d5b90 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.230",
+  "version": "5.0.0-next.231",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 74b44a7e9f..660f11d929 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.230';
+export const VERSION = '5.0.0-next.231';
 export const PUBLIC_VERSION = '5';

From 732dbf7fa9b0166f25405d8e0694aa540ea9898d Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:15:22 +0200
Subject: [PATCH 12/37] breaking: deprecate `context="module"` in favor of
 `module` (#12948)

* breaking: deprecate `context="module"` in favor of `module`

Also reserve a few attributes, which we may or may not use in the future

closes #12637

* fix tests

* one more

* add svelte package to the root so eslint and prettier can use it

* tweak messages

* warn on unknown attributes

* regenerate

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/quick-eagles-sit.md                |  5 +
 .../01-component-fundamentals.md              |  6 +-
 package.json                                  |  1 +
 .../svelte/messages/compile-errors/script.md  |  4 +-
 .../messages/compile-errors/template.md       | 10 +-
 .../messages/compile-warnings/template.md     |  8 ++
 packages/svelte/src/compiler/errors.js        | 32 +++++--
 packages/svelte/src/compiler/migrate/index.js | 14 ++-
 .../compiler/phases/1-parse/read/script.js    | 72 +++++++++-----
 .../src/compiler/phases/2-analyze/index.js    |  2 +-
 .../svelte/src/compiler/types/template.d.ts   |  4 +-
 packages/svelte/src/compiler/warnings.js      | 18 ++++
 .../samples/export-state-module/_config.js    |  2 +-
 .../samples/export-state-module/main.svelte   |  2 +-
 .../samples/runes-export-let/main.svelte      |  2 +-
 .../store-autosub-context-module/_config.js   |  4 +-
 .../store-autosub-context-module/main.svelte  |  2 +-
 .../script-context-module/input.svelte        |  3 +
 .../script-context-module/output.svelte       |  3 +
 .../samples/options/input.svelte              |  2 +-
 .../parser-modern/samples/options/output.json | 58 +++++-------
 .../samples/component-namespace/Widget.svelte |  8 +-
 .../component-namespaced/components.svelte    |  8 +-
 .../component-slot-fallback-2/store.svelte    | 46 ++++-----
 .../samples/context-api/Tabs.svelte           |  2 +-
 .../main.svelte                               |  4 +-
 .../Foo.svelte                                |  6 +-
 .../samples/module-context-export/Foo.svelte  |  2 +-
 .../main.svelte                               |  2 +-
 .../samples/module-context/main.svelte        |  4 +-
 .../samples/preload/main.svelte               |  4 +-
 .../main.svelte                               |  2 +-
 .../main.svelte                               |  2 +-
 .../samples/store-imported-module/main.svelte |  2 +-
 .../class-state-derived-unowned/main.svelte   |  2 +-
 .../Component.svelte                          |  2 +-
 .../derived-unowned-2/Component.svelte        | 11 +--
 .../samples/derived-unowned-5/main.svelte     |  2 +-
 .../samples/derived-unowned-8/main.svelte     |  6 +-
 .../samples/derived-unowned/Component.svelte  |  4 +-
 .../samples/effect-dependencies/main.svelte   | 10 +-
 .../samples/element-is-attribute/main.svelte  |  2 +-
 .../event-attribute-not-hoistable/main.svelte |  2 +-
 .../samples/inspect-derived-2/main.svelte     |  2 +-
 .../samples/module-context-export/main.svelte |  2 +-
 .../non-local-mutation-global-2/child.svelte  |  4 +-
 .../proxied-state-property-access/main.svelte |  2 +-
 .../runes-in-module-context/main.svelte       |  2 +-
 .../samples/typescript/main.svelte            |  2 +-
 .../samples/two-scripts/input.svelte          |  2 +-
 .../illegal-variable-declaration/errors.json  |  2 +-
 .../illegal-variable-declaration/input.svelte |  2 +-
 .../samples/inline-new-class-5/input.svelte   |  8 +-
 .../input.svelte                              |  2 +-
 .../errors.json                               |  2 +-
 .../errors.json                               |  2 +-
 .../input.svelte                              |  4 +-
 .../input.svelte                              |  2 +-
 .../reactive-module-variable-2/input.svelte   |  2 +-
 .../reactive-module-variable/input.svelte     |  2 +-
 .../input.svelte                              |  3 +
 .../warnings.json                             | 14 +++
 .../script-invalid-context/errors.json        |  2 +-
 .../input.svelte                              |  1 +
 .../warnings.json                             | 14 +++
 .../script-unknown-attribute/input.svelte     |  1 +
 .../script-unknown-attribute/warnings.json    | 14 +++
 .../samples/silence-warnings-2/input.svelte   |  2 +-
 .../samples/silence-warnings/input.svelte     |  2 +-
 .../unreferenced-variables/input.svelte       |  2 +-
 packages/svelte/types/index.d.ts              |  4 +-
 pnpm-lock.yaml                                | 94 +++----------------
 .../src/lib/CodeMirror.svelte                 |  2 +-
 .../content/03-appendix/03-deprecations.md    | 11 +++
 74 files changed, 339 insertions(+), 258 deletions(-)
 create mode 100644 .changeset/quick-eagles-sit.md
 create mode 100644 packages/svelte/tests/migrate/samples/script-context-module/input.svelte
 create mode 100644 packages/svelte/tests/migrate/samples/script-context-module/output.svelte
 create mode 100644 packages/svelte/tests/validator/samples/script-context-module-deprecated/input.svelte
 create mode 100644 packages/svelte/tests/validator/samples/script-context-module-deprecated/warnings.json
 create mode 100644 packages/svelte/tests/validator/samples/script-invalid-spread-attribute/input.svelte
 create mode 100644 packages/svelte/tests/validator/samples/script-invalid-spread-attribute/warnings.json
 create mode 100644 packages/svelte/tests/validator/samples/script-unknown-attribute/input.svelte
 create mode 100644 packages/svelte/tests/validator/samples/script-unknown-attribute/warnings.json

diff --git a/.changeset/quick-eagles-sit.md b/.changeset/quick-eagles-sit.md
new file mode 100644
index 0000000000..613ea2bd05
--- /dev/null
+++ b/.changeset/quick-eagles-sit.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: deprecate `context="module"` in favor of `module`
diff --git a/documentation/docs/02-template-syntax/01-component-fundamentals.md b/documentation/docs/02-template-syntax/01-component-fundamentals.md
index debe4828d2..fc81bb24bd 100644
--- a/documentation/docs/02-template-syntax/01-component-fundamentals.md
+++ b/documentation/docs/02-template-syntax/01-component-fundamentals.md
@@ -161,16 +161,16 @@ If you'd like to react to changes to a prop, use the `$derived` or `$effect` run
 
 For more information on reactivity, read the documentation around runes.
 
-## &lt;script context="module"&gt;
+## &lt;script module&gt;
 
-A `<script>` tag with a `context="module"` attribute runs once when the module first evaluates, rather than for each component instance. Values declared in this block are accessible from a regular `<script>` (and the component markup) but not vice versa.
+A `<script>` tag with a `module` attribute runs once when the module first evaluates, rather than for each component instance. Values declared in this block are accessible from a regular `<script>` (and the component markup) but not vice versa.
 
 You can `export` bindings from this block, and they will become exports of the compiled module.
 
 You cannot `export default`, since the default export is the component itself.
 
 ```svelte
-<script context="module">
+<script module>
 	let totalComponents = 0;
 
 	// the export keyword allows this function to imported with e.g.
diff --git a/package.json b/package.json
index 9a7366572c..570b3bdcf5 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "playwright": "^1.41.1",
     "prettier": "^3.2.4",
     "prettier-plugin-svelte": "^3.1.2",
+    "svelte": "workspace:^",
     "typescript": "^5.5.2",
     "typescript-eslint": "^8.0.0-alpha.34",
     "v8-natives": "^1.2.5",
diff --git a/packages/svelte/messages/compile-errors/script.md b/packages/svelte/messages/compile-errors/script.md
index e84174e42a..47dbac6eab 100644
--- a/packages/svelte/messages/compile-errors/script.md
+++ b/packages/svelte/messages/compile-errors/script.md
@@ -16,7 +16,7 @@
 
 ## declaration_duplicate_module_import
 
-> Cannot declare same variable name which is imported inside `<script context="module">`
+> Cannot declare a variable with the same name as an import inside `<script module>`
 
 ## derived_invalid_export
 
@@ -152,7 +152,7 @@
 
 ## store_invalid_subscription
 
-> Cannot reference store value inside `<script context="module">`
+> Cannot reference store value inside `<script module>`
 
 ## store_invalid_subscription_module
 
diff --git a/packages/svelte/messages/compile-errors/template.md b/packages/svelte/messages/compile-errors/template.md
index 95e60c0cf5..49a422ecde 100644
--- a/packages/svelte/messages/compile-errors/template.md
+++ b/packages/svelte/messages/compile-errors/template.md
@@ -216,12 +216,20 @@ HTML restricts where certain elements can appear. In case of a violation the bro
 
 ## script_duplicate
 
-> A component can have a single top-level `<script>` element and/or a single top-level `<script context="module">` element
+> A component can have a single top-level `<script>` element and/or a single top-level `<script module>` element
+
+## script_invalid_attribute_value
+
+> If the `%name%` attribute is supplied, it must be a boolean attribute
 
 ## script_invalid_context
 
 > If the context attribute is supplied, its value must be "module"
 
+## script_reserved_attribute
+
+> The `%name%` attribute is reserved and cannot be used
+
 ## slot_attribute_duplicate
 
 > Duplicate slot name '%name%' in <%component%>
diff --git a/packages/svelte/messages/compile-warnings/template.md b/packages/svelte/messages/compile-warnings/template.md
index 31774d0555..194bd1087d 100644
--- a/packages/svelte/messages/compile-warnings/template.md
+++ b/packages/svelte/messages/compile-warnings/template.md
@@ -50,6 +50,14 @@ HTML restricts where certain elements can appear. In case of a violation the bro
 
 This code will work when the component is rendered on the client (which is why this is a warning rather than an error), but if you use server rendering it will cause hydration to fail.
 
+## script_context_deprecated
+
+> `context="module"` is deprecated, use the `module` attribute instead
+
+## script_unknown_attribute
+
+> Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it
+
 ## slot_element_deprecated
 
 > Using `<slot>` to render parent content is deprecated. Use `{@render ...}` tags instead
diff --git a/packages/svelte/src/compiler/errors.js b/packages/svelte/src/compiler/errors.js
index f0fca61e9a..e6d1093998 100644
--- a/packages/svelte/src/compiler/errors.js
+++ b/packages/svelte/src/compiler/errors.js
@@ -99,12 +99,12 @@ export function declaration_duplicate(node, name) {
 }
 
 /**
- * Cannot declare same variable name which is imported inside `<script context="module">`
+ * Cannot declare a variable with the same name as an import inside `<script module>`
  * @param {null | number | NodeLike} node
  * @returns {never}
  */
 export function declaration_duplicate_module_import(node) {
-	e(node, "declaration_duplicate_module_import", "Cannot declare same variable name which is imported inside `<script context=\"module\">`");
+	e(node, "declaration_duplicate_module_import", "Cannot declare a variable with the same name as an import inside `<script module>`");
 }
 
 /**
@@ -417,12 +417,12 @@ export function store_invalid_scoped_subscription(node) {
 }
 
 /**
- * Cannot reference store value inside `<script context="module">`
+ * Cannot reference store value inside `<script module>`
  * @param {null | number | NodeLike} node
  * @returns {never}
  */
 export function store_invalid_subscription(node) {
-	e(node, "store_invalid_subscription", "Cannot reference store value inside `<script context=\"module\">`");
+	e(node, "store_invalid_subscription", "Cannot reference store value inside `<script module>`");
 }
 
 /**
@@ -1044,12 +1044,22 @@ export function render_tag_invalid_spread_argument(node) {
 }
 
 /**
- * A component can have a single top-level `<script>` element and/or a single top-level `<script context="module">` element
+ * A component can have a single top-level `<script>` element and/or a single top-level `<script module>` element
  * @param {null | number | NodeLike} node
  * @returns {never}
  */
 export function script_duplicate(node) {
-	e(node, "script_duplicate", "A component can have a single top-level `<script>` element and/or a single top-level `<script context=\"module\">` element");
+	e(node, "script_duplicate", "A component can have a single top-level `<script>` element and/or a single top-level `<script module>` element");
+}
+
+/**
+ * If the `%name%` attribute is supplied, it must be a boolean attribute
+ * @param {null | number | NodeLike} node
+ * @param {string} name
+ * @returns {never}
+ */
+export function script_invalid_attribute_value(node, name) {
+	e(node, "script_invalid_attribute_value", `If the \`${name}\` attribute is supplied, it must be a boolean attribute`);
 }
 
 /**
@@ -1061,6 +1071,16 @@ export function script_invalid_context(node) {
 	e(node, "script_invalid_context", "If the context attribute is supplied, its value must be \"module\"");
 }
 
+/**
+ * The `%name%` attribute is reserved and cannot be used
+ * @param {null | number | NodeLike} node
+ * @param {string} name
+ * @returns {never}
+ */
+export function script_reserved_attribute(node, name) {
+	e(node, "script_reserved_attribute", `The \`${name}\` attribute is reserved and cannot be used`);
+}
+
 /**
  * Duplicate slot name '%name%' in <%component%>
  * @param {null | number | NodeLike} node
diff --git a/packages/svelte/src/compiler/migrate/index.js b/packages/svelte/src/compiler/migrate/index.js
index 31aee08cfa..658da75f3a 100644
--- a/packages/svelte/src/compiler/migrate/index.js
+++ b/packages/svelte/src/compiler/migrate/index.js
@@ -1,5 +1,4 @@
 /** @import { VariableDeclarator, Node, Identifier } from 'estree' */
-/** @import { SvelteNode } from '../types/template.js' */
 /** @import { Visitors } from 'zimmerframe' */
 /** @import { ComponentAnalysis } from '../phases/types.js' */
 /** @import { Scope } from '../phases/scope.js' */
@@ -58,6 +57,13 @@ export function migrate(source) {
 			needs_run: false
 		};
 
+		if (parsed.module) {
+			const context = parsed.module.attributes.find((attr) => attr.name === 'context');
+			if (context) {
+				state.str.update(context.start, context.end, 'module');
+			}
+		}
+
 		if (parsed.instance) {
 			walk(parsed.instance.content, state, instance_script);
 		}
@@ -223,7 +229,7 @@ export function migrate(source) {
  * }} State
  */
 
-/** @type {Visitors<SvelteNode, State>} */
+/** @type {Visitors<Compiler.SvelteNode, State>} */
 const instance_script = {
 	_(node, { state, next }) {
 		// @ts-expect-error
@@ -472,7 +478,7 @@ const instance_script = {
 	}
 };
 
-/** @type {Visitors<SvelteNode, State>} */
+/** @type {Visitors<Compiler.SvelteNode, State>} */
 const template = {
 	Identifier(node, { state, path }) {
 		handle_identifier(node, state, path);
@@ -590,7 +596,7 @@ const template = {
 /**
  * @param {VariableDeclarator} declarator
  * @param {MagicString} str
- * @param {Compiler.SvelteNode[]} path
+ * @param {Array<Compiler.SvelteNode>} path
  */
 function extract_type_and_comment(declarator, str, path) {
 	const parent = path.at(-1);
diff --git a/packages/svelte/src/compiler/phases/1-parse/read/script.js b/packages/svelte/src/compiler/phases/1-parse/read/script.js
index 1b85da60dc..3403b5aab4 100644
--- a/packages/svelte/src/compiler/phases/1-parse/read/script.js
+++ b/packages/svelte/src/compiler/phases/1-parse/read/script.js
@@ -4,32 +4,14 @@
 import * as acorn from '../acorn.js';
 import { regex_not_newline_characters } from '../../patterns.js';
 import * as e from '../../../errors.js';
+import * as w from '../../../warnings.js';
+import { is_text_attribute } from '../../../utils/ast.js';
 
 const regex_closing_script_tag = /<\/script\s*>/;
 const regex_starts_with_closing_script_tag = /^<\/script\s*>/;
 
-/**
- * @param {any[]} attributes
- * @returns {string}
- */
-function get_context(attributes) {
-	const context = attributes.find(
-		/** @param {any} attribute */ (attribute) => attribute.name === 'context'
-	);
-	if (!context) return 'default';
-
-	if (context.value.length !== 1 || context.value[0].type !== 'Text') {
-		e.script_invalid_context(context.start);
-	}
-
-	const value = context.value[0].data;
-
-	if (value !== 'module') {
-		e.script_invalid_context(context.start);
-	}
-
-	return value;
-}
+const RESERVED_ATTRIBUTES = ['server', 'client', 'worker', 'test', 'default'];
+const ALLOWED_ATTRIBUTES = ['context', 'generics', 'lang', 'module'];
 
 /**
  * @param {Parser} parser
@@ -60,14 +42,56 @@ export function read_script(parser, start, attributes) {
 	// TODO is this necessary?
 	ast.start = script_start;
 
+	/** @type {'default' | 'module'} */
+	let context = 'default';
+
+	for (const attribute of /** @type {Attribute[]} */ (attributes)) {
+		if (RESERVED_ATTRIBUTES.includes(attribute.name)) {
+			e.script_reserved_attribute(attribute, attribute.name);
+		}
+
+		if (!ALLOWED_ATTRIBUTES.includes(attribute.name)) {
+			w.script_unknown_attribute(attribute);
+		}
+
+		if (attribute.name === 'module') {
+			if (attribute.value !== true) {
+				// Deliberately a generic code to future-proof for potential other attributes
+				e.script_invalid_attribute_value(attribute, attribute.name);
+			}
+
+			context = 'module';
+		}
+
+		if (attribute.name === 'context') {
+			if (attribute.value === true || !is_text_attribute(attribute)) {
+				throw new Error('TODO');
+			}
+
+			if (attribute.value.length !== 1 || attribute.value[0].type !== 'Text') {
+				e.script_invalid_context(attribute);
+			}
+
+			const value = attribute.value[0].data;
+
+			if (value !== 'module') {
+				e.script_invalid_context(attribute);
+			}
+
+			w.script_context_deprecated(attribute);
+
+			context = 'module';
+		}
+	}
+
 	return {
 		type: 'Script',
 		start,
 		end: parser.index,
-		context: get_context(attributes),
+		context,
 		content: ast,
 		parent: null,
 		// @ts-ignore
-		attributes: attributes
+		attributes
 	};
 }
diff --git a/packages/svelte/src/compiler/phases/2-analyze/index.js b/packages/svelte/src/compiler/phases/2-analyze/index.js
index 1bd1903d44..d442cee77d 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/index.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/index.js
@@ -330,7 +330,7 @@ export function analyze_component(root, source, options) {
 
 			if (module.ast) {
 				for (const { node, path } of references) {
-					// if the reference is inside context="module", error. this is a bit hacky but it works
+					// if the reference is inside module, error. this is a bit hacky but it works
 					if (
 						/** @type {number} */ (node.start) > /** @type {number} */ (module.ast.start) &&
 						/** @type {number} */ (node.end) < /** @type {number} */ (module.ast.end) &&
diff --git a/packages/svelte/src/compiler/types/template.d.ts b/packages/svelte/src/compiler/types/template.d.ts
index c803dfbba9..a4480ce2f1 100644
--- a/packages/svelte/src/compiler/types/template.d.ts
+++ b/packages/svelte/src/compiler/types/template.d.ts
@@ -61,7 +61,7 @@ export interface Root extends BaseNode {
 	css: Css.StyleSheet | null;
 	/** The parsed `<script>` element, if exists */
 	instance: Script | null;
-	/** The parsed `<script context="module">` element, if exists */
+	/** The parsed `<script module>` element, if exists */
 	module: Script | null;
 	metadata: {
 		/** Whether the component was parsed with typescript */
@@ -488,7 +488,7 @@ export type SvelteNode = Node | TemplateNode | Fragment | Css.Node;
 
 export interface Script extends BaseNode {
 	type: 'Script';
-	context: string;
+	context: 'default' | 'module';
 	content: Program;
 	attributes: Attribute[];
 }
diff --git a/packages/svelte/src/compiler/warnings.js b/packages/svelte/src/compiler/warnings.js
index 90702409b3..797c20667c 100644
--- a/packages/svelte/src/compiler/warnings.js
+++ b/packages/svelte/src/compiler/warnings.js
@@ -117,6 +117,8 @@ export const codes = [
 	"element_invalid_self_closing_tag",
 	"event_directive_deprecated",
 	"node_invalid_placement_ssr",
+	"script_context_deprecated",
+	"script_unknown_attribute",
 	"slot_element_deprecated",
 	"svelte_component_deprecated",
 	"svelte_element_invalid_this"
@@ -769,6 +771,22 @@ export function node_invalid_placement_ssr(node, thing, parent) {
 	w(node, "node_invalid_placement_ssr", `${thing} is invalid inside \`<${parent}>\`. When rendering this component on the server, the resulting HTML will be modified by the browser, likely resulting in a \`hydration_mismatch\` warning`);
 }
 
+/**
+ * `context="module"` is deprecated, use the `module` attribute instead
+ * @param {null | NodeLike} node
+ */
+export function script_context_deprecated(node) {
+	w(node, "script_context_deprecated", "`context=\"module\"` is deprecated, use the `module` attribute instead");
+}
+
+/**
+ * Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it
+ * @param {null | NodeLike} node
+ */
+export function script_unknown_attribute(node) {
+	w(node, "script_unknown_attribute", "Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it");
+}
+
 /**
  * Using `<slot>` to render parent content is deprecated. Use `{@render ...}` tags instead
  * @param {null | NodeLike} node
diff --git a/packages/svelte/tests/compiler-errors/samples/export-state-module/_config.js b/packages/svelte/tests/compiler-errors/samples/export-state-module/_config.js
index 088991864a..fcfbe81428 100644
--- a/packages/svelte/tests/compiler-errors/samples/export-state-module/_config.js
+++ b/packages/svelte/tests/compiler-errors/samples/export-state-module/_config.js
@@ -5,6 +5,6 @@ export default test({
 		code: 'state_invalid_export',
 		message:
 			"Cannot export state from a module if it is reassigned. Either export a function returning the state value or only mutate the state value's properties",
-		position: [76, 114]
+		position: [66, 104]
 	}
 });
diff --git a/packages/svelte/tests/compiler-errors/samples/export-state-module/main.svelte b/packages/svelte/tests/compiler-errors/samples/export-state-module/main.svelte
index 00a05eae8a..0b0e6351b9 100644
--- a/packages/svelte/tests/compiler-errors/samples/export-state-module/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/export-state-module/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	export const object = $state({
 		ok: true
 	});
diff --git a/packages/svelte/tests/compiler-errors/samples/runes-export-let/main.svelte b/packages/svelte/tests/compiler-errors/samples/runes-export-let/main.svelte
index f58bb8674f..55de24b03d 100644
--- a/packages/svelte/tests/compiler-errors/samples/runes-export-let/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/runes-export-let/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
     export let bar = ''; // check that it doesn't error here already
 </script>
 
diff --git a/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/_config.js b/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/_config.js
index a48923bd4a..e8ec74c5f0 100644
--- a/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/_config.js
+++ b/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/_config.js
@@ -3,7 +3,7 @@ import { test } from '../../test';
 export default test({
 	error: {
 		code: 'store_invalid_subscription',
-		message: 'Cannot reference store value inside `<script context="module">`',
-		position: [164, 168]
+		message: 'Cannot reference store value inside `<script module>`',
+		position: [154, 158]
 	}
 });
diff --git a/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/main.svelte b/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/main.svelte
index dcc462d878..9d47176e72 100644
--- a/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/store-autosub-context-module/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	// this should be fine (state rune is not treated as a store)
 	const state = $state(0);
 	// this is not
diff --git a/packages/svelte/tests/migrate/samples/script-context-module/input.svelte b/packages/svelte/tests/migrate/samples/script-context-module/input.svelte
new file mode 100644
index 0000000000..4db4ff59ee
--- /dev/null
+++ b/packages/svelte/tests/migrate/samples/script-context-module/input.svelte
@@ -0,0 +1,3 @@
+<script context="module">
+	let foo = true;
+</script>
diff --git a/packages/svelte/tests/migrate/samples/script-context-module/output.svelte b/packages/svelte/tests/migrate/samples/script-context-module/output.svelte
new file mode 100644
index 0000000000..e508049d5d
--- /dev/null
+++ b/packages/svelte/tests/migrate/samples/script-context-module/output.svelte
@@ -0,0 +1,3 @@
+<script module>
+	let foo = true;
+</script>
diff --git a/packages/svelte/tests/parser-modern/samples/options/input.svelte b/packages/svelte/tests/parser-modern/samples/options/input.svelte
index 9e8253c50c..b7ee13b5e5 100644
--- a/packages/svelte/tests/parser-modern/samples/options/input.svelte
+++ b/packages/svelte/tests/parser-modern/samples/options/input.svelte
@@ -1,6 +1,6 @@
 <svelte:options customElement="my-custom-element" runes={true} />
 
-<script context="module" lang="ts">
+<script module lang="ts">
 </script>
 
 <script lang="ts" generics="T extends { foo: number }">
diff --git a/packages/svelte/tests/parser-modern/samples/options/output.json b/packages/svelte/tests/parser-modern/samples/options/output.json
index 27a5cfce15..6feee2d4f5 100644
--- a/packages/svelte/tests/parser-modern/samples/options/output.json
+++ b/packages/svelte/tests/parser-modern/samples/options/output.json
@@ -2,7 +2,7 @@
 	"css": null,
 	"js": [],
 	"start": 0,
-	"end": 112,
+	"end": 102,
 	"type": "Root",
 	"fragment": {
 		"type": "Fragment",
@@ -16,8 +16,8 @@
 			},
 			{
 				"type": "Text",
-				"start": 112,
-				"end": 114,
+				"start": 102,
+				"end": 104,
 				"raw": "\n\n",
 				"data": "\n\n"
 			}
@@ -79,12 +79,12 @@
 	"module": {
 		"type": "Script",
 		"start": 67,
-		"end": 112,
+		"end": 102,
 		"context": "module",
 		"content": {
 			"type": "Program",
-			"start": 102,
-			"end": 103,
+			"start": 92,
+			"end": 93,
 			"loc": {
 				"start": {
 					"line": 1,
@@ -102,27 +102,19 @@
 			{
 				"type": "Attribute",
 				"start": 75,
-				"end": 91,
-				"name": "context",
-				"value": [
-					{
-						"start": 84,
-						"end": 90,
-						"type": "Text",
-						"raw": "module",
-						"data": "module"
-					}
-				]
+				"end": 81,
+				"name": "module",
+				"value": true
 			},
 			{
 				"type": "Attribute",
-				"start": 92,
-				"end": 101,
+				"start": 82,
+				"end": 91,
 				"name": "lang",
 				"value": [
 					{
-						"start": 98,
-						"end": 100,
+						"start": 88,
+						"end": 90,
 						"type": "Text",
 						"raw": "ts",
 						"data": "ts"
@@ -133,13 +125,13 @@
 	},
 	"instance": {
 		"type": "Script",
-		"start": 114,
-		"end": 179,
+		"start": 104,
+		"end": 169,
 		"context": "default",
 		"content": {
 			"type": "Program",
-			"start": 169,
-			"end": 170,
+			"start": 159,
+			"end": 160,
 			"loc": {
 				"start": {
 					"line": 1,
@@ -156,13 +148,13 @@
 		"attributes": [
 			{
 				"type": "Attribute",
-				"start": 122,
-				"end": 131,
+				"start": 112,
+				"end": 121,
 				"name": "lang",
 				"value": [
 					{
-						"start": 128,
-						"end": 130,
+						"start": 118,
+						"end": 120,
 						"type": "Text",
 						"raw": "ts",
 						"data": "ts"
@@ -171,13 +163,13 @@
 			},
 			{
 				"type": "Attribute",
-				"start": 132,
-				"end": 168,
+				"start": 122,
+				"end": 158,
 				"name": "generics",
 				"value": [
 					{
-						"start": 142,
-						"end": 167,
+						"start": 132,
+						"end": 157,
 						"type": "Text",
 						"raw": "T extends { foo: number }",
 						"data": "T extends { foo: number }"
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-namespace/Widget.svelte b/packages/svelte/tests/runtime-legacy/samples/component-namespace/Widget.svelte
index b6aa45c6a8..d0003f9f32 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-namespace/Widget.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-namespace/Widget.svelte
@@ -1,5 +1,5 @@
-<script context="module">
-  import Tooltip from './Tooltip.svelte';
+<script module>
+	import Tooltip from './Tooltip.svelte';
 
-  export const Widget = { Tooltip };
-</script>
\ No newline at end of file
+	export const Widget = { Tooltip };
+</script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-namespaced/components.svelte b/packages/svelte/tests/runtime-legacy/samples/component-namespaced/components.svelte
index 5b9a6c5167..3672036a53 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-namespaced/components.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-namespaced/components.svelte
@@ -1,5 +1,5 @@
-<script context="module">
-  import Foo from './Foo.svelte';
+<script module>
+	import Foo from './Foo.svelte';
 
-  export const Components = { Foo };
-</script>
\ No newline at end of file
+	export const Components = { Foo };
+</script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-slot-fallback-2/store.svelte b/packages/svelte/tests/runtime-legacy/samples/component-slot-fallback-2/store.svelte
index e377aaf314..ef5dc7e91a 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-slot-fallback-2/store.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-slot-fallback-2/store.svelte
@@ -1,23 +1,23 @@
-<script context="module">
-  let value = 'Blub';
-  let count = 0;
-  const subscribers = new Set();
-  export const model = {
-    subscribe(fn) {
-      subscribers.add(fn);
-      count ++;
-      fn(value);
-      return () => {
-        count--;
-        subscribers.delete(fn);
-      };
-    },
-    set(v) {
-      value = v;
-      subscribers.forEach(fn => fn(v));
-    },
-    getCount() {
-      return count;
-    }
-  };
-</script>
\ No newline at end of file
+<script module>
+	let value = 'Blub';
+	let count = 0;
+	const subscribers = new Set();
+	export const model = {
+		subscribe(fn) {
+			subscribers.add(fn);
+			count++;
+			fn(value);
+			return () => {
+				count--;
+				subscribers.delete(fn);
+			};
+		},
+		set(v) {
+			value = v;
+			subscribers.forEach((fn) => fn(v));
+		},
+		getCount() {
+			return count;
+		}
+	};
+</script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/context-api/Tabs.svelte b/packages/svelte/tests/runtime-legacy/samples/context-api/Tabs.svelte
index 6692bb31e9..79cc4e11b1 100644
--- a/packages/svelte/tests/runtime-legacy/samples/context-api/Tabs.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/context-api/Tabs.svelte
@@ -1,6 +1,6 @@
 
 
-<script context="module">
+<script module>
 	export const TABS = {};
 </script>
 
diff --git a/packages/svelte/tests/runtime-legacy/samples/deconflict-component-name-with-module-global/main.svelte b/packages/svelte/tests/runtime-legacy/samples/deconflict-component-name-with-module-global/main.svelte
index a14f3e7a1e..9fac585775 100644
--- a/packages/svelte/tests/runtime-legacy/samples/deconflict-component-name-with-module-global/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/deconflict-component-name-with-module-global/main.svelte
@@ -1,5 +1,5 @@
-<script context="module">
+<script module>
 	let set = new Set(['x']);
 </script>
 
-<p>{set.has('x')}</p>
\ No newline at end of file
+<p>{set.has('x')}</p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/module-context-export-referenced-in-template/Foo.svelte b/packages/svelte/tests/runtime-legacy/samples/module-context-export-referenced-in-template/Foo.svelte
index a0f3258fd6..4750e6253b 100644
--- a/packages/svelte/tests/runtime-legacy/samples/module-context-export-referenced-in-template/Foo.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/module-context-export-referenced-in-template/Foo.svelte
@@ -1,5 +1,7 @@
-<script context="module">
-	export function foo() { return 42; };
+<script module>
+	export function foo() {
+		return 42;
+	}
 </script>
 
 <button on:click={foo}>foo</button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/module-context-export/Foo.svelte b/packages/svelte/tests/runtime-legacy/samples/module-context-export/Foo.svelte
index c992ceef52..86f110f481 100644
--- a/packages/svelte/tests/runtime-legacy/samples/module-context-export/Foo.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/module-context-export/Foo.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	export const foo = 42;
 </script>
 <script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/module-context-with-instance-script/main.svelte b/packages/svelte/tests/runtime-legacy/samples/module-context-with-instance-script/main.svelte
index 8769beaf3e..1db102a448 100644
--- a/packages/svelte/tests/runtime-legacy/samples/module-context-with-instance-script/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/module-context-with-instance-script/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	const foo = 42;
 </script>
 
diff --git a/packages/svelte/tests/runtime-legacy/samples/module-context/main.svelte b/packages/svelte/tests/runtime-legacy/samples/module-context/main.svelte
index 851d98bea3..2e1ae663fb 100644
--- a/packages/svelte/tests/runtime-legacy/samples/module-context/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/module-context/main.svelte
@@ -1,5 +1,5 @@
-<script context="module">
+<script module>
 	const foo = 42;
 </script>
 
-<p>{foo}</p>
\ No newline at end of file
+<p>{foo}</p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/preload/main.svelte b/packages/svelte/tests/runtime-legacy/samples/preload/main.svelte
index f7f2adff18..b285d423fc 100644
--- a/packages/svelte/tests/runtime-legacy/samples/preload/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/preload/main.svelte
@@ -1,7 +1,7 @@
-<script context="module">
+<script module>
 	export function preload({ foo }) {
 		return {
 			bar: foo * 2
 		};
 	}
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/reactive-import-statement-module/main.svelte b/packages/svelte/tests/runtime-legacy/samples/reactive-import-statement-module/main.svelte
index beb2c406d1..18db8a7a31 100644
--- a/packages/svelte/tests/runtime-legacy/samples/reactive-import-statement-module/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/reactive-import-statement-module/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	import state from './state.js';
 
 	function update() {
diff --git a/packages/svelte/tests/runtime-legacy/samples/reactive-statement-module-vars/main.svelte b/packages/svelte/tests/runtime-legacy/samples/reactive-statement-module-vars/main.svelte
index 6d9cd070ae..9bb31b0ea7 100644
--- a/packages/svelte/tests/runtime-legacy/samples/reactive-statement-module-vars/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/reactive-statement-module-vars/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let moduleA = 'moduleA';
 	let moduleB = 'moduleB';
 </script>
diff --git a/packages/svelte/tests/runtime-legacy/samples/store-imported-module/main.svelte b/packages/svelte/tests/runtime-legacy/samples/store-imported-module/main.svelte
index 8710e3d1c6..35986d43d5 100644
--- a/packages/svelte/tests/runtime-legacy/samples/store-imported-module/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/store-imported-module/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	import foo from './foo.js';
 </script>
 
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
index baa1b4aa86..898df1d66c 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	class SomeLogic {
 		someValue = $state(0);
 		isAboveThree = $derived(this.someValue > 3);
diff --git a/packages/svelte/tests/runtime-runes/samples/custom-element-slot-in-snippet/Component.svelte b/packages/svelte/tests/runtime-runes/samples/custom-element-slot-in-snippet/Component.svelte
index 568baa0be9..b78e4c5d60 100644
--- a/packages/svelte/tests/runtime-runes/samples/custom-element-slot-in-snippet/Component.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/custom-element-slot-in-snippet/Component.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	if (!customElements.get('my-custom-element')) {
 		customElements.define('my-custom-element', class extends HTMLElement {
 			connectedCallback() {
diff --git a/packages/svelte/tests/runtime-runes/samples/derived-unowned-2/Component.svelte b/packages/svelte/tests/runtime-runes/samples/derived-unowned-2/Component.svelte
index 8c64dca9a9..6d90688937 100644
--- a/packages/svelte/tests/runtime-runes/samples/derived-unowned-2/Component.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/derived-unowned-2/Component.svelte
@@ -1,12 +1,11 @@
-<script context="module">
+<script module>
 	class Store {
-		all = $state([1,2,3]);
-		d1 = $derived(this.all.filter(a => a > 2));
+		all = $state([1, 2, 3]);
+		d1 = $derived(this.all.filter((a) => a > 2));
 
-		update_value(){
-			this.all = [1,2,3,4,5];
+		update_value() {
+			this.all = [1, 2, 3, 4, 5];
 		}
 	}
 	export const s = new Store();
-
 </script>
diff --git a/packages/svelte/tests/runtime-runes/samples/derived-unowned-5/main.svelte b/packages/svelte/tests/runtime-runes/samples/derived-unowned-5/main.svelte
index 3889869461..beecbacb69 100644
--- a/packages/svelte/tests/runtime-runes/samples/derived-unowned-5/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/derived-unowned-5/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
   export class Thing {
     data = $state();
 
diff --git a/packages/svelte/tests/runtime-runes/samples/derived-unowned-8/main.svelte b/packages/svelte/tests/runtime-runes/samples/derived-unowned-8/main.svelte
index 5644e87377..57730630fb 100644
--- a/packages/svelte/tests/runtime-runes/samples/derived-unowned-8/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/derived-unowned-8/main.svelte
@@ -1,13 +1,13 @@
-<script context="module">
+<script module>
 	let visible = $state(true);
 
 	function toggleVisibility() {
 		visible = !visible;
 	}
 
-	let unchangedState = $state("unchanged state");
+	let unchangedState = $state('unchanged state');
 	let derived = $derived.by(() => {
-		console.log("recalculating");
+		console.log('recalculating');
 		return unchangedState;
 	});
 </script>
diff --git a/packages/svelte/tests/runtime-runes/samples/derived-unowned/Component.svelte b/packages/svelte/tests/runtime-runes/samples/derived-unowned/Component.svelte
index 8946c01d50..1790f088c0 100644
--- a/packages/svelte/tests/runtime-runes/samples/derived-unowned/Component.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/derived-unowned/Component.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	class Foo {
 		x = $state(5);
 		y = $derived(this.x * 2);
@@ -17,7 +17,7 @@
 
 		get y() {
 			return y;
-		},
+		}
 	};
 </script>
 
diff --git a/packages/svelte/tests/runtime-runes/samples/effect-dependencies/main.svelte b/packages/svelte/tests/runtime-runes/samples/effect-dependencies/main.svelte
index 75f5a0cd6e..770666289c 100644
--- a/packages/svelte/tests/runtime-runes/samples/effect-dependencies/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/effect-dependencies/main.svelte
@@ -1,8 +1,8 @@
-<script context="module">
+<script module>
 	class Things {
 		tab = $state('A');
 
-		data = $state([{no: 1}, {no: 2}]);
+		data = $state([{ no: 1 }, { no: 2 }]);
 		list = $derived(this.filter());
 
 		filter() {
@@ -15,13 +15,13 @@
 </script>
 
 <div>
-		<button onclick={() => things.tab = 'A'} >A</button>
-		<button onclick={() => things.tab = 'B'} >B</button>
+	<button onclick={() => (things.tab = 'A')}>A</button>
+	<button onclick={() => (things.tab = 'B')}>B</button>
 </div>
 
 <div>
 	{#if things.tab === 'A'}
-			A
+		A
 	{:else}
 		B
 		{#each things.list as item}
diff --git a/packages/svelte/tests/runtime-runes/samples/element-is-attribute/main.svelte b/packages/svelte/tests/runtime-runes/samples/element-is-attribute/main.svelte
index 76aca5fa32..15d2d521e4 100644
--- a/packages/svelte/tests/runtime-runes/samples/element-is-attribute/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/element-is-attribute/main.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
 	if (!customElements.get('x-button')) {
 		class XButton extends HTMLButtonElement {
 			connectedCallback() {
diff --git a/packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/main.svelte b/packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/main.svelte
index 6f31e8aa58..0cf1047cc7 100644
--- a/packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	function declared_in_module_scope() {
 		return 'x';
 	}
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/main.svelte b/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/main.svelte
index 49dec62f28..1071d37c39 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	const data = $state({
 		list: [],
 		derived: 0
diff --git a/packages/svelte/tests/runtime-runes/samples/module-context-export/main.svelte b/packages/svelte/tests/runtime-runes/samples/module-context-export/main.svelte
index e3109ef1f1..dfffc8f556 100644
--- a/packages/svelte/tests/runtime-runes/samples/module-context-export/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/module-context-export/main.svelte
@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script context="module">
+<script module>
 	export const answer = 42;
 </script>
 
diff --git a/packages/svelte/tests/runtime-runes/samples/non-local-mutation-global-2/child.svelte b/packages/svelte/tests/runtime-runes/samples/non-local-mutation-global-2/child.svelte
index 5efb0d11ab..13de753647 100644
--- a/packages/svelte/tests/runtime-runes/samples/non-local-mutation-global-2/child.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/non-local-mutation-global-2/child.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let toast1 = $state();
 	let toast2 = $state({});
 
@@ -8,7 +8,7 @@
 			show: true
 		};
 		toast1.show = false;
-		
+
 		toast2 = {
 			message: 'foo',
 			show: true
diff --git a/packages/svelte/tests/runtime-runes/samples/proxied-state-property-access/main.svelte b/packages/svelte/tests/runtime-runes/samples/proxied-state-property-access/main.svelte
index f17b9215b3..6b642184b2 100644
--- a/packages/svelte/tests/runtime-runes/samples/proxied-state-property-access/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/proxied-state-property-access/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	const context = $state({
 		settings: {
 			showInRgb: true
diff --git a/packages/svelte/tests/runtime-runes/samples/runes-in-module-context/main.svelte b/packages/svelte/tests/runtime-runes/samples/runes-in-module-context/main.svelte
index b5146071a2..ae54375c94 100644
--- a/packages/svelte/tests/runtime-runes/samples/runes-in-module-context/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/runes-in-module-context/main.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
   function createCounter() {
     let count = $state(0);
     let double = $derived(count * 2);
diff --git a/packages/svelte/tests/runtime-runes/samples/typescript/main.svelte b/packages/svelte/tests/runtime-runes/samples/typescript/main.svelte
index 576ce708cf..549e0f91e5 100644
--- a/packages/svelte/tests/runtime-runes/samples/typescript/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/typescript/main.svelte
@@ -1,4 +1,4 @@
-<script context="module" lang="ts">
+<script module lang="ts">
 	interface Hello {
 		message: 'hello';
 	}
diff --git a/packages/svelte/tests/sourcemaps/samples/two-scripts/input.svelte b/packages/svelte/tests/sourcemaps/samples/two-scripts/input.svelte
index 4c869827c0..9fee42ccac 100644
--- a/packages/svelte/tests/sourcemaps/samples/two-scripts/input.svelte
+++ b/packages/svelte/tests/sourcemaps/samples/two-scripts/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	export let first;
 </script>
 
diff --git a/packages/svelte/tests/validator/samples/illegal-variable-declaration/errors.json b/packages/svelte/tests/validator/samples/illegal-variable-declaration/errors.json
index e0002aaa74..850880e744 100644
--- a/packages/svelte/tests/validator/samples/illegal-variable-declaration/errors.json
+++ b/packages/svelte/tests/validator/samples/illegal-variable-declaration/errors.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "declaration_duplicate_module_import",
-		"message": "Cannot declare same variable name which is imported inside `<script context=\"module\">`",
+		"message": "Cannot declare a variable with the same name as an import inside `<script module>`",
 		"start": {
 			"line": 12,
 			"column": 5
diff --git a/packages/svelte/tests/validator/samples/illegal-variable-declaration/input.svelte b/packages/svelte/tests/validator/samples/illegal-variable-declaration/input.svelte
index 0655ea322d..355abfb883 100644
--- a/packages/svelte/tests/validator/samples/illegal-variable-declaration/input.svelte
+++ b/packages/svelte/tests/validator/samples/illegal-variable-declaration/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	import { FOO } from './dummy.svelte';
 	function ok() {
 		let FOO;
diff --git a/packages/svelte/tests/validator/samples/inline-new-class-5/input.svelte b/packages/svelte/tests/validator/samples/inline-new-class-5/input.svelte
index 817bb29310..dd290da374 100644
--- a/packages/svelte/tests/validator/samples/inline-new-class-5/input.svelte
+++ b/packages/svelte/tests/validator/samples/inline-new-class-5/input.svelte
@@ -1,5 +1,5 @@
-<script context="module">
-	const a = new class Foo {
-		foo = $state(0)
-	}
+<script module>
+	const a = new (class Foo {
+		foo = $state(0);
+	})();
 </script>
diff --git a/packages/svelte/tests/validator/samples/module-script-reactive-declaration/input.svelte b/packages/svelte/tests/validator/samples/module-script-reactive-declaration/input.svelte
index 9df1cd54dd..2673ab2f9a 100644
--- a/packages/svelte/tests/validator/samples/module-script-reactive-declaration/input.svelte
+++ b/packages/svelte/tests/validator/samples/module-script-reactive-declaration/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let num = 2;
 	let square;
 	$: square = num * num;
diff --git a/packages/svelte/tests/validator/samples/multiple-script-default-context/errors.json b/packages/svelte/tests/validator/samples/multiple-script-default-context/errors.json
index e1a4b15c0e..c9a32700a2 100644
--- a/packages/svelte/tests/validator/samples/multiple-script-default-context/errors.json
+++ b/packages/svelte/tests/validator/samples/multiple-script-default-context/errors.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "script_duplicate",
-		"message": "A component can have a single top-level `<script>` element and/or a single top-level `<script context=\"module\">` element",
+		"message": "A component can have a single top-level `<script>` element and/or a single top-level `<script module>` element",
 		"start": {
 			"line": 5,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/multiple-script-module-context/errors.json b/packages/svelte/tests/validator/samples/multiple-script-module-context/errors.json
index e1a4b15c0e..c9a32700a2 100644
--- a/packages/svelte/tests/validator/samples/multiple-script-module-context/errors.json
+++ b/packages/svelte/tests/validator/samples/multiple-script-module-context/errors.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "script_duplicate",
-		"message": "A component can have a single top-level `<script>` element and/or a single top-level `<script context=\"module\">` element",
+		"message": "A component can have a single top-level `<script>` element and/or a single top-level `<script module>` element",
 		"start": {
 			"line": 5,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/multiple-script-module-context/input.svelte b/packages/svelte/tests/validator/samples/multiple-script-module-context/input.svelte
index b43f3cb8c8..9aa2e1a7d0 100644
--- a/packages/svelte/tests/validator/samples/multiple-script-module-context/input.svelte
+++ b/packages/svelte/tests/validator/samples/multiple-script-module-context/input.svelte
@@ -1,7 +1,7 @@
-<script context="module">
+<script module>
 	let foo;
 </script>
 
-<script context="module">
+<script module>
 	let bar;
 </script>
\ No newline at end of file
diff --git a/packages/svelte/tests/validator/samples/reactive-module-const-variable/input.svelte b/packages/svelte/tests/validator/samples/reactive-module-const-variable/input.svelte
index c89cc1c1d0..82fb3aba9b 100644
--- a/packages/svelte/tests/validator/samples/reactive-module-const-variable/input.svelte
+++ b/packages/svelte/tests/validator/samples/reactive-module-const-variable/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	export const foo = 123;
 	export const doFoo = (foo) => foo;
 </script>
diff --git a/packages/svelte/tests/validator/samples/reactive-module-variable-2/input.svelte b/packages/svelte/tests/validator/samples/reactive-module-variable-2/input.svelte
index d36d9cf210..5209154b6f 100644
--- a/packages/svelte/tests/validator/samples/reactive-module-variable-2/input.svelte
+++ b/packages/svelte/tests/validator/samples/reactive-module-variable-2/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let PI = 3.14;
 </script>
 <script>
diff --git a/packages/svelte/tests/validator/samples/reactive-module-variable/input.svelte b/packages/svelte/tests/validator/samples/reactive-module-variable/input.svelte
index ebf98c0e9e..0129c3058f 100644
--- a/packages/svelte/tests/validator/samples/reactive-module-variable/input.svelte
+++ b/packages/svelte/tests/validator/samples/reactive-module-variable/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let foo = 0;
 
 	export function update() {
diff --git a/packages/svelte/tests/validator/samples/script-context-module-deprecated/input.svelte b/packages/svelte/tests/validator/samples/script-context-module-deprecated/input.svelte
new file mode 100644
index 0000000000..f32beead1c
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-context-module-deprecated/input.svelte
@@ -0,0 +1,3 @@
+<script context="module">
+	let num = 2;
+</script>
diff --git a/packages/svelte/tests/validator/samples/script-context-module-deprecated/warnings.json b/packages/svelte/tests/validator/samples/script-context-module-deprecated/warnings.json
new file mode 100644
index 0000000000..739e2b2295
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-context-module-deprecated/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "script_context_deprecated",
+		"message": "`context=\"module\"` is deprecated, use the `module` attribute instead",
+		"start": {
+			"column": 8,
+			"line": 1
+		},
+		"end": {
+			"column": 24,
+			"line": 1
+		}
+	}
+]
diff --git a/packages/svelte/tests/validator/samples/script-invalid-context/errors.json b/packages/svelte/tests/validator/samples/script-invalid-context/errors.json
index 3698b92386..16072ef2cb 100644
--- a/packages/svelte/tests/validator/samples/script-invalid-context/errors.json
+++ b/packages/svelte/tests/validator/samples/script-invalid-context/errors.json
@@ -8,7 +8,7 @@
 		},
 		"end": {
 			"line": 1,
-			"column": 8
+			"column": 22
 		}
 	}
 ]
diff --git a/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/input.svelte b/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/input.svelte
new file mode 100644
index 0000000000..5a28597de7
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/input.svelte
@@ -0,0 +1 @@
+<script {...wheee}></script>
diff --git a/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/warnings.json b/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/warnings.json
new file mode 100644
index 0000000000..c6748f711d
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-invalid-spread-attribute/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "script_unknown_attribute",
+		"message": "Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it",
+		"start": {
+			"column": 8,
+			"line": 1
+		},
+		"end": {
+			"column": 18,
+			"line": 1
+		}
+	}
+]
diff --git a/packages/svelte/tests/validator/samples/script-unknown-attribute/input.svelte b/packages/svelte/tests/validator/samples/script-unknown-attribute/input.svelte
new file mode 100644
index 0000000000..2c991e62c1
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-unknown-attribute/input.svelte
@@ -0,0 +1 @@
+<script potato></script>
diff --git a/packages/svelte/tests/validator/samples/script-unknown-attribute/warnings.json b/packages/svelte/tests/validator/samples/script-unknown-attribute/warnings.json
new file mode 100644
index 0000000000..fdcad269a6
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/script-unknown-attribute/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "script_unknown_attribute",
+		"message": "Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it",
+		"start": {
+			"column": 8,
+			"line": 1
+		},
+		"end": {
+			"column": 14,
+			"line": 1
+		}
+	}
+]
diff --git a/packages/svelte/tests/validator/samples/silence-warnings-2/input.svelte b/packages/svelte/tests/validator/samples/silence-warnings-2/input.svelte
index 275165ffd7..251ea12051 100644
--- a/packages/svelte/tests/validator/samples/silence-warnings-2/input.svelte
+++ b/packages/svelte/tests/validator/samples/silence-warnings-2/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let foo;
 </script>
 
diff --git a/packages/svelte/tests/validator/samples/silence-warnings/input.svelte b/packages/svelte/tests/validator/samples/silence-warnings/input.svelte
index 4520aed9c1..a8760fdd19 100644
--- a/packages/svelte/tests/validator/samples/silence-warnings/input.svelte
+++ b/packages/svelte/tests/validator/samples/silence-warnings/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	let foo;
 </script>
 
diff --git a/packages/svelte/tests/validator/samples/unreferenced-variables/input.svelte b/packages/svelte/tests/validator/samples/unreferenced-variables/input.svelte
index cebd861985..caac6d8bf9 100644
--- a/packages/svelte/tests/validator/samples/unreferenced-variables/input.svelte
+++ b/packages/svelte/tests/validator/samples/unreferenced-variables/input.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
   var a1 = 1;
   let b1 = 1;
   const c1 = 1;
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 6f9828375a..535250bc77 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -1519,7 +1519,7 @@ declare module 'svelte/compiler' {
 		css: Css.StyleSheet | null;
 		/** The parsed `<script>` element, if exists */
 		instance: Script | null;
-		/** The parsed `<script context="module">` element, if exists */
+		/** The parsed `<script module>` element, if exists */
 		module: Script | null;
 		metadata: {
 			/** Whether the component was parsed with typescript */
@@ -1946,7 +1946,7 @@ declare module 'svelte/compiler' {
 
 	interface Script extends BaseNode {
 		type: 'Script';
-		context: string;
+		context: 'default' | 'module';
 		content: Program;
 		attributes: Attribute[];
 	}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33baf92b1d..31d2480b11 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 2.27.6
       '@sveltejs/eslint-config':
         specifier: ^8.0.1
-        version: 8.0.1(@stylistic/eslint-plugin-js@1.8.0(eslint@9.6.0))(eslint-config-prettier@9.1.0(eslint@9.6.0))(eslint-plugin-n@17.9.0(eslint@9.6.0))(eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@5.0.0-next.219))(eslint@9.6.0)(typescript-eslint@8.0.0-alpha.34(eslint@9.6.0)(typescript@5.5.2))(typescript@5.5.2)
+        version: 8.0.1(@stylistic/eslint-plugin-js@1.8.0(eslint@9.6.0))(eslint-config-prettier@9.1.0(eslint@9.6.0))(eslint-plugin-n@17.9.0(eslint@9.6.0))(eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@packages+svelte))(eslint@9.6.0)(typescript-eslint@8.0.0-alpha.34(eslint@9.6.0)(typescript@5.5.2))(typescript@5.5.2)
       '@svitejs/changesets-changelog-github-compact':
         specifier: ^1.1.0
         version: 1.1.0
@@ -43,7 +43,10 @@ importers:
         version: 3.2.4
       prettier-plugin-svelte:
         specifier: ^3.1.2
-        version: 3.1.2(prettier@3.2.4)(svelte@5.0.0-next.219)
+        version: 3.1.2(prettier@3.2.4)(svelte@packages+svelte)
+      svelte:
+        specifier: workspace:^
+        version: link:packages/svelte
       typescript:
         specifier: ^5.5.2
         version: 5.5.2
@@ -415,10 +418,6 @@ packages:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
   '@antfu/utils@0.7.8':
     resolution: {integrity: sha512-rWQkqXRESdjXtc+7NRfK9lASQjpXJu1ayp7qi1d23zZorY+wBHVLHHoVcMsEnkqEBWTFqbztO7/QdJFzyEcLTg==}
 
@@ -1043,26 +1042,14 @@ packages:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/gen-mapping@0.3.5':
-    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
-    engines: {node: '>=6.0.0'}
-
   '@jridgewell/resolve-uri@3.1.1':
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
   '@jridgewell/set-array@1.1.2':
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.2.1':
-    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
-    engines: {node: '>=6.0.0'}
-
   '@jridgewell/source-map@0.3.5':
     resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
 
@@ -1075,9 +1062,6 @@ packages:
   '@jridgewell/trace-mapping@0.3.22':
     resolution: {integrity: sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==}
 
-  '@jridgewell/trace-mapping@0.3.25':
-    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
-
   '@lezer/common@1.2.1':
     resolution: {integrity: sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ==}
 
@@ -1799,10 +1783,6 @@ packages:
   axobject-query@4.0.0:
     resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
 
-  axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
-
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -3677,10 +3657,6 @@ packages:
     resolution: {integrity: sha512-hsoB/WZGEPFXeRRLPhPrbRz67PhP6sqYgvwcAs+gWdSQSvNDw+/lTeUJSWe5h2xC97Fz/8QxAOqItwBzNJPU8w==}
     engines: {node: '>=16'}
 
-  svelte@5.0.0-next.219:
-    resolution: {integrity: sha512-f6qHmE2TNVmx9GzBR5tzQQaAVTq/Bll8rYhWRbkYjoCpA+WgkAK3I276SejLv6u/IeVQE7TX8s7ljyanvbtFBA==}
-    engines: {node: '>=18'}
-
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
@@ -4072,11 +4048,6 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.22
 
-  '@ampproject/remapping@2.3.0':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-
   '@antfu/utils@0.7.8': {}
 
   '@babel/helper-string-parser@7.23.4': {}
@@ -4835,20 +4806,10 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.22
 
-  '@jridgewell/gen-mapping@0.3.5':
-    dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
-
   '@jridgewell/resolve-uri@3.1.1': {}
 
-  '@jridgewell/resolve-uri@3.1.2': {}
-
   '@jridgewell/set-array@1.1.2': {}
 
-  '@jridgewell/set-array@1.2.1': {}
-
   '@jridgewell/source-map@0.3.5':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
@@ -4863,11 +4824,6 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  '@jridgewell/trace-mapping@0.3.25':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.0
-
   '@lezer/common@1.2.1': {}
 
   '@lezer/css@1.1.7':
@@ -5241,13 +5197,13 @@ snapshots:
       - encoding
       - supports-color
 
-  '@sveltejs/eslint-config@8.0.1(@stylistic/eslint-plugin-js@1.8.0(eslint@9.6.0))(eslint-config-prettier@9.1.0(eslint@9.6.0))(eslint-plugin-n@17.9.0(eslint@9.6.0))(eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@5.0.0-next.219))(eslint@9.6.0)(typescript-eslint@8.0.0-alpha.34(eslint@9.6.0)(typescript@5.5.2))(typescript@5.5.2)':
+  '@sveltejs/eslint-config@8.0.1(@stylistic/eslint-plugin-js@1.8.0(eslint@9.6.0))(eslint-config-prettier@9.1.0(eslint@9.6.0))(eslint-plugin-n@17.9.0(eslint@9.6.0))(eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@packages+svelte))(eslint@9.6.0)(typescript-eslint@8.0.0-alpha.34(eslint@9.6.0)(typescript@5.5.2))(typescript@5.5.2)':
     dependencies:
       '@stylistic/eslint-plugin-js': 1.8.0(eslint@9.6.0)
       eslint: 9.6.0
       eslint-config-prettier: 9.1.0(eslint@9.6.0)
       eslint-plugin-n: 17.9.0(eslint@9.6.0)
-      eslint-plugin-svelte: 2.38.0(eslint@9.6.0)(svelte@5.0.0-next.219)
+      eslint-plugin-svelte: 2.38.0(eslint@9.6.0)(svelte@packages+svelte)
       globals: 15.6.0
       typescript: 5.5.2
       typescript-eslint: 8.0.0-alpha.34(eslint@9.6.0)(typescript@5.5.2)
@@ -5633,10 +5589,6 @@ snapshots:
     dependencies:
       acorn: 8.11.3
 
-  acorn-typescript@1.4.13(acorn@8.12.1):
-    dependencies:
-      acorn: 8.12.1
-
   acorn-walk@8.3.2: {}
 
   acorn@8.11.3: {}
@@ -5710,8 +5662,6 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  axobject-query@4.1.0: {}
-
   balanced-match@1.0.2: {}
 
   base64-js@0.0.8: {}
@@ -6091,7 +6041,7 @@ snapshots:
       minimatch: 9.0.5
       semver: 7.6.3
 
-  eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@5.0.0-next.219):
+  eslint-plugin-svelte@2.38.0(eslint@9.6.0)(svelte@packages+svelte):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.6.0)
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -6105,9 +6055,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.41)
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      svelte-eslint-parser: 0.41.0(svelte@5.0.0-next.219)
+      svelte-eslint-parser: 0.41.0(svelte@packages+svelte)
     optionalDependencies:
-      svelte: 5.0.0-next.219
+      svelte: link:packages/svelte
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -7141,10 +7091,10 @@ snapshots:
       prettier: 3.2.4
       svelte: 4.2.9
 
-  prettier-plugin-svelte@3.1.2(prettier@3.2.4)(svelte@5.0.0-next.219):
+  prettier-plugin-svelte@3.1.2(prettier@3.2.4)(svelte@packages+svelte):
     dependencies:
       prettier: 3.2.4
-      svelte: 5.0.0-next.219
+      svelte: link:packages/svelte
 
   prettier@2.8.8: {}
 
@@ -7547,7 +7497,7 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-eslint-parser@0.41.0(svelte@5.0.0-next.219):
+  svelte-eslint-parser@0.41.0(svelte@packages+svelte):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -7555,7 +7505,7 @@ snapshots:
       postcss: 8.4.41
       postcss-scss: 4.0.9(postcss@8.4.41)
     optionalDependencies:
-      svelte: 5.0.0-next.219
+      svelte: link:packages/svelte
 
   svelte-hmr@0.16.0(svelte@4.2.9):
     dependencies:
@@ -7626,22 +7576,6 @@ snapshots:
       magic-string: 0.30.5
       periscopic: 3.1.0
 
-  svelte@5.0.0-next.219:
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.5
-      acorn: 8.12.1
-      acorn-typescript: 1.4.13(acorn@8.12.1)
-      aria-query: 5.3.0
-      axobject-query: 4.1.0
-      esm-env: 1.0.0
-      esrap: 1.2.2
-      is-reference: 3.0.2
-      locate-character: 3.0.0
-      magic-string: 0.30.11
-      zimmerframe: 1.1.2
-
   symbol-tree@3.2.4: {}
 
   tapable@2.2.1: {}
diff --git a/sites/svelte-5-preview/src/lib/CodeMirror.svelte b/sites/svelte-5-preview/src/lib/CodeMirror.svelte
index 38b89a9aa9..19c3fcc97f 100644
--- a/sites/svelte-5-preview/src/lib/CodeMirror.svelte
+++ b/sites/svelte-5-preview/src/lib/CodeMirror.svelte
@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
 	export const cursorIndex = writable(0);
 </script>
 
diff --git a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/03-deprecations.md b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/03-deprecations.md
index e4fdcc86b3..0c45bdaab2 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/03-deprecations.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/03-deprecations.md
@@ -117,3 +117,14 @@ A derived value may be used in other contexts:
 ## `immutable`
 
 The `immutable` compiler option is deprecated. Use runes mode instead, where all state is immutable (which means that assigning to `object.property` won't cause updates for anything that is observing `object` itself, or a different property of it).
+
+## `context="module"`
+
+`context="module"` is deprecated, use the new `module` attribute instead:
+
+```diff
+- <script context="module">
++ <script module>
+	...
+</script>
+```

From af7f90020d12f08541b4010135d6dcddb4e30f0f Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 15:25:45 -0400
Subject: [PATCH 13/37] fix: ensure `$store` reads are properly transformed
 (#12952)

The backing store variable of a $store read could be a variable that itself needs a transformer, which is why we need to make accessing the reads lazy

fixes #12859
---
 .changeset/nervous-adults-sell.md                    |  5 +++++
 .../phases/3-transform/client/visitors/Program.js    | 12 +++++++++---
 .../samples/store-from-derived/_config.js            | 11 +++++++++++
 .../samples/store-from-derived/main.svelte           |  7 +++++++
 4 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/nervous-adults-sell.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/store-from-derived/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/store-from-derived/main.svelte

diff --git a/.changeset/nervous-adults-sell.md b/.changeset/nervous-adults-sell.md
new file mode 100644
index 0000000000..a7bad9bda8
--- /dev/null
+++ b/.changeset/nervous-adults-sell.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure `$store` reads are properly transformed
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
index dc30255a1a..f3f3808594 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
@@ -42,11 +42,17 @@ export function Program(_, context) {
 
 	for (const [name, binding] of context.state.scope.declarations) {
 		if (binding.kind === 'store_sub') {
-			const store = /** @type {Expression} */ (context.visit(b.id(name.slice(1))));
+			// read lazily, so that transforms added later are still applied
+			/** @type {Expression} */
+			let cached;
+
+			const get_store = () => {
+				return (cached ??= /** @type {Expression} */ (context.visit(b.id(name.slice(1)))));
+			};
 
 			context.state.transform[name] = {
 				read: b.call,
-				assign: (_, value) => b.call('$.store_set', store, value),
+				assign: (_, value) => b.call('$.store_set', get_store(), value),
 				mutate: (node, mutation) => {
 					// We need to untrack the store read, for consistency with Svelte 4
 					const untracked = b.call('$.untrack', node);
@@ -70,7 +76,7 @@ export function Program(_, context) {
 
 					return b.call(
 						'$.store_mutate',
-						store,
+						get_store(),
 						b.assignment(
 							mutation.operator,
 							/** @type {MemberExpression} */ (
diff --git a/packages/svelte/tests/runtime-runes/samples/store-from-derived/_config.js b/packages/svelte/tests/runtime-runes/samples/store-from-derived/_config.js
new file mode 100644
index 0000000000..8cb3fd9cae
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/store-from-derived/_config.js
@@ -0,0 +1,11 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>false</button>`,
+	test({ assert, target }) {
+		target.querySelector('button')?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>true</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/store-from-derived/main.svelte b/packages/svelte/tests/runtime-runes/samples/store-from-derived/main.svelte
new file mode 100644
index 0000000000..728544e664
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/store-from-derived/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { writable } from 'svelte/store';
+	let data = { store: writable(false) };
+	let { store } = $derived(data);
+</script>
+
+<button onclick={() => ($store = true)}>{$store}</button>

From 9f962d6f818761b1f8fed171096252d0c8d7d2e7 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 15:28:58 -0400
Subject: [PATCH 14/37] breaking: remove `$state.link` (#12943)

* Revert "breaking: remove `$state.link` callback (#12942)"

This reverts commit 0b51ff04b045d2fa53c0b5a365f3d3a2c0541aa5.

* Revert "feat: adds $state.link rune (#12545)"

This reverts commit 63ec2e2e882b639b573bdc0e8bf1afde78043dfe.

* put changesets back

* changeset

* merge main
---
 .changeset/green-walls-clap.md                |  5 ++
 documentation/docs/03-runes/01-state.md       | 27 -----------
 packages/svelte/src/ambient.d.ts              | 26 -----------
 .../2-analyze/visitors/BindDirective.js       |  1 -
 .../2-analyze/visitors/CallExpression.js      |  5 +-
 .../2-analyze/visitors/ExportSpecifier.js     |  5 +-
 .../phases/2-analyze/visitors/Identifier.js   |  2 +-
 .../2-analyze/visitors/VariableDeclarator.js  | 17 +++----
 .../phases/3-transform/client/types.d.ts      |  2 +-
 .../3-transform/client/visitors/ClassBody.js  | 46 ++++---------------
 .../3-transform/client/visitors/Program.js    |  2 +-
 .../client/visitors/VariableDeclaration.js    | 14 ++----
 .../client/visitors/shared/declarations.js    |  7 ---
 .../server/visitors/PropertyDefinition.js     |  7 +--
 packages/svelte/src/compiler/types/index.d.ts |  1 -
 packages/svelte/src/internal/client/index.js  |  2 +-
 .../src/internal/client/reactivity/sources.js | 34 --------------
 packages/svelte/src/utils.js                  |  1 -
 .../samples/state-link-class/_config.js       | 19 --------
 .../samples/state-link-class/main.svelte      | 11 -----
 .../samples/state-link-object/_config.js      | 24 ----------
 .../samples/state-link-object/main.svelte     |  9 ----
 .../samples/state-link/_config.js             | 19 --------
 .../samples/state-link/main.svelte            |  7 ---
 packages/svelte/types/index.d.ts              | 27 -----------
 .../svelte-5-preview/src/lib/autocomplete.js  |  1 -
 .../routes/docs/content/01-api/02-runes.md    | 27 -----------
 27 files changed, 33 insertions(+), 315 deletions(-)
 create mode 100644 .changeset/green-walls-clap.md
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link/_config.js
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/state-link/main.svelte

diff --git a/.changeset/green-walls-clap.md b/.changeset/green-walls-clap.md
new file mode 100644
index 0000000000..164083db7a
--- /dev/null
+++ b/.changeset/green-walls-clap.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: remove `$state.link` rune pending further design work
diff --git a/documentation/docs/03-runes/01-state.md b/documentation/docs/03-runes/01-state.md
index 8d78e6c73e..7bcff2c968 100644
--- a/documentation/docs/03-runes/01-state.md
+++ b/documentation/docs/03-runes/01-state.md
@@ -62,33 +62,6 @@ Objects and arrays are made deeply reactive by wrapping them with [`Proxies`](ht
 
 > Only POJOs (plain old JavaScript objects) are made deeply reactive. Reactivity will stop at class boundaries and leave those alone
 
-## `$state.link`
-
-Linked state stays up to date with its input:
-
-```js
-let a = $state(0);
-let b = $state.link(a);
-
-a = 1;
-console.log(a, b); // 1, 1
-```
-
-You can temporarily _unlink_ state. It will be _relinked_ when the input value changes:
-
-```js
-let a = 1;
-let b = 1;
-// ---cut---
-b = 2; // unlink
-console.log(a, b); // 1, 2
-
-a = 3; // relink
-console.log(a, b); // 3, 3
-```
-
-As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
-
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:
diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts
index a84085fd5a..6af8ca5156 100644
--- a/packages/svelte/src/ambient.d.ts
+++ b/packages/svelte/src/ambient.d.ts
@@ -124,32 +124,6 @@ declare namespace $state {
 	 *
 	 * @param initial The initial value
 	 */
-
-	/**
-	 * Declares reactive state that is linked to another value. Local reassignments
-	 * will override the linked value until the linked value changes.
-	 *
-	 * Example:
-	 * ```ts
-	 * let a = $state(0);
-	 * let b = $state.link(a);
-
-	 * a = 1;
-	 * console.log(a, b); // 1, 1
-
-	 * b = 2; // unlink
-	 * console.log(a, b); // 1, 2
-	 *
-	 * a = 3; // relink
-	 * console.log(a, b); // 3, 3
-	 * ```
-	 *
-	 * https://svelte-5-preview.vercel.app/docs/runes#$state-link
-	 *
-	 * @param value The linked value
-	 */
-	export function link<T>(value: T): T;
-
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
 	/**
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
index eeeb4cea43..43d1a3d468 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js
@@ -34,7 +34,6 @@ export function BindDirective(node, context) {
 			node.name !== 'this' && // bind:this also works for regular variables
 			(!binding ||
 				(binding.kind !== 'state' &&
-					binding.kind !== 'linked_state' &&
 					binding.kind !== 'raw_state' &&
 					binding.kind !== 'prop' &&
 					binding.kind !== 'bindable_prop' &&
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
index bdcca2bff8..f9999f5252 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
@@ -74,7 +74,6 @@ export function CallExpression(node, context) {
 
 		case '$state':
 		case '$state.raw':
-		case '$state.link':
 		case '$derived':
 		case '$derived.by':
 			if (
@@ -86,7 +85,7 @@ export function CallExpression(node, context) {
 
 			if ((rune === '$derived' || rune === '$derived.by') && node.arguments.length !== 1) {
 				e.rune_invalid_arguments_length(node, rune, 'exactly one argument');
-			} else if ((rune === '$state' || rune === '$state.link') && node.arguments.length > 1) {
+			} else if (rune === '$state' && node.arguments.length > 1) {
 				e.rune_invalid_arguments_length(node, rune, 'zero or one arguments');
 			}
 
@@ -170,7 +169,7 @@ export function CallExpression(node, context) {
 	}
 
 	// `$inspect(foo)` or `$derived(foo) should not trigger the `static-state-reference` warning
-	if (rune === '$inspect' || rune === '$derived' || rune === '$state.link') {
+	if (rune === '$inspect' || rune === '$derived') {
 		context.next({ ...context.state, function_depth: context.state.function_depth + 1 });
 	} else {
 		context.next();
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
index d2caf27ab9..27eb39acbf 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/ExportSpecifier.js
@@ -38,10 +38,7 @@ function validate_export(node, scope, name) {
 		e.derived_invalid_export(node);
 	}
 
-	if (
-		(binding.kind === 'state' || binding.kind === 'raw_state' || binding.kind === 'linked_state') &&
-		binding.reassigned
-	) {
+	if ((binding.kind === 'state' || binding.kind === 'raw_state') && binding.reassigned) {
 		e.state_invalid_export(node);
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
index 002462fc44..79dccd5a7c 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/Identifier.js
@@ -99,7 +99,7 @@ export function Identifier(node, context) {
 			context.state.function_depth === binding.scope.function_depth &&
 			// If we have $state that can be proxied or frozen and isn't re-assigned, then that means
 			// it's likely not using a primitive value and thus this warning isn't that helpful.
-			(((binding.kind === 'state' || binding.kind === 'linked_state') &&
+			((binding.kind === 'state' &&
 				(binding.reassigned ||
 					(binding.initial?.type === 'CallExpression' &&
 						binding.initial.arguments.length === 1 &&
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
index bb74e003d7..6d9b3e29b9 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/VariableDeclarator.js
@@ -21,7 +21,6 @@ export function VariableDeclarator(node, context) {
 		// TODO feels like this should happen during scope creation?
 		if (
 			rune === '$state' ||
-			rune === '$state.link' ||
 			rune === '$state.raw' ||
 			rune === '$derived' ||
 			rune === '$derived.by' ||
@@ -33,15 +32,13 @@ export function VariableDeclarator(node, context) {
 				binding.kind =
 					rune === '$state'
 						? 'state'
-						: rune === '$state.link'
-							? 'linked_state'
-							: rune === '$state.raw'
-								? 'raw_state'
-								: rune === '$derived' || rune === '$derived.by'
-									? 'derived'
-									: path.is_rest
-										? 'rest_prop'
-										: 'prop';
+						: rune === '$state.raw'
+							? 'raw_state'
+							: rune === '$derived' || rune === '$derived.by'
+								? 'derived'
+								: path.is_rest
+									? 'rest_prop'
+									: 'prop';
 			}
 		}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
index 57ce1507c5..e44cc0239c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
+++ b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
@@ -88,7 +88,7 @@ export interface ComponentClientTransformState extends ClientTransformState {
 }
 
 export interface StateField {
-	kind: 'state' | 'raw_state' | 'linked_state' | 'derived' | 'derived_by';
+	kind: 'state' | 'raw_state' | 'derived' | 'derived_by';
 	id: PrivateIdentifier;
 }
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
index d121600c1b..5342e70aac 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js
@@ -44,7 +44,6 @@ export function ClassBody(node, context) {
 				const rune = get_rune(definition.value, context.state.scope);
 				if (
 					rune === '$state' ||
-					rune === '$state.link' ||
 					rune === '$state.raw' ||
 					rune === '$derived' ||
 					rune === '$derived.by'
@@ -56,11 +55,9 @@ export function ClassBody(node, context) {
 								? 'state'
 								: rune === '$state.raw'
 									? 'raw_state'
-									: rune === '$state.link'
-										? 'linked_state'
-										: rune === '$derived.by'
-											? 'derived_by'
-											: 'derived',
+									: rune === '$derived.by'
+										? 'derived_by'
+										: 'derived',
 						// @ts-expect-error this is set in the next pass
 						id: is_private ? definition.key : null
 					};
@@ -119,18 +116,11 @@ export function ClassBody(node, context) {
 									'$.source',
 									should_proxy(init, context.state.scope) ? b.call('$.proxy', init) : init
 								)
-							: field.kind === 'linked_state'
-								? b.call(
-										'$.source_link',
-										b.thunk(
-											should_proxy(init, context.state.scope) ? b.call('$.proxy', init) : init
-										)
-									)
-								: field.kind === 'raw_state'
-									? b.call('$.source', init)
-									: field.kind === 'derived_by'
-										? b.call('$.derived', init)
-										: b.call('$.derived', b.thunk(init));
+							: field.kind === 'raw_state'
+								? b.call('$.source', init)
+								: field.kind === 'derived_by'
+									? b.call('$.derived', init)
+									: b.call('$.derived', b.thunk(init));
 				} else {
 					// if no arguments, we know it's state as `$derived()` is a compile error
 					value = b.call('$.source');
@@ -143,24 +133,8 @@ export function ClassBody(node, context) {
 					const member = b.member(b.this, field.id);
 					body.push(b.prop_def(field.id, value));
 
-					if (field.kind === 'linked_state') {
-						// get foo() { return this.#foo; }
-						body.push(b.method('get', definition.key, [], [b.return(b.call(member))]));
-
-						// set foo(value) { this.#foo = value; }
-						const value = b.id('value');
-						body.push(
-							b.method(
-								'set',
-								definition.key,
-								[value],
-								[b.stmt(b.call(member, build_proxy_reassignment(value, field.id)))]
-							)
-						);
-					} else {
-						// get foo() { return this.#foo; }
-						body.push(b.method('get', definition.key, [], [b.return(b.call('$.get', member))]));
-					}
+					// get foo() { return this.#foo; }
+					body.push(b.method('get', definition.key, [], [b.return(b.call('$.get', member))]));
 
 					if (field.kind === 'state') {
 						// set foo(value) { this.#foo = value; }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
index f3f3808594..c34a9b05c6 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Program.js
@@ -102,7 +102,7 @@ export function Program(_, context) {
 			if (is_prop_source(binding, context.state)) {
 				context.state.transform[name] = {
 					read: b.call,
-					assign: b.call,
+					assign: (node, value) => b.call(node, value),
 					mutate: (node, value) => {
 						if (binding.kind === 'bindable_prop') {
 							// only necessary for interop with legacy parent bindings
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
index 84713f73ca..77177e397f 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
@@ -113,7 +113,7 @@ export function VariableDeclaration(node, context) {
 			const value =
 				args.length === 0 ? b.id('undefined') : /** @type {Expression} */ (context.visit(args[0]));
 
-			if (rune === '$state' || rune === '$state.raw' || rune === '$state.link') {
+			if (rune === '$state' || rune === '$state.raw') {
 				/**
 				 * @param {Identifier} id
 				 * @param {Expression} value
@@ -122,20 +122,12 @@ export function VariableDeclaration(node, context) {
 					const binding = /** @type {import('#compiler').Binding} */ (
 						context.state.scope.get(id.name)
 					);
-
-					if (
-						(rune === '$state' || rune === '$state.link') &&
-						should_proxy(value, context.state.scope)
-					) {
+					if (rune === '$state' && should_proxy(value, context.state.scope)) {
 						value = b.call('$.proxy', value);
 					}
-
-					if (rune === '$state.link') {
-						value = b.call('$.source_link', b.thunk(value));
-					} else if (is_state_source(binding, context.state.analysis)) {
+					if (is_state_source(binding, context.state.analysis)) {
 						value = b.call('$.source', value);
 					}
-
 					return value;
 				};
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
index 5db639c190..33566f1c10 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
@@ -49,12 +49,5 @@ export function add_state_transformers(context) {
 				}
 			};
 		}
-
-		if (binding.kind === 'linked_state') {
-			context.state.transform[name] = {
-				read: b.call,
-				assign: b.call
-			};
-		}
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
index 10fd6de7e2..04751a19d1 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/PropertyDefinition.js
@@ -11,12 +11,7 @@ export function PropertyDefinition(node, context) {
 	if (context.state.analysis.runes && node.value != null && node.value.type === 'CallExpression') {
 		const rune = get_rune(node.value, context.state.scope);
 
-		if (
-			rune === '$state' ||
-			rune === '$state.link' ||
-			rune === '$state.raw' ||
-			rune === '$derived'
-		) {
+		if (rune === '$state' || rune === '$state.raw' || rune === '$derived') {
 			return {
 				...node,
 				value:
diff --git a/packages/svelte/src/compiler/types/index.d.ts b/packages/svelte/src/compiler/types/index.d.ts
index ac2b617777..587c9e373c 100644
--- a/packages/svelte/src/compiler/types/index.d.ts
+++ b/packages/svelte/src/compiler/types/index.d.ts
@@ -278,7 +278,6 @@ export interface Binding {
 		| 'bindable_prop'
 		| 'rest_prop'
 		| 'state'
-		| 'linked_state'
 		| 'raw_state'
 		| 'derived'
 		| 'each'
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index adb595b80d..1ca71708af 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -105,7 +105,7 @@ export {
 	user_effect,
 	user_pre_effect
 } from './reactivity/effects.js';
-export { mutable_source, mutate, source, source_link, set } from './reactivity/sources.js';
+export { mutable_source, mutate, source, set } from './reactivity/sources.js';
 export {
 	prop,
 	rest_props,
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index edfa8806e8..86427a7509 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -26,7 +26,6 @@ import {
 	MAYBE_DIRTY
 } from '../constants.js';
 import * as e from '../errors.js';
-import { derived } from './deriveds.js';
 
 let inspect_effects = new Set();
 
@@ -46,39 +45,6 @@ export function source(v) {
 	};
 }
 
-/**
- * @template V
- * @param {() => V} get_value
- * @returns {(value?: V) => V}
- */
-export function source_link(get_value) {
-	var was_local = false;
-	var local_source = source(/** @type {V} */ (undefined));
-
-	var linked_derived = derived(() => {
-		var local_value = /** @type {V} */ (get(local_source));
-		var linked_value = get_value();
-
-		if (was_local) {
-			was_local = false;
-			return local_value;
-		}
-
-		return linked_value;
-	});
-
-	return function (/** @type {any} */ value) {
-		if (arguments.length > 0) {
-			was_local = true;
-			set(local_source, value);
-			get(linked_derived);
-			return value;
-		}
-
-		return (local_source.v = get(linked_derived));
-	};
-}
-
 /**
  * @template V
  * @param {V} initial_value
diff --git a/packages/svelte/src/utils.js b/packages/svelte/src/utils.js
index 880fe9a2d4..289a9523de 100644
--- a/packages/svelte/src/utils.js
+++ b/packages/svelte/src/utils.js
@@ -393,7 +393,6 @@ export function is_mathml(name) {
 
 const RUNES = /** @type {const} */ ([
 	'$state',
-	'$state.link',
 	'$state.raw',
 	'$state.snapshot',
 	'$props',
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
deleted file mode 100644
index 4628d4f5b4..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { flushSync } from 'svelte';
-import { test } from '../../test';
-
-export default test({
-	html: `<button>0</button><button>0</button>`,
-
-	test({ assert, target }) {
-		const [btn1, btn2] = target.querySelectorAll('button');
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
-
-		flushSync(() => btn2.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
-	}
-});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
deleted file mode 100644
index 30d8968f8c..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script>
-	class Instance {
-		a = $state(0);
-		b = $state.link(this.a);
-	}
-
-	const instance = new Instance();
-</script>
-
-<button onclick={() => instance.a++}>{instance.a}</button>
-<button onclick={() => instance.b++}>{instance.b}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
deleted file mode 100644
index a0cf4b3c3f..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-object/_config.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { flushSync } from 'svelte';
-import { test } from '../../test';
-
-export default test({
-	html: `<button>0</button><button>0</button><button>0</button>`,
-
-	test({ assert, target }) {
-		const [btn1, btn2, btn3] = target.querySelectorAll('button');
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button><button>1</button>`);
-
-		// mutate the original object, via the link
-		flushSync(() => btn2.click());
-		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>2</button>`);
-
-		// mutate the copy
-		flushSync(() => btn3.click());
-		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button><button>3</button>`);
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>3</button><button>3</button><button>3</button>`);
-	}
-});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
deleted file mode 100644
index ec7dec4507..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link-object/main.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script>
-	let a = $state({ value: 0 });
-	let b = $state.link(a);
-	let c = $state.link({ ...a });
-</script>
-
-<button onclick={() => a.value++}>{a.value}</button>
-<button onclick={() => b.value++}>{b.value}</button>
-<button onclick={() => c.value++}>{c.value}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
deleted file mode 100644
index 4628d4f5b4..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { flushSync } from 'svelte';
-import { test } from '../../test';
-
-export default test({
-	html: `<button>0</button><button>0</button>`,
-
-	test({ assert, target }) {
-		const [btn1, btn2] = target.querySelectorAll('button');
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
-
-		flushSync(() => btn2.click());
-		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
-
-		flushSync(() => btn1.click());
-		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
-	}
-});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
deleted file mode 100644
index aaa8d4ecaf..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script>
-	let a = $state(0);
-	let b = $state.link(a);
-</script>
-
-<button onclick={() => a++}>{a}</button>
-<button onclick={() => b++}>{b}</button>
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 535250bc77..09e9a23888 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -927,7 +927,6 @@ declare module 'svelte/compiler' {
 			| 'bindable_prop'
 			| 'rest_prop'
 			| 'state'
-			| 'linked_state'
 			| 'raw_state'
 			| 'derived'
 			| 'each'
@@ -2913,32 +2912,6 @@ declare namespace $state {
 	 *
 	 * @param initial The initial value
 	 */
-
-	/**
-	 * Declares reactive state that is linked to another value. Local reassignments
-	 * will override the linked value until the linked value changes.
-	 *
-	 * Example:
-	 * ```ts
-	 * let a = $state(0);
-	 * let b = $state.link(a);
-
-	 * a = 1;
-	 * console.log(a, b); // 1, 1
-
-	 * b = 2; // unlink
-	 * console.log(a, b); // 1, 2
-	 *
-	 * a = 3; // relink
-	 * console.log(a, b); // 3, 3
-	 * ```
-	 *
-	 * https://svelte-5-preview.vercel.app/docs/runes#$state-link
-	 *
-	 * @param value The linked value
-	 */
-	export function link<T>(value: T): T;
-
 	export function raw<T>(initial: T): T;
 	export function raw<T>(): T | undefined;
 	/**
diff --git a/sites/svelte-5-preview/src/lib/autocomplete.js b/sites/svelte-5-preview/src/lib/autocomplete.js
index d2e989e4d6..b535c7ff04 100644
--- a/sites/svelte-5-preview/src/lib/autocomplete.js
+++ b/sites/svelte-5-preview/src/lib/autocomplete.js
@@ -118,7 +118,6 @@ const runes = [
 	{ snippet: '$bindable()', test: is_bindable },
 	{ snippet: '$effect.root(() => {\n\t${}\n})' },
 	{ snippet: '$state.snapshot(${})' },
-	{ snippet: '$state.link(${})' },
 	{ snippet: '$effect.tracking()' },
 	{ snippet: '$inspect(${});', test: is_statement }
 ];
diff --git a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
index 5fbed65a09..02cea6ffb4 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
@@ -64,33 +64,6 @@ Only plain objects and arrays [are made deeply reactive](/#H4sIAAAAAAAAE42QwWrDM
 
 In non-runes mode, a `let` declaration is treated as reactive state if it is updated at some point. Unlike `$state(...)`, which works anywhere in your app, `let` only behaves this way at the top level of a component.
 
-## `$state.link`
-
-Linked state stays up to date with its input:
-
-```js
-let a = $state(0);
-let b = $state.link(a);
-
-a = 1;
-console.log(a, b); // 1, 1
-```
-
-You can temporarily _unlink_ state. It will be _relinked_ when the input value changes:
-
-```js
-let a = 1;
-let b = 1;
-// ---cut---
-b = 2; // unlink
-console.log(a, b); // 1, 2
-
-a = 3; // relink
-console.log(a, b); // 3, 3
-```
-
-As with `$state`, if `$state.link` is passed a plain object or array it will be made deeply reactive. If passed an existing state proxy it will be reused, meaning that mutating the linked state will mutate the original. To clone a state proxy, you can use [`$state.snapshot`](#$state-snapshot).
-
 ## `$state.raw`
 
 State declared with `$state.raw` cannot be mutated; it can only be _reassigned_. In other words, rather than assigning to a property of an object, or using an array method like `push`, replace the object or array altogether if you'd like to update it:

From 70ed8cd6665abe7aa385652ad6de3f19ca6c7657 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 21 Aug 2024 15:32:26 -0400
Subject: [PATCH 15/37] Version Packages (next) (#12957)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            |  3 +++
 packages/svelte/CHANGELOG.md   | 10 ++++++++++
 packages/svelte/package.json   |  2 +-
 packages/svelte/src/version.js |  2 +-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index fa9f1c5bac..4a6c736d7b 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -278,6 +278,7 @@
     "green-hounds-play",
     "green-snails-tickle",
     "green-tigers-judge",
+    "green-walls-clap",
     "grumpy-avocados-fetch",
     "grumpy-insects-sleep",
     "grumpy-jars-sparkle",
@@ -441,6 +442,7 @@
     "neat-ducks-jam",
     "neat-files-rescue",
     "neat-jokes-beam",
+    "nervous-adults-sell",
     "nervous-berries-boil",
     "nervous-dolphins-allow",
     "nervous-ducks-repeat",
@@ -525,6 +527,7 @@
     "proud-pets-hang",
     "proud-queens-sniff",
     "purple-dragons-peel",
+    "quick-eagles-sit",
     "quick-pumpkins-study",
     "quiet-apricots-dream",
     "quiet-berries-end",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 6ea8ac9eb2..233099b19d 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte
 
+## 5.0.0-next.232
+
+### Patch Changes
+
+- breaking: remove `$state.link` rune pending further design work ([#12943](https://github.com/sveltejs/svelte/pull/12943))
+
+- fix: ensure `$store` reads are properly transformed ([#12952](https://github.com/sveltejs/svelte/pull/12952))
+
+- breaking: deprecate `context="module"` in favor of `module` ([#12948](https://github.com/sveltejs/svelte/pull/12948))
+
 ## 5.0.0-next.231
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 834b0d5b90..65790525ec 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.231",
+  "version": "5.0.0-next.232",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 660f11d929..0ab4f7fac1 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.231';
+export const VERSION = '5.0.0-next.232';
 export const PUBLIC_VERSION = '5';

From 01d32e53a9f445280fb498c9069d998840503c00 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Wed, 21 Aug 2024 22:17:55 +0200
Subject: [PATCH 16/37] fix: more robust handling of var declarations (#12949)

* fix: more robust handling of var declarations

- fixes #12807: state declared with var is now retrieved using a new `safe_get` function, which works like `get` but checks for undefined
- fixes #12900: ensure we're not creating another new scope for block statements of function declarations, which resulted in var declarations getting "swallowed" (because they were hoisted to the function declaration scope and never seen by our logic)

* simplify

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/spotty-trees-provide.md            |  5 ++++
 .../client/visitors/VariableDeclaration.js    |  2 +-
 .../client/visitors/shared/declarations.js    |  2 +-
 packages/svelte/src/compiler/phases/scope.js  | 14 ++++++++++-
 packages/svelte/src/internal/client/index.js  |  1 +
 .../svelte/src/internal/client/runtime.js     | 10 ++++++++
 .../samples/var-declarations/_config.js       |  7 ++++++
 .../samples/var-declarations/main.svelte      | 24 +++++++++++++++++++
 8 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/spotty-trees-provide.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/var-declarations/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/var-declarations/main.svelte

diff --git a/.changeset/spotty-trees-provide.md b/.changeset/spotty-trees-provide.md
new file mode 100644
index 0000000000..0652fda049
--- /dev/null
+++ b/.changeset/spotty-trees-provide.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: more robust handling of var declarations
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
index 77177e397f..c05c1b6075 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
@@ -284,7 +284,7 @@ export function VariableDeclaration(node, context) {
 }
 
 /**
- * Creates the output for a state declaration.
+ * Creates the output for a state declaration in legacy mode.
  * @param {VariableDeclarator} declarator
  * @param {Scope} scope
  * @param {Expression} value
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
index 33566f1c10..0bd8c352f6 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/declarations.js
@@ -23,7 +23,7 @@ export function add_state_transformers(context) {
 			binding.kind === 'legacy_reactive'
 		) {
 			context.state.transform[name] = {
-				read: get_value,
+				read: binding.declaration_kind === 'var' ? (node) => b.call('$.safe_get', node) : get_value,
 				assign: (node, value) => {
 					let call = b.call('$.set', node, value);
 
diff --git a/packages/svelte/src/compiler/phases/scope.js b/packages/svelte/src/compiler/phases/scope.js
index 66a49f87c7..f0db435b83 100644
--- a/packages/svelte/src/compiler/phases/scope.js
+++ b/packages/svelte/src/compiler/phases/scope.js
@@ -461,8 +461,20 @@ export function create_scopes(ast, root, allow_reactive_declarations, parent) {
 		ForStatement: create_block_scope,
 		ForInStatement: create_block_scope,
 		ForOfStatement: create_block_scope,
-		BlockStatement: create_block_scope,
 		SwitchStatement: create_block_scope,
+		BlockStatement(node, context) {
+			const parent = context.path.at(-1);
+			if (
+				parent?.type === 'FunctionDeclaration' ||
+				parent?.type === 'FunctionExpression' ||
+				parent?.type === 'ArrowFunctionExpression'
+			) {
+				// We already created a new scope for the function
+				context.next();
+			} else {
+				create_block_scope(node, context);
+			}
+		},
 
 		ClassDeclaration(node, { state, next }) {
 			if (node.id) state.scope.declare(node.id, 'normal', 'let', node);
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index 1ca71708af..51b9705902 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -127,6 +127,7 @@ export {
 export { set_text } from './render.js';
 export {
 	get,
+	safe_get,
 	invalidate_inner_signals,
 	flush_sync,
 	tick,
diff --git a/packages/svelte/src/internal/client/runtime.js b/packages/svelte/src/internal/client/runtime.js
index b1a52b0878..f22a6c15a4 100644
--- a/packages/svelte/src/internal/client/runtime.js
+++ b/packages/svelte/src/internal/client/runtime.js
@@ -734,6 +734,16 @@ export function get(signal) {
 	return signal.v;
 }
 
+/**
+ * Like `get`, but checks for `undefined`. Used for `var` declarations because they can be accessed before being declared
+ * @template V
+ * @param {Value<V> | undefined} signal
+ * @returns {V | undefined}
+ */
+export function safe_get(signal) {
+	return signal && get(signal);
+}
+
 /**
  * Invokes a function and captures all signals that are read during the invocation,
  * then invalidates them.
diff --git a/packages/svelte/tests/runtime-runes/samples/var-declarations/_config.js b/packages/svelte/tests/runtime-runes/samples/var-declarations/_config.js
new file mode 100644
index 0000000000..46349dd2dc
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/var-declarations/_config.js
@@ -0,0 +1,7 @@
+import { test } from '../../test';
+
+export default test({
+	test({ assert, logs }) {
+		assert.deepEqual(logs, [undefined, undefined, 10, 20, 0, 1]);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/var-declarations/main.svelte b/packages/svelte/tests/runtime-runes/samples/var-declarations/main.svelte
new file mode 100644
index 0000000000..8ed48fcbed
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/var-declarations/main.svelte
@@ -0,0 +1,24 @@
+<script>
+	console.log(foo, double);
+	var foo = $state(10);
+	var double = $derived(foo * 2);
+	console.log(foo, double);
+
+	function wrap(initial) {
+		var _value = $state(initial);
+
+		return {
+			get() {
+				return _value;
+			},
+			set(state) {
+				_value = state;
+			}
+		};
+	}
+
+	var wrapped = wrap(0);
+	console.log(wrapped.get());
+	wrapped.set(1);
+	console.log(wrapped.get());
+</script>

From 8c1d439a36db09dc9efe5f6ddfad6a375b9aced7 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 16:59:17 -0400
Subject: [PATCH 17/37] fix: remove buggy `validate_dynamic_component` check
 (#12960)

closes #12857
---
 .changeset/young-peaches-agree.md             |  5 ++++
 .../client/visitors/shared/component.js       |  9 +------
 packages/svelte/src/internal/client/index.js  |  7 +-----
 .../svelte/src/internal/client/validate.js    | 25 -------------------
 .../component-not-constructor-dev/_config.js  | 12 ---------
 .../component-not-constructor-dev/main.svelte |  5 ----
 .../component-not-constructor2-dev/Sub.svelte |  1 -
 .../component-not-constructor2-dev/_config.js | 24 ------------------
 .../main.svelte                               | 14 -----------
 9 files changed, 7 insertions(+), 95 deletions(-)
 create mode 100644 .changeset/young-peaches-agree.md
 delete mode 100644 packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/_config.js
 delete mode 100644 packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/main.svelte
 delete mode 100644 packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/Sub.svelte
 delete mode 100644 packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/_config.js
 delete mode 100644 packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/main.svelte

diff --git a/.changeset/young-peaches-agree.md b/.changeset/young-peaches-agree.md
new file mode 100644
index 0000000000..59abf5b867
--- /dev/null
+++ b/.changeset/young-peaches-agree.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: remove buggy `validate_dynamic_component` check
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
index 43cc7b029f..5b1cfdbb05 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
@@ -348,14 +348,7 @@ export function build_component(node, component_name, context, anchor = context.
 				b.thunk(/** @type {Expression} */ (context.visit(node.expression))),
 				b.arrow(
 					[b.id('$$anchor'), b.id(component_name)],
-					b.block([
-						...binding_initializers,
-						b.stmt(
-							dev
-								? b.call('$.validate_dynamic_component', b.thunk(prev(b.id('$$anchor'))))
-								: prev(b.id('$$anchor'))
-						)
-					])
+					b.block([...binding_initializers, b.stmt(prev(b.id('$$anchor')))])
 				)
 			);
 		};
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index 51b9705902..cc7fa03dca 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -144,12 +144,7 @@ export {
 	setContext,
 	hasContext
 } from './runtime.js';
-export {
-	validate_binding,
-	validate_dynamic_component,
-	validate_each_keys,
-	validate_prop_bindings
-} from './validate.js';
+export { validate_binding, validate_each_keys, validate_prop_bindings } from './validate.js';
 export { raf } from './timing.js';
 export { proxy } from './proxy.js';
 export { create_custom_element } from './dom/elements/custom-element.js';
diff --git a/packages/svelte/src/internal/client/validate.js b/packages/svelte/src/internal/client/validate.js
index 8792d02f0d..d8ec8b6900 100644
--- a/packages/svelte/src/internal/client/validate.js
+++ b/packages/svelte/src/internal/client/validate.js
@@ -14,31 +14,6 @@ function is_void(tag) {
 	return void_element_names.test(tag) || tag.toLowerCase() === '!doctype';
 }
 
-/**
- * @template Component
- * @param {() => Component} component_fn
- * @returns {Component}
- */
-export function validate_dynamic_component(component_fn) {
-	try {
-		const instance = component_fn();
-
-		if (instance !== undefined && typeof instance !== 'object') {
-			e.svelte_component_invalid_this_value();
-		}
-
-		return instance;
-	} catch (err) {
-		const { message } = /** @type {Error} */ (err);
-
-		if (typeof message === 'string' && message.indexOf('is not a function') !== -1) {
-			e.svelte_component_invalid_this_value();
-		}
-
-		throw err;
-	}
-}
-
 /**
  * @param {() => any} collection
  * @param {(item: any, index: number) => string} key_fn
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/_config.js b/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/_config.js
deleted file mode 100644
index a84708a774..0000000000
--- a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/_config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { test } from '../../test';
-
-export default test({
-	mode: ['client'],
-
-	compileOptions: {
-		dev: true
-	},
-
-	error:
-		'svelte_component_invalid_this_value\nThe `this={...}` property of a `<svelte:component>` must be a Svelte component, if defined'
-});
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/main.svelte b/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/main.svelte
deleted file mode 100644
index 80f9f969e6..0000000000
--- a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor-dev/main.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script>
-	let banana = {};
-</script>
-
-<svelte:component this={banana} />
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/Sub.svelte b/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/Sub.svelte
deleted file mode 100644
index dd6d0bb1a9..0000000000
--- a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/Sub.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<div>Sub</div>
\ No newline at end of file
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/_config.js b/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/_config.js
deleted file mode 100644
index 9152c96354..0000000000
--- a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/_config.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { test } from '../../test';
-
-export default test({
-	compileOptions: {
-		dev: true
-	},
-	get props() {
-		return { componentName: 'Sub' };
-	},
-	html: '<div>Sub</div>',
-	test({ assert, component, target }) {
-		component.componentName = 'Proxy';
-		assert.htmlEqual(target.innerHTML, '<div>Sub</div>');
-		try {
-			component.componentName = 'banana';
-			throw new Error('Expected an error');
-		} catch (err) {
-			assert.include(
-				/** @type {Error} */ (err).message,
-				'svelte_component_invalid_this_value\nThe `this={...}` property of a `<svelte:component>` must be a Svelte component, if defined'
-			);
-		}
-	}
-});
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/main.svelte b/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/main.svelte
deleted file mode 100644
index 331fdfc385..0000000000
--- a/packages/svelte/tests/runtime-legacy/samples/component-not-constructor2-dev/main.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script>
-	import Sub from './Sub.svelte';
-	export let componentName = 'Sub';
-	let proxy = new Proxy(Sub, {});
-	let banana = {};
-	let component;
-	$: {
-		if (componentName === 'Sub') component = Sub;
-		else if (componentName === 'Proxy') component = proxy;
-		else component = banana;
-	};
-</script>
-
-<svelte:component this={component} />

From 39f2d5ef80b0c545f9b36a4b861655c795ec2ba2 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:02:38 -0400
Subject: [PATCH 18/37] Version Packages (next) (#12958)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            | 4 +++-
 packages/svelte/CHANGELOG.md   | 8 ++++++++
 packages/svelte/package.json   | 2 +-
 packages/svelte/src/version.js | 2 +-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 4a6c736d7b..7cf3bd4574 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -687,6 +687,7 @@
     "spotty-rocks-destroy",
     "spotty-shrimps-hug",
     "spotty-spiders-compare",
+    "spotty-trees-provide",
     "spotty-turkeys-sparkle",
     "stale-books-perform",
     "stale-comics-look",
@@ -859,6 +860,7 @@
     "yellow-taxis-double",
     "yellow-trees-juggle",
     "young-ads-roll",
-    "young-masks-refuse"
+    "young-masks-refuse",
+    "young-peaches-agree"
   ]
 }
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 233099b19d..d0c47fd678 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte
 
+## 5.0.0-next.233
+
+### Patch Changes
+
+- fix: more robust handling of var declarations ([#12949](https://github.com/sveltejs/svelte/pull/12949))
+
+- fix: remove buggy `validate_dynamic_component` check ([#12960](https://github.com/sveltejs/svelte/pull/12960))
+
 ## 5.0.0-next.232
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 65790525ec..ae196097d7 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.232",
+  "version": "5.0.0-next.233",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 0ab4f7fac1..53f5bd5df2 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.232';
+export const VERSION = '5.0.0-next.233';
 export const PUBLIC_VERSION = '5';

From 803ebd56767eec5daf560f52bb88e6ab4ff97367 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 21 Aug 2024 21:35:05 -0400
Subject: [PATCH 19/37] typo

---
 documentation/docs/05-misc/05-reactivity-indepth.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/documentation/docs/05-misc/05-reactivity-indepth.md b/documentation/docs/05-misc/05-reactivity-indepth.md
index abd917c021..b40072552f 100644
--- a/documentation/docs/05-misc/05-reactivity-indepth.md
+++ b/documentation/docs/05-misc/05-reactivity-indepth.md
@@ -1,5 +1,5 @@
 ---
-title: Reactivity indepth
+title: Reactivity in depth
 ---
 
 - how to think about Runes ("just JavaScript" with added reactivity, what this means for keeping reactivity alive across boundaries)

From 1aa9c7ba8b55025c405d0f028179e500d73f9222 Mon Sep 17 00:00:00 2001
From: Ben McCann <322311+benmccann@users.noreply.github.com>
Date: Wed, 21 Aug 2024 20:40:30 -0700
Subject: [PATCH 20/37] docs: add a jsdoc description for reconcile (#12965)

---
 packages/svelte/src/internal/client/dom/blocks/each.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/svelte/src/internal/client/dom/blocks/each.js b/packages/svelte/src/internal/client/dom/blocks/each.js
index cdc5ef1799..7b27773a54 100644
--- a/packages/svelte/src/internal/client/dom/blocks/each.js
+++ b/packages/svelte/src/internal/client/dom/blocks/each.js
@@ -224,6 +224,7 @@ export function each(node, flags, get_collection, get_key, render_fn, fallback_f
 }
 
 /**
+ * Add, remove, or reorder items output by an each block as its input changes
  * @template V
  * @param {Array<V>} array
  * @param {EachState} state

From 213258b0240ea46d184efd5a274579642688395a Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 22 Aug 2024 03:58:45 -0400
Subject: [PATCH 21/37] docs: add note on when effects re-run (#12961)

closes #11806

---------

Co-authored-by: Conduitry <git@chor.date>
Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 documentation/docs/03-runes/02-side-effects.md    | 15 +++++++++++++++
 .../src/routes/docs/content/01-api/02-runes.md    | 15 +++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/documentation/docs/03-runes/02-side-effects.md b/documentation/docs/03-runes/02-side-effects.md
index 9cc0f15beb..f4bc8ef947 100644
--- a/documentation/docs/03-runes/02-side-effects.md
+++ b/documentation/docs/03-runes/02-side-effects.md
@@ -122,6 +122,21 @@ An effect only reruns when the object it reads changes, not when a property insi
 <p>{state.value} doubled is {derived.value}</p>
 ```
 
+An effect only depends on the values that it read the last time it ran. If `a` is true, changes to `b` will [not cause this effect to rerun](/#H4sIAAAAAAAAE3WQ0WrDMAxFf0U1hTow1vcsMfQ7lj3YjlxEXTvEymC4_vfFC6Ewtidxde8RkrJw5DGJ9j2LoO8oWnGZJvEi-GuqIn2iZ1x1istsa6dLdqaJ1RAG9sigoYdjYs0onfYJm7fdMX85q3dE59CylA30CnJtDWxjSNHjq49XeZqXEChcT9usLUAOpIbHA0yzM78oColGhDVofLS3neZSS6mqOz-XD51ZmGOAGKwne-vztk-956CL0kAJsi7decupf4l658EUZX4I8yTWt93jSI5wFC3PC5aP8g0Aje5DcQEAAA==):
+
+```ts
+let a = false;
+let b = false;
+// ---cut---
+$effect(() => {
+	console.log('running');
+
+	if (a || b) {
+		console.log('inside if block');
+	}
+});
+```
+
 ## When not to use `$effect`
 
 In general, `$effect` is best considered something of an escape hatch — useful for things like analytics and direct DOM manipulation — rather than a tool you should use frequently. In particular, avoid using it to synchronise state. Instead of this...
diff --git a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
index 02cea6ffb4..84062a1cfa 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/01-api/02-runes.md
@@ -258,6 +258,21 @@ An effect only reruns when the object it reads changes, not when a property insi
 <p>{state.value} doubled is {derived.value}</p>
 ```
 
+An effect only depends on the values that it read the last time it ran. If `a` is true, changes to `b` will [not cause this effect to rerun](/#H4sIAAAAAAAAE3WQ0WrDMAxFf0U1hTow1vcsMfQ7lj3YjlxEXTvEymC4_vfFC6Ewtidxde8RkrJw5DGJ9j2LoO8oWnGZJvEi-GuqIn2iZ1x1istsa6dLdqaJ1RAG9sigoYdjYs0onfYJm7fdMX85q3dE59CylA30CnJtDWxjSNHjq49XeZqXEChcT9usLUAOpIbHA0yzM78oColGhDVofLS3neZSS6mqOz-XD51ZmGOAGKwne-vztk-956CL0kAJsi7decupf4l658EUZX4I8yTWt93jSI5wFC3PC5aP8g0Aje5DcQEAAA==):
+
+```ts
+let a = false;
+let b = false;
+// ---cut---
+$effect(() => {
+	console.log('running');
+
+	if (a || b) {
+		console.log('inside if block');
+	}
+});
+```
+
 You can return a function from `$effect`, which will run immediately before the effect re-runs, and before it is destroyed ([demo](/#H4sIAAAAAAAAE42SzW6DMBCEX2Vl5RDaVCQ9JoDUY--9lUox9lKsGBvZC1GEePcaKPnpqSe86_m0M2t6ViqNnu0_e2Z4jWzP3pqGbRhdmrHwHWrCUHvbOjF2Ei-caijLTU4aCYRtDUEKK0-ccL2NDstNrbRWHoU10t8Eu-121gTVCssSBa3XEaQZ9GMrpziGj0p5OAccCgSHwmEgJZwrNNihg6MyhK7j-gii4uYb_YyGUZ5guQwzPdL7b_U4ZNSOvp9T2B3m1rB5cLx4zMkhtc7AHz7YVCVwEFzrgosTBMuNs52SKDegaPbvWnMH8AhUXaNUIY6-hHCldQhUIcyLCFlfAuHvkCKaYk8iYevGGgy2wyyJnpy9oLwG0sjdNe2yhGhJN32HsUzi2xOapNpl_bSLIYnDeeoVLZE1YI3QSpzSfo7-8J5PKbwOmdf2jC6JZyD7HxpPaMk93aHhF6utVKVCyfbkWhy-hh9Z3o_2nQIAAA==)).
 
 ```svelte

From 75759dbeaed0b1629c30bac1f4e24bc3855ef703 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Thu, 22 Aug 2024 14:48:48 +0200
Subject: [PATCH 22/37] fix: allow deleting non-existent `$$restProps`
 properties (#12971)

fixes #12966
---
 .changeset/light-tigers-smoke.md                             | 5 +++++
 packages/svelte/src/internal/client/reactivity/props.js      | 2 +-
 .../runtime-legacy/samples/rest-props-delete/App.svelte      | 2 ++
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/light-tigers-smoke.md

diff --git a/.changeset/light-tigers-smoke.md b/.changeset/light-tigers-smoke.md
new file mode 100644
index 0000000000..c26824a41c
--- /dev/null
+++ b/.changeset/light-tigers-smoke.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow deleting non-existent `$$restProps` properties
diff --git a/packages/svelte/src/internal/client/reactivity/props.js b/packages/svelte/src/internal/client/reactivity/props.js
index b7200f6f96..fa2ea6dd7c 100644
--- a/packages/svelte/src/internal/client/reactivity/props.js
+++ b/packages/svelte/src/internal/client/reactivity/props.js
@@ -130,7 +130,7 @@ const legacy_rest_props_handler = {
 	},
 	deleteProperty(target, key) {
 		// Svelte 4 allowed for deletions on $$restProps
-		if (target.exclude.includes(key)) return false;
+		if (target.exclude.includes(key)) return true;
 		target.exclude.push(key);
 		update(target.version);
 		return true;
diff --git a/packages/svelte/tests/runtime-legacy/samples/rest-props-delete/App.svelte b/packages/svelte/tests/runtime-legacy/samples/rest-props-delete/App.svelte
index 37825576e5..e7857f28e9 100644
--- a/packages/svelte/tests/runtime-legacy/samples/rest-props-delete/App.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/rest-props-delete/App.svelte
@@ -2,6 +2,8 @@
 	function prune() {
 		$$restProps.a
 		delete $$restProps.a
+		// should be idempotent
+		delete $$restProps.a
 	}
 </script>
 

From cadc0dceca6625c9523becb3073c4e1c75cb4cbf Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 22 Aug 2024 09:05:27 -0400
Subject: [PATCH 23/37] feat: only traverse trailing static nodes during
 hydration (#12935)

---
 .changeset/quick-paws-wash.md                         |  5 +++++
 .../3-transform/client/visitors/shared/fragment.js    |  2 +-
 packages/svelte/src/internal/client/dom/hydration.js  | 11 +++++++++--
 .../_expected/client/index.svelte.js                  |  3 ++-
 .../_expected/server/index.svelte.js                  |  2 +-
 .../snapshot/samples/skip-static-subtree/index.svelte |  7 +++++++
 6 files changed, 25 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/quick-paws-wash.md

diff --git a/.changeset/quick-paws-wash.md b/.changeset/quick-paws-wash.md
new file mode 100644
index 0000000000..e93b68a0ca
--- /dev/null
+++ b/.changeset/quick-paws-wash.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: only traverse trailing static nodes during hydration
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
index 6dcb794f2c..9251870c27 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js
@@ -118,7 +118,7 @@ export function process_children(nodes, initial, is_element, { visit, state }) {
 	// traverse to the last (n - 1) one when hydrating
 	if (skipped > 1) {
 		skipped -= 1;
-		state.init.push(b.stmt(get_node(false)));
+		state.init.push(b.stmt(b.call('$.next', skipped !== 1 && b.literal(skipped))));
 	}
 }
 
diff --git a/packages/svelte/src/internal/client/dom/hydration.js b/packages/svelte/src/internal/client/dom/hydration.js
index 62b40c8ccd..8523ff97d5 100644
--- a/packages/svelte/src/internal/client/dom/hydration.js
+++ b/packages/svelte/src/internal/client/dom/hydration.js
@@ -66,9 +66,16 @@ export function hydrate_template(template) {
 	}
 }
 
-export function next() {
+export function next(count = 1) {
 	if (hydrating) {
-		hydrate_next();
+		var i = count;
+		var node = hydrate_node;
+
+		while (i--) {
+			node = /** @type {TemplateNode} */ (get_next_sibling(node));
+		}
+
+		hydrate_node = node;
 	}
 }
 
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
index 4f59c4932e..76433ad5a7 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/client/index.svelte.js
@@ -1,7 +1,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
-var root = $.template(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1> </h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> <!></main> <cant-skip><custom-elements></custom-elements></cant-skip>`, 3);
+var root = $.template(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1> </h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> <!> <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements></custom-elements></cant-skip>`, 3);
 
 export default function Skip_static_subtree($$anchor, $$props) {
 	var fragment = root();
@@ -14,6 +14,7 @@ export default function Skip_static_subtree($$anchor, $$props) {
 	var node = $.sibling(h1, 10);
 
 	$.html(node, () => $$props.content, false, false);
+	$.next(14);
 	$.reset(main);
 
 	var cant_skip = $.sibling(main, 2);
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
index 1018b5425e..2bd910508d 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
@@ -3,5 +3,5 @@ import * as $ from "svelte/internal/server";
 export default function Skip_static_subtree($$payload, $$props) {
 	let { title, content } = $$props;
 
-	$$payload.out += `<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)}</main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip>`;
+	$$payload.out += `<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip>`;
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte b/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
index cc9d8172e6..de399169b4 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/index.svelte
@@ -18,6 +18,13 @@
 	<p>these</p>
 	<p>ones</p>
 	{@html content}
+	<p>these</p>
+	<p>trailing</p>
+	<p>nodes</p>
+	<p>can</p>
+	<p>be</p>
+	<p>completely</p>
+	<p>ignored</p>
 </main>
 
 <cant-skip>

From f9020997e9b6696ba1b29bf7c79c500d9344b109 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 22 Aug 2024 09:51:35 -0400
Subject: [PATCH 24/37] Version Packages (next) (#12972)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            | 2 ++
 packages/svelte/CHANGELOG.md   | 8 ++++++++
 packages/svelte/package.json   | 2 +-
 packages/svelte/src/version.js | 2 +-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 7cf3bd4574..bdf3bfa713 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -375,6 +375,7 @@
     "light-humans-hang",
     "light-penguins-invent",
     "light-pens-watch",
+    "light-tigers-smoke",
     "little-ligers-exist",
     "little-pans-jog",
     "little-seals-reflect",
@@ -528,6 +529,7 @@
     "proud-queens-sniff",
     "purple-dragons-peel",
     "quick-eagles-sit",
+    "quick-paws-wash",
     "quick-pumpkins-study",
     "quiet-apricots-dream",
     "quiet-berries-end",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index d0c47fd678..60692aa48b 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte
 
+## 5.0.0-next.234
+
+### Patch Changes
+
+- fix: allow deleting non-existent `$restProps` properties ([#12971](https://github.com/sveltejs/svelte/pull/12971))
+
+- feat: only traverse trailing static nodes during hydration ([#12935](https://github.com/sveltejs/svelte/pull/12935))
+
 ## 5.0.0-next.233
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ae196097d7..8dc8c5b0c6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.233",
+  "version": "5.0.0-next.234",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 53f5bd5df2..ddf2e75cc3 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.233';
+export const VERSION = '5.0.0-next.234';
 export const PUBLIC_VERSION = '5';

From b579c5c06c6d84b7f1767ab3645b52dd6c9ac7e1 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 22 Aug 2024 09:56:06 -0400
Subject: [PATCH 25/37] chore: remove temporary code (#12973)

---
 packages/svelte/src/compiler/phases/1-parse/read/script.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/svelte/src/compiler/phases/1-parse/read/script.js b/packages/svelte/src/compiler/phases/1-parse/read/script.js
index 3403b5aab4..022a5e0aa0 100644
--- a/packages/svelte/src/compiler/phases/1-parse/read/script.js
+++ b/packages/svelte/src/compiler/phases/1-parse/read/script.js
@@ -65,10 +65,6 @@ export function read_script(parser, start, attributes) {
 
 		if (attribute.name === 'context') {
 			if (attribute.value === true || !is_text_attribute(attribute)) {
-				throw new Error('TODO');
-			}
-
-			if (attribute.value.length !== 1 || attribute.value[0].type !== 'Text') {
 				e.script_invalid_context(attribute);
 			}
 

From 448f21620f7bd22a6d3e19af378bdf6058fe4dd6 Mon Sep 17 00:00:00 2001
From: Ben McCann <322311+benmccann@users.noreply.github.com>
Date: Thu, 22 Aug 2024 10:55:34 -0700
Subject: [PATCH 26/37] chore: update client check for smaller bundle size
 (#12975)

---
 .changeset/rare-ears-agree.md                 | 5 +++++
 packages/svelte/src/internal/client/timing.js | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/rare-ears-agree.md

diff --git a/.changeset/rare-ears-agree.md b/.changeset/rare-ears-agree.md
new file mode 100644
index 0000000000..392d32c786
--- /dev/null
+++ b/.changeset/rare-ears-agree.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+chore: update client check for smaller bundle size
diff --git a/packages/svelte/src/internal/client/timing.js b/packages/svelte/src/internal/client/timing.js
index 3b9e5c511d..dc7d2ce4ed 100644
--- a/packages/svelte/src/internal/client/timing.js
+++ b/packages/svelte/src/internal/client/timing.js
@@ -1,11 +1,11 @@
 /** @import { Raf } from '#client' */
 import { noop } from '../shared/utils.js';
 
-const is_client = typeof window !== 'undefined';
+import { BROWSER } from 'esm-env';
 
-const request_animation_frame = is_client ? requestAnimationFrame : noop;
+const request_animation_frame = BROWSER ? requestAnimationFrame : noop;
 
-const now = is_client ? () => performance.now() : () => Date.now();
+const now = BROWSER ? () => performance.now() : () => Date.now();
 
 /** @type {Raf} */
 export const raf = {

From 5bdf71639efc3461426a72b18ea38b00636ff0f6 Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Fri, 23 Aug 2024 01:31:25 +0100
Subject: [PATCH 27/37] fix: correctly hydrate empty raw blocks (#12979)

* fix: correctly hydrate empty raw blocks

* lint

* Update packages/svelte/src/internal/client/dom/blocks/html.js

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/shiny-wombats-argue.md                 |  5 +++++
 .../svelte/src/internal/client/dom/blocks/html.js | 13 +++++++++----
 .../tests/hydration/samples/raw-empty/_config.js  | 15 +++++++++++++++
 .../tests/hydration/samples/raw-empty/main.svelte |  1 +
 4 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/shiny-wombats-argue.md
 create mode 100644 packages/svelte/tests/hydration/samples/raw-empty/_config.js
 create mode 100644 packages/svelte/tests/hydration/samples/raw-empty/main.svelte

diff --git a/.changeset/shiny-wombats-argue.md b/.changeset/shiny-wombats-argue.md
new file mode 100644
index 0000000000..b35f1cf304
--- /dev/null
+++ b/.changeset/shiny-wombats-argue.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly hydrate empty raw blocks
diff --git a/packages/svelte/src/internal/client/dom/blocks/html.js b/packages/svelte/src/internal/client/dom/blocks/html.js
index cdfa1baa71..1240352ea0 100644
--- a/packages/svelte/src/internal/client/dom/blocks/html.js
+++ b/packages/svelte/src/internal/client/dom/blocks/html.js
@@ -46,15 +46,20 @@ export function html(node, get_value, svg, mathml, skip_warning) {
 
 	var value = '';
 
-	/** @type {Effect | null} */
+	/** @type {Effect | undefined} */
 	var effect;
 
 	block(() => {
-		if (value === (value = get_value())) return;
+		if (value === (value = get_value())) {
+			if (hydrating) {
+				hydrate_next();
+			}
+			return;
+		}
 
-		if (effect) {
+		if (effect !== undefined) {
 			destroy_effect(effect);
-			effect = null;
+			effect = undefined;
 		}
 
 		if (value === '') return;
diff --git a/packages/svelte/tests/hydration/samples/raw-empty/_config.js b/packages/svelte/tests/hydration/samples/raw-empty/_config.js
new file mode 100644
index 0000000000..5f4d5bebb1
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/raw-empty/_config.js
@@ -0,0 +1,15 @@
+import { test } from '../../test';
+
+export default test({
+	server_props: {
+		html: '<div></div>'
+	},
+
+	props: {
+		html: '<div></div>'
+	},
+
+	test(assert, target) {
+		assert.htmlEqual(target.innerHTML, '<div></div>');
+	}
+});
diff --git a/packages/svelte/tests/hydration/samples/raw-empty/main.svelte b/packages/svelte/tests/hydration/samples/raw-empty/main.svelte
new file mode 100644
index 0000000000..c7ff3d05c9
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/raw-empty/main.svelte
@@ -0,0 +1 @@
+<div>{@html ''}</div>

From f1a1a08a74d5af12944b272bb9dbb9e6ab83ce76 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 22 Aug 2024 20:34:35 -0400
Subject: [PATCH 28/37] Version Packages (next) (#12978)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            | 2 ++
 packages/svelte/CHANGELOG.md   | 8 ++++++++
 packages/svelte/package.json   | 2 +-
 packages/svelte/src/version.js | 2 +-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index bdf3bfa713..76f79463f4 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -538,6 +538,7 @@
     "quiet-cobras-smile",
     "quiet-crabs-nail",
     "quiet-timers-speak",
+    "rare-ears-agree",
     "rare-insects-tell",
     "rare-mirrors-act",
     "rare-pears-whisper",
@@ -606,6 +607,7 @@
     "shiny-rats-heal",
     "shiny-shrimps-march",
     "shiny-starfishes-cross",
+    "shiny-wombats-argue",
     "short-buses-camp",
     "short-countries-rush",
     "short-starfishes-beg",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 60692aa48b..e79867735f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte
 
+## 5.0.0-next.235
+
+### Patch Changes
+
+- chore: update client check for smaller bundle size ([#12975](https://github.com/sveltejs/svelte/pull/12975))
+
+- fix: correctly hydrate empty raw blocks ([#12979](https://github.com/sveltejs/svelte/pull/12979))
+
 ## 5.0.0-next.234
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 8dc8c5b0c6..3cc6e1a16d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.234",
+  "version": "5.0.0-next.235",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index ddf2e75cc3..31f7807095 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.234';
+export const VERSION = '5.0.0-next.235';
 export const PUBLIC_VERSION = '5';

From b4382e422d954e99ef8197ae2ad5aa003fcf99c4 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 23 Aug 2024 09:31:09 -0400
Subject: [PATCH 29/37] fix: properly transform destructured `$derived.by`
 declarations (#12984)

fixes #12983
---
 .changeset/olive-llamas-warn.md                     |  5 +++++
 .../client/visitors/VariableDeclaration.js          |  2 +-
 .../samples/destructure-derived-by/_config.js       | 13 +++++++++++++
 .../samples/destructure-derived-by/main.svelte      |  8 ++++++++
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/olive-llamas-warn.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/destructure-derived-by/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/destructure-derived-by/main.svelte

diff --git a/.changeset/olive-llamas-warn.md b/.changeset/olive-llamas-warn.md
new file mode 100644
index 0000000000..4cfbf1a763
--- /dev/null
+++ b/.changeset/olive-llamas-warn.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: properly transform destructured `$derived.by` declarations
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
index c05c1b6075..319c711855 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/VariableDeclaration.js
@@ -173,7 +173,7 @@ export function VariableDeclaration(node, context) {
 					let id;
 					let rhs = value;
 
-					if (init.arguments[0].type === 'Identifier') {
+					if (rune === '$derived' && init.arguments[0].type === 'Identifier') {
 						id = init.arguments[0];
 					} else {
 						id = b.id(context.state.scope.generate('$$d'));
diff --git a/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/_config.js b/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/_config.js
new file mode 100644
index 0000000000..5b090c388f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/_config.js
@@ -0,0 +1,13 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: '<button>clicks: 0</button>',
+
+	test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		flushSync(() => btn?.click());
+		assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/main.svelte b/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/main.svelte
new file mode 100644
index 0000000000..2b00935907
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/destructure-derived-by/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	let count = $state(0);
+	let fn = () => ({ n: count });
+
+	let { n } = $derived.by(fn);
+</script>
+
+<button onclick={() => (count += 1)}>clicks: {n}</button>

From b92fe7951bed07c6905688295d9f1436981b71bf Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 23 Aug 2024 11:56:21 -0400
Subject: [PATCH 30/37] docs: add note on stricter attribute syntax (#12988)

closes #12910

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
Co-authored-by: brunnerh <brunnerh@users.noreply.github.com>
---
 .../content/03-appendix/02-breaking-changes.md  | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
index a414929203..4f104fa985 100644
--- a/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
+++ b/sites/svelte-5-preview/src/routes/docs/content/03-appendix/02-breaking-changes.md
@@ -244,6 +244,23 @@ When using `onwheel`, `onmousewheel`, `ontouchstart` and `ontouchmove` event att
 
 In the very rare cases that you need to prevent these event defaults, you should use [`on`](https://svelte-5-preview.vercel.app/docs/imports#svelte-events) instead (for example inside an action).
 
+### Attribute/prop syntax is stricter
+
+In Svelte 4, complex attribute values needn't be quoted:
+
+<!-- prettier-ignore -->
+```svelte
+<Component prop=this{is}valid />
+```
+
+This is a footgun. In runes mode, if you want to concatenate stuff you must wrap the value in quotes:
+
+```svelte
+<Component prop="this{is}valid" />
+```
+
+Note that Svelte 5 will also warn if you have a single expression wrapped in quotes, like `answer="{42}"` — in Svelte 6, that will cause the value to be converted to a string, rather than passed as a number.
+
 ## Other breaking changes
 
 ### Stricter `@const` assignment validation

From d42bd398e73c8fad22b610f4596f10d31c1bf7d7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 23 Aug 2024 18:09:03 +0200
Subject: [PATCH 31/37] Version Packages (next) (#12986)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            | 1 +
 packages/svelte/CHANGELOG.md   | 6 ++++++
 packages/svelte/package.json   | 2 +-
 packages/svelte/src/version.js | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 76f79463f4..83d5a5ceee 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -478,6 +478,7 @@
     "olive-cobras-wonder",
     "olive-forks-grin",
     "olive-kangaroos-brake",
+    "olive-llamas-warn",
     "olive-mice-fix",
     "olive-moons-act",
     "olive-seals-sell",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index e79867735f..94c7d65db0 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # svelte
 
+## 5.0.0-next.236
+
+### Patch Changes
+
+- fix: properly transform destructured `$derived.by` declarations ([#12984](https://github.com/sveltejs/svelte/pull/12984))
+
 ## 5.0.0-next.235
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3cc6e1a16d..0151b97218 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.235",
+  "version": "5.0.0-next.236",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 31f7807095..6ca3f5b54e 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.235';
+export const VERSION = '5.0.0-next.236';
 export const PUBLIC_VERSION = '5';

From 29f29878c362177c0df8999d4e86f33540014ca3 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Fri, 23 Aug 2024 19:24:27 +0200
Subject: [PATCH 32/37] docs: note effects lifecycle (#12993)

* docs: note effects lifecycle

closes #9265

* tweak
---
 documentation/docs/03-runes/02-side-effects.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/documentation/docs/03-runes/02-side-effects.md b/documentation/docs/03-runes/02-side-effects.md
index f4bc8ef947..4cef5228ca 100644
--- a/documentation/docs/03-runes/02-side-effects.md
+++ b/documentation/docs/03-runes/02-side-effects.md
@@ -33,6 +33,8 @@ To run _side-effects_ when the component is mounted to the DOM, and when values
 
 The function passed to `$effect` will run when the component mounts, and will re-run after any changes to the values it reads that were declared with `$state` or `$derived` (including those passed in with `$props`). Re-runs are batched (i.e. changing `color` and `size` in the same moment won't cause two separate runs), and happen after any DOM updates have been applied.
 
+You can place `$effect` anywhere, not just at the top level of a component, as long as it is called during component initialization (or while a parent effect is active). It is then tied to the lifecycle of the component (or parent effect) and will therefore destroy itself when the component unmounts (or the parent effect is destroyed).
+
 You can return a function from `$effect`, which will run immediately before the effect re-runs, and before it is destroyed ([demo](/#H4sIAAAAAAAAE42SzW6DMBCEX2Vl5RDaVCQ9JoDUY--9lUox9lKsGBvZC1GEePcaKPnpqSe86_m0M2t6ViqNnu0_e2Z4jWzP3pqGbRhdmrHwHWrCUHvbOjF2Ei-caijLTU4aCYRtDUEKK0-ccL2NDstNrbRWHoU10t8Eu-121gTVCssSBa3XEaQZ9GMrpziGj0p5OAccCgSHwmEgJZwrNNihg6MyhK7j-gii4uYb_YyGUZ5guQwzPdL7b_U4ZNSOvp9T2B3m1rB5cLx4zMkhtc7AHz7YVCVwEFzrgosTBMuNs52SKDegaPbvWnMH8AhUXaNUIY6-hHCldQhUIcyLCFlfAuHvkCKaYk8iYevGGgy2wyyJnpy9oLwG0sjdNe2yhGhJN32HsUzi2xOapNpl_bSLIYnDeeoVLZE1YI3QSpzSfo7-8J5PKbwOmdf2jC6JZyD7HxpPaMk93aHhF6utVKVCyfbkWhy-hh9Z3o_2nQIAAA==)).
 
 ```svelte

From 21081d0fa55363e5cdf5c6c2bea9b5353661db11 Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Fri, 23 Aug 2024 20:10:10 +0100
Subject: [PATCH 33/37] fix: ensure $inspect works with SvelteMap and SvelteSet
 (#12994)

* fix: ensure $inspect works with SvelteMap and SvelteSet

* build

* dev only

* dev only

* lint

* lint

* lint

* alternative

* Update packages/svelte/src/reactivity/map.js

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/green-baboons-sip.md               |  5 ++++
 packages/svelte/src/internal/shared/clone.js  |  3 +++
 .../samples/inspect-map-set/_config.js        | 26 +++++++++++++++++++
 .../samples/inspect-map-set/main.svelte       | 12 +++++++++
 4 files changed, 46 insertions(+)
 create mode 100644 .changeset/green-baboons-sip.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/inspect-map-set/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/inspect-map-set/main.svelte

diff --git a/.changeset/green-baboons-sip.md b/.changeset/green-baboons-sip.md
new file mode 100644
index 0000000000..91d7902867
--- /dev/null
+++ b/.changeset/green-baboons-sip.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure $inspect works with SvelteMap and SvelteSet
diff --git a/packages/svelte/src/internal/shared/clone.js b/packages/svelte/src/internal/shared/clone.js
index 9027c15c4f..e00f3e0926 100644
--- a/packages/svelte/src/internal/shared/clone.js
+++ b/packages/svelte/src/internal/shared/clone.js
@@ -56,6 +56,9 @@ function clone(value, cloned, path, paths) {
 		const unwrapped = cloned.get(value);
 		if (unwrapped !== undefined) return unwrapped;
 
+		if (value instanceof Map) return /** @type {Snapshot<T>} */ (new Map(value));
+		if (value instanceof Set) return /** @type {Snapshot<T>} */ (new Set(value));
+
 		if (is_array(value)) {
 			const copy = /** @type {Snapshot<any>} */ ([]);
 			cloned.set(value, copy);
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-map-set/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-map-set/_config.js
new file mode 100644
index 0000000000..2052cb7f13
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-map-set/_config.js
@@ -0,0 +1,26 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	compileOptions: {
+		dev: true
+	},
+
+	async test({ assert, target, logs }) {
+		const [btn, btn2] = target.querySelectorAll('button');
+		btn.click();
+		btn2.click();
+		flushSync();
+
+		assert.deepEqual(logs, [
+			'init',
+			new Map(),
+			'init',
+			new Set(),
+			'update',
+			new Map([['a', 'a']]),
+			'update',
+			new Set(['a'])
+		]);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-map-set/main.svelte b/packages/svelte/tests/runtime-runes/samples/inspect-map-set/main.svelte
new file mode 100644
index 0000000000..313b259384
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-map-set/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import { SvelteMap, SvelteSet } from 'svelte/reactivity';
+
+	let map = new SvelteMap();
+	let set = new SvelteSet();
+
+	$inspect(map);
+	$inspect(set);
+</script>
+
+<button onclick={() => map.set('a', 'a')}>Map</button>
+<button onclick={() => set.add('a')}>Set</button>

From c5c54dabcc7e93e59b1354911faca8961351f2ab Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Sat, 24 Aug 2024 10:41:13 -0400
Subject: [PATCH 34/37] chore: default options.filename to "(unknown)" (#12997)

* chore: default options.filename to "(unknown)"

* fix

* regenerate
---
 .changeset/mighty-poets-fix.md                     |  5 +++++
 packages/svelte/src/compiler/index.js              |  2 +-
 .../svelte/src/compiler/phases/2-analyze/index.js  |  6 +++---
 .../phases/3-transform/client/transform-client.js  | 14 ++++++--------
 .../src/compiler/phases/3-transform/index.js       |  2 +-
 .../phases/3-transform/server/transform-server.js  |  2 +-
 packages/svelte/src/compiler/state.js              | 14 +++++---------
 packages/svelte/src/compiler/types/index.d.ts      |  8 ++------
 packages/svelte/src/compiler/utils/mapped_code.js  |  5 ++---
 packages/svelte/src/compiler/validate-options.js   |  2 +-
 .../src/internal/client/dom/elements/events.js     |  6 +-----
 packages/svelte/src/internal/client/runtime.js     | 12 +++++++-----
 packages/svelte/src/internal/client/validate.js    |  2 +-
 packages/svelte/types/index.d.ts                   |  4 ++--
 14 files changed, 38 insertions(+), 46 deletions(-)
 create mode 100644 .changeset/mighty-poets-fix.md

diff --git a/.changeset/mighty-poets-fix.md b/.changeset/mighty-poets-fix.md
new file mode 100644
index 0000000000..e41517360e
--- /dev/null
+++ b/.changeset/mighty-poets-fix.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+chore: default options.filename to "(unknown)"
diff --git a/packages/svelte/src/compiler/index.js b/packages/svelte/src/compiler/index.js
index e18c3c2ec3..abd0ddad36 100644
--- a/packages/svelte/src/compiler/index.js
+++ b/packages/svelte/src/compiler/index.js
@@ -106,7 +106,7 @@ export function compileModule(source, options) {
  */
 export function parse(source, { filename, rootDir, modern } = {}) {
 	state.reset_warning_filter(() => false);
-	state.reset(source, { filename, rootDir }); // TODO it's weird to require filename/rootDir here. reconsider the API
+	state.reset(source, { filename: filename ?? '(unknown)', rootDir });
 
 	const ast = _parse(source);
 	return to_public_ast(source, ast, modern);
diff --git a/packages/svelte/src/compiler/phases/2-analyze/index.js b/packages/svelte/src/compiler/phases/2-analyze/index.js
index d442cee77d..d54a2b2e55 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/index.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/index.js
@@ -243,7 +243,7 @@ export function analyze_module(ast, options) {
 
 	return {
 		module: { ast, scope, scopes },
-		name: options.filename || 'module',
+		name: options.filename,
 		accessors: false,
 		runes: true,
 		immutable: true
@@ -349,7 +349,7 @@ export function analyze_component(root, source, options) {
 		}
 	}
 
-	const component_name = get_component_name(options.filename ?? 'Component');
+	const component_name = get_component_name(options.filename);
 
 	const runes = options.runes ?? Array.from(module.scope.references.keys()).some(is_rune);
 
@@ -390,7 +390,7 @@ export function analyze_component(root, source, options) {
 			hash: root.css
 				? options.cssHash({
 						css: root.css.content.styles,
-						filename: options.filename ?? '<unknown>',
+						filename: options.filename,
 						name: component_name,
 						hash
 					})
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js b/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
index c7ec37a326..2566dbe4ac 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
@@ -505,14 +505,12 @@ export function client_component(analysis, options) {
 	}
 
 	if (dev) {
-		if (filename) {
-			// add `App[$.FILENAME] = 'App.svelte'` so that we can print useful messages later
-			body.unshift(
-				b.stmt(
-					b.assignment('=', b.member(b.id(analysis.name), '$.FILENAME', true), b.literal(filename))
-				)
-			);
-		}
+		// add `App[$.FILENAME] = 'App.svelte'` so that we can print useful messages later
+		body.unshift(
+			b.stmt(
+				b.assignment('=', b.member(b.id(analysis.name), '$.FILENAME', true), b.literal(filename))
+			)
+		);
 
 		body.unshift(b.stmt(b.call(b.id('$.mark_module_start'))));
 		body.push(b.stmt(b.call(b.id('$.mark_module_end'), b.id(analysis.name))));
diff --git a/packages/svelte/src/compiler/phases/3-transform/index.js b/packages/svelte/src/compiler/phases/3-transform/index.js
index 478be63041..c752b005c3 100644
--- a/packages/svelte/src/compiler/phases/3-transform/index.js
+++ b/packages/svelte/src/compiler/phases/3-transform/index.js
@@ -80,7 +80,7 @@ export function transform_module(analysis, source, options) {
 			? server_module(analysis, options)
 			: client_module(analysis, options);
 
-	const basename = (options.filename ?? 'Module').split(/[/\\]/).at(-1);
+	const basename = options.filename.split(/[/\\]/).at(-1);
 	if (program.body.length > 0) {
 		program.body[0].leadingComments = [
 			{
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
index 49095071c2..5735e94ca4 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
@@ -356,7 +356,7 @@ export function server_component(analysis, options) {
 		body.push(b.export_default(component_function));
 	}
 
-	if (dev && filename) {
+	if (dev) {
 		// add `App[$.FILENAME] = 'App.svelte'` so that we can print useful messages later
 		body.unshift(
 			b.stmt(
diff --git a/packages/svelte/src/compiler/state.js b/packages/svelte/src/compiler/state.js
index 3359b899bf..18bf33570c 100644
--- a/packages/svelte/src/compiler/state.js
+++ b/packages/svelte/src/compiler/state.js
@@ -8,9 +8,9 @@ import { getLocator } from 'locate-character';
 export let warnings = [];
 
 /**
- * The filename (if specified in the compiler options) relative to the rootDir (if specified).
+ * The filename relative to the rootDir (if specified).
  * This should not be used in the compiler output except in dev mode
- * @type {string | undefined}
+ * @type {string}
  */
 export let filename;
 
@@ -77,20 +77,16 @@ export function is_ignored(node, code) {
 
 /**
  * @param {string} _source
- * @param {{ dev?: boolean; filename?: string; rootDir?: string }} options
+ * @param {{ dev?: boolean; filename: string; rootDir?: string }} options
  */
 export function reset(_source, options) {
 	source = _source;
 	const root_dir = options.rootDir?.replace(/\\/g, '/');
-	filename = options.filename?.replace(/\\/g, '/');
+	filename = options.filename.replace(/\\/g, '/');
 
 	dev = !!options.dev;
 
-	if (
-		typeof filename === 'string' &&
-		typeof root_dir === 'string' &&
-		filename.startsWith(root_dir)
-	) {
+	if (typeof root_dir === 'string' && filename.startsWith(root_dir)) {
 		// make filename relative to rootDir
 		filename = filename.replace(root_dir, '').replace(/^[/\\]/, '');
 	}
diff --git a/packages/svelte/src/compiler/types/index.d.ts b/packages/svelte/src/compiler/types/index.d.ts
index 587c9e373c..5b0d474c64 100644
--- a/packages/svelte/src/compiler/types/index.d.ts
+++ b/packages/svelte/src/compiler/types/index.d.ts
@@ -56,7 +56,7 @@ export interface CompileError extends ICompileDiagnostic {}
 
 export type CssHashGetter = (args: {
 	name: string;
-	filename: string | undefined;
+	filename: string;
 	css: string;
 	hash: (input: string) => string;
 }) => string;
@@ -219,11 +219,7 @@ export interface ModuleCompileOptions {
 
 // The following two somewhat scary looking types ensure that certain types are required but can be undefined still
 
-export type ValidatedModuleCompileOptions = Omit<
-	Required<ModuleCompileOptions>,
-	'filename' | 'rootDir'
-> & {
-	filename: ModuleCompileOptions['filename'];
+export type ValidatedModuleCompileOptions = Omit<Required<ModuleCompileOptions>, 'rootDir'> & {
 	rootDir: ModuleCompileOptions['rootDir'];
 };
 
diff --git a/packages/svelte/src/compiler/utils/mapped_code.js b/packages/svelte/src/compiler/utils/mapped_code.js
index bb6115e031..79eaa9b578 100644
--- a/packages/svelte/src/compiler/utils/mapped_code.js
+++ b/packages/svelte/src/compiler/utils/mapped_code.js
@@ -393,7 +393,7 @@ export function parse_attached_sourcemap(processed, tag_name) {
  */
 export function merge_with_preprocessor_map(result, options, source_name) {
 	if (options.sourcemap) {
-		const file_basename = get_basename(options.filename || 'input.svelte');
+		const file_basename = get_basename(options.filename);
 		// The preprocessor map is expected to contain `sources: [basename_of_filename]`, but our own
 		// map may contain a different file name. Patch our map beforehand to align sources so merging
 		// with the preprocessor map works correctly.
@@ -442,11 +442,10 @@ export function get_basename(filename) {
 }
 
 /**
- * @param {string | undefined} filename
+ * @param {string} filename
  * @param {string | undefined} output_filename
  * @param {string} fallback
  */
 export function get_source_name(filename, output_filename, fallback) {
-	if (!filename) return fallback;
 	return output_filename ? get_relative_path(output_filename, filename) : get_basename(filename);
 }
diff --git a/packages/svelte/src/compiler/validate-options.js b/packages/svelte/src/compiler/validate-options.js
index 807f205d42..cef1b7e64b 100644
--- a/packages/svelte/src/compiler/validate-options.js
+++ b/packages/svelte/src/compiler/validate-options.js
@@ -9,7 +9,7 @@ import * as w from './warnings.js';
  */
 
 const common = {
-	filename: string(undefined),
+	filename: string('(unknown)'),
 
 	// default to process.cwd() where it exists to replicate svelte4 behavior
 	// see https://github.com/sveltejs/svelte/blob/b62fc8c8fd2640c9b99168f01b9d958cb2f7574f/packages/svelte/src/compiler/compile/Component.js#L211
diff --git a/packages/svelte/src/internal/client/dom/elements/events.js b/packages/svelte/src/internal/client/dom/elements/events.js
index 7223c969e2..fbea9d4b6d 100644
--- a/packages/svelte/src/internal/client/dom/elements/events.js
+++ b/packages/svelte/src/internal/client/dom/elements/events.js
@@ -310,11 +310,7 @@ export function apply(
 		handler.apply(element, args);
 	} else if (has_side_effects || handler != null) {
 		const filename = component?.[FILENAME];
-		const location = filename
-			? loc
-				? ` at ${filename}:${loc[0]}:${loc[1]}`
-				: ` in ${filename}`
-			: '';
+		const location = loc ? ` at ${filename}:${loc[0]}:${loc[1]}` : ` in ${filename}`;
 
 		const event_name = args[0].type;
 		const description = `\`${event_name}\` handler${location}`;
diff --git a/packages/svelte/src/internal/client/runtime.js b/packages/svelte/src/internal/client/runtime.js
index f22a6c15a4..71d50209d1 100644
--- a/packages/svelte/src/internal/client/runtime.js
+++ b/packages/svelte/src/internal/client/runtime.js
@@ -230,12 +230,14 @@ function handle_error(error, effect, component_context) {
 	let current_context = component_context;
 
 	while (current_context !== null) {
-		/** @type {string} */
-		var filename = current_context.function?.[FILENAME];
+		if (DEV) {
+			/** @type {string} */
+			var filename = current_context.function?.[FILENAME];
 
-		if (filename) {
-			const file = filename.split('/').pop();
-			component_stack.push(file);
+			if (filename) {
+				const file = filename.split('/').pop();
+				component_stack.push(file);
+			}
 		}
 
 		current_context = current_context.p;
diff --git a/packages/svelte/src/internal/client/validate.js b/packages/svelte/src/internal/client/validate.js
index d8ec8b6900..0666e5f87b 100644
--- a/packages/svelte/src/internal/client/validate.js
+++ b/packages/svelte/src/internal/client/validate.js
@@ -102,7 +102,7 @@ export function validate_binding(binding, get_object, get_property, line, column
 		ran = true;
 
 		if (effect.deps === null) {
-			var location = filename && `${filename}:${line}:${column}`;
+			var location = `${filename}:${line}:${column}`;
 			w.binding_property_non_reactive(binding, location);
 
 			warned = true;
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 09e9a23888..6f41adfa3d 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -740,7 +740,7 @@ declare module 'svelte/compiler' {
 
 	type CssHashGetter = (args: {
 		name: string;
-		filename: string | undefined;
+		filename: string;
 		css: string;
 		hash: (input: string) => string;
 	}) => string;
@@ -2613,7 +2613,7 @@ declare module 'svelte/types/compiler/interfaces' {
 
 	type CssHashGetter = (args: {
 		name: string;
-		filename: string | undefined;
+		filename: string;
 		css: string;
 		hash: (input: string) => string;
 	}) => string;

From 72b066b7fd694287ac0cdb381310cd2dd17c441b Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Sat, 24 Aug 2024 17:35:21 +0200
Subject: [PATCH 35/37] feat: allow non-synchronous legacy component
 instantiation (#12970)

* feat: allow non-synchronous legacy component instantiation

Add a new option to the legacy class component interface so that `flush_sync` can be omitted. Part of https://github.com/sveltejs/kit/issues/12248

* lint

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/wet-pears-buy.md                    |  5 +++++
 packages/svelte/src/index.d.ts                 |  2 ++
 packages/svelte/src/legacy/legacy-client.js    | 10 ++--------
 packages/svelte/tests/runtime-legacy/shared.ts |  1 -
 packages/svelte/types/index.d.ts               |  5 ++---
 5 files changed, 11 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/wet-pears-buy.md

diff --git a/.changeset/wet-pears-buy.md b/.changeset/wet-pears-buy.md
new file mode 100644
index 0000000000..b4cf666950
--- /dev/null
+++ b/.changeset/wet-pears-buy.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: allow non-synchronous legacy component instantiation
diff --git a/packages/svelte/src/index.d.ts b/packages/svelte/src/index.d.ts
index 79d048b815..3955f14dc2 100644
--- a/packages/svelte/src/index.d.ts
+++ b/packages/svelte/src/index.d.ts
@@ -17,6 +17,8 @@ export interface ComponentConstructorOptions<
 	context?: Map<any, any>;
 	hydrate?: boolean;
 	intro?: boolean;
+	recover?: boolean;
+	sync?: boolean;
 	$$inline?: boolean;
 }
 
diff --git a/packages/svelte/src/legacy/legacy-client.js b/packages/svelte/src/legacy/legacy-client.js
index ff145f3fb2..23f00bc30a 100644
--- a/packages/svelte/src/legacy/legacy-client.js
+++ b/packages/svelte/src/legacy/legacy-client.js
@@ -17,9 +17,6 @@ import { define_property } from '../internal/shared/utils.js';
  *
  * @param {ComponentConstructorOptions<Props> & {
  * 	component: ComponentType<SvelteComponent<Props, Events, Slots>> | Component<Props>;
- * 	immutable?: boolean;
- * 	hydrate?: boolean;
- * 	recover?: boolean;
  * }} options
  * @returns {SvelteComponent<Props, Events, Slots> & Exports}
  */
@@ -64,9 +61,6 @@ class Svelte4Component {
 	/**
 	 * @param {ComponentConstructorOptions & {
 	 *  component: any;
-	 * 	immutable?: boolean;
-	 * 	hydrate?: boolean;
-	 * 	recover?: false;
 	 * }} options
 	 */
 	constructor(options) {
@@ -110,8 +104,8 @@ class Svelte4Component {
 			recover: options.recover
 		});
 
-		// We don't flush_sync for custom element wrappers
-		if (!options?.props?.$$host) {
+		// We don't flush_sync for custom element wrappers or if the user doesn't want it
+		if (!options?.props?.$$host || options.sync === false) {
 			flush_sync();
 		}
 
diff --git a/packages/svelte/tests/runtime-legacy/shared.ts b/packages/svelte/tests/runtime-legacy/shared.ts
index 640e9a49ee..1474641c94 100644
--- a/packages/svelte/tests/runtime-legacy/shared.ts
+++ b/packages/svelte/tests/runtime-legacy/shared.ts
@@ -351,7 +351,6 @@ async function run_test_variant(
 					component: mod.default,
 					props: config.props,
 					target,
-					immutable: config.immutable,
 					intro: config.intro,
 					recover: config.recover ?? false,
 					hydrate: variant === 'hydrate'
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 6f41adfa3d..cefb0134a0 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -14,6 +14,8 @@ declare module 'svelte' {
 		context?: Map<any, any>;
 		hydrate?: boolean;
 		intro?: boolean;
+		recover?: boolean;
+		sync?: boolean;
 		$$inline?: boolean;
 	}
 
@@ -2101,9 +2103,6 @@ declare module 'svelte/legacy' {
 	 * */
 	export function createClassComponent<Props extends Record<string, any>, Exports extends Record<string, any>, Events extends Record<string, any>, Slots extends Record<string, any>>(options: ComponentConstructorOptions<Props> & {
 		component: ComponentType<SvelteComponent<Props, Events, Slots>> | Component<Props>;
-		immutable?: boolean;
-		hydrate?: boolean;
-		recover?: boolean;
 	}): SvelteComponent<Props, Events, Slots> & Exports;
 	/**
 	 * Takes the component function and returns a Svelte 4 compatible component constructor.

From 975918c602990aa838eaed8dcf102bf414dffc60 Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Sat, 24 Aug 2024 16:48:49 +0100
Subject: [PATCH 36/37] fix: ensure assignments to state field inside
 constructor trigger effect (#12985)

* fix: ensure assignments to state field inside constructor trigger effects

* address feedback

* address feedback

* address feedback

* add test

* alternative approach

* lint

* error on reading local source in derived

* build

* add changeset for self-dependency error

* revert unused changes

* revert unused changes

* Update packages/svelte/messages/client-errors/errors.md

* regenerate

* tweak

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/clean-shirts-yawn.md               |  5 +++
 .changeset/five-maps-reflect.md               |  5 +++
 .../svelte/messages/client-errors/errors.md   |  4 +++
 .../client/visitors/AssignmentExpression.js   | 14 --------
 .../client/visitors/MemberExpression.js       |  9 -----
 packages/svelte/src/internal/client/errors.js | 16 +++++++++
 packages/svelte/src/internal/client/proxy.js  |  4 +--
 .../src/internal/client/reactivity/sources.js | 35 +++++++++++++++----
 .../src/internal/client/reactivity/store.js   |  2 +-
 .../svelte/src/internal/client/runtime.js     | 20 +++++++++++
 .../class-state-effect-derived/_config.js     | 20 +++++++++++
 .../class-state-effect-derived/main.svelte    | 16 +++++++++
 .../samples/class-state-effect/_config.js     | 20 +++++++++++
 .../samples/class-state-effect/main.svelte    | 14 ++++++++
 .../_config.js                                | 20 +++++++++++
 .../main.svelte                               | 20 +++++++++++
 .../_expected/client/index.svelte.js          |  2 +-
 17 files changed, 192 insertions(+), 34 deletions(-)
 create mode 100644 .changeset/clean-shirts-yawn.md
 create mode 100644 .changeset/five-maps-reflect.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-effect/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-effect/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/main.svelte

diff --git a/.changeset/clean-shirts-yawn.md b/.changeset/clean-shirts-yawn.md
new file mode 100644
index 0000000000..12b113baa1
--- /dev/null
+++ b/.changeset/clean-shirts-yawn.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: throw error if derived creates state and then depends on it
diff --git a/.changeset/five-maps-reflect.md b/.changeset/five-maps-reflect.md
new file mode 100644
index 0000000000..bdc8d6ec18
--- /dev/null
+++ b/.changeset/five-maps-reflect.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure assignments to state field inside constructor trigger effects
diff --git a/packages/svelte/messages/client-errors/errors.md b/packages/svelte/messages/client-errors/errors.md
index ee05f6e664..b334234714 100644
--- a/packages/svelte/messages/client-errors/errors.md
+++ b/packages/svelte/messages/client-errors/errors.md
@@ -72,6 +72,10 @@
 
 > Cannot set prototype of `$state` object
 
+## state_unsafe_local_read
+
+> Reading state that was created inside the same derived is forbidden. Consider using `untrack` to read locally created state
+
 ## state_unsafe_mutation
 
 > Updating state inside a derived is forbidden. If the value should not be reactive, declare it without `$state`
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
index 4365870bf7..e4c630adb6 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
@@ -57,20 +57,6 @@ function build_assignment(operator, left, right, context) {
 					return b.assignment(operator, /** @type {Pattern} */ (context.visit(left)), value);
 				}
 			}
-		} else if (left.property.type === 'Identifier' && context.state.in_constructor) {
-			const public_state = context.state.public_state.get(left.property.name);
-
-			if (public_state !== undefined && should_proxy(right, context.state.scope)) {
-				const value = /** @type {Expression} */ (context.visit(right));
-
-				return b.assignment(
-					operator,
-					/** @type {Pattern} */ (context.visit(left)),
-					public_state.kind === 'raw_state'
-						? value
-						: build_proxy_reassignment(value, public_state.id)
-				);
-			}
 		}
 	}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/MemberExpression.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/MemberExpression.js
index 801841dfb6..501ecda555 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/MemberExpression.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/MemberExpression.js
@@ -13,15 +13,6 @@ export function MemberExpression(node, context) {
 		if (field) {
 			return context.state.in_constructor ? b.member(node, 'v') : b.call('$.get', node);
 		}
-	} else if (node.object.type === 'ThisExpression') {
-		// rewrite `this.foo` as `this.#foo.v` inside a constructor
-		if (node.property.type === 'Identifier' && !node.computed) {
-			const field = context.state.public_state.get(node.property.name);
-
-			if (field && context.state.in_constructor) {
-				return b.member(b.member(b.this, field.id), 'v');
-			}
-		}
 	}
 
 	context.next();
diff --git a/packages/svelte/src/internal/client/errors.js b/packages/svelte/src/internal/client/errors.js
index 67b5c0550f..ae09bb24d2 100644
--- a/packages/svelte/src/internal/client/errors.js
+++ b/packages/svelte/src/internal/client/errors.js
@@ -310,6 +310,22 @@ export function state_prototype_fixed() {
 	}
 }
 
+/**
+ * Reading state that was created inside the same derived is forbidden. Consider using `untrack` to read locally created state
+ * @returns {never}
+ */
+export function state_unsafe_local_read() {
+	if (DEV) {
+		const error = new Error(`state_unsafe_local_read\nReading state that was created inside the same derived is forbidden. Consider using \`untrack\` to read locally created state`);
+
+		error.name = 'Svelte error';
+		throw error;
+	} else {
+		// TODO print a link to the documentation
+		throw new Error("state_unsafe_local_read");
+	}
+}
+
 /**
  * Updating state inside a derived is forbidden. If the value should not be reactive, declare it without `$state`
  * @returns {never}
diff --git a/packages/svelte/src/internal/client/proxy.js b/packages/svelte/src/internal/client/proxy.js
index 333cd20b58..812f3d64a3 100644
--- a/packages/svelte/src/internal/client/proxy.js
+++ b/packages/svelte/src/internal/client/proxy.js
@@ -118,7 +118,7 @@ export function proxy(value, parent = null, prev) {
 
 			// create a source, but only if it's an own property and not a prototype property
 			if (s === undefined && (!exists || get_descriptor(target, prop)?.writable)) {
-				s = source(proxy(exists ? target[prop] : UNINITIALIZED, metadata));
+				s = source(proxy(exists ? target[prop] : UNINITIALIZED, metadata), null);
 				sources.set(prop, s);
 			}
 
@@ -170,7 +170,7 @@ export function proxy(value, parent = null, prev) {
 				(current_effect !== null && (!has || get_descriptor(target, prop)?.writable))
 			) {
 				if (s === undefined) {
-					s = source(has ? proxy(target[prop], metadata) : UNINITIALIZED);
+					s = source(has ? proxy(target[prop], metadata) : UNINITIALIZED, null);
 					sources.set(prop, s);
 				}
 
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index 86427a7509..4b3750ac99 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -1,4 +1,4 @@
-/** @import { Derived, Effect, Source, Value } from '#client' */
+/** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 import { DEV } from 'esm-env';
 import {
 	current_component_context,
@@ -13,7 +13,9 @@ import {
 	set_signal_status,
 	untrack,
 	increment_version,
-	update_effect
+	update_effect,
+	derived_sources,
+	set_derived_sources
 } from '../runtime.js';
 import { equals, safe_equals } from './equality.js';
 import {
@@ -32,27 +34,39 @@ let inspect_effects = new Set();
 /**
  * @template V
  * @param {V} v
+ * @param {Reaction | null} [owner]
  * @returns {Source<V>}
  */
 /*#__NO_SIDE_EFFECTS__*/
-export function source(v) {
-	return {
+export function source(v, owner = current_reaction) {
+	var source = {
 		f: 0, // TODO ideally we could skip this altogether, but it causes type errors
 		v,
 		reactions: null,
 		equals,
 		version: 0
 	};
+
+	if (owner !== null && (owner.f & DERIVED) !== 0) {
+		if (derived_sources === null) {
+			set_derived_sources([source]);
+		} else {
+			derived_sources.push(source);
+		}
+	}
+
+	return source;
 }
 
 /**
  * @template V
  * @param {V} initial_value
+ * @param {Reaction | null} [owner]
  * @returns {Source<V>}
  */
 /*#__NO_SIDE_EFFECTS__*/
-export function mutable_source(initial_value) {
-	const s = source(initial_value);
+export function mutable_source(initial_value, owner) {
+	const s = source(initial_value, owner);
 	s.equals = safe_equals;
 
 	// bind the signal to the component context, in case we need to
@@ -84,7 +98,14 @@ export function mutate(source, value) {
  * @returns {V}
  */
 export function set(source, value) {
-	if (current_reaction !== null && is_runes() && (current_reaction.f & DERIVED) !== 0) {
+	if (
+		current_reaction !== null &&
+		is_runes() &&
+		(current_reaction.f & DERIVED) !== 0 &&
+		// If the source was created locally within the current derived, then
+		// we allow the mutation.
+		(derived_sources === null || !derived_sources.includes(source))
+	) {
 		e.state_unsafe_mutation();
 	}
 
diff --git a/packages/svelte/src/internal/client/reactivity/store.js b/packages/svelte/src/internal/client/reactivity/store.js
index e28202aaf0..d95e42b0db 100644
--- a/packages/svelte/src/internal/client/reactivity/store.js
+++ b/packages/svelte/src/internal/client/reactivity/store.js
@@ -19,7 +19,7 @@ import { mutable_source, set } from './sources.js';
 export function store_get(store, store_name, stores) {
 	const entry = (stores[store_name] ??= {
 		store: null,
-		source: mutable_source(undefined),
+		source: mutable_source(undefined, null),
 		unsubscribe: noop
 	});
 
diff --git a/packages/svelte/src/internal/client/runtime.js b/packages/svelte/src/internal/client/runtime.js
index 71d50209d1..de6476b71f 100644
--- a/packages/svelte/src/internal/client/runtime.js
+++ b/packages/svelte/src/internal/client/runtime.js
@@ -80,6 +80,20 @@ export function set_current_effect(effect) {
 	current_effect = effect;
 }
 
+/**
+ * When sources are created within a derived, we record them so that we can safely allow
+ * local mutations to these sources without the side-effect error being invoked unnecessarily.
+ * @type {null | Source[]}
+ */
+export let derived_sources = null;
+
+/**
+ * @param {Source[] | null} sources
+ */
+export function set_derived_sources(sources) {
+	derived_sources = sources;
+}
+
 /**
  * The dependencies of the reaction that is currently being executed. In many cases,
  * the dependencies are unchanged between runs, and so this will be `null` unless
@@ -281,12 +295,14 @@ export function update_reaction(reaction) {
 	var previous_untracked_writes = current_untracked_writes;
 	var previous_reaction = current_reaction;
 	var previous_skip_reaction = current_skip_reaction;
+	var prev_derived_sources = derived_sources;
 
 	new_deps = /** @type {null | Value[]} */ (null);
 	skipped_deps = 0;
 	current_untracked_writes = null;
 	current_reaction = (reaction.f & (BRANCH_EFFECT | ROOT_EFFECT)) === 0 ? reaction : null;
 	current_skip_reaction = !is_flushing_effect && (reaction.f & UNOWNED) !== 0;
+	derived_sources = null;
 
 	try {
 		var result = /** @type {Function} */ (0, reaction.fn)();
@@ -323,6 +339,7 @@ export function update_reaction(reaction) {
 		current_untracked_writes = previous_untracked_writes;
 		current_reaction = previous_reaction;
 		current_skip_reaction = previous_skip_reaction;
+		derived_sources = prev_derived_sources;
 	}
 }
 
@@ -700,6 +717,9 @@ export function get(signal) {
 
 	// Register the dependency on the current reaction signal.
 	if (current_reaction !== null) {
+		if (derived_sources !== null && derived_sources.includes(signal)) {
+			e.state_unsafe_local_read();
+		}
 		var deps = current_reaction.deps;
 
 		// If the signal is accessing the same dependencies in the same
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/_config.js
new file mode 100644
index 0000000000..8255aceae2
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/_config.js
@@ -0,0 +1,20 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>10</button>`,
+
+	test({ assert, target, logs }) {
+		const btn = target.querySelector('button');
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>11</button>`);
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>12</button>`);
+
+		assert.deepEqual(logs, [0, 10, 11, 12]);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/main.svelte
new file mode 100644
index 0000000000..df0095a21d
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-effect-derived/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	class Counter {
+		count = $state(0);
+		constructor(initial) {
+			$effect.pre(() => {
+				console.log(this.count);
+			});
+			this.count = initial;
+		}
+	}
+	const counter = $derived(new Counter(10));
+
+	counter;
+</script>
+
+<button onclick={() => counter.count++}>{counter.count}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-effect/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-effect/_config.js
new file mode 100644
index 0000000000..8255aceae2
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-effect/_config.js
@@ -0,0 +1,20 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>10</button>`,
+
+	test({ assert, target, logs }) {
+		const btn = target.querySelector('button');
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>11</button>`);
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>12</button>`);
+
+		assert.deepEqual(logs, [0, 10, 11, 12]);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-effect/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-effect/main.svelte
new file mode 100644
index 0000000000..b30b09be9d
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-effect/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	class Counter {
+		count = $state(0);
+		constructor(initial) {
+			$effect.pre(() => {
+				console.log(this.count);
+			});
+			this.count = initial;
+		}
+	}
+	const counter = new Counter(10);
+</script>
+
+<button onclick={() => counter.count++}>{counter.count}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/_config.js
new file mode 100644
index 0000000000..8255aceae2
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/_config.js
@@ -0,0 +1,20 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: `<button>10</button>`,
+
+	test({ assert, target, logs }) {
+		const btn = target.querySelector('button');
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>11</button>`);
+
+		btn?.click();
+		flushSync();
+		assert.htmlEqual(target.innerHTML, `<button>12</button>`);
+
+		assert.deepEqual(logs, [0, 10, 11, 12]);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/main.svelte
new file mode 100644
index 0000000000..52a82b4247
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-extended-effect-derived/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	class Base {
+		count = $state(0);
+	}
+
+	class Counter extends Base {
+		constructor(initial) {
+			super();
+			$effect.pre(() => {
+				console.log(this.count);
+			});
+			this.count = initial;
+		}
+	}
+	const counter = $derived(new Counter(10));
+
+	counter;
+</script>
+
+<button onclick={() => counter.count++}>{counter.count}</button>
diff --git a/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js
index 02b109636f..197b9d1e73 100644
--- a/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js
@@ -18,7 +18,7 @@ export default function Class_state_field_constructor_assignment($$anchor, $$pro
 		#b = $.source();
 
 		constructor() {
-			this.#a.v = 1;
+			this.a = 1;
 			this.#b.v = 2;
 		}
 	}

From e7e7ef6d00db231a5cc31632cac0fec9093da059 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sat, 24 Aug 2024 11:50:02 -0400
Subject: [PATCH 37/37] Version Packages (next) (#12998)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/pre.json            |  5 +++++
 packages/svelte/CHANGELOG.md   | 14 ++++++++++++++
 packages/svelte/package.json   |  2 +-
 packages/svelte/src/version.js |  2 +-
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/.changeset/pre.json b/.changeset/pre.json
index 83d5a5ceee..79ef235668 100644
--- a/.changeset/pre.json
+++ b/.changeset/pre.json
@@ -82,6 +82,7 @@
     "clean-cats-wave",
     "clean-eels-beg",
     "clean-melons-wash",
+    "clean-shirts-yawn",
     "clever-chefs-relate",
     "clever-maps-travel",
     "clever-rockets-burn",
@@ -198,6 +199,7 @@
     "fifty-rice-wait",
     "fifty-steaks-float",
     "fifty-toys-invite",
+    "five-maps-reflect",
     "five-tigers-search",
     "flat-feet-visit",
     "flat-ghosts-fly",
@@ -273,6 +275,7 @@
     "great-fans-unite",
     "great-icons-retire",
     "great-plums-pretend",
+    "green-baboons-sip",
     "green-eggs-approve",
     "green-fishes-lie",
     "green-hounds-play",
@@ -419,6 +422,7 @@
     "mighty-files-hammer",
     "mighty-frogs-obey",
     "mighty-paws-smash",
+    "mighty-poets-fix",
     "mighty-shoes-nail",
     "modern-apricots-promise",
     "modern-fishes-double",
@@ -824,6 +828,7 @@
     "weak-terms-destroy",
     "wet-bats-exercise",
     "wet-games-fly",
+    "wet-pears-buy",
     "wet-pears-remain",
     "wet-wombats-repeat",
     "wicked-bikes-matter",
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 94c7d65db0..e18558367b 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,19 @@
 # svelte
 
+## 5.0.0-next.237
+
+### Patch Changes
+
+- breaking: throw error if derived creates state and then depends on it ([#12985](https://github.com/sveltejs/svelte/pull/12985))
+
+- fix: ensure assignments to state field inside constructor trigger effects ([#12985](https://github.com/sveltejs/svelte/pull/12985))
+
+- fix: ensure $inspect works with SvelteMap and SvelteSet ([#12994](https://github.com/sveltejs/svelte/pull/12994))
+
+- chore: default options.filename to "(unknown)" ([#12997](https://github.com/sveltejs/svelte/pull/12997))
+
+- feat: allow non-synchronous legacy component instantiation ([#12970](https://github.com/sveltejs/svelte/pull/12970))
+
 ## 5.0.0-next.236
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 0151b97218..24927de380 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.236",
+  "version": "5.0.0-next.237",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 6ca3f5b54e..1ce2274c0c 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.236';
+export const VERSION = '5.0.0-next.237';
 export const PUBLIC_VERSION = '5';