From 159ccf30e7d30bcedacba23724f88cb28abda172 Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Sun, 1 Mar 2026 13:03:04 -0500 Subject: [PATCH] chore: highlight effect in tree --- packages/svelte/src/internal/client/dev/debug.js | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/packages/svelte/src/internal/client/dev/debug.js b/packages/svelte/src/internal/client/dev/debug.js index 55b7247c23..83cc510ae2 100644 --- a/packages/svelte/src/internal/client/dev/debug.js +++ b/packages/svelte/src/internal/client/dev/debug.js @@ -68,11 +68,12 @@ function effect_label(effect, append_effect = false) { return label; } + /** - * * @param {Effect} effect + * @param {Effect[]} highlighted */ -export function log_effect_tree(effect, depth = 0, is_reachable = true) { +export function log_effect_tree(effect, highlighted = [], depth = 0, is_reachable = true) { const flags = effect.f; let label = effect_label(effect); @@ -86,6 +87,14 @@ export function log_effect_tree(effect, depth = 0, is_reachable = true) { styles.push(`color: red`); } + if ((flags & INERT) !== 0) { + styles.push('font-style: italic'); + } + + if (highlighted.includes(effect)) { + styles.push('background-color: yellow'); + } + // eslint-disable-next-line no-console console.group(`%c${label} (${status})`, styles.join('; ')); @@ -131,7 +140,7 @@ export function log_effect_tree(effect, depth = 0, is_reachable = true) { let child = effect.first; while (child !== null) { - log_effect_tree(child, depth + 1, child_is_reachable); + log_effect_tree(child, highlighted, depth + 1, child_is_reachable); child = child.next; }