defineScriptVars() — astro Function Reference

Architecture documentation for the defineScriptVars() function in util.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1 called by 1

Entity Profile

CoreAstro→ RenderingEngine→ defineScriptVars() — astro Function Reference

Dependency Diagram

graph TD
  03c7481a_0600_4390_6a01_41eb161993f1["defineScriptVars()"]
  05241a8b_1820_8286_5770_4da18477ecde["util.ts"]
  03c7481a_0600_4390_6a01_41eb161993f1 -->|defined in| 05241a8b_1820_8286_5770_4da18477ecde
  7be90353_5224_959b_96bb_043f160e2d14["renderElement()"]
  7be90353_5224_959b_96bb_043f160e2d14 -->|calls| 03c7481a_0600_4390_6a01_41eb161993f1
  5f4f77e4_c291_1689_3b6a_9c4f0d599d98["toIdent()"]
  03c7481a_0600_4390_6a01_41eb161993f1 -->|calls| 5f4f77e4_c291_1689_3b6a_9c4f0d599d98
  style 03c7481a_0600_4390_6a01_41eb161993f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/render/util.ts lines 42–53

export function defineScriptVars(vars: Record<any, any>) {
	let output = '';
	for (const [key, value] of Object.entries(vars)) {
		// Use const instead of let as let global unsupported with Safari
		// https://stackoverflow.com/questions/29194024/cant-use-let-keyword-in-safari-javascript
		output += `const ${toIdent(key)} = ${JSON.stringify(value)?.replace(
			/<\/script>/g,
			'\\x3C/script>',
		)};\n`;
	}
	return markHTMLString(output);
}