Set, Date, URL

Author: Rich-Harris

packages/svelte/src/reactivity/date.js

@@ -1,3 +1,4 @@
+import { STATE_SNAPSHOT_SYMBOL } from '../internal/client/constants.js';
 import { source, set } from '../internal/client/reactivity/sources.js';
 import { get } from '../internal/client/runtime.js';
 
@@ -99,4 +100,8 @@ export class ReactiveDate extends Date {
 		super(...values);
 		this.#init();
 	}
+
+	[STATE_SNAPSHOT_SYMBOL]() {
+		return new Date(get(this.#raw_time));
+	}
 }

packages/svelte/src/reactivity/set.js

@@ -2,6 +2,8 @@ import { DEV } from 'esm-env';
 import { source, set } from '../internal/client/reactivity/sources.js';
 import { get } from '../internal/client/runtime.js';
 import { map } from './utils.js';
+import { STATE_SNAPSHOT_SYMBOL } from '../internal/client/constants.js';
+import { snapshot } from '../internal/client/reactivity/snapshot.js';
 
 var read_methods = ['forEach', 'isDisjointFrom', 'isSubsetOf', 'isSupersetOf'];
 var set_like_methods = ['difference', 'intersection', 'symmetricDifference', 'union'];
@@ -149,4 +151,9 @@ export class ReactiveSet extends Set {
 	get size() {
 		return get(this.#size);
 	}
+
+	/** @param {boolean} deep */
+	[STATE_SNAPSHOT_SYMBOL](deep) {
+		return new Set(map(this.keys(), (key) => snapshot(key, deep), 'Set Iterator'));
+	}
 }

packages/svelte/src/reactivity/url.js

@@ -1,3 +1,4 @@
+import { STATE_SNAPSHOT_SYMBOL } from '../internal/client/constants.js';
 import { source, set } from '../internal/client/reactivity/sources.js';
 import { get } from '../internal/client/runtime.js';
 
@@ -150,6 +151,10 @@ export class ReactiveURL extends URL {
 	toJSON() {
 		return this.href;
 	}
+
+	[STATE_SNAPSHOT_SYMBOL]() {
+		return new URL(this.href);
+	}
 }
 
 export class ReactiveURLSearchParams extends URLSearchParams {