import rehypeStringify from "rehype-stringify";
import remarkGfm from "remark-gfm";
import remarkParse from "remark-parse";
import remarkRehype from "remark-rehype";
import { unified } from "unified";

const renderer = unified()
  .use(remarkParse)
  .use(remarkGfm)
  .use(remarkRehype, {
    // handlers: {
    //   link: (state, node, parent) => {
    //     return node;
    //   },
    // },
  })
  .use(rehypeStringify);

export async function renderMarkdown(md: string): Promise<string> {
  try {
    const r = await renderer.process(md);
    return r.toString();
  } catch (err) {
    console.log("FAILED TO RENDER MARKDOWN", err);
    return "error";
  }
}