svelte Architecture Docs
Home / Function/ createRawSnippet() — svelte Function Reference

createRawSnippet() — svelte Function Reference

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

Function javascript RuntimeDOM Hydration calls 7

Entity Profile

Dependency Diagram

graph TD
  53a892b2_9b8b_a480_52bf_df979a4a4ebf["createRawSnippet()"]
  39829ed1_a96a_6e87_7ad6_f76a9067fd6a["snippet.js"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|defined in| 39829ed1_a96a_6e87_7ad6_f76a9067fd6a
  76987e9b_6c0e_ff79_0c7e_ecac44ed43fd["hydrate_next()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| 76987e9b_6c0e_ff79_0c7e_ecac44ed43fd
  45be6c11_003f_8971_8796_13578962cac8["create_fragment_from_html()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| 45be6c11_003f_8971_8796_13578962cac8
  25afb65e_17ed_6e9f_a917_dff129f3865a["get_first_child()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| 25afb65e_17ed_6e9f_a917_dff129f3865a
  1a9242e0_23b4_062a_7f9c_803eede65309["get_next_sibling()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| 1a9242e0_23b4_062a_7f9c_803eede65309
  d2de1f71_e958_885b_fea5_af17f7587635["invalid_raw_snippet_render()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| d2de1f71_e958_885b_fea5_af17f7587635
  5772bc0f_86b4_fcec_a8a1_144c8469450f["assign_nodes()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| 5772bc0f_86b4_fcec_a8a1_144c8469450f
  ccf9fcad_c188_ee30_8310_7d89bd2d2e55["teardown()"]
  53a892b2_9b8b_a480_52bf_df979a4a4ebf -->|calls| ccf9fcad_c188_ee30_8310_7d89bd2d2e55
  style 53a892b2_9b8b_a480_52bf_df979a4a4ebf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/blocks/snippet.js lines 73–103

export function createRawSnippet(fn) {
	// @ts-expect-error the types are a lie
	return (/** @type {TemplateNode} */ anchor, /** @type {Getters<Params>} */ ...params) => {
		var snippet = fn(...params);

		/** @type {Element} */
		var element;

		if (hydrating) {
			element = /** @type {Element} */ (hydrate_node);
			hydrate_next();
		} else {
			var html = snippet.render().trim();
			var fragment = create_fragment_from_html(html);
			element = /** @type {Element} */ (get_first_child(fragment));

			if (DEV && (get_next_sibling(element) !== null || element.nodeType !== ELEMENT_NODE)) {
				w.invalid_raw_snippet_render();
			}

			anchor.before(element);
		}

		const result = snippet.setup?.(element);
		assign_nodes(element, element);

		if (typeof result === 'function') {
			teardown(result);
		}
	};
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does createRawSnippet() do?
createRawSnippet() is a function in the svelte codebase, defined in packages/svelte/src/internal/client/dom/blocks/snippet.js.
Where is createRawSnippet() defined?
createRawSnippet() is defined in packages/svelte/src/internal/client/dom/blocks/snippet.js at line 73.
What does createRawSnippet() call?
createRawSnippet() calls 7 function(s): assign_nodes, create_fragment_from_html, get_first_child, get_next_sibling, hydrate_next, invalid_raw_snippet_render, teardown.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free