Hello Typescript!

hydro/lib/markdown.ts

@@ -0,0 +1,85 @@
+import MarkdownIt from 'markdown-it';
+import Prism from 'prismjs';
+
+// For math: $a\times b\eq 10$
+import katex from '@hydrooj/markdown-it-katex';
+// Specific image size: ![image](image.png =100x100)
+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';
+
+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,
+};