Feat/rehype-citation (#270)

* feat: add rehype-citation and upgrade to next 12.0.3 * docs: update docs
2021-11-14 19:32:06 +08:00
parent 2239743376
commit d384d1a309
8 changed files with 426 additions and 167 deletions
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@ Feature request? Check the past discussions to see if it has been brough up prev
 - [David Levai's digital garden](https://davidlevai.com/) - customized design and added email subscriptions
 - [Thinh's Corner](https://thinhcorner.com/) - [customized layout](https://github.com/Th1nhNg0/th1nhng0.vercel.app/blob/5e73a420828d82f01e7147512a2c3273c4ec19f8/layouts/PostLayout.js) with sticky side table of contents
 - [Leo's Blog](https://leohuynh.dev) - Tuan Anh Huynh's personal site. Add Snippets Page, Author Profile Card, Image Lightbox, ...
- [thvu.dev](https://thvu.dev) - Added `mdx-embed`, view count, reading minutes and more. Keep reading at: [Over-engineering thvu.dev](https://www.thvu.dev/blog/over-engineering-thvu-dev)
+- [thvu.dev](https://thvu.dev) - Added `mdx-embed`, view count, reading minutes and more.

 Using the template? Feel free to create a PR and add your blog to this list.

@@ -47,6 +47,7 @@ I wanted it to be nearly as feature-rich as popular blogging templates like [bea
 - [MDX - write JSX in markdown documents!](https://mdxjs.com/)
 - Server-side syntax highlighting with line numbers and line highlighting via [rehype-prism-plus](https://github.com/timlrx/rehype-prism-plus)
 - Math display supported via [KaTeX](https://katex.org/)
+- Citation and biliography support via [rehype-citation](https://github.com/timlrx/rehype-citation)
 - Automatic image optimization via [next/image](https://nextjs.org/docs/basic-features/image-optimization)
 - Flexible data retrieval with [mdx-bundler](https://github.com/kentcdodds/mdx-bundler)
 - Support for tags - each unique tag will be its own page
--- a/css/prism.css
+++ b/css/prism.css
@@ -28,7 +28,7 @@
 }

 .line-number::before {
-  @apply mr-4 -ml-2 text-gray-400 inline-block w-4 text-right;
+  @apply inline-block w-4 mr-4 -ml-2 text-right text-gray-400;
  content: attr(line);
 }

--- a/data/blog/introducing-tailwind-nextjs-starter-blog.mdx
+++ b/data/blog/introducing-tailwind-nextjs-starter-blog.mdx
@@ -1,7 +1,7 @@
 ---
 title: 'Introducing Tailwind Nextjs Starter Blog'
 date: '2021-01-12'
-lastmod: '2021-09-08'
+lastmod: '2021-11-14'
 tags: ['next-js', 'tailwind', 'guide']
 draft: false
 summary: 'Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template.'
@@ -51,6 +51,7 @@ I wanted it to be nearly as feature-rich as popular blogging templates like [bea
 - [MDX - write JSX in markdown documents!](https://mdxjs.com/)
 - Server-side syntax highlighting with line numbers and line highlighting via [rehype-prism-plus](https://github.com/timlrx/rehype-prism-plus)
 - Math display supported via [KaTeX](https://katex.org/)
+- Citation and biliography support via [rehype-citation](https://github.com/timlrx/rehype-citation)
 - Automatic image optimization via [next/image](https://nextjs.org/docs/basic-features/image-optimization)
 - Flexible data retrieval with [mdx-bundler](https://github.com/kentcdodds/mdx-bundler)
 - Support for tags - each unique tag will be its own page
--- a/data/blog/new-features-in-v1.mdx
+++ b/data/blog/new-features-in-v1.mdx
@@ -1,11 +1,12 @@
 ---
 title: 'New features in v1'
 date: 2021-08-07T15:32:14Z
-lastmod: '2021-10-27'
+lastmod: '2021-11-14'
 tags: ['next-js', 'tailwind', 'guide']
 draft: false
 summary: 'An overview of the new features released in v1 - code block copy, multiple authors, frontmatter layout and more'
 layout: PostSimple
+bibliography: references-data.bib
 ---

 ## Overview
@@ -329,7 +330,7 @@ To modify the styles, change the following class selectors in the `tailwind.css`
 }
 ```

-## Newletter component
+## Newletter component (v1.1.3)

 Introduced in v1.1.3, the newsletter component gives you a easy way to build an audience. It integrates with the following providers:

@@ -354,6 +355,37 @@ and is not compatible with a 100% static site export. Users should either self-h

 A static site compatible alternative is to substitute the route in the newsletter component with a form API endpoint provider.

+## Bibliography and Citations (v1.2.1)
+
+`rehype-citation` plugin is added to the xdm processing pipeline in v1.2.1. This allows you to easily format citations and insert bibliography from an existing bibtex or CSL-json file.
+
+For example, the following markdown code sample:
+
+```md
+Standard citation [@Nash1950]
+In-text citations e.g. @Nash1951
+Multiple citations [see @Nash1950; @Nash1951, page 50]
+
+**References:**
+
+[^ref]
+```
+
+is rendered to the following:
+
+Standard citation [@Nash1950]  
+In-text citations e.g. @Nash1951  
+Multiple citations [see @Nash1950; @Nash1951, page 50]
+
+**References:**
+
+[^ref]
+
+A bibliography will be inserted at the end of the document, but this can be overwritten by specifying a `[^Ref]` tag at the intended location.
+The plugin uses APA citation formation, but also supports the following CSLs, 'apa', 'vancouver', 'harvard1', 'chicago', 'mla', or a path to a user-specified CSL file.
+
+See [rehype-citation readme](https://github.com/timlrx/rehype-citation) for more information on the configuration options.
+
 ## Upgrade guide

 There are significant portions of the code that has been changed from v0 to v1 including support for layouts and a new mdx engine.
--- a/data/references-data.bib
+++ b/data/references-data.bib
@@ -0,0 +1,33 @@
+@article{Nash1950,
+  title={Equilibrium points in n-person games},
+  author={Nash, John},
+  journal={Proceedings of the national academy of sciences},
+  volume={36},
+  number={1},
+  pages={48--49},
+  year={1950},
+  publisher={USA}
+}
+
+@article{Nash1951,
+  title={Non-cooperative games},
+  author={Nash, John},
+  journal={Annals of mathematics},
+  pages={286--295},
+  year={1951},
+  publisher={JSTOR}
+}
+
+@Manual{Macfarlane2006,
+  url={https://pandoc.org/},
+  title={Pandoc: a universal document converter},
+  author={MacFarlane, John},
+  year={2006}
+}
+
+@book{Xie2016,
+  title={Bookdown: authoring books and technical documents with R markdown},
+  author={Xie, Yihui},
+  year={2016},
+  publisher={CRC Press}
+}
--- a/lib/mdx.js
+++ b/lib/mdx.js
@@ -16,6 +16,7 @@ import remarkImgToJsx from './remark-img-to-jsx'
 import rehypeSlug from 'rehype-slug'
 import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import rehypeKatex from 'rehype-katex'
+import rehypeCitation from 'rehype-citation'
 import rehypePrismPlus from 'rehype-prism-plus'

 const root = process.cwd()
@@ -46,27 +47,18 @@ export async function getFileBySlug(type, slug) {

  // https://github.com/kentcdodds/mdx-bundler#nextjs-esbuild-enoent
  if (process.platform === 'win32') {
-    process.env.ESBUILD_BINARY_PATH = path.join(
-      process.cwd(),
-      'node_modules',
-      'esbuild',
-      'esbuild.exe'
-    )
+    process.env.ESBUILD_BINARY_PATH = path.join(root, 'node_modules', 'esbuild', 'esbuild.exe')
  } else {
-    process.env.ESBUILD_BINARY_PATH = path.join(
-      process.cwd(),
-      'node_modules',
-      'esbuild',
-      'bin',
-      'esbuild'
-    )
+    process.env.ESBUILD_BINARY_PATH = path.join(root, 'node_modules', 'esbuild', 'bin', 'esbuild')
  }

  let toc = []

-  const { frontmatter, code } = await bundleMDX(source, {
+  // Parsing frontmatter here to pass it in as options to rehype plugin
+  const { data: frontmatter } = matter(source)
+  const { code } = await bundleMDX(source, {
    // mdx imports can be automatically source from the components directory
-    cwd: path.join(process.cwd(), 'components'),
+    cwd: path.join(root, 'components'),
    xdmOptions(options) {
      // this is the recommended way to add custom remark/rehype plugins:
      // The syntax might look weird, but it protects you in case we add/remove
@@ -85,6 +77,10 @@ export async function getFileBySlug(type, slug) {
        rehypeSlug,
        rehypeAutolinkHeadings,
        rehypeKatex,
+        [
+          rehypeCitation,
+          { bibliography: frontmatter?.bibliography, path: path.join(root, 'data') },
+        ],
        [rehypePrismPlus, { ignoreMissing: true }],
      ]
      return options
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
  "name": "tailwind-nextjs-starter-blog",
-  "version": "1.1.4",
+  "version": "1.2.1",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
@@ -1184,6 +1184,78 @@
        "to-fast-properties": "^2.0.0"
      }
    },
+    "@citation-js/core": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/core/-/core-0.5.1.tgz",
+      "integrity": "sha512-2t4qcDJ/egb+PodvjaZUA6sm3j4mfx8YQV+duB19e/kcuNvEZ+trQrqWvFUp4lPolHF/YufEs81gSs2N3Dc5xA==",
+      "requires": {
+        "@citation-js/date": "^0.4.4",
+        "@citation-js/name": "^0.4.2",
+        "isomorphic-fetch": "^3.0.0",
+        "sync-fetch": "^0.2.0"
+      }
+    },
+    "@citation-js/date": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@citation-js/date/-/date-0.4.4.tgz",
+      "integrity": "sha512-wD195pZPwCCN8idhxz4HYZbf5mMnPZMRhOipcU8v1orZWqZp6YDRjOplNKo6yX7tf6fB4ZO8QLuNaNjuic5AWQ=="
+    },
+    "@citation-js/name": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@citation-js/name/-/name-0.4.2.tgz",
+      "integrity": "sha512-brSPsjs2fOVzSnARLKu0qncn6suWjHVQtrqSUrnqyaRH95r/Ad4wPF5EsoWr+Dx8HzkCGb/ogmoAzfCsqlTwTQ=="
+    },
+    "@citation-js/plugin-bibjson": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-bibjson/-/plugin-bibjson-0.5.1.tgz",
+      "integrity": "sha512-sPrdC0lQZayfNn+QH80joYwVctl6N1xW0dBKc3RO+mLlf7SMAE8hwrpNmNapDz9Kh+VdoCGgGgpxTPzpe1texA==",
+      "requires": {
+        "@citation-js/date": "^0.4.4",
+        "@citation-js/name": "^0.4.2"
+      }
+    },
+    "@citation-js/plugin-bibtex": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-bibtex/-/plugin-bibtex-0.5.1.tgz",
+      "integrity": "sha512-6A50kaPewGVusPj+ZhZ86hAIUHyxs6afxu5uInopRlVhpmWdURSHm+bAtSvnMiRhfiVW2pmNMTSLm06zKFAC+A==",
+      "requires": {
+        "@citation-js/date": "^0.4.4",
+        "@citation-js/name": "^0.4.2",
+        "moo": "^0.5.1"
+      }
+    },
+    "@citation-js/plugin-csl": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-csl/-/plugin-csl-0.5.1.tgz",
+      "integrity": "sha512-rRWlGBRq9iIG2A/J2+vMWNnjseYQa0jdfuGq3x2FmqfAipZS91qL2o/88GUE7DLY0qpzP2STmcZHMUShAmMz1A==",
+      "requires": {
+        "citeproc": "^2.4.6"
+      }
+    },
+    "@citation-js/plugin-doi": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-doi/-/plugin-doi-0.5.1.tgz",
+      "integrity": "sha512-oCqzl5eY69h6m7xESvzx7g5xS7bqfnbL/p88kQdN2vQxYYmovWfw3sSk0hqQv+MekKPCAXOBvbXPlM4YiNqM9g=="
+    },
+    "@citation-js/plugin-ris": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-ris/-/plugin-ris-0.5.1.tgz",
+      "integrity": "sha512-9KUzzC1OfrxpZMUb0jMYK8s2kKj/ggttK9bb6pf3FMVdKhqK4tWUE8VNvVudZBjXaHl/oQx+HbHKvZppekupeg==",
+      "requires": {
+        "@citation-js/date": "^0.4.4",
+        "@citation-js/name": "^0.4.2"
+      }
+    },
+    "@citation-js/plugin-wikidata": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-wikidata/-/plugin-wikidata-0.5.1.tgz",
+      "integrity": "sha512-JEDqp/dT4XnAKZ9+2Jd3VkIimNUXu/7J0JPP6s+9lgl2RshpG9S26happGTA7hKnf4wvK7UY7iegUIcU6kPbZw==",
+      "requires": {
+        "@citation-js/date": "^0.4.4",
+        "@citation-js/name": "^0.4.2",
+        "wikidata-sdk": "7"
+      }
+    },
    "@esbuild-plugins/node-resolve": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/@esbuild-plugins/node-resolve/-/node-resolve-0.1.4.tgz",
@@ -1294,37 +1366,37 @@
      "integrity": "sha512-jDJTpta+P4p1NZTFVLHJ/TLFVYVcOqv6l8xwOeBKNPMgY/zDYH/YH7SJbvrr/h1RcS9GzbPcLKGzpuK9cV56UA=="
    },
    "@next/bundle-analyzer": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-12.0.1.tgz",
-      "integrity": "sha512-/DSLq15gtxNRVZRzwofqHlJLHSW7GmXfFHjEX+Q2+lMkLQ5/V+tAwa6i2CbJvSdZYJXNA2vE+35Fph7odSfoHA==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-12.0.3.tgz",
+      "integrity": "sha512-gvQC91wIG2/YQvC7nEiPJOegXaqViNHjizaQZ6njljdCn2R74MpnJuBqwYkT1WKSj3xxgoq9rOLKY0jN04oiCQ==",
      "dev": true,
      "requires": {
        "webpack-bundle-analyzer": "4.3.0"
      }
    },
    "@next/env": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-12.0.1.tgz",
-      "integrity": "sha512-+eJ8mQbAcV/ZILRAgIx9xwDg6hrqm6m/7QLfEvsf2BPnsh+fwU4Xf1zgcbyqD2V4ja4OTWG6ow+Hiukgap3mZQ=="
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-12.0.3.tgz",
+      "integrity": "sha512-QcdlpcwIH9dYcVlNAU+gXaqHA/omskbRlb+R3vN7LlB2EgLt+9WQwbokcHOsNyt4pI7kDM67W4tr9l7dWnlGdQ=="
    },
    "@next/eslint-plugin-next": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-12.0.1.tgz",
-      "integrity": "sha512-E6xd3xvOp6Mfs2p1GcdCN5AYIbgCC6Z3LV31NaNEMACATu9GpQhMig3+Wp7b70gXbUeNUGizuGWTJNP+o9FT0g==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-12.0.3.tgz",
+      "integrity": "sha512-P7i+bMypneQcoRN+CX79xssvvIJCaw7Fndzbe7/lB0+LyRbVvGVyMUsFmLLbSxtZq4hvFMJ1p8wML/gsulMZWQ==",
      "dev": true,
      "requires": {
        "glob": "7.1.7"
      }
    },
    "@next/polyfill-module": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/polyfill-module/-/polyfill-module-12.0.1.tgz",
-      "integrity": "sha512-fTrndwGuvrQO+4myVGcPtsYI4/tmZBhHHJId7MSHWz+9gW4NFgsmDlr8OI9Th2ZXpqk5WHLsTYQ+dLiQp1zV4g=="
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/polyfill-module/-/polyfill-module-12.0.3.tgz",
+      "integrity": "sha512-fgjVjdCk0Jq627d/N33oQIJjWrcKtzw6Dfa2PfypoIJ35/xFIKgs6mPyvq8cg3Ao5b7dEn9+Rw45PGjlY5e7JA=="
    },
    "@next/react-dev-overlay": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/react-dev-overlay/-/react-dev-overlay-12.0.1.tgz",
-      "integrity": "sha512-dLv1to40bvadbr0VO8pBsbr9ddgktCLilfejOpEFQkOOrdQBUuIfegqqEDiCL9THkAO3QGYY4t/ZPfv9wrxLZQ==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/react-dev-overlay/-/react-dev-overlay-12.0.3.tgz",
+      "integrity": "sha512-gHfDEVHFeTUpQMcyytzvkuOu+5DQXjXbCbQHuavFftYrlHqXfzYFsa+wERff+g4/0IzEvcYVp3F4gdmynWfUog==",
      "requires": {
        "@babel/code-frame": "7.12.11",
        "anser": "1.4.9",
@@ -1333,7 +1405,7 @@
        "css.escape": "1.5.1",
        "data-uri-to-buffer": "3.0.1",
        "platform": "1.3.6",
-        "shell-quote": "1.7.2",
+        "shell-quote": "1.7.3",
        "source-map": "0.8.0-beta.0",
        "stacktrace-parser": "0.1.10",
        "strip-ansi": "6.0.1"
@@ -1398,84 +1470,76 @@
      }
    },
    "@next/react-refresh-utils": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/react-refresh-utils/-/react-refresh-utils-12.0.1.tgz",
-      "integrity": "sha512-CjTBR9a6ai+2fUT8KFya9AiTaCnfDY34H6pDmtdJdkD+vY08AwtPpv10kzsgNEhsL06210yVzH59IsEQLBIllA=="
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/react-refresh-utils/-/react-refresh-utils-12.0.3.tgz",
+      "integrity": "sha512-YPtlfvkYh/4MvNNm5w3uwo+1KPMg67snzr5CuexbRewsu2ITaF7f0bh0Jcayi20wztk8SgWjNz1bmF8j9qbWIw=="
    },
    "@next/swc-android-arm64": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.0.1.tgz",
-      "integrity": "sha512-zI/6zsZuO2igknzHzfaQep0PeD3d4/qdjXUcQLwLHJQtGdhPvZFMke1z3BBWZqePHVsR1JPjE4QTii7udF5qsQ==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.0.3.tgz",
+      "integrity": "sha512-40sOl9/50aamX0dEMrecqJQcUrRK47D7S9F66ulrZmz+5Ujp0lnP1rBOXngo0PZMecfU1tr7zbNubiAMDxfCxw==",
      "optional": true
    },
    "@next/swc-darwin-arm64": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.0.1.tgz",
-      "integrity": "sha512-vRfHz7rEt9+TTfwi3uY9ObUSLhzMmgVZ96b+yOSmZ6Kxs/V46IXHOLawCnoldXylpskZ/+HTWcrB1D3aimGeZA==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.0.3.tgz",
+      "integrity": "sha512-iKSe2hCMB51Ft41cNAxZk6St1rBlqSRtBSl4oO0zJlGu7bCxXCGCJ058/OLvYxcNWgz7ODOApObm3Yjv8XEvxg==",
      "optional": true
    },
    "@next/swc-darwin-x64": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.0.1.tgz",
-      "integrity": "sha512-mM7QLIqRUqR8I74gbZ4Uq+dY8k3Whrs98wK+vPurmDTBhXhaVnAYblEkEwe0DJGqlmjD4w6faYfCydmFI69jqw==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.0.3.tgz",
+      "integrity": "sha512-/BcnfLyhIj4rgU3yVDfD8uXK2TcNYIdflYHKkjFxd3/J1GWOtBN31m0dB8fL0h5LdW11kzaXvVvab3f5ilkEww==",
      "optional": true
    },
    "@next/swc-linux-arm-gnueabihf": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.0.1.tgz",
-      "integrity": "sha512-QF5LVyAWTah5i1p/yG4a8nTGRXerHoDkS3kWYCdjcwlALOiAJ9m0GUTks/O47izNokBAbZnL7URUdvtGFjP0Ng==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.0.3.tgz",
+      "integrity": "sha512-2HNPhBJuN9L6JzqqqdYB4TKfFFmaKkpF0X3C1s83Xp61mR2sx8gOthHQtZqWDs4ZLnKZU0j2flGU1uuqpHPCpg==",
      "optional": true
    },
    "@next/swc-linux-arm64-gnu": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.0.1.tgz",
-      "integrity": "sha512-ETFUh373WsjUJJr32GHSDlVSgwFwS+EJUJuSH40Pr4xB6250YxuRk8ccF6QR5LHqTL4tbbVEEfCD8sZVnccP8w==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.0.3.tgz",
+      "integrity": "sha512-NXTON1XK7zi2i+A+bY1PVLi1g5b8cSwgzbnuVR0vAgOtU+3at7FqAKOWfuFIXY7eBEK65uu0Fu5gADhMj0uanQ==",
      "optional": true
    },
    "@next/swc-linux-arm64-musl": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.0.1.tgz",
-      "integrity": "sha512-pfnXNjKywXyp2DJsjFhkfOlvcNu9xa8HgEhCUKXm1OZ4pGnpeb1+UD4t5Pn9b9ggiWPzauZK1abR/9nShvbSzw==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.0.3.tgz",
+      "integrity": "sha512-8D0q22VavhcIl2ZQErEffgh5q6mChaG84uTluAoFfjwrgYtPDZX0M5StqkTZL6T5gA5RLHboNVoscIKGZWMojQ==",
      "optional": true
    },
    "@next/swc-linux-x64-gnu": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.0.1.tgz",
-      "integrity": "sha512-d9cXS27Ar7TTtA3BJ8gxosDDdVNSFy4MQiwsszKlEiqfGrnINeXKdVgeiOa+xxq+JxNvPzonp4sbX6k8InIocg==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.0.3.tgz",
+      "integrity": "sha512-4mkimH9nMzbuQfLmZ152NYSHdrII9AeqrkrHszexL1Lup2TLMPuxlXj55eVnyyeKFXRLlnqbCu7aOIND68RbOA==",
      "optional": true
    },
    "@next/swc-linux-x64-musl": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.0.1.tgz",
-      "integrity": "sha512-4SAmi7riavU6TFGX7wQFioFi/vx8uJ2/Cx7ZfrYiZzzKmmuu2eM8onW1kcKu+aQD777x/kvzW4+2pWkM2gyPOA==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.0.3.tgz",
+      "integrity": "sha512-MXvx+IDYoSsSM7KcwbQAVo9r+ZeklHeDQiUEmyRRzQE1Q4JvkWwMdPu/NfFdyxur+RfKjRoUoWFdPi5MBKTpkw==",
      "optional": true
    },
    "@next/swc-win32-arm64-msvc": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.0.1.tgz",
-      "integrity": "sha512-JRad3QyXvs5zDkeEmc6z5tEvm/ZZnjnsBY921zWw7OIcIZR5wAs+1AnRVjIxHTEHSExxOvBgPyEMpgVkB8OyxQ==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.0.3.tgz",
+      "integrity": "sha512-8GusumFZLp/mtVix+3JZVTGqzqntTsrTIFZ+GpcLMwyVjB3KkBwHiwJaa38WGleUinJSpJvgmhTWgppsiSKW3A==",
      "optional": true
    },
    "@next/swc-win32-ia32-msvc": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.0.1.tgz",
-      "integrity": "sha512-ierQmzVWPi6a7PqrdgfI6nrQ/SWJ9W5jllByyQeFIOKhOzZiz030Tw+U6V7NqE3gGNeRwpj56Iya8nUb3hlM1g==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.0.3.tgz",
+      "integrity": "sha512-mF7bkxSZ++QiB+E0HFqay/etvPF+ZFcCuG27lSwFIM00J+TE0IRqMyMx66vJ8g1h6khpwXPI0o2hrwIip/r8cQ==",
      "optional": true
    },
    "@next/swc-win32-x64-msvc": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.0.1.tgz",
-      "integrity": "sha512-li3CCXpdMX0+wJlQpy0xZmHCgHMebaBf5X2BIAJrv8cQXYc6dejeojttXLFNCF0dNAo3UzlbP6h7N+8p6Wbakw==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.0.3.tgz",
+      "integrity": "sha512-eXFwyf46UFFggMQ3k2tJsOmB3SuKjWaSiZJH0tTDUsLw74lyqyzJqMCVA4yY0gWSlEnSjmX5nrCBknVZd3joaA==",
      "optional": true
    },
-    "@node-rs/helper": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@node-rs/helper/-/helper-1.2.1.tgz",
-      "integrity": "sha512-R5wEmm8nbuQU0YGGmYVjEc0OHtYsuXdpRG+Ut/3wZ9XAvQWyThN08bTh2cBJgoZxHQUPtvRfeQuxcAgLuiBISg==",
-      "requires": {
-        "@napi-rs/triples": "^1.0.3"
-      }
-    },
    "@nodelib/fs.scandir": {
      "version": "2.1.5",
      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1522,9 +1586,9 @@
      }
    },
    "@rushstack/eslint-patch": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.0.9.tgz",
-      "integrity": "sha512-yk9Xj/3bUxyz3azMXW8qigLqXWEr2R0h9G7PVnnmjNQdlZLN+aESqCTnVN7ubtYUIQfW32/v8+AXsbpL1ryI1A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.0.tgz",
+      "integrity": "sha512-JLo+Y592QzIE+q7Dl2pMUtt4q8SKYI5jDrZxrozEQxnGVOyYE+GWK9eLkwTaeN9DDctlaRAQ3TBmzZ1qdLE30A==",
      "dev": true
    },
    "@sindresorhus/is": {
@@ -2728,6 +2792,51 @@
        "safe-buffer": "^5.0.1"
      }
    },
+    "citation-js": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/citation-js/-/citation-js-0.5.1.tgz",
+      "integrity": "sha512-hVnou/LGpYlo0E+0h+VLWQEQf+p5EWUQ1jNJdB/sNL+xa5/xaZZkdYGbEqWdMcisHofN3ZWhz1GhltQ0gGzABg==",
+      "requires": {
+        "@citation-js/cli": "0.5.1",
+        "@citation-js/core": "0.5.1",
+        "@citation-js/date": "0.4.4",
+        "@citation-js/name": "0.4.2",
+        "@citation-js/plugin-bibjson": "0.5.1",
+        "@citation-js/plugin-bibtex": "0.5.1",
+        "@citation-js/plugin-csl": "0.5.1",
+        "@citation-js/plugin-doi": "0.5.1",
+        "@citation-js/plugin-ris": "0.5.1",
+        "@citation-js/plugin-wikidata": "0.5.1",
+        "citeproc": "^2.4.59"
+      },
+      "dependencies": {
+        "@citation-js/cli": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npmjs.org/@citation-js/cli/-/cli-0.5.1.tgz",
+          "integrity": "sha512-Npcbgx3KXq5J6JHQCPtn7UfBktp4tZH9gqqxLyIoIF1g/E5+CqnovpTDidEJAJ70Ne48QABMkoWZGW2dRkSsTQ==",
+          "requires": {
+            "@citation-js/core": "^0.5.1",
+            "@citation-js/plugin-bibjson": "^0.5.1",
+            "@citation-js/plugin-bibtex": "^0.5.1",
+            "@citation-js/plugin-csl": "^0.5.1",
+            "@citation-js/plugin-doi": "^0.5.1",
+            "@citation-js/plugin-ris": "^0.5.1",
+            "@citation-js/plugin-wikidata": "^0.5.1",
+            "commander": "^5.1.0"
+          }
+        },
+        "commander": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+          "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg=="
+        }
+      }
+    },
+    "citeproc": {
+      "version": "2.4.62",
+      "resolved": "https://registry.npmjs.org/citeproc/-/citeproc-2.4.62.tgz",
+      "integrity": "sha512-l3uFfSEwNZp/jlz/TpgyBs85kOww6VlQHbAth0cpbgOn6iulZd+QlFY43LrRelzcYt3FZHTZ3soDyd8lNmkqdw=="
+    },
    "classnames": {
      "version": "2.2.6",
      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
@@ -3814,12 +3923,12 @@
      }
    },
    "eslint-config-next": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-12.0.1.tgz",
-      "integrity": "sha512-8r06kXDKN7TWdsPf9XD9+p40g1gNSoCeSHEafcgpRMmsSxQo3C2PwcUwvQynaCvE6ns7MDwOvgLEomamcPr7Ig==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-12.0.3.tgz",
+      "integrity": "sha512-q+mX6jhk3HrCo39G18MLhiC6f8zJnTA00f30RSuVUWsv45SQUm6r62oXVqrbAgMEybe0yx/GDRvfA6LvSolw6Q==",
      "dev": true,
      "requires": {
-        "@next/eslint-plugin-next": "12.0.1",
+        "@next/eslint-plugin-next": "12.0.3",
        "@rushstack/eslint-patch": "^1.0.6",
        "@typescript-eslint/parser": "^4.20.0",
        "eslint-import-resolver-node": "^0.3.4",
@@ -3951,9 +4060,9 @@
      }
    },
    "eslint-plugin-import": {
-      "version": "2.25.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.25.2.tgz",
-      "integrity": "sha512-qCwQr9TYfoBHOFcVGKY9C9unq05uOxxdklmBXLVvcwo68y5Hta6/GzCZEMx2zQiu0woKNEER0LE7ZgaOfBU14g==",
+      "version": "2.25.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.25.3.tgz",
+      "integrity": "sha512-RzAVbby+72IB3iOEL8clzPLzL3wpDrlwjsTBAQXgyp5SeTqqY+0bFubwuo+y/HLhNZcXV4XqTBO4LGsfyHIDXg==",
      "dev": true,
      "requires": {
        "array-includes": "^3.1.4",
@@ -3961,9 +4070,9 @@
        "debug": "^2.6.9",
        "doctrine": "^2.1.0",
        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-module-utils": "^2.7.0",
+        "eslint-module-utils": "^2.7.1",
        "has": "^1.0.3",
-        "is-core-module": "^2.7.0",
+        "is-core-module": "^2.8.0",
        "is-glob": "^4.0.3",
        "minimatch": "^3.0.4",
        "object.values": "^1.1.5",
@@ -4104,27 +4213,40 @@
      }
    },
    "eslint-plugin-react": {
-      "version": "7.26.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.26.1.tgz",
-      "integrity": "sha512-Lug0+NOFXeOE+ORZ5pbsh6mSKjBKXDXItUD2sQoT+5Yl0eoT82DqnXeTMfUare4QVCn9QwXbfzO/dBLjLXwVjQ==",
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.27.0.tgz",
+      "integrity": "sha512-0Ut+CkzpppgFtoIhdzi2LpdpxxBvgFf99eFqWxJnUrO7mMe0eOiNpou6rvNYeVVV6lWZvTah0BFne7k5xHjARg==",
      "dev": true,
      "requires": {
-        "array-includes": "^3.1.3",
-        "array.prototype.flatmap": "^1.2.4",
+        "array-includes": "^3.1.4",
+        "array.prototype.flatmap": "^1.2.5",
        "doctrine": "^2.1.0",
-        "estraverse": "^5.2.0",
+        "estraverse": "^5.3.0",
        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
        "minimatch": "^3.0.4",
-        "object.entries": "^1.1.4",
-        "object.fromentries": "^2.0.4",
-        "object.hasown": "^1.0.0",
-        "object.values": "^1.1.4",
+        "object.entries": "^1.1.5",
+        "object.fromentries": "^2.0.5",
+        "object.hasown": "^1.1.0",
+        "object.values": "^1.1.5",
        "prop-types": "^15.7.2",
        "resolve": "^2.0.0-next.3",
        "semver": "^6.3.0",
-        "string.prototype.matchall": "^4.0.5"
+        "string.prototype.matchall": "^4.0.6"
      },
      "dependencies": {
+        "array-includes": {
+          "version": "3.1.4",
+          "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.4.tgz",
+          "integrity": "sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.2",
+            "define-properties": "^1.1.3",
+            "es-abstract": "^1.19.1",
+            "get-intrinsic": "^1.1.1",
+            "is-string": "^1.0.7"
+          }
+        },
        "doctrine": {
          "version": "2.1.0",
          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -4134,12 +4256,51 @@
            "esutils": "^2.0.2"
          }
        },
+        "es-abstract": {
+          "version": "1.19.1",
+          "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.19.1.tgz",
+          "integrity": "sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.2",
+            "es-to-primitive": "^1.2.1",
+            "function-bind": "^1.1.1",
+            "get-intrinsic": "^1.1.1",
+            "get-symbol-description": "^1.0.0",
+            "has": "^1.0.3",
+            "has-symbols": "^1.0.2",
+            "internal-slot": "^1.0.3",
+            "is-callable": "^1.2.4",
+            "is-negative-zero": "^2.0.1",
+            "is-regex": "^1.1.4",
+            "is-shared-array-buffer": "^1.0.1",
+            "is-string": "^1.0.7",
+            "is-weakref": "^1.0.1",
+            "object-inspect": "^1.11.0",
+            "object-keys": "^1.1.1",
+            "object.assign": "^4.1.2",
+            "string.prototype.trimend": "^1.0.4",
+            "string.prototype.trimstart": "^1.0.4",
+            "unbox-primitive": "^1.0.1"
+          }
+        },
        "estraverse": {
          "version": "5.3.0",
          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
          "dev": true
        },
+        "object.values": {
+          "version": "1.1.5",
+          "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.5.tgz",
+          "integrity": "sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.2",
+            "define-properties": "^1.1.3",
+            "es-abstract": "^1.19.1"
+          }
+        },
        "resolve": {
          "version": "2.0.0-next.3",
          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.3.tgz",
@@ -4153,9 +4314,9 @@
      }
    },
    "eslint-plugin-react-hooks": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
-      "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.3.0.tgz",
+      "integrity": "sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==",
      "dev": true
    },
    "eslint-scope": {
@@ -5647,6 +5808,15 @@
      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
      "dev": true
    },
+    "isomorphic-fetch": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
+      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
+      "requires": {
+        "node-fetch": "^2.6.1",
+        "whatwg-fetch": "^3.4.1"
+      }
+    },
    "jest-worker": {
      "version": "27.0.0-next.5",
      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.0.0-next.5.tgz",
@@ -6907,9 +7077,9 @@
      }
    },
    "mime": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
-      "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
      "dev": true
    },
    "mime-db": {
@@ -6988,6 +7158,11 @@
      "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA=="
    },
+    "moo": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.1.tgz",
+      "integrity": "sha512-I1mnb5xn4fO80BH9BLcF0yLypy2UKl+Cb01Fu0hJRkJjlCRtxZMWkTdAtDd5ZqCOxtCkhmRwyI57vWT+1iZ67w=="
+    },
    "ms": {
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -7021,34 +7196,29 @@
      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
      "dev": true
    },
-    "neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
-    },
    "next": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/next/-/next-12.0.1.tgz",
-      "integrity": "sha512-4MNXAbD9+Tmtejg0TOKbaP52Cgu4mIn2ejKMLHWV0acxWGkkcE7QvdZwvg5pkg3fQBMrgucOxxtmw4D7yWaZvg==",
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/next/-/next-12.0.3.tgz",
+      "integrity": "sha512-GGdhTBcerdMZbitrO67IVetmB+AHa2X69xrkXKClUT8SRu8pEVto/2QMSnfI+uYc5czCUWPsVtVY3aMoMRMaCA==",
      "requires": {
        "@babel/runtime": "7.15.4",
        "@hapi/accept": "5.0.2",
-        "@next/env": "12.0.1",
-        "@next/polyfill-module": "12.0.1",
-        "@next/react-dev-overlay": "12.0.1",
-        "@next/react-refresh-utils": "12.0.1",
-        "@next/swc-android-arm64": "12.0.1",
-        "@next/swc-darwin-arm64": "12.0.1",
-        "@next/swc-darwin-x64": "12.0.1",
-        "@next/swc-linux-arm-gnueabihf": "12.0.1",
-        "@next/swc-linux-arm64-gnu": "12.0.1",
-        "@next/swc-linux-arm64-musl": "12.0.1",
-        "@next/swc-linux-x64-gnu": "12.0.1",
-        "@next/swc-linux-x64-musl": "12.0.1",
-        "@next/swc-win32-arm64-msvc": "12.0.1",
-        "@next/swc-win32-ia32-msvc": "12.0.1",
-        "@next/swc-win32-x64-msvc": "12.0.1",
-        "@node-rs/helper": "1.2.1",
+        "@napi-rs/triples": "1.0.3",
+        "@next/env": "12.0.3",
+        "@next/polyfill-module": "12.0.3",
+        "@next/react-dev-overlay": "12.0.3",
+        "@next/react-refresh-utils": "12.0.3",
+        "@next/swc-android-arm64": "12.0.3",
+        "@next/swc-darwin-arm64": "12.0.3",
+        "@next/swc-darwin-x64": "12.0.3",
+        "@next/swc-linux-arm-gnueabihf": "12.0.3",
+        "@next/swc-linux-arm64-gnu": "12.0.3",
+        "@next/swc-linux-arm64-musl": "12.0.3",
+        "@next/swc-linux-x64-gnu": "12.0.3",
+        "@next/swc-linux-x64-musl": "12.0.3",
+        "@next/swc-win32-arm64-msvc": "12.0.3",
+        "@next/swc-win32-ia32-msvc": "12.0.3",
+        "@next/swc-win32-x64-msvc": "12.0.3",
        "acorn": "8.5.0",
        "assert": "2.0.0",
        "browserify-zlib": "0.2.0",
@@ -7080,7 +7250,6 @@
        "raw-body": "2.4.1",
        "react-is": "17.0.2",
        "react-refresh": "0.8.3",
-        "react-server-dom-webpack": "0.0.0-experimental-3c4c1c470-20211021",
        "regenerator-runtime": "0.13.4",
        "stream-browserify": "3.0.0",
        "stream-http": "3.1.1",
@@ -7091,8 +7260,7 @@
        "use-subscription": "1.5.1",
        "util": "0.12.4",
        "vm-browserify": "1.1.2",
-        "watchpack": "2.1.1",
-        "web-streams-polyfill": "3.0.3"
+        "watchpack": "2.1.1"
      },
      "dependencies": {
        "@babel/runtime": {
@@ -8149,24 +8317,6 @@
      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
      "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
    },
-    "react-server-dom-webpack": {
-      "version": "0.0.0-experimental-3c4c1c470-20211021",
-      "resolved": "https://registry.npmjs.org/react-server-dom-webpack/-/react-server-dom-webpack-0.0.0-experimental-3c4c1c470-20211021.tgz",
-      "integrity": "sha512-YyRlED5kR0C2aQ3IJ/8BR2TELt51RcDZhnUDKz+m/HU+Gb/qak0CZkG0A8Zxffom9VI6HFkUj1dRFZqm0Lh9Pg==",
-      "requires": {
-        "acorn": "^6.2.1",
-        "loose-envify": "^1.1.0",
-        "neo-async": "^2.6.1",
-        "object-assign": "^4.1.1"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "6.4.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
-          "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ=="
-        }
-      }
-    },
    "readable-stream": {
      "version": "3.6.0",
      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -8313,6 +8463,18 @@
        "unist-util-visit": "^4.0.0"
      }
    },
+    "rehype-citation": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/rehype-citation/-/rehype-citation-0.1.1.tgz",
+      "integrity": "sha512-jat2DWeIYooNIdhEwEvkebACPM3kQWEKSJpR844DSZlTTodDGAQEZ4d6FGMyV8Cpm9yMQ4cEK8Nnk+JU+4HHfQ==",
+      "requires": {
+        "citation-js": "^0.5.1",
+        "hast-util-from-parse5": "^7.1.0",
+        "parse5": "^6.0.1",
+        "unified": "^10.1.0",
+        "unist-util-visit": "^4.0.0"
+      }
+    },
    "rehype-katex": {
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-6.0.0.tgz",
@@ -8761,9 +8923,9 @@
      "dev": true
    },
    "shell-quote": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
-      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg=="
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.3.tgz",
+      "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw=="
    },
    "side-channel": {
      "version": "1.0.4",
@@ -9349,6 +9511,26 @@
        "util.promisify": "~1.0.0"
      }
    },
+    "sync-fetch": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/sync-fetch/-/sync-fetch-0.2.1.tgz",
+      "integrity": "sha512-GxcJRiIgg32kjEe90/BTtLeCBOdSR5ShfxbQNrB3duVKbuf7lnjmC4aT3y/Bu1t84j5Uio80IoDQZ4uOHrtTHQ==",
+      "requires": {
+        "buffer": "^5.7.0",
+        "node-fetch": "^2.6.1"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+          "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+          "requires": {
+            "base64-js": "^1.3.1",
+            "ieee754": "^1.1.13"
+          }
+        }
+      }
+    },
    "table": {
      "version": "6.7.1",
      "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
@@ -10019,11 +10201,6 @@
      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.0.tgz",
      "integrity": "sha512-dE7ELZRVWh0ceQsRgkjLgsAvwTuv3kcjSY/hLjqL0llleUlQBDjE9JkB9FCBY5F2mnFEwiyJoowl8+NVGHe8dw=="
    },
-    "web-streams-polyfill": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.0.3.tgz",
-      "integrity": "sha512-d2H/t0eqRNM4w2WvmTdoeIvzAUSpK7JmATB8Nr2lb7nQ9BTIJVjbQ/TRFVEh2gUH1HwclPdoPtfMoFfetXaZnA=="
-    },
    "webidl-conversions": {
      "version": "4.0.2",
      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
@@ -10103,6 +10280,11 @@
        }
      }
    },
+    "whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA=="
+    },
    "whatwg-url": {
      "version": "7.1.0",
      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
@@ -10155,6 +10337,19 @@
        "string-width": "^1.0.2 || 2"
      }
    },
+    "wikibase-sdk": {
+      "version": "7.14.1",
+      "resolved": "https://registry.npmjs.org/wikibase-sdk/-/wikibase-sdk-7.14.1.tgz",
+      "integrity": "sha512-U4y3y4HxFzM2X1WRvb0efWdkqX8o1LqEgCdwdD+elxw1m5pomelZrHujyEWyeg8E5VIVzNrRPcOtu5ysF5k3nw=="
+    },
+    "wikidata-sdk": {
+      "version": "7.14.1",
+      "resolved": "https://registry.npmjs.org/wikidata-sdk/-/wikidata-sdk-7.14.1.tgz",
+      "integrity": "sha512-sIKtRa0rFIisgvf1dEFrO2M+/rnWmEdMR/uWczLC1gdwxqVyJ9e4Abg6FQZfYqQ9jn+VUcNU9VuAy/+P9Q04XA==",
+      "requires": {
+        "wikibase-sdk": "^7.14.1"
+      }
+    },
    "word-wrap": {
      "version": "1.2.3",
      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "tailwind-nextjs-starter-blog",
-  "version": "1.2.0",
+  "version": "1.2.1",
  "private": true,
  "scripts": {
    "start": "node ./scripts/next-remote-watch.js ./data",
@@ -21,7 +21,7 @@
    "gray-matter": "^4.0.2",
    "image-size": "1.0.0",
    "mdx-bundler": "^6.0.1",
-    "next": "12.0.1",
+    "next": "12.0.3",
    "next-themes": "^0.0.14",
    "postcss": "^8.3.5",
    "preact": "^10.5.13",
@@ -29,6 +29,7 @@
    "react-dom": "17.0.2",
    "reading-time": "1.3.0",
    "rehype-autolink-headings": "^6.0.0",
+    "rehype-citation": "^0.1.1",
    "rehype-katex": "^6.0.0",
    "rehype-prism-plus": "^1.1.0",
    "rehype-slug": "^5.0.0",
@@ -41,12 +42,12 @@
    "unist-util-visit": "^4.0.0"
  },
  "devDependencies": {
-    "@next/bundle-analyzer": "12.0.1",
+    "@next/bundle-analyzer": "12.0.3",
    "@svgr/webpack": "^5.5.0",
    "cross-env": "^7.0.3",
    "dedent": "^0.7.0",
    "eslint": "^7.29.0",
-    "eslint-config-next": "12.0.1",
+    "eslint-config-next": "12.0.3",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-jsx-a11y": "^6.4.1",
    "eslint-plugin-prettier": "^3.3.1",