fix: ensure $inspect untracks inspected object (#11432)

.changeset/violet-mugs-behave.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: ensure $inspect untracks inspected object

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

@@ -1,6 +1,6 @@
 import { snapshot } from '../proxy.js';
 import { render_effect, validate_effect } from '../reactivity/effects.js';
-import { current_effect, deep_read } from '../runtime.js';
+import { current_effect, deep_read, untrack } from '../runtime.js';
 import { array_prototype, get_prototype_of, object_prototype } from '../utils.js';
 
 /** @type {Function | null} */
@@ -28,7 +28,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 = deep_snapshot(get_value());
+ const value = untrack(() => deep_snapshot(get_value()));
  inspector(initial ? 'init' : 'update', ...value);
  };
 

packages/svelte/tests/runtime-runes/samples/inspect-deep/_config.js

@@ -0,0 +1,11 @@
+import { test } from '../../test';
+
+export default test({
+ compileOptions: {
+ dev: true
+ },
+
+ async test({ assert, logs }) {
+ assert.deepEqual(logs, ['init', undefined, 'update', [{}]]);
+ }
+});

packages/svelte/tests/runtime-runes/samples/inspect-deep/main.svelte

@@ -0,0 +1,11 @@
+<script>
+ let items = [{}];
+ let data = $state();
+
+ $effect(() => {
+ data = items.slice(0, 1);
+ });
+
+ $inspect(data);
+</script>
+