Merge branch 'main' into svelte-custom-renderer

.changeset/async-hydration-orphan-nodes.md

@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: properly track effect end node for async sibling component

.changeset/rare-donkeys-repair.md

@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: prevent false-positive reactivity loss warning

.changeset/soft-moments-exist.md

@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-chore: bump esrap dependency

.changeset/tangy-keys-drop.md

@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: ignore declaration tags for animation directive

.changeset/warm-cougars-behave.md

@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: reject pending async deriveds on discard

packages/svelte/CHANGELOG.md

@@ -1,5 +1,27 @@
 # svelte
 
+## 5.56.3
+
+### Patch Changes
+
+- fix: ignore errors that occur in destroyed effects ([#18384](https://github.com/sveltejs/svelte/pull/18384))
+
+- fix: type BigInts in `$state.snapshot(...)` return values ([#18388](https://github.com/sveltejs/svelte/pull/18388))
+
+## 5.56.2
+
+### Patch Changes
+
+- fix: properly track effect end node for async sibling component ([#18371](https://github.com/sveltejs/svelte/pull/18371))
+
+- fix: prevent false-positive reactivity loss warning ([#18373](https://github.com/sveltejs/svelte/pull/18373))
+
+- chore: bump esrap dependency ([#18372](https://github.com/sveltejs/svelte/pull/18372))
+
+- fix: ignore declaration tags for animation directive ([#18366](https://github.com/sveltejs/svelte/pull/18366))
+
+- fix: reject pending async deriveds on discard ([#18308](https://github.com/sveltejs/svelte/pull/18308))
+
 ## 5.56.1
 
 ### Patch Changes

packages/svelte/package.json

@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.56.1",
+  "version": "5.56.3",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {

packages/svelte/src/ambient.d.ts

@@ -24,7 +24,7 @@ declare function $state<T>(initial: T): T;
 declare function $state<T>(): T | undefined;
 
 declare namespace $state {
-	type Primitive = string | number | boolean | null | undefined;
+	type Primitive = string | number | bigint | boolean | null | undefined;
 
 	type TypedArray =
 		| Int8Array

packages/svelte/src/internal/client/error-handling.js

@@ -3,7 +3,7 @@
 import { DEV } from 'esm-env';
 import { FILENAME } from '../../constants.js';
 import { is_firefox } from './dom/operations.js';
-import { ERROR_VALUE, BOUNDARY_EFFECT, REACTION_RAN, EFFECT } from './constants.js';
+import { ERROR_VALUE, BOUNDARY_EFFECT, REACTION_RAN, EFFECT, DESTROYED } from './constants.js';
 import { define_property, get_descriptor } from '../shared/utils.js';
 import { active_effect, active_reaction } from './runtime.js';
 
@@ -45,6 +45,10 @@ export function handle_error(error) {
  * @param {Effect | null} effect
  */
 export function invoke_error_boundary(error, effect) {
+	if (effect !== null && (effect.f & DESTROYED) !== 0) {
+		return;
+	}
+
 	while (effect !== null) {
 		if ((effect.f & BOUNDARY_EFFECT) !== 0) {
 			if ((effect.f & REACTION_RAN) === 0) {

packages/svelte/src/internal/client/index.js

@@ -185,5 +185,4 @@ export {
 } from '../shared/validate.js';
 export { strict_equals, equals } from './dev/equality.js';
 export { log_if_contains_state } from './dev/console-log.js';
-export { invoke_error_boundary } from './error-handling.js';
 export { push_renderer } from './custom-renderer/state.js';

packages/svelte/src/version.js

@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.56.1';
+export const VERSION = '5.56.3';
 export const PUBLIC_VERSION = '5';

packages/svelte/tests/runtime-runes/samples/async-error-boundary-4/Child.svelte

@@ -0,0 +1,6 @@
+<script>
+	const data = $derived(await Promise.reject(new Error('oops')));
+	const model = $derived({ title: data.title });
+</script>
+
+<h4>{model.title}</h4>

packages/svelte/tests/runtime-runes/samples/async-error-boundary-4/_config.js

@@ -0,0 +1,13 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target }) {
+		const [button] = target.querySelectorAll('button');
+
+		button.click();
+		await tick();
+
+		assert.htmlEqual(target.innerHTML, '<button>show</button><p>error was contained</p>');
+	}
+});

packages/svelte/tests/runtime-runes/samples/async-error-boundary-4/main.svelte

@@ -0,0 +1,27 @@
+<script>
+	import Child from './Child.svelte';
+
+	let open = $state(false);
+</script>
+
+<svelte:boundary>
+	<button onclick={() => (open = true)}>show</button>
+
+	{#if open}
+		<svelte:boundary>
+			<Child />
+
+			{#snippet pending()}
+				<p>loading…</p>
+			{/snippet}
+
+			{#snippet failed()}
+				<p>error was contained</p>
+			{/snippet}
+		</svelte:boundary>
+	{/if}
+
+	{#snippet failed()}
+		<p>error escaped containment</p>
+	{/snippet}
+</svelte:boundary>

packages/svelte/types/index.d.ts

@@ -3407,7 +3407,7 @@ declare function $state<T>(initial: T): T;
 declare function $state<T>(): T | undefined;
 
 declare namespace $state {
-	type Primitive = string | number | boolean | null | undefined;
+	type Primitive = string | number | bigint | boolean | null | undefined;
 
 	type TypedArray =
 		| Int8Array