import MarkdownIt from "markdown-it";
import {
	createDarkmatterHighlighter,
	THEME_NAME,
} from "../../scripts/shiki-setup.mjs";

export async function createMarkdownRenderer(): Promise<MarkdownIt> {
	const highlighter = createDarkmatterHighlighter();

	let md: MarkdownIt;

	md = new MarkdownIt({
		html: true,
		linkify: true,
		typographer: true,
		highlight: (code, lang): string => {
			const loaded = highlighter.getLoadedLanguages();
			const resolvedLang =
				lang && loaded.includes(lang as never) ? lang : "text";
			try {
				return highlighter.codeToHtml(code, {
					lang: resolvedLang,
					theme: THEME_NAME,
				});
			} catch {
				return `<pre><code>${md.utils.escapeHtml(code)}</code></pre>`;
			}
		},
	});

	return md;
}