From 2154d36d9993e128faaa6471cdae305cca3d810d Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 10 Jul 2024 00:20:13 +0000
Subject: [PATCH] chore: use regex flag instead of string in regexp ctor
---
quartz/plugins/transformers/syntax.ts | 49 +++++++++++++++++++++++++++----------------------
1 files changed, 27 insertions(+), 22 deletions(-)
diff --git a/quartz/plugins/transformers/syntax.ts b/quartz/plugins/transformers/syntax.ts
index f09daaa..f11734e 100644
--- a/quartz/plugins/transformers/syntax.ts
+++ b/quartz/plugins/transformers/syntax.ts
@@ -1,28 +1,33 @@
-import { PluggableList } from "unified"
import { QuartzTransformerPlugin } from "../types"
-import rehypePrettyCode, { Options as CodeOptions } from "rehype-pretty-code"
+import rehypePrettyCode, { Options as CodeOptions, Theme as CodeTheme } from "rehype-pretty-code"
-export class SyntaxHighlighting extends QuartzTransformerPlugin {
- name = "SyntaxHighlighting"
+interface Theme extends Record<string, CodeTheme> {
+ light: CodeTheme
+ dark: CodeTheme
+}
- markdownPlugins(): PluggableList {
- return []
- }
+interface Options {
+ theme?: Theme
+ keepBackground?: boolean
+}
- htmlPlugins(): PluggableList {
- return [[rehypePrettyCode, {
- theme: 'css-variables',
- onVisitLine(node) {
- if (node.children.length === 0) {
- node.children = [{ type: 'text', value: ' ' }]
- }
- },
- onVisitHighlightedLine(node) {
- node.properties.className.push('highlighted')
- },
- onVisitHighlightedWord(node) {
- node.properties.className = ['word']
- },
- } satisfies Partial<CodeOptions>]]
+const defaultOptions: Options = {
+ theme: {
+ light: "github-light",
+ dark: "github-dark",
+ },
+ keepBackground: false,
+}
+
+export const SyntaxHighlighting: QuartzTransformerPlugin<Options> = (
+ userOpts?: Partial<Options>,
+) => {
+ const opts: Partial<CodeOptions> = { ...defaultOptions, ...userOpts }
+
+ return {
+ name: "SyntaxHighlighting",
+ htmlPlugins() {
+ return [[rehypePrettyCode, opts]]
+ },
}
}
--
Gitblit v1.10.0