Refactor / Markdown rendering issues (#17)

* wip

* refactor and add collapse

* add scripts

* rest of markdown working properly

astro.config.mjs

@@ -2,6 +2,10 @@ import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 import * as fs from 'fs';
 import tailwind from "@astrojs/tailwind";
+import { Graphviz } from "@hpcc-js/wasm";
+import rehypeGraphviz from "rehype-graphviz";
+
+
 let sidebar = JSON.parse(fs.readFileSync("generated/sidebar.json"));
 let linter_sidebar = JSON.parse(fs.readFileSync("generated/linter_sidebar.json"));
 let redirects = JSON.parse(fs.readFileSync("generated/redirects.json"));
@@ -12,6 +16,9 @@ let config = JSON.parse(fs.readFileSync("generated/config.json"));
 export default defineConfig({
   site: 'https://beta.aep.dev',
   redirects: redirects,
+  markdown: {
+    rehypePlugins: [[rehypeGraphviz, { graphviz: await Graphviz.load() }]],
+  },
   integrations: [starlight({
     title: 'AEP',
     customCss: [

package.json

@@ -15,7 +15,9 @@
     "@astrojs/starlight": "^0.26.1",
     "@astrojs/starlight-tailwind": "^2.0.3",
     "@astrojs/tailwind": "^5.1.0",
+    "@hpcc-js/wasm": "^2.22.1",
     "astro": "^4.10.2",
+    "rehype-graphviz": "^0.3.0",
     "sharp": "^0.32.5",
     "tailwindcss": "^3.4.10"
   },