Obsidian Parsers (Highlights)

quartz/plugins/parsers/obsidian/highlights.ts

@@ -0,0 +1,40 @@
+import { QuartzTransformerPlugin } from "../../types"
+import { ReplaceFunction, findAndReplace as mdastFindReplace } from "mdast-util-find-and-replace"
+import { Root } from "mdast"
+
+interface Options {
+  enabled: Boolean
+}
+
+const defaultOptions: Options = {
+  enabled: true,
+}
+
+const highlightRegex = new RegExp(/==([^=]+)==/g)
+
+export const ObsidianMarkdownHighlights: QuartzTransformerPlugin<Partial<Options>> = (userOpts) => {
+  const opts: Options = { ...defaultOptions, ...userOpts }
+  return {
+    name: "ObsidianMarkdownHighlights",
+    markdownPlugins() {
+      return [
+        (tree: Root) => {
+          if (opts.enabled) {
+            const replacements: [RegExp, string | ReplaceFunction][] = []
+            replacements.push([
+              highlightRegex,
+              (_value: string, ...capture: string[]) => {
+                const [inner] = capture
+                return {
+                  type: "html",
+                  value: `<span class="text-highlight">${inner}</span>`,
+                }
+              },
+            ])
+            mdastFindReplace(tree, replacements)
+          }
+        },
+      ]
+    },
+  }
+}

quartz/plugins/parsers/obsidian/index.ts

@@ -1 +1,2 @@
 export { ObsidianMarkdownArrow } from "./arrows"
+export { ObsidianMarkdownHighlights } from "./highlights"

quartz/plugins/transformers/markdown.ts

@@ -35,7 +35,7 @@ import smartypants from "remark-smartypants"
 import rehypeSlug from "rehype-slug"
 import rehypeAutolinkHeadings from "rehype-autolink-headings"
 
-import { ObsidianMarkdownArrow } from "../parsers/obsidian"
+import { ObsidianMarkdownArrow, ObsidianMarkdownHighlights } from "../parsers/obsidian"
 
 export interface CommonMarkOptions {
   option1: Boolean
@@ -183,6 +183,8 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<ObsidianO
           //const replacements: [RegExp, string | ReplaceFunction][] = []
           //const base = pathToRoot(file.data.slug!)
 
+          ObsidianMarkdownHighlights({ enabled: opts.highlight })
+
           ObsidianMarkdownArrow({ enabled: opts.parseArrows })
 
           //mdastFindReplace(tree, replacements)