animationBuilder() — astro Function Reference

Architecture documentation for the animationBuilder() function in transition.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1 called by 1

Entity Profile

CoreAstro→ RenderingEngine→ animationBuilder() — astro Function Reference

Dependency Diagram

graph TD
  4dc8857b_844c_b95e_8237_27ba9c953524["animationBuilder()"]
  f4a9c12d_07bd_6de6_237f_8553c55f6fef["transition.ts"]
  4dc8857b_844c_b95e_8237_27ba9c953524 -->|defined in| f4a9c12d_07bd_6de6_237f_8553c55f6fef
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3["stringifyAnimations()"]
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3 -->|calls| 4dc8857b_844c_b95e_8237_27ba9c953524
  2527a613_a18b_f09f_d953_5ec7867c60a5["toString()"]
  4dc8857b_844c_b95e_8237_27ba9c953524 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  style 4dc8857b_844c_b95e_8237_27ba9c953524 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/transition.ts lines 215–228

function animationBuilder(): AnimationBuilder {
	return {
		toString() {
			let out = '';
			for (let k in this) {
				let value = this[k];
				if (Array.isArray(value)) {
					out += `\n\t${k}: ${value.join(', ')};`;
				}
			}
			return out;
		},
	};
}