Function rehypeShiki

apps/baseai.dev/src/mdx/rehype.mjs:26–59

()

let highlighter;

export function rehypeShiki() {
	return async tree => {
		highlighter =
			highlighter ??
			(await shiki.getHighlighter({ theme: theme, langs: lang }));

		visit(tree, 'element', node => {
			if (
				node.tagName === 'pre' &&
				node.children[0]?.tagName === 'code'
			) {
				let codeNode = node.children[0];
				let textNode = codeNode.children[0];

				node.properties.code = textNode.value;

				if (node.properties.language) {
					let tokens = highlighter.codeToThemedTokens(
						textNode.value,
						node.properties.language
					);

					textNode.value = shiki.renderToHtml(tokens, {
						elements: {
							pre: ({ children }) => children,
							code: ({ children }) => children,
							line: ({ children }) => `<span>${children}</span>`
						}
					});
				}
			}
		});
	};
}

export function rehypeSlugify() {
	return tree => {