dependabot[bot]
2024-08-26 4e2aea8a5a414b3bcfac0168bea4f6afd032e8f5
quartz/plugins/transformers/latex.ts
@@ -1,33 +1,51 @@
import remarkMath from "remark-math"
import rehypeKatex from 'rehype-katex'
import rehypeKatex from "rehype-katex"
import rehypeMathjax from "rehype-mathjax/svg"
import { QuartzTransformerPlugin } from "../types"
export const Katex: QuartzTransformerPlugin = () => ({
  name: "Katex",
  markdownPlugins() {
    return [remarkMath]
  },
  htmlPlugins() {
    return [
      [rehypeKatex, {
        output: 'html',
      }]
    ]
  },
  externalResources() {
    return {
      css: [
        // base css
        "https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css",
      ],
      js: [
        {
          // fix copy behaviour: https://github.com/KaTeX/KaTeX/blob/main/contrib/copy-tex/README.md
          src: "https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/contrib/copy-tex.min.js",
          loadTime: "afterDOMReady",
          contentType: 'external'
interface Options {
  renderEngine: "katex" | "mathjax"
  customMacros: MacroType
}
interface MacroType {
  [key: string]: string
}
export const Latex: QuartzTransformerPlugin<Partial<Options>> = (opts) => {
  const engine = opts?.renderEngine ?? "katex"
  const macros = opts?.customMacros ?? {}
  return {
    name: "Latex",
    markdownPlugins() {
      return [remarkMath]
    },
    htmlPlugins() {
      if (engine === "katex") {
        return [[rehypeKatex, { output: "html", macros }]]
      } else {
        return [[rehypeMathjax, { macros }]]
      }
    },
    externalResources() {
      if (engine === "katex") {
        return {
          css: [
            // base css
            "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/katex.min.css",
          ],
          js: [
            {
              // fix copy behaviour: https://github.com/KaTeX/KaTeX/blob/main/contrib/copy-tex/README.md
              src: "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/contrib/copy-tex.min.js",
              loadTime: "afterDOMReady",
              contentType: "external",
            },
          ],
        }
      ]
    }
      } else {
        return {}
      }
    },
  }
})
}