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

AnimateDirective() — svelte Function Reference

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

Function javascript Compiler Transformer calls 2

Entity Profile

Dependency Diagram

graph TD
  40b762ee_8b6b_c5e6_924e_99147d073fe7["AnimateDirective()"]
  1d34f41d_a711_3919_605e_f13aeff6cc35["AnimateDirective.js"]
  40b762ee_8b6b_c5e6_924e_99147d073fe7 -->|defined in| 1d34f41d_a711_3919_605e_f13aeff6cc35
  adc3771e_5aef_eddf_fcf6_46eb2c97455a["parse_directive_name()"]
  40b762ee_8b6b_c5e6_924e_99147d073fe7 -->|calls| adc3771e_5aef_eddf_fcf6_46eb2c97455a
  c8d80c9d_ab6c_13c0_c85e_a9b120f82f45["blockers()"]
  40b762ee_8b6b_c5e6_924e_99147d073fe7 -->|calls| c8d80c9d_ab6c_13c0_c85e_a9b120f82f45
  style 40b762ee_8b6b_c5e6_924e_99147d073fe7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/phases/3-transform/client/visitors/AnimateDirective.js lines 11–38

export function AnimateDirective(node, context) {
	const expression =
		node.expression === null
			? b.null
			: b.thunk(/** @type {Expression} */ (context.visit(node.expression)));

	// in after_update to ensure it always happens after bind:this
	let statement = b.stmt(
		b.call(
			'$.animation',
			context.state.node,
			b.thunk(/** @type {Expression} */ (context.visit(parse_directive_name(node.name)))),
			expression
		)
	);

	if (node.metadata.expression.is_async()) {
		statement = b.stmt(
			b.call(
				'$.run_after_blockers',
				node.metadata.expression.blockers(),
				b.thunk(b.block([statement]))
			)
		);
	}

	context.state.after_update.push(statement);
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does AnimateDirective() do?
AnimateDirective() is a function in the svelte codebase, defined in packages/svelte/src/compiler/phases/3-transform/client/visitors/AnimateDirective.js.
Where is AnimateDirective() defined?
AnimateDirective() is defined in packages/svelte/src/compiler/phases/3-transform/client/visitors/AnimateDirective.js at line 11.
What does AnimateDirective() call?
AnimateDirective() calls 2 function(s): blockers, parse_directive_name.

Analyze Your Own Codebase

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

Try Supermodel Free