effect_label() — svelte Function Reference

Architecture documentation for the effect_label() function in debug.js from the svelte codebase.

Function javascript ClientRuntime Hydration called by 2

Entity Profile

ClientRuntime→ Hydration→ effect_label() — svelte Function Reference

Dependency Diagram

graph TD
  16cd018d_c084_c5ad_7239_ee199fdd3ffe["effect_label()"]
  fc525dc9_b57a_8bf5_77df_6fcfa5373180["debug.js"]
  16cd018d_c084_c5ad_7239_ee199fdd3ffe -->|defined in| fc525dc9_b57a_8bf5_77df_6fcfa5373180
  3055ea5a_a5cc_f2b6_42ad_2747f4e1cead["log_effect_tree()"]
  3055ea5a_a5cc_f2b6_42ad_2747f4e1cead -->|calls| 16cd018d_c084_c5ad_7239_ee199fdd3ffe
  521e299e_ab59_6272_422b_3ad55c315b6f["log_reactions()"]
  521e299e_ab59_6272_422b_3ad55c315b6f -->|calls| 16cd018d_c084_c5ad_7239_ee199fdd3ffe
  style 16cd018d_c084_c5ad_7239_ee199fdd3ffe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dev/debug.js lines 42–70

function effect_label(effect, append_effect = false) {
	const flags = effect.f;

	let label = `(unknown ${append_effect ? 'effect' : ''})`;

	if ((flags & ROOT_EFFECT) !== 0) {
		label = 'root';
	} else if ((flags & BOUNDARY_EFFECT) !== 0) {
		label = 'boundary';
	} else if ((flags & BLOCK_EFFECT) !== 0) {
		label = 'block';
	} else if ((flags & MANAGED_EFFECT) !== 0) {
		label = 'managed';
	} else if ((flags & ASYNC) !== 0) {
		label = 'async';
	} else if ((flags & BRANCH_EFFECT) !== 0) {
		label = 'branch';
	} else if ((flags & RENDER_EFFECT) !== 0) {
		label = 'render effect';
	} else if ((flags & EFFECT) !== 0) {
		label = 'effect';
	}

	if (append_effect && !label.endsWith('effect')) {
		label += ' effect';
	}

	return label;
}