renderElement() — astro Function Reference

Architecture documentation for the renderElement() function in jsx.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 2 called by 1

Entity Profile

CoreAstro→ RenderingEngine→ renderElement() — astro Function Reference

Dependency Diagram

graph TD
  f285e264_99e9_5260_2d17_5969017d03f8["renderElement()"]
  f6e39b43_58a2_4ca6_30bf_a01e3e031e49["jsx.ts"]
  f285e264_99e9_5260_2d17_5969017d03f8 -->|defined in| f6e39b43_58a2_4ca6_30bf_a01e3e031e49
  a27b3bdd_5259_4e6f_425c_e15df53ed960["renderJSXVNode()"]
  a27b3bdd_5259_4e6f_425c_e15df53ed960 -->|calls| f285e264_99e9_5260_2d17_5969017d03f8
  f8b74354_3072_bf56_a8c7_17096550d5c3["renderJSX()"]
  f285e264_99e9_5260_2d17_5969017d03f8 -->|calls| f8b74354_3072_bf56_a8c7_17096550d5c3
  d1e176a7_620f_5f40_2e8e_44616a96b05b["prerenderElementChildren()"]
  f285e264_99e9_5260_2d17_5969017d03f8 -->|calls| d1e176a7_620f_5f40_2e8e_44616a96b05b
  style f285e264_99e9_5260_2d17_5969017d03f8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/jsx.ts lines 183–197

async function renderElement(
	result: any,
	tag: string,
	{ children, ...props }: Record<string, any>,
) {
	return markHTMLString(
		`<${tag}${spreadAttributes(props)}${markHTMLString(
			(children == null || children == '') && voidElementNames.test(tag)
				? `/>`
				: `>${
						children == null ? '' : await renderJSX(result, prerenderElementChildren(tag, children))
					}</${tag}>`,
		)}`,
	);
}