TreeNode.ts — astro Source File

Source Code

import type { RenderableTreeNodes } from '@markdoc/markdoc';
import Markdoc from '@markdoc/markdoc';
import type { AstroInstance, SSRResult } from 'astro';
import type { HTMLString } from 'astro/runtime/server/index.js';
import {
	createComponent,
	createHeadAndContent,
	isHTMLString,
	render,
	renderComponent,
	renderScriptElement,
	renderTemplate,
	renderUniqueStylesheet,
	unescapeHTML,
} from 'astro/runtime/server/index.js';

type TreeNode =
	// Markdoc `if` tag often returns an array of nodes in the AST, which gets translated
	// here as an array of `TreeNode`s, which we'll render all without a wrapper.
	| TreeNode[]
	| {
			type: 'text';
			content: string | HTMLString;
	  }
	| {
			type: 'component';
			component: AstroInstance['default'];
			collectedLinks?: string[];
			collectedStyles?: string[];
			collectedScripts?: string[];
			props: Record<string, any>;
			children: TreeNode[];
	  }
	| {
			type: 'element';
			tag: string;
			attributes: Record<string, any>;
			children: TreeNode[];
	  };

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 = '',
// ... (119 more lines)