rehype-vizdom v0.3.1

Author: stereobooster

packages/docs/src/content/docs/diagrams/vizdom.mdx

@@ -189,6 +189,5 @@ You probaly want to use [`inline`](/start-here/strategy/#inline) strategy and im
 
 ## Issues
 
-- [ ] [HTML classes are not supported](https://github.com/vizdom-dev/vizdom/issues/11)
 - [ ] [Text is transformed to path, so <kbd>Cmd</kbd> + <kbd>F</kbd> doesn't work](https://github.com/vizdom-dev/vizdom/issues/12)
 - [ ] Doesn't support some unicode chars, like `label="∅"`

packages/docs/src/content/docs/start-here/styling-with-css.mdx

@@ -34,10 +34,10 @@ Works only with strategy [`inline`](/start-here/strategy/#inline).
 }
 ```
 
-Graphviz allows to expose HTML classes, that can be used for further styling:
+Graphviz and Vizdom allow to expose HTML classes, that can be used for further styling:
 
 <Tabs>
-  <TabItem label="Diagram">
+  <TabItem label="Grapviz">
 ```dot strategy=inline
 digraph g {
   bgcolor="transparent";
@@ -46,6 +46,17 @@ digraph g {
   a -> b -> c -> d -> e -> f
   a[class="style-me"]
 }
+```
+  </TabItem>
+  <TabItem label="Vizdom">
+```vizdom strategy=inline
+digraph g {
+  bgcolor="transparent";
+  rankdir=LR;
+  node [shape=rect];
+  a -> b -> c -> d -> e -> f
+  a[class="style-me"]
+}
 ```
   </TabItem>
   <TabItem label="Markdown">
@@ -63,8 +74,9 @@ digraph g {
 .graphviz .style-me path {
   fill: lightblue;
 }
+.vizdom .style-me :first-child {
+  fill: lightblue;
+}
 ```
   </TabItem>
 </Tabs>
-
-**⚠️ Note**: this doesn't work for Vizdom.

packages/docs/src/styles/custom.css

@@ -130,3 +130,6 @@ html[data-theme="dark"] .beoe-light {
 .graphviz .style-me path {
   fill: lightblue;
 }
+.vizdom .style-me :first-child {
+  fill: lightblue;
+}

packages/rehype-vizdom/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beoe/rehype-vizdom",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "rehype vizdom plugin",
   "keywords": [
     "rehype",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@beoe/rehype-code-hook-img": "workspace:*",
-    "@vizdom/vizdom-ts-node": "^0.1.17"
+    "@vizdom/vizdom-ts-node": "^0.1.18"
   },
   "devDependencies": {
     "@types/hast": "^3.0.4",