convert() — astro Function Reference

Architecture documentation for the convert() function in vnode-children.ts from the astro codebase.

Function typescript CoreAstro CoreMiddleware

Entity Profile

CoreAstro→ CoreMiddleware→ convert() — astro Function Reference

Dependency Diagram

graph TD
  d097e840_d33d_7cd7_e394_9db716ca7b21["convert()"]
  6f5ec033_8af8_3202_95a9_d7c5cd028ed3["vnode-children.ts"]
  d097e840_d33d_7cd7_e394_9db716ca7b21 -->|defined in| 6f5ec033_8af8_3202_95a9_d7c5cd028ed3
  style d097e840_d33d_7cd7_e394_9db716ca7b21 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/integrations/react/src/vnode-children.ts lines 5–29

export default function convert(children: any) {
	let doc = parse(children.toString().trim());
	let id = ids++;
	let key = 0;

	function createReactElementFromNode(node: any) {
		const childVnodes =
			Array.isArray(node.children) && node.children.length
				? node.children.map((child: any) => createReactElementFromNode(child)).filter(Boolean)
				: undefined;

		if (node.type === DOCUMENT_NODE) {
			return createElement(Fragment, {}, childVnodes);
		} else if (node.type === ELEMENT_NODE) {
			const { class: className, ...props } = node.attributes;
			return createElement(node.name, { ...props, className, key: `${id}-${key++}` }, childVnodes);
		} else if (node.type === TEXT_NODE) {
			// 0-length text gets omitted in JSX
			return node.value.trim() ? node.value : undefined;
		}
	}

	const root = createReactElementFromNode(doc);
	return root.props.children;
}