addPairs() — astro Function Reference

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

Function typescript CoreAstro RenderingEngine calls 1 called by 2

Entity Profile

CoreAstro→ RenderingEngine→ addPairs() — astro Function Reference

Dependency Diagram

graph TD
  b520ade9_7c6f_51cb_ea8f_301d3ddee8a7["addPairs()"]
  f4a9c12d_07bd_6de6_237f_8553c55f6fef["transition.ts"]
  b520ade9_7c6f_51cb_ea8f_301d3ddee8a7 -->|defined in| f4a9c12d_07bd_6de6_237f_8553c55f6fef
  76c15535_9f6b_845e_9f22_f5c86e52ea7b["renderTransition()"]
  76c15535_9f6b_845e_9f22_f5c86e52ea7b -->|calls| b520ade9_7c6f_51cb_ea8f_301d3ddee8a7
  0e4a1194_2bea_793e_79d2_5347fe13b7c1["createAnimationScope()"]
  0e4a1194_2bea_793e_79d2_5347fe13b7c1 -->|calls| b520ade9_7c6f_51cb_ea8f_301d3ddee8a7
  1920fb61_b9e6_5573_7885_73058c25bccf["addAnimationPair()"]
  b520ade9_7c6f_51cb_ea8f_301d3ddee8a7 -->|calls| 1920fb61_b9e6_5573_7885_73058c25bccf
  style b520ade9_7c6f_51cb_ea8f_301d3ddee8a7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/transition.ts lines 35–46

const addPairs = (
	animations: TransitionDirectionalAnimations | Record<string, TransitionAnimationPair>,
	stylesheet: ViewTransitionStyleSheet,
) => {
	for (const [direction, images] of Object.entries(animations) as Entries<typeof animations>) {
		for (const [image, rules] of Object.entries(images) as Entries<
			(typeof animations)[typeof direction]
		>) {
			stylesheet.addAnimationPair(direction, image, rules);
		}
	}
};