| import { marked } from 'marked' |
| import DOMPurify from 'dompurify' |
| import hljs from 'highlight.js/lib/core' |
| import bash from 'highlight.js/lib/languages/bash' |
| import css from 'highlight.js/lib/languages/css' |
| import go from 'highlight.js/lib/languages/go' |
| import java from 'highlight.js/lib/languages/java' |
| import javascript from 'highlight.js/lib/languages/javascript' |
| import json from 'highlight.js/lib/languages/json' |
| import markdown from 'highlight.js/lib/languages/markdown' |
| import python from 'highlight.js/lib/languages/python' |
| import rust from 'highlight.js/lib/languages/rust' |
| import sql from 'highlight.js/lib/languages/sql' |
| import typescript from 'highlight.js/lib/languages/typescript' |
| import xml from 'highlight.js/lib/languages/xml' |
|
|
| marked.setOptions({ breaks: true, gfm: true }) |
|
|
| hljs.registerLanguage('bash', bash) |
| hljs.registerLanguage('css', css) |
| hljs.registerLanguage('go', go) |
| hljs.registerLanguage('java', java) |
| hljs.registerLanguage('javascript', javascript) |
| hljs.registerLanguage('json', json) |
| hljs.registerLanguage('markdown', markdown) |
| hljs.registerLanguage('python', python) |
| hljs.registerLanguage('rust', rust) |
| hljs.registerLanguage('sql', sql) |
| hljs.registerLanguage('typescript', typescript) |
| hljs.registerLanguage('xml', xml) |
|
|
| const renderer = new marked.Renderer() |
| renderer.code = (code, lang) => { |
| const language = lang && hljs.getLanguage(lang) ? lang : 'plaintext' |
| const highlighted = hljs.highlight(code, { language }).value |
| return `<pre class="hljs-pre" data-lang="${language}"><code class="hljs language-${language}">${highlighted}</code></pre>` |
| } |
| marked.setOptions({ renderer }) |
|
|
| export function renderMarkdown(text) { |
| if (!text) return '' |
| const raw = marked.parse(text) |
| return DOMPurify.sanitize(raw, { USE_PROFILES: { html: true } }) |
| } |
|
|
