toString() — astro Function Reference

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

Function typescript CoreAstro RenderingEngine calls 1 called by 6

Entity Profile

CoreAstro→ RenderingEngine→ toString() — astro Function Reference

Dependency Diagram

graph TD
  2527a613_a18b_f09f_d953_5ec7867c60a5["toString()"]
  d7cc381c_9294_21bb_a466_854d22d9bf61["ViewTransitionStyleSheet"]
  2527a613_a18b_f09f_d953_5ec7867c60a5 -->|defined in| d7cc381c_9294_21bb_a466_854d22d9bf61
  80ac6187_24ca_368d_b34e_938a0f40539a["reEncode()"]
  80ac6187_24ca_368d_b34e_938a0f40539a -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  76c15535_9f6b_845e_9f22_f5c86e52ea7b["renderTransition()"]
  76c15535_9f6b_845e_9f22_f5c86e52ea7b -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  0e4a1194_2bea_793e_79d2_5347fe13b7c1["createAnimationScope()"]
  0e4a1194_2bea_793e_79d2_5347fe13b7c1 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  998f0a2c_1b37_c059_c074_e8b2a9198c35["addAnimationProperty()"]
  998f0a2c_1b37_c059_c074_e8b2a9198c35 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  4dc8857b_844c_b95e_8237_27ba9c953524["animationBuilder()"]
  4dc8857b_844c_b95e_8237_27ba9c953524 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3["stringifyAnimations()"]
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  22c90603_4e12_ff50_9628_35770ebd45bf["layer()"]
  2527a613_a18b_f09f_d953_5ec7867c60a5 -->|calls| 22c90603_4e12_ff50_9628_35770ebd45bf
  style 2527a613_a18b_f09f_d953_5ec7867c60a5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/transition.ts lines 141–149

	toString() {
		const { scope, name } = this;
		const [modern, fallback] = [this.modern, this.fallback].map((rules) => rules.join(''));
		return [
			`[data-astro-transition-scope="${scope}"] { view-transition-name: ${name}; }`,
			this.layer(modern),
			fallback,
		].join('');
	}