framework-demos/aso/astro/packages/markdown/remark/src/remark-shiki.ts

import { visit } from 'unist-util-visit';
import { createShikiHighlighter, type ShikiHighlighter } from './shiki.js';
import type { RemarkPlugin, ShikiConfig } from './types.js';

export function remarkShiki(config?: ShikiConfig): ReturnType<RemarkPlugin> {
	let highlighterAsync: Promise<ShikiHighlighter> | undefined;

	return async (tree: any) => {
		highlighterAsync ??= createShikiHighlighter(config);
		const highlighter = await highlighterAsync;

		visit(tree, 'code', (node) => {
			const lang = typeof node.lang === 'string' ? node.lang : 'plaintext';
			const html = highlighter.highlight(node.value, lang);

			node.type = 'html';
			node.value = html;
			node.children = [];
		});
	};
}