From sepolia-content-population to dev-content

astro.config.ts

@@ -9,6 +9,7 @@ import mdx from "@astrojs/mdx"
 import rehypeSlug from "rehype-slug"
 import rehypeAutolinkHeadings from "rehype-autolink-headings"
 import rehypeKatex from "rehype-katex"
+import rehypeMermaid from "rehype-mermaidjs"
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"
 import image from "@astrojs/image"
@@ -51,6 +52,7 @@ export default defineConfig({
     remarkPlugins: [remarkMath, remarkGfm],
     rehypePlugins: [
       rehypeSlug,
+      [rehypeMermaid, { strategy: "img-png" }],
       [
         rehypeAutolinkHeadings,
         {

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "build": "astro build",
+    "build": "npm run setup; astro build",
     "preview": "astro preview",
     "format": "prettier --write .",
     "linkcheck": "tsc scripts/linkcheck.ts && node scripts/linkcheck.js",
@@ -18,7 +18,8 @@
     "lint-ts": "eslint --ext ts .",
     "lint-ts:fix": "eslint --ext ts .",
     "lint-solc": "solhint 'public/samples/**/*.sol'",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "setup": "npx playwright install"
   },
   "dependencies": {
     "@algolia/client-search": "^4.14.2",
@@ -35,12 +36,15 @@
     "focus-trap-react": "^10.0.0",
     "github-slugger": "^1.4.0",
     "jsonp": "^0.2.1",
+    "markmap-lib": "^0.15.4",
+    "markmap-view": "^0.15.4",
     "nanostores": "^0.7.1",
     "preact": "^10.11.3",
     "query-string": "^7.1.1",
     "react-instantsearch-hooks-web": "^6.38.1",
     "react-mailchimp-subscribe": "^2.1.3",
     "rehype-katex": "^6.0.2",
+    "rehype-mermaidjs": "^1.0.1",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
     "tailwindcss": "^3.2.4",

public/samples/markmap.md

@@ -0,0 +1,6 @@
+# markmap
+
+- beautiful
+- useful
+- easy
+- interactive