2022-05-05 15:08:47 +00:00
|
|
|
import { memoize } from 'lodash';
|
|
|
|
|
2022-06-16 12:09:26 +00:00
|
|
|
const parser = new DOMParser();
|
|
|
|
|
2022-05-05 15:08:47 +00:00
|
|
|
export default ({ renderMarkdown }) => ({
|
|
|
|
resolveUrl: memoize(async (canonicalSrc) => {
|
|
|
|
const html = await renderMarkdown(`[link](${canonicalSrc})`);
|
|
|
|
if (!html) return canonicalSrc;
|
|
|
|
|
|
|
|
const { body } = parser.parseFromString(html, 'text/html');
|
|
|
|
return body.querySelector('a').getAttribute('href');
|
|
|
|
}),
|
2022-06-16 12:09:26 +00:00
|
|
|
|
|
|
|
renderDiagram: memoize(async (code, language) => {
|
|
|
|
const backticks = '`'.repeat(4);
|
|
|
|
const html = await renderMarkdown(`${backticks}${language}\n${code}\n${backticks}`);
|
|
|
|
|
|
|
|
const { body } = parser.parseFromString(html, 'text/html');
|
|
|
|
const img = body.querySelector('img');
|
|
|
|
if (!img) return '';
|
|
|
|
|
|
|
|
return img.dataset.src || img.getAttribute('src');
|
|
|
|
}),
|
2022-05-05 15:08:47 +00:00
|
|
|
});
|