astro/packages/integrations/react/vnode-children.js

import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml';
import { createElement, Fragment } from 'react';

export default function convert(children) {
	const nodeMap = new WeakMap();
	let doc = parse(children.toString().trim());
	let root = createElement(Fragment, { children: [] });

	walkSync(doc, (node, parent, index) => {
		let newNode = {};
		if (node.type === DOCUMENT_NODE) {
			nodeMap.set(node, root);
		} else if (node.type === ELEMENT_NODE) {
			const { class: className, ...props } = node.attributes;
			newNode = createElement(node.name, { ...props, className, children: [] });
			nodeMap.set(node, newNode);
			if (parent) {
				const newParent = nodeMap.get(parent);
				newParent.props.children[index] = newNode;
			}
		} else if (node.type === TEXT_NODE) {
			newNode = node.value.trim();
			if (newNode.trim()) {
				if (parent) {
					const newParent = nodeMap.get(parent);
					if (parent.children.length === 1) {
						newParent.props.children[0] = newNode;
					} else {
						newParent.props.children[index] = newNode;
					}
				}
			}
		}
	});

	return root.props.children;
}