-
Notifications
You must be signed in to change notification settings - Fork 2
/
mdsvex.config.js
45 lines (39 loc) · 1.3 KB
/
mdsvex.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import { defineMDSveXConfig as defineConfig } from 'mdsvex';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
import rehypeExternalLinks from 'rehype-external-links';
import rehypeSlug from 'rehype-slug';
import rehypeWrap from 'rehype-wrap-all';
import { highlight } from './utils/highlight.js';
import rehypeHeadings from './utils/rehype-headings.js';
// escape curlies, backtick, \t, \r, \n to avoid breaking output of {@html `here`} in .svelte
/**
*
* @param str string
* @returns string
*/
export const escape_svelty = (str) =>
str
.replace(/[{}`]/g, (c) => ({ '{': '{', '}': '}', '`': '`' })[c])
.replace(/\\([trn])/g, '\$1');
async function code_highlight(code, lang) {
const highlighted = await highlight(code, lang);
return `{@html \`${escape_svelty(highlighted)}\`}`;
}
const config = defineConfig({
extensions: ['.svelte.md', '.md', '.svx'],
smartypants: {
dashes: 'oldschool'
},
highlight: {
highlighter: code_highlight
},
remarkPlugins: [],
rehypePlugins: [
rehypeSlug,
rehypeHeadings,
[rehypeWrap, { selector: 'table', wrapper: 'div.responsive-table' }],
[rehypeExternalLinks, { target: '_blank', rel: ['noopener', 'noreferrer'] }],
[rehypeAutolinkHeadings, { behavior: 'wrap', test: ['h2', 'h3', 'h4', 'h5', 'h6'] }]
]
});
export default config;