From ef4b6facb653bfb17535742c229fbe1a3da04b36 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Mon, 12 Aug 2024 09:58:55 -0400
Subject: [PATCH] breaking: replace `$state.frozen` with `$state.raw`

---
 .changeset/four-yaks-boil.md                  |  5 +++
 .../svelte/messages/client-errors/errors.md   |  4 --
 packages/svelte/src/ambient.d.ts              |  9 +++--
 .../2-analyze/visitors/CallExpression.js      |  2 +-
 .../2-analyze/visitors/VariableDeclarator.js  |  4 +-
 .../3-transform/client/transform-client.js    | 14 +------
 .../client/visitors/AssignmentExpression.js   |  8 ++--
 .../3-transform/client/visitors/ClassBody.js  | 18 ++-------
 .../3-transform/client/visitors/EachBlock.js  | 21 +++++++---
 .../client/visitors/VariableDeclaration.js    |  6 +--
 .../server/visitors/PropertyDefinition.js     |  2 +-
 .../svelte/src/internal/client/constants.js   |  1 -
 .../src/internal/client/dom/blocks/each.js    | 15 +------
 packages/svelte/src/internal/client/freeze.js | 40 -------------------
 .../svelte/src/internal/client/freeze.test.ts | 16 --------
 packages/svelte/src/internal/client/index.js  |  1 -
 packages/svelte/src/internal/client/proxy.js  |  9 +----
 packages/svelte/src/utils.js                  |  2 +-
 .../samples/bind-this-frozen/main.svelte      |  2 +-
 .../binding-property-static/_config.js        |  4 +-
 .../binding-property-static/main.svelte       |  6 +--
 .../class-frozen-state-object/_config.js      |  4 +-
 .../class-frozen-state-object/main.svelte     | 14 +++----
 .../samples/class-frozen-state/main.svelte    |  2 +-
 .../_config.js                                |  4 +-
 .../main.svelte                               | 14 +++----
 .../class-private-frozen-state/main.svelte    |  2 +-
 .../samples/each-updates-frozen/main.svelte   | 22 +++++-----
 .../readonly-state-replace/main.svelte        |  2 +-
 .../samples/readonly-state/main.svelte        |  4 +-
 30 files changed, 83 insertions(+), 174 deletions(-)
 create mode 100644 .changeset/four-yaks-boil.md
 delete mode 100644 packages/svelte/src/internal/client/freeze.js
 delete mode 100644 packages/svelte/src/internal/client/freeze.test.ts

diff --git a/.changeset/four-yaks-boil.md b/.changeset/four-yaks-boil.md
new file mode 100644
index 0000000000..ede6c1de19
--- /dev/null
+++ b/.changeset/four-yaks-boil.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: replace `$state.frozen` with `$state.raw`
diff --git a/packages/svelte/messages/client-errors/errors.md b/packages/svelte/messages/client-errors/errors.md
index f0ca476ff1..e509c970a2 100644
--- a/packages/svelte/messages/client-errors/errors.md
+++ b/packages/svelte/messages/client-errors/errors.md
@@ -64,10 +64,6 @@
 
 > The `%rune%` rune is only available inside `.svelte` and `.svelte.js/ts` files
 
-## state_frozen_invalid_argument
-
-> The argument to `$state.frozen(...)` cannot be an object created with `$state(...)`. You should create a copy of it first, for example with `$state.snapshot`
-
 ## state_prototype_fixed
 
 > Cannot set prototype of `$state` object
diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts
index 63a3873d3f..82242cb494 100644
--- a/packages/svelte/src/ambient.d.ts
+++ b/packages/svelte/src/ambient.d.ts
@@ -102,12 +102,13 @@ declare namespace $state {
 						: never;
 
 	/**
-	 * Declares reactive read-only state that is shallowly immutable.
+	 * Declares state that is _not_ made deeply reactive — instead of mutating it,
+	 * you must reassign it.
 	 *
 	 * Example:
 	 * ```ts
 	 * <script>
-	 *   let items = $state.frozen([0]);
+	 *   let items = $state.raw([0]);
 	 *
 	 *   const addItem = () => {
 	 *     items = [...items, items.length];
@@ -123,8 +124,8 @@ declare namespace $state {
 	 *
 	 * @param initial The initial value
 	 */
-	export function frozen<T>(initial: T): Readonly<T>;
-	export function frozen<T>(): Readonly<T> | undefined;
+	export function raw<T>(initial: T): T;
+	export function raw<T>(): T | undefined;
 	/**
 	 * To take a static snapshot of a deeply reactive `$state` proxy, use `$state.snapshot`:
 	 *
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 57cdae0c66..92edd00739 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/CallExpression.js
@@ -73,7 +73,7 @@ export function CallExpression(node, context) {
 			break;
 
 		case '$state':
-		case '$state.frozen':
+		case '$state.raw':
 		case '$derived':
 		case '$derived.by':
 			if (
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 5025fab1d8..1d5ac67e1d 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,7 @@ export function VariableDeclarator(node, context) {
 		// TODO feels like this should happen during scope creation?
 		if (
 			rune === '$state' ||
-			rune === '$state.frozen' ||
+			rune === '$state.raw' ||
 			rune === '$derived' ||
 			rune === '$derived.by' ||
 			rune === '$props'
@@ -32,7 +32,7 @@ export function VariableDeclarator(node, context) {
 				binding.kind =
 					rune === '$state'
 						? 'state'
-						: rune === '$state.frozen'
+						: rune === '$state.raw'
 							? 'frozen_state'
 							: rune === '$derived' || rune === '$derived.by'
 								? 'derived'
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 15c0de5df8..df3503732f 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
@@ -272,18 +272,8 @@ export function client_component(analysis, options) {
 		}
 
 		if (binding?.kind === 'state' || binding?.kind === 'frozen_state') {
-			return [
-				getter,
-				b.set(alias ?? name, [
-					b.stmt(
-						b.call(
-							'$.set',
-							b.id(name),
-							b.call(binding.kind === 'state' ? '$.proxy' : '$.freeze', b.id('$$value'))
-						)
-					)
-				])
-			];
+			const value = binding.kind === 'state' ? b.call('$.proxy', b.id('$$value')) : b.id('$$value');
+			return [getter, b.set(alias ?? name, [b.stmt(b.call('$.set', b.id(name), value))])];
 		}
 
 		return getter;
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 afd2d50ba4..700877c488 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
@@ -41,7 +41,7 @@ export function build_assignment(operator, left, right, context) {
 					transformed = true;
 					value =
 						private_state.kind === 'frozen_state'
-							? b.call('$.freeze', value)
+							? value
 							: build_proxy_reassignment(value, private_state.id);
 				}
 
@@ -61,7 +61,7 @@ export function build_assignment(operator, left, right, context) {
 					operator,
 					/** @type {Pattern} */ (context.visit(left)),
 					public_state.kind === 'frozen_state'
-						? b.call('$.freeze', value)
+						? value
 						: build_proxy_reassignment(value, public_state.id)
 				);
 			}
@@ -103,9 +103,7 @@ export function build_assignment(operator, left, right, context) {
 			should_proxy_or_freeze(value, context.state.scope)
 		) {
 			value =
-				binding.kind === 'frozen_state'
-					? b.call('$.freeze', value)
-					: build_proxy_reassignment(value, object.name);
+				binding.kind === 'frozen_state' ? value : build_proxy_reassignment(value, object.name);
 		}
 
 		return transform.assign(object, value);
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 aa9931ade3..e55233ba29 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,7 @@ export function ClassBody(node, context) {
 				const rune = get_rune(definition.value, context.state.scope);
 				if (
 					rune === '$state' ||
-					rune === '$state.frozen' ||
+					rune === '$state.raw' ||
 					rune === '$derived' ||
 					rune === '$derived.by'
 				) {
@@ -53,7 +53,7 @@ export function ClassBody(node, context) {
 						kind:
 							rune === '$state'
 								? 'state'
-								: rune === '$state.frozen'
+								: rune === '$state.raw'
 									? 'frozen_state'
 									: rune === '$derived.by'
 										? 'derived_by'
@@ -117,12 +117,7 @@ export function ClassBody(node, context) {
 									should_proxy_or_freeze(init, context.state.scope) ? b.call('$.proxy', init) : init
 								)
 							: field.kind === 'frozen_state'
-								? b.call(
-										'$.source',
-										should_proxy_or_freeze(init, context.state.scope)
-											? b.call('$.freeze', init)
-											: init
-									)
+								? b.call('$.source', init)
 								: field.kind === 'derived_by'
 									? b.call('$.derived', init)
 									: b.call('$.derived', b.thunk(init));
@@ -158,12 +153,7 @@ export function ClassBody(node, context) {
 						// set foo(value) { this.#foo = value; }
 						const value = b.id('value');
 						body.push(
-							b.method(
-								'set',
-								definition.key,
-								[value],
-								[b.stmt(b.call('$.set', member, b.call('$.freeze', value)))]
-							)
+							b.method('set', definition.key, [value], [b.stmt(b.call('$.set', member, value))])
 						);
 					}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
index 173b2edf13..2e32cdd72c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
@@ -55,6 +55,17 @@ export function EachBlock(node, context) {
 		node.context.type === 'Identifier' &&
 		node.context.name === node.key.name;
 
+	// if the each block expression references a store subscription, we need
+	// to us mutable stores internally
+	let uses_store;
+
+	for (const binding of node.metadata.expression.dependencies) {
+		if (binding.kind === 'store_sub') {
+			uses_store = true;
+			break;
+		}
+	}
+
 	for (const binding of node.metadata.expression.dependencies) {
 		// if the expression doesn't reference any external state, we don't need to
 		// create a source for the item. TODO cover more cases (e.g. `x.filter(y)`
@@ -64,12 +75,16 @@ export function EachBlock(node, context) {
 			continue;
 		}
 
-		if (!context.state.analysis.runes || !key_is_item || binding.kind === 'store_sub') {
+		if (!context.state.analysis.runes || !key_is_item || uses_store) {
 			flags |= EACH_ITEM_REACTIVE;
 			break;
 		}
 	}
 
+	if (context.state.analysis.runes && !uses_store) {
+		flags |= EACH_IS_STRICT_EQUALS;
+	}
+
 	// Since `animate:` can only appear on elements that are the sole child of a keyed each block,
 	// we can determine at compile time whether the each block is animated or not (in which
 	// case it should measure animated elements before and after reconciliation).
@@ -87,10 +102,6 @@ export function EachBlock(node, context) {
 		flags |= EACH_IS_CONTROLLED;
 	}
 
-	if (context.state.analysis.runes) {
-		flags |= EACH_IS_STRICT_EQUALS;
-	}
-
 	// If the array is a store expression, we need to invalidate it when the array is changed.
 	// This doesn't catch all cases, but all the ones that Svelte 4 catches, too.
 	let store_to_invalidate = '';
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 914db108e3..24cb7da905 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
@@ -119,7 +119,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.frozen') {
+			if (rune === '$state' || rune === '$state.raw') {
 				/**
 				 * @param {Identifier} id
 				 * @param {Expression} value
@@ -128,8 +128,8 @@ export function VariableDeclaration(node, context) {
 					const binding = /** @type {import('#compiler').Binding} */ (
 						context.state.scope.get(id.name)
 					);
-					if (should_proxy_or_freeze(value, context.state.scope)) {
-						value = b.call(rune === '$state' ? '$.proxy' : '$.freeze', value);
+					if (rune === '$state' && should_proxy_or_freeze(value, context.state.scope)) {
+						value = b.call('$.proxy', value);
 					}
 					if (is_state_source(binding, context.state)) {
 						value = b.call('$.source', value);
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 72831dce86..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,7 +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.frozen' || rune === '$derived') {
+		if (rune === '$state' || rune === '$state.raw' || rune === '$derived') {
 			return {
 				...node,
 				value:
diff --git a/packages/svelte/src/internal/client/constants.js b/packages/svelte/src/internal/client/constants.js
index accdf05036..286396703a 100644
--- a/packages/svelte/src/internal/client/constants.js
+++ b/packages/svelte/src/internal/client/constants.js
@@ -20,5 +20,4 @@ export const INSPECT_EFFECT = 1 << 17;
 export const HEAD_EFFECT = 1 << 18;
 
 export const STATE_SYMBOL = Symbol('$state');
-export const STATE_FROZEN_SYMBOL = Symbol('$state.frozen');
 export const LOADING_ATTR_SYMBOL = Symbol('');
diff --git a/packages/svelte/src/internal/client/dom/blocks/each.js b/packages/svelte/src/internal/client/dom/blocks/each.js
index 669232fca2..2588464fa7 100644
--- a/packages/svelte/src/internal/client/dom/blocks/each.js
+++ b/packages/svelte/src/internal/client/dom/blocks/each.js
@@ -5,7 +5,6 @@ import {
 	EACH_IS_CONTROLLED,
 	EACH_IS_STRICT_EQUALS,
 	EACH_ITEM_REACTIVE,
-	EACH_KEYED,
 	HYDRATION_END,
 	HYDRATION_START_ELSE
 } from '../../../../constants.js';
@@ -29,7 +28,7 @@ import {
 } from '../../reactivity/effects.js';
 import { source, mutable_source, set } from '../../reactivity/sources.js';
 import { is_array, is_frozen } from '../../../shared/utils.js';
-import { INERT, STATE_FROZEN_SYMBOL, STATE_SYMBOL } from '../../constants.js';
+import { INERT, STATE_SYMBOL } from '../../constants.js';
 import { queue_micro_task } from '../task.js';
 import { current_effect } from '../../runtime.js';
 
@@ -139,18 +138,6 @@ export function each(node, flags, get_collection, get_key, render_fn, fallback_f
 
 		var length = array.length;
 
-		// If we are working with an array that isn't proxied or frozen, then remove strict equality and ensure the items
-		// are treated as reactive, so they get wrapped in a signal.
-		var flags = state.flags;
-		if (
-			(flags & EACH_IS_STRICT_EQUALS) !== 0 &&
-			!is_frozen(array) &&
-			!(STATE_FROZEN_SYMBOL in array) &&
-			!(STATE_SYMBOL in array)
-		) {
-			flags ^= EACH_IS_STRICT_EQUALS;
-		}
-
 		/** `true` if there was a hydration mismatch. Needs to be a `let` or else it isn't treeshaken out */
 		let mismatch = false;
 
diff --git a/packages/svelte/src/internal/client/freeze.js b/packages/svelte/src/internal/client/freeze.js
deleted file mode 100644
index 540168afcf..0000000000
--- a/packages/svelte/src/internal/client/freeze.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { DEV } from 'esm-env';
-import { define_property, is_array, is_frozen, object_freeze } from '../shared/utils.js';
-import { STATE_FROZEN_SYMBOL, STATE_SYMBOL } from './constants.js';
-import * as e from './errors.js';
-
-/**
- * Expects a value that was wrapped with `freeze` and makes it frozen in DEV.
- * @template T
- * @param {T} value
- * @returns {Readonly<T>}
- */
-export function freeze(value) {
-	if (
-		typeof value === 'object' &&
-		value !== null &&
-		!is_frozen(value) &&
-		!(STATE_FROZEN_SYMBOL in value)
-	) {
-		var copy = /** @type {T} */ (value);
-
-		if (STATE_SYMBOL in value) {
-			e.state_frozen_invalid_argument();
-		}
-
-		define_property(copy, STATE_FROZEN_SYMBOL, {
-			value: true,
-			writable: true,
-			enumerable: false
-		});
-
-		// Freeze the object in DEV
-		if (DEV) {
-			object_freeze(copy);
-		}
-
-		return /** @type {Readonly<T>} */ (copy);
-	}
-
-	return value;
-}
diff --git a/packages/svelte/src/internal/client/freeze.test.ts b/packages/svelte/src/internal/client/freeze.test.ts
deleted file mode 100644
index fdc79ec13c..0000000000
--- a/packages/svelte/src/internal/client/freeze.test.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { freeze } from './freeze.js';
-import { assert, test } from 'vitest';
-import { proxy } from './proxy.js';
-
-test('freezes an object', () => {
-	const frozen = freeze({ a: 1 });
-
-	assert.throws(() => {
-		// @ts-expect-error
-		frozen.a += 1;
-	}, /Cannot assign to read only property/);
-});
-
-test('throws if argument is a state proxy', () => {
-	assert.throws(() => freeze(proxy({})), /state_frozen_invalid_argument/);
-});
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index b1dfebbec5..489d45df02 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -93,7 +93,6 @@ export {
 	template_with_script,
 	text
 } from './dom/template.js';
-export { freeze } from './freeze.js';
 export { derived, derived_safe_equal } from './reactivity/deriveds.js';
 export {
 	effect_tracking,
diff --git a/packages/svelte/src/internal/client/proxy.js b/packages/svelte/src/internal/client/proxy.js
index 7b172f0a12..1827b1efda 100644
--- a/packages/svelte/src/internal/client/proxy.js
+++ b/packages/svelte/src/internal/client/proxy.js
@@ -12,7 +12,7 @@ import {
 } from '../shared/utils.js';
 import { check_ownership, widen_ownership } from './dev/ownership.js';
 import { source, set } from './reactivity/sources.js';
-import { STATE_FROZEN_SYMBOL, STATE_SYMBOL } from './constants.js';
+import { STATE_SYMBOL } from './constants.js';
 import { UNINITIALIZED } from '../../constants.js';
 import * as e from './errors.js';
 
@@ -24,12 +24,7 @@ import * as e from './errors.js';
  * @returns {ProxyStateObject<T> | T}
  */
 export function proxy(value, parent = null, prev) {
-	if (
-		typeof value === 'object' &&
-		value != null &&
-		!is_frozen(value) &&
-		!(STATE_FROZEN_SYMBOL in value)
-	) {
+	if (typeof value === 'object' && value != null && !is_frozen(value)) {
 		// If we have an existing proxy, return it...
 		if (STATE_SYMBOL in value) {
 			const metadata = /** @type {ProxyMetadata<T>} */ (value[STATE_SYMBOL]);
diff --git a/packages/svelte/src/utils.js b/packages/svelte/src/utils.js
index 60250075c6..f5a523f107 100644
--- a/packages/svelte/src/utils.js
+++ b/packages/svelte/src/utils.js
@@ -393,7 +393,7 @@ export function is_mathml(name) {
 
 const RUNES = /** @type {const} */ ([
 	'$state',
-	'$state.frozen',
+	'$state.raw',
 	'$state.snapshot',
 	'$state.is',
 	'$props',
diff --git a/packages/svelte/tests/runtime-runes/samples/bind-this-frozen/main.svelte b/packages/svelte/tests/runtime-runes/samples/bind-this-frozen/main.svelte
index 4b314a33fa..653f56bd55 100644
--- a/packages/svelte/tests/runtime-runes/samples/bind-this-frozen/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/bind-this-frozen/main.svelte
@@ -3,7 +3,7 @@
 	import ComponentB from './ComponentB.svelte';
 
 	let type = $state(ComponentA);
-	let elem = $state.frozen();
+	let elem = $state.raw();
 
 	$effect(() => {
 		console.log(elem);
diff --git a/packages/svelte/tests/runtime-runes/samples/binding-property-static/_config.js b/packages/svelte/tests/runtime-runes/samples/binding-property-static/_config.js
index 7202aadfa4..5c0b524a89 100644
--- a/packages/svelte/tests/runtime-runes/samples/binding-property-static/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/binding-property-static/_config.js
@@ -8,9 +8,9 @@ export default test({
 	async test({ assert, warnings }) {
 		assert.deepEqual(warnings, [
 			'`bind:value={pojo.value}` (main.svelte:50:7) is binding to a non-reactive property',
-			'`bind:value={frozen.value}` (main.svelte:51:7) is binding to a non-reactive property',
+			'`bind:value={raw.value}` (main.svelte:51:7) is binding to a non-reactive property',
 			'`bind:value={pojo.value}` (main.svelte:52:7) is binding to a non-reactive property',
-			'`bind:value={frozen.value}` (main.svelte:53:7) is binding to a non-reactive property',
+			'`bind:value={raw.value}` (main.svelte:53:7) is binding to a non-reactive property',
 			'`bind:this={pojo.value}` (main.svelte:55:6) is binding to a non-reactive property'
 		]);
 	}
diff --git a/packages/svelte/tests/runtime-runes/samples/binding-property-static/main.svelte b/packages/svelte/tests/runtime-runes/samples/binding-property-static/main.svelte
index 3195aa35ea..e7d7ca35c1 100644
--- a/packages/svelte/tests/runtime-runes/samples/binding-property-static/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/binding-property-static/main.svelte
@@ -5,7 +5,7 @@
 		value: 1
 	};
 
-	let frozen = $state.frozen({
+	let raw = $state.raw({
 		value: 2
 	});
 
@@ -48,9 +48,9 @@
 
 <!-- should warn -->
 <input bind:value={pojo.value} />
-<input bind:value={frozen.value} />
+<input bind:value={raw.value} />
 <Child bind:value={pojo.value} />
-<Child bind:value={frozen.value} />
+<Child bind:value={raw.value} />
 {#if value}
 	<div bind:this={pojo.value}></div>
 {/if}
diff --git a/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/_config.js b/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/_config.js
index 4b043a75e2..ad93c66761 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/_config.js
@@ -4,7 +4,7 @@ import { test } from '../../test';
 export default test({
 	html: `<button>0</button>`,
 
-	test({ assert, target, logs }) {
+	test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		btn?.click();
@@ -14,7 +14,5 @@ export default test({
 		btn?.click();
 		flushSync();
 		assert.htmlEqual(target.innerHTML, `<button>0</button>`);
-
-		assert.deepEqual(logs, ['read only', 'read only']);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/main.svelte
index bdadbeee82..17ef0e7f34 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/main.svelte
@@ -1,14 +1,12 @@
 <script>
 	class Counter {
-		count = $state.frozen({ a: 0 });
+		count = $state.raw({ a: 0 });
 	}
 	const counter = new Counter();
 </script>
 
-<button on:click={() => {
-	try {
-		counter.count.a++
-	} catch (e) {
-		console.log('read only')
-	}
-}}>{counter.count.a}</button>
+<button
+	on:click={() => {
+		counter.count.a++;
+	}}>{counter.count.a}</button
+>
diff --git a/packages/svelte/tests/runtime-runes/samples/class-frozen-state/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-frozen-state/main.svelte
index a723976ea9..2913d1ecec 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-frozen-state/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-frozen-state/main.svelte
@@ -1,6 +1,6 @@
 <script>
 	class Counter {
-		count = $state.frozen(0);
+		count = $state.raw(0);
 	}
 	const counter = new Counter();
 </script>
diff --git a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/_config.js b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/_config.js
index 4b043a75e2..ad93c66761 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/_config.js
@@ -4,7 +4,7 @@ import { test } from '../../test';
 export default test({
 	html: `<button>0</button>`,
 
-	test({ assert, target, logs }) {
+	test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		btn?.click();
@@ -14,7 +14,5 @@ export default test({
 		btn?.click();
 		flushSync();
 		assert.htmlEqual(target.innerHTML, `<button>0</button>`);
-
-		assert.deepEqual(logs, ['read only', 'read only']);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/main.svelte
index 557dc86998..f7f1c74c29 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/main.svelte
@@ -1,6 +1,6 @@
 <script>
 	class Counter {
-		#count = $state.frozen();
+		#count = $state.raw();
 
 		constructor(initial_count) {
 			this.#count = { a: initial_count };
@@ -16,10 +16,8 @@
 	const counter = new Counter(0);
 </script>
 
-<button on:click={() => {
-	try {
-		counter.count.a++
-	} catch (e) {
-		console.log('read only')
-	}
-}}>{counter.count.a}</button>
+<button
+	on:click={() => {
+		counter.count.a++;
+	}}>{counter.count.a}</button
+>
diff --git a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state/main.svelte
index f509f351bb..f4812b1dde 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-private-frozen-state/main.svelte
@@ -1,6 +1,6 @@
 <script>
 	class Counter {
-		#count = $state.frozen(0);
+		#count = $state.raw(0);
 
 		constructor(initial_count) {
 			this.#count = initial_count;
diff --git a/packages/svelte/tests/runtime-runes/samples/each-updates-frozen/main.svelte b/packages/svelte/tests/runtime-runes/samples/each-updates-frozen/main.svelte
index 8aabde46cf..07efc5e349 100644
--- a/packages/svelte/tests/runtime-runes/samples/each-updates-frozen/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/each-updates-frozen/main.svelte
@@ -1,16 +1,18 @@
 <script>
-  let frozen_items = $state.frozen([
-		{id: 0, text: 'a'},
-		{id: 1, text: 'b'},
-		{id: 2, text: 'c'}
-	])
+	let raw_items = $state.raw([
+		{ id: 0, text: 'a' },
+		{ id: 1, text: 'b' },
+		{ id: 2, text: 'c' }
+	]);
 </script>
 
-{#each frozen_items as item (item.id)}
+{#each raw_items as item (item.id)}
 	{console.log(item.text)}
-  {item.text}
+	{item.text}
 {/each}
 
-<button onclick={() => {
-	frozen_items = [...frozen_items, {id: 3, text: 'd'}]
-}}></button>
+<button
+	onclick={() => {
+		raw_items = [...raw_items, { id: 3, text: 'd' }];
+	}}
+></button>
diff --git a/packages/svelte/tests/runtime-runes/samples/readonly-state-replace/main.svelte b/packages/svelte/tests/runtime-runes/samples/readonly-state-replace/main.svelte
index 4a53807030..4b5dc5ac59 100644
--- a/packages/svelte/tests/runtime-runes/samples/readonly-state-replace/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/readonly-state-replace/main.svelte
@@ -1,5 +1,5 @@
 <script>
-	let items = $state.frozen([0]);
+	let items = $state.raw([0]);
 
 	const addItem = () => {
 		items = [...items, items.length];
diff --git a/packages/svelte/tests/runtime-runes/samples/readonly-state/main.svelte b/packages/svelte/tests/runtime-runes/samples/readonly-state/main.svelte
index e92a479c93..9cfda45e18 100644
--- a/packages/svelte/tests/runtime-runes/samples/readonly-state/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/readonly-state/main.svelte
@@ -1,6 +1,6 @@
 <script>
-	let x = $state.frozen(0);
-	let y = $state.frozen(0);
+	let x = $state.raw(0);
+	let y = $state.raw(0);
 
 	$effect(() => {
 		console.log(x);