deep snapshots

packages/svelte/src/internal/client/dev/inspect.js

@@ -31,7 +31,7 @@ export function inspect(get_value, inspector = console.log) {
 	// calling `inspector` directly inside the effect, so that
 	// we get useful stack traces
 	var fn = () => {
-		const value = snapshot(get_value());
+		const value = snapshot(get_value(), true);
 		inspector(initial ? 'init' : 'update', ...value);
 	};
 

packages/svelte/src/internal/client/reactivity/snapshot.js

@@ -1,18 +1,24 @@
 import { STATE_SYMBOL } from '../constants.js';
-import { is_array } from '../utils.js';
+import { array_prototype, get_prototype_of, is_array, object_prototype } from '../utils.js';
 
 /**
  * @template {any} T
  * @param {T} value
+ * @param {boolean} deep
  * @param {Map<any, any>} values
  * @returns {T}
  */
-export function snapshot(value, values = new Map()) {
+export function snapshot(value, deep = false, values = new Map()) {
 	if (typeof value !== 'object' || value === null) {
 		return value;
 	}
 
-	if (STATE_SYMBOL in value) {
+	var proto = get_prototype_of(value);
+
+	if (
+		(proto === object_prototype || proto === array_prototype) &&
+		(deep || STATE_SYMBOL in value)
+	) {
 		var unwrapped = /** @type {T} */ (values.get(value));
 		if (unwrapped !== undefined) {
 			return unwrapped;
@@ -25,7 +31,7 @@ export function snapshot(value, values = new Map()) {
 			values.set(value, array);
 
 			for (var i = 0; i < length; i += 1) {
-				array[i] = snapshot(value[i], values);
+				array[i] = snapshot(value[i], deep, values);
 			}
 
 			return /** @type {T} */ (array);
@@ -36,7 +42,7 @@ export function snapshot(value, values = new Map()) {
 		values.set(value, obj);
 
 		for (var [k, v] of Object.entries(value)) {
-			obj[k] = snapshot(v, values);
+			obj[k] = snapshot(v, deep, values);
 		}
 
 		return /** @type {T} */ (obj);

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

@@ -125,9 +125,8 @@ export function is_runes() {
  */
 export function batch_inspect(target, prop, receiver) {
 	const value = Reflect.get(target, prop, receiver);
-	/**
-	 * @this {any}
-	 */
+
+	/** @this {any} */
 	return function () {
 		const previously_batching_effect = is_batching_effect;
 		is_batching_effect = true;