79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import remarkGfm from "remark-gfm"
|
|
import smartypants from "remark-smartypants"
|
|
import { QuartzTransformerPlugin } from "../types"
|
|
import rehypeSlug from "rehype-slug"
|
|
import rehypeAutolinkHeadings from "rehype-autolink-headings"
|
|
|
|
export interface Options {
|
|
enableSmartyPants: boolean
|
|
linkHeadings: boolean
|
|
}
|
|
|
|
const defaultOptions: Options = {
|
|
enableSmartyPants: true,
|
|
linkHeadings: true,
|
|
}
|
|
|
|
export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>> = (userOpts) => {
|
|
const opts = { ...defaultOptions, ...userOpts }
|
|
return {
|
|
name: "GitHubFlavoredMarkdown",
|
|
markdownPlugins() {
|
|
return opts.enableSmartyPants ? [remarkGfm, smartypants] : [remarkGfm]
|
|
},
|
|
htmlPlugins() {
|
|
if (opts.linkHeadings) {
|
|
return [
|
|
rehypeSlug,
|
|
[
|
|
rehypeAutolinkHeadings,
|
|
{
|
|
behavior: "append",
|
|
properties: {
|
|
role: "anchor",
|
|
ariaHidden: true,
|
|
tabIndex: -1,
|
|
"data-no-popover": true,
|
|
},
|
|
content: {
|
|
type: "element",
|
|
tagName: "svg",
|
|
properties: {
|
|
width: 18,
|
|
height: 18,
|
|
viewBox: "0 0 24 24",
|
|
fill: "none",
|
|
stroke: "currentColor",
|
|
"stroke-width": "2",
|
|
"stroke-linecap": "round",
|
|
"stroke-linejoin": "round",
|
|
},
|
|
children: [
|
|
{
|
|
type: "element",
|
|
tagName: "path",
|
|
properties: {
|
|
d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
|
|
},
|
|
children: [],
|
|
},
|
|
{
|
|
type: "element",
|
|
tagName: "path",
|
|
properties: {
|
|
d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
|
|
},
|
|
children: [],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
]
|
|
} else {
|
|
return []
|
|
}
|
|
},
|
|
}
|
|
}
|