From 715b419ce422f18f3420a8638585d2c646b94812 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 25 Nov 2022 02:39:21 +0100
Subject: [PATCH] Enable code blocks plugin

---
 website/package-lock.json            | 11 +++++++++++
 website/package.json                 |  1 +
 website/plugins/index.mjs            |  2 ++
 website/plugins/remarkCodeBlocks.mjs |  6 +++---
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/website/package-lock.json b/website/package-lock.json
index c83eb7022..af557da4f 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -22,6 +22,7 @@
                 "eslint-config-next": "13.0.2",
                 "html-to-react": "^1.5.0",
                 "jinja-to-js": "^3.2.3",
+                "md-attr-parser": "^1.3.0",
                 "next": "13.0.2",
                 "next-mdx-remote": "^4.2.0",
                 "prettier": "^2.7.1",
@@ -2977,6 +2978,11 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
+        "node_modules/md-attr-parser": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/md-attr-parser/-/md-attr-parser-1.3.0.tgz",
+            "integrity": "sha512-KTVlfU5Oxo/6kd0YZ2mLP3eWJj+5vzh5mBCxLo3yGl1fzHIgxmtadbE9tHb7TbUBi3XZbl+P0xKeGmakat135w=="
+        },
         "node_modules/mdast-util-definitions": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.1.tgz",
@@ -7905,6 +7911,11 @@
             "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.2.tgz",
             "integrity": "sha512-y8j3a5/DkJCmS5x4dMCQL+OR0+2EAq3DOtio1COSHsmW2BGXnNCK3v12hJt1LrUz5iZH5g0LmuYOjDdI+czghA=="
         },
+        "md-attr-parser": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/md-attr-parser/-/md-attr-parser-1.3.0.tgz",
+            "integrity": "sha512-KTVlfU5Oxo/6kd0YZ2mLP3eWJj+5vzh5mBCxLo3yGl1fzHIgxmtadbE9tHb7TbUBi3XZbl+P0xKeGmakat135w=="
+        },
         "mdast-util-definitions": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.1.tgz",
diff --git a/website/package.json b/website/package.json
index cf499ec17..92fac38c6 100644
--- a/website/package.json
+++ b/website/package.json
@@ -27,6 +27,7 @@
         "eslint-config-next": "13.0.2",
         "html-to-react": "^1.5.0",
         "jinja-to-js": "^3.2.3",
+        "md-attr-parser": "^1.3.0",
         "next": "13.0.2",
         "next-mdx-remote": "^4.2.0",
         "prettier": "^2.7.1",
diff --git a/website/plugins/index.mjs b/website/plugins/index.mjs
index d6863c7ee..f8068096f 100644
--- a/website/plugins/index.mjs
+++ b/website/plugins/index.mjs
@@ -3,11 +3,13 @@ import remarkUnwrapImages from 'remark-unwrap-images'
 
 import remarkCustomAttrs from './remarkCustomAttrs.mjs'
 import remarkWrapSections from './remarkWrapSections.mjs'
+import remarkCodeBlocks from './remarkCodeBlocks.mjs'
 
 const remarkPlugins = [
     remarkGfm,
     remarkUnwrapImages,
     remarkCustomAttrs,
+    remarkCodeBlocks,
     remarkWrapSections,
 ]
 
diff --git a/website/plugins/remarkCodeBlocks.mjs b/website/plugins/remarkCodeBlocks.mjs
index 7c7266515..f35ee3de7 100644
--- a/website/plugins/remarkCodeBlocks.mjs
+++ b/website/plugins/remarkCodeBlocks.mjs
@@ -2,8 +2,8 @@
  * Support titles, line highlights and more for code blocks
  */
 
-const visit = require('unist-util-visit')
-const parseAttr = require('md-attr-parser')
+import { visit } from 'unist-util-visit'
+import parseAttr from 'md-attr-parser'
 
 const defaultOptions = {
     defaultPrefix: '###',
@@ -71,4 +71,4 @@ function remarkCodeBlocks(userOptions = {}) {
     return transformer
 }
 
-module.exports = remarkCodeBlocks
+export default remarkCodeBlocks