example.ts

import { markdownToHtml, defineMdastPlugin, defineHastPlugin } from "satteri";
import { slug } from "./slug.ts";

const unwrapImages = defineMdastPlugin({
	name: "unwrap-images",
	paragraph(node, ctx) {
		const image = node.children.find((c) => c.type === "image");
		if (image && node.children.every((c) => c.type === "image" || (c.type === "text" && !c.value.trim())))
			ctx.replaceNode(node, image);
	},
});

const headingSlugs = defineHastPlugin({
	name: "heading-slugs",
	element: {
		filter: ["h1", "h2", "h3", "h4", "h5", "h6"],
		visit(node, ctx) {
			ctx.setProperty(node, "id", slug(ctx.textContent(node)));
		},
	},
});

const md = `# Hello\n\n![cat](cat.jpg)\n\nSome **bold** text.\n\n## Details`;

const html = markdownToHtml(md, {
	mdastPlugins: [unwrapImages],
	hastPlugins: [headingSlugs],
});

console.log(html);