import { marked } from 'marked';
import DOMPurify from 'dompurify';

const extension = {
  useNewRenderer: true,
  renderer: {
    link({ title, href, tokens }) {
      const titleAttr = title ? ` title="${title}"` : ``;
      const text = this.parser.parseInline(tokens);
      return `<a
        target="_blank"
        rel="noreferrer"
        ${titleAttr}
        href="${href}">${text}</a>`;
    }
  }
};

marked.use(extension);

export function render(body) {
  const rendered = marked.parse(body, { breaks: true });
  return DOMPurify.sanitize(rendered, {
    ADD_ATTR: ['target']
  });
}