You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
3.0 KiB
TypeScript
86 lines
3.0 KiB
TypeScript
import MarkdownIt from 'markdown-it';
|
|
import Prism from 'prismjs';
|
|
|
|
// For math: $a\times b\eq 10$
|
|
// Specific image size: 
|
|
import Imsize from 'markdown-it-imsize';
|
|
/* Footnote support.
|
|
Here is a footnote reference,[^1] and another.[^longnote]
|
|
|
|
[^1]: Here is the footnote.
|
|
|
|
[^longnote]: Here's one with multiple blocks.
|
|
|
|
Subsequent paragraphs are indented to show that they
|
|
belong to the previous footnote.
|
|
*/
|
|
import Footnote from 'markdown-it-footnote';
|
|
// ==Highlight==
|
|
import Mark from 'markdown-it-mark';
|
|
// :::warn This page requires javascript. :::
|
|
// :::record-pass Accepted :::
|
|
import Container from 'markdown-it-container';
|
|
|
|
import TOC from 'markdown-it-table-of-contents';
|
|
|
|
import Anchor from 'markdown-it-anchor';
|
|
import katex from '../markdown/katex';
|
|
|
|
const md = MarkdownIt();
|
|
|
|
require('prismjs/components/index');
|
|
|
|
class Markdown extends MarkdownIt {
|
|
constructor(safe) {
|
|
super({
|
|
linkify: true,
|
|
highlight(str, lang) {
|
|
if (lang && Prism.languages[lang]) {
|
|
try {
|
|
return Prism.highlight(str, Prism.languages[lang], lang);
|
|
} catch (__) { } // eslint-disable-line no-empty
|
|
}
|
|
return '';
|
|
},
|
|
html: !safe,
|
|
});
|
|
this.linkify.tlds('.py', false);
|
|
this.use(katex);
|
|
this.use(Imsize);
|
|
this.use(Footnote);
|
|
this.use(Mark);
|
|
this.use(Anchor);
|
|
this.use(TOC);
|
|
const RE_CONTAINER = /^(note|warn|record-pending|record-progress|record-fail|record-pass|record-ignored)\s+(.*?):::(.*)$/;
|
|
const CONTAINER_MAP = {
|
|
note: ['<blockquote class="note">', '</blockquote>'],
|
|
warn: ['<blockquote class="warn">', '</blockquote>'],
|
|
'record-pending': ['<span class="record-status--text pending">', '</span>'],
|
|
'record-progress': ['<span class="record-status--text progress">', '</span>'],
|
|
'record-fail': ['<span class="record-status--text fail">', '</span>'],
|
|
'record-pass': ['<span class="record-status--text pass">', '</span>'],
|
|
'record-ignored': ['<span class="record-status--text ignored">', '</span>'],
|
|
};
|
|
this.use(Container, 'blockquote', {
|
|
validate(params) {
|
|
return params.trim().match(RE_CONTAINER);
|
|
},
|
|
render(tokens, idx) {
|
|
const m = tokens[idx].info.trim().match(RE_CONTAINER);
|
|
if (!m) return '';
|
|
if (CONTAINER_MAP[m[1]]) {
|
|
return `${CONTAINER_MAP[m[1]][0]}${md.utils.escapeHtml(m[2])}\n${CONTAINER_MAP[m[1]][1]}\n${md.utils.escapeHtml(m[3])}`;
|
|
}
|
|
return `[${m[1]}]\n${md.utils.escapeHtml(m[2])}\n[/${m[1]}]\n${md.utils.escapeHtml(m[3])}`;
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export const safe = new Markdown(true);
|
|
export const unsafe = new Markdown(false);
|
|
|
|
global.Hydro.lib.markdown = {
|
|
safe, unsafe,
|
|
};
|