snippet() — svelte Function Reference

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

Function javascript RuntimeDOM Hydration calls 3

Entity Profile

RuntimeDOM→ Hydration→ snippet() — svelte Function Reference

Dependency Diagram

graph TD
  fc3efef4_5058_dbbe_6042_44d5c2041fec["snippet()"]
  39829ed1_a96a_6e87_7ad6_f76a9067fd6a["snippet.js"]
  fc3efef4_5058_dbbe_6042_44d5c2041fec -->|defined in| 39829ed1_a96a_6e87_7ad6_f76a9067fd6a
  56735f42_3dab_c415_ff67_edbde8963f96["block()"]
  fc3efef4_5058_dbbe_6042_44d5c2041fec -->|calls| 56735f42_3dab_c415_ff67_edbde8963f96
  bee2dd92_cbe0_52e8_0918_7b77d2403e69["invalid_snippet()"]
  fc3efef4_5058_dbbe_6042_44d5c2041fec -->|calls| bee2dd92_cbe0_52e8_0918_7b77d2403e69
  2a11607b_5a0f_869b_fde1_4ed690d0a197["ensure()"]
  fc3efef4_5058_dbbe_6042_44d5c2041fec -->|calls| 2a11607b_5a0f_869b_fde1_4ed690d0a197
  style fc3efef4_5058_dbbe_6042_44d5c2041fec fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/blocks/snippet.js lines 27–39

export function snippet(node, get_snippet, ...args) {
	var branches = new BranchManager(node);

	block(() => {
		const snippet = get_snippet() ?? null;

		if (DEV && snippet == null) {
			e.invalid_snippet();
		}

		branches.ensure(snippet, snippet && ((anchor) => snippet(anchor, ...args)));
	}, EFFECT_TRANSPARENT);
}