Merge pull request #368 from timlrx/upgrade/rehype-citation

upgrade rehype-citation, nextjs, tailwindcss

Author: timlrx

css/prism.css

@@ -20,7 +20,7 @@
 }
 
 .code-line {
-  @apply block pl-4 pr-4 -mx-4 border-l-4 border-opacity-0;
+  @apply block pl-4 pr-4 -mx-4 border-l-4 border-transparent;
 }
 
 .code-line.inserted {

lib/mdx.js

@@ -9,6 +9,7 @@ import getAllFilesRecursively from './utils/files'
 import remarkGfm from 'remark-gfm'
 import remarkFootnotes from 'remark-footnotes'
 import remarkMath from 'remark-math'
+import remarkExtractFrontmatter from './remark-extract-frontmatter'
 import remarkCodeTitles from './remark-code-title'
 import remarkTocHeadings from './remark-toc-headings'
 import remarkImgToJsx from './remark-img-to-jsx'
@@ -67,6 +68,7 @@ export async function getFileBySlug(type, slug) {
       // plugins in the future.
       options.remarkPlugins = [
         ...(options.remarkPlugins ?? []),
+        remarkExtractFrontmatter,
         [remarkTocHeadings, { exportRef: toc }],
         remarkGfm,
         remarkCodeTitles,
@@ -79,10 +81,7 @@ export async function getFileBySlug(type, slug) {
         rehypeSlug,
         rehypeAutolinkHeadings,
         rehypeKatex,
-        [
-          rehypeCitation,
-          { bibliography: frontmatter?.bibliography, path: path.join(root, 'data') },
-        ],
+        [rehypeCitation, { path: path.join(root, 'data') }],
         [rehypePrismPlus, { ignoreMissing: true }],
         rehypePresetMinify,
       ]

lib/remark-extract-frontmatter.js

@@ -0,0 +1,10 @@
+import { visit } from 'unist-util-visit'
+import { load } from 'js-yaml'
+
+export default function extractFrontmatter() {
+  return (tree, file) => {
+    visit(tree, 'yaml', (node, index, parent) => {
+      file.data.frontmatter = load(node.value)
+    })
+  }
+}