renderTreeNodeToFactoryResult() — astro Function Reference

Source Code

packages/integrations/markdoc/components/TreeNode.ts lines 41–112

function renderTreeNodeToFactoryResult(result: SSRResult, treeNode: TreeNode) {
	if (Array.isArray(treeNode)) {
		return Promise.all(
			treeNode.map((node) =>
				renderComponent(result, 'ComponentNode', ComponentNode, { treeNode: node }),
			),
		);
	}

	if (treeNode.type === 'text') return render`${treeNode.content}`;

	const slots = {
		default: () =>
			render`${treeNode.children.map((child) =>
				renderComponent(result, 'ComponentNode', ComponentNode, { treeNode: child }),
			)}`,
	};
	if (treeNode.type === 'component') {
		let styles = '',
			links = '',
			scripts = '';
		if (Array.isArray(treeNode.collectedStyles)) {
			styles = treeNode.collectedStyles
				.map((style: any) =>
					renderUniqueStylesheet(result, {
						type: 'inline',
						content: style,
					}),
				)
				.join('');
		}
		if (Array.isArray(treeNode.collectedLinks)) {
			links = treeNode.collectedLinks
				.map((link: any) => {
					return renderUniqueStylesheet(result, {
						type: 'external',
						src: link[0] === '/' ? link : '/' + link,
					});
				})
				.join('');
		}
		if (Array.isArray(treeNode.collectedScripts)) {
			scripts = treeNode.collectedScripts
				.map((script: any) => renderScriptElement(script))
				.join('');
		}

		const head = unescapeHTML(styles + links + scripts);

		let headAndContent = createHeadAndContent(
			head,
			renderTemplate`${renderComponent(
				result,
				treeNode.component.name,
				treeNode.component,
				treeNode.props,
				slots,
			)}`,
		);

		// Let the runtime know that this component is being used.
		// @ts-expect-error Astro only uses `init()` so specify it only (plus `_metadata` is internal)
		result._metadata.propagators.add({
			init() {
				return headAndContent;
			},
		});

		return headAndContent;
	}
	return renderComponent(result, treeNode.tag, treeNode.tag, treeNode.attributes, slots);
}