HtmlTag() — svelte Function Reference

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

Function javascript Compiler Transformer calls 3

Entity Profile

Compiler→ Transformer→ HtmlTag() — svelte Function Reference

Dependency Diagram

graph TD
  33565a5a_b3a6_1a83_de1b_f93ca06c7402["HtmlTag()"]
  3381a8c8_9d5a_f618_4029_20ad1baae02d["HtmlTag.js"]
  33565a5a_b3a6_1a83_de1b_f93ca06c7402 -->|defined in| 3381a8c8_9d5a_f618_4029_20ad1baae02d
  c5103d74_690b_5e58_b211_85c417500d79["is_async()"]
  33565a5a_b3a6_1a83_de1b_f93ca06c7402 -->|calls| c5103d74_690b_5e58_b211_85c417500d79
  6487918e_a8f7_315c_caf5_9694fc4edde7["create_child_block()"]
  33565a5a_b3a6_1a83_de1b_f93ca06c7402 -->|calls| 6487918e_a8f7_315c_caf5_9694fc4edde7
  9cf014c4_f551_2661_0229_f990b01327ac["blockers()"]
  33565a5a_b3a6_1a83_de1b_f93ca06c7402 -->|calls| 9cf014c4_f551_2661_0229_f990b01327ac
  style 33565a5a_b3a6_1a83_de1b_f93ca06c7402 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/phases/3-transform/server/visitors/HtmlTag.js lines 11–25

export function HtmlTag(node, context) {
	const expression = b.call('$.html', /** @type {Expression} */ (context.visit(node.expression)));

	if (node.metadata.expression.is_async()) {
		context.state.template.push(
			...create_child_block(
				[b.stmt(b.call('$$renderer.push', expression))],
				node.metadata.expression.blockers(),
				node.metadata.expression.has_await
			)
		);
	} else {
		context.state.template.push(expression);
	}
}