for whatever reason I can't fix Astro component

packages/astro-graphviz/Graphviz.astro

@@ -1,22 +1,26 @@
 ---
-import {
-  renderGraphviz,
-  type RenderGraphvizOptions,
-} from "@beoe/rehype-graphviz";
-import { getCache } from "@beoe/cache";
-import { serialize } from "node:v8";
+// I can't use internal modules - don't know why
+// import { processGraphvizSvg } from "@beoe/rehype-graphviz";
+// import { getCache } from "@beoe/cache";
+import { Graphviz } from "@hpcc-js/wasm";
+const graphviz = await Graphviz.load();
 
-const cache = await getCache();
+// const cache = await getCache();
 
-interface Props extends RenderGraphvizOptions {}
+interface Props {
+  code: string;
+  class?: string;
+}
 
 let svg: string;
-const cacheKey = serialize(Astro.props);
-svg = cache.get(cacheKey);
-if (svg === undefined) {
-  svg = await renderGraphviz(Astro.props);
-  cache.set(cacheKey, svg);
-}
+// const cacheKey = Astro.props.code;
+// svg = cache.get(cacheKey);
+// if (svg === undefined) {
+svg = graphviz.dot(Astro.props.code);
+//   cache.set(cacheKey, svg);
+// }
 ---
 
-<Fragment set:html={svg} />
+<figure class={`beoe graphviz ${Astro.props.class || ""}`}>
+  <Fragment set:html={svg} />
+</figure>

packages/astro-graphviz/package.json

@@ -32,7 +32,8 @@
   },
   "dependencies": {
     "@beoe/cache": "workspace:*",
-    "@beoe/rehype-graphviz": "workspace:*"
+    "@beoe/rehype-graphviz": "workspace:*",
+    "@hpcc-js/wasm": "^2.16.1"
   },
   "devDependencies": {
     "astro": "^4.0.0"

packages/cache/package.json

@@ -14,8 +14,10 @@
     "directory": "packages/sqlitecache"
   },
   "exports": {
-    "types": "./dist/index.d.js",
-    "default": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",

packages/demo/src/content/docs/examples/graphviz.mdx

@@ -32,9 +32,6 @@ digraph finite_state_machine {
 
 ## astro-component
 
-For unkown reason this fails during build
-
-```
 import { Graphviz } from "@beoe/astro-graphviz";
 
 <Graphviz
@@ -63,4 +60,3 @@ import { Graphviz } from "@beoe/astro-graphviz";
     8 -> 5 [label = "S(a)"];
 }`}
 />
-```

packages/rehype-graphviz/src/index.ts

@@ -3,29 +3,28 @@ import type { Root } from "hast";
 import { processGraphvizSvg } from "./graphviz.js";
 import { rehypeCodeHook, type MapLike } from "@beoe/rehype-code-hook";
 
-// import { Graphviz } from "@hpcc-js/wasm";
-// const graphviz = await Graphviz.load();
-// export const renderGraphviz = ({ code }: { code: string }) =>
-//   processGraphvizSvg(graphviz.dot(code));
-
-import { waitFor } from "@beoe/rehype-code-hook";
-
 export type RenderGraphvizOptions = { code: string; class?: string };
 
+import { Graphviz } from "@hpcc-js/wasm";
+const graphviz = await Graphviz.load();
+export const renderGraphviz = (o: RenderGraphvizOptions) =>
+  processGraphvizSvg(graphviz.dot(o.code), o.class);
+
+// import { waitFor } from "@beoe/rehype-code-hook";
 /**
  * If all graphviz diagrams are cached it would not even load module in memory.
  * If there are diagrams, it would load module and first few renders would be async,
  * but all consequent renders would be sync
  */
-export const renderGraphviz = waitFor(
-  async () => {
-    // @ts-ignore
-    const Graphviz = (await import("@hpcc-js/wasm")).Graphviz;
-    return await Graphviz.load();
-  },
-  (graphviz) => (o: RenderGraphvizOptions) =>
-    processGraphvizSvg(graphviz.dot(o.code), o.class)
-);
+// export const renderGraphviz = waitFor(
+//   async () => {
+//     // @ts-ignore
+//     const Graphviz = (await import("@hpcc-js/wasm")).Graphviz;
+//     return await Graphviz.load();
+//   },
+//   (graphviz) => (o: RenderGraphvizOptions) =>
+//     processGraphvizSvg(graphviz.dot(o.code), o.class)
+// );
 
 export { processGraphvizSvg };