quartz-research-note/quartz/plugins/transformers/gfm.ts

80 lines
2.2 KiB
TypeScript
Raw Normal View History

2023-05-30 15:02:20 +00:00
import remarkGfm from "remark-gfm"
2023-07-23 00:27:41 +00:00
import smartypants from "remark-smartypants"
2023-05-30 15:02:20 +00:00
import { QuartzTransformerPlugin } from "../types"
2023-06-01 23:48:38 +00:00
import rehypeSlug from "rehype-slug"
2023-06-04 16:35:45 +00:00
import rehypeAutolinkHeadings from "rehype-autolink-headings"
2023-05-30 15:02:20 +00:00
export interface Options {
enableSmartyPants: boolean
2023-06-01 23:48:38 +00:00
linkHeadings: boolean
2023-05-30 15:02:20 +00:00
}
const defaultOptions: Options = {
2023-06-01 23:48:38 +00:00
enableSmartyPants: true,
2023-07-23 00:27:41 +00:00
linkHeadings: true,
2023-05-30 15:02:20 +00:00
}
2023-07-23 00:27:41 +00:00
export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options> | undefined> = (
userOpts,
) => {
const opts = { ...defaultOptions, ...userOpts }
return {
name: "GitHubFlavoredMarkdown",
markdownPlugins() {
2023-07-02 20:08:29 +00:00
return opts.enableSmartyPants ? [remarkGfm, smartypants] : [remarkGfm]
},
htmlPlugins() {
if (opts.linkHeadings) {
2023-07-23 00:27:41 +00:00
return [
rehypeSlug,
[
rehypeAutolinkHeadings,
{
behavior: "append",
2024-01-05 08:29:34 +00:00
properties: {
ariaHidden: true,
tabIndex: -1,
"data-no-popover": true,
},
2023-07-23 00:27:41 +00:00
content: {
2024-02-05 10:45:36 +00:00
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: [],
},
],
2023-07-23 00:27:41 +00:00
},
},
],
]
} else {
return []
}
2023-07-23 00:27:41 +00:00
},
2023-05-30 15:02:20 +00:00
}
}