feat(outpur): img-html-base64

README.md

@@ -98,7 +98,7 @@ Alias code language name to treat as kroki code block, meta.type will be ignored
 
 - type: string
 - default: `'img-base64'`
-- enum: `['inline-svg', 'img-base64', 'object-base64']`
+- enum: `['inline-svg', 'img-base64', 'img-html-base64', 'object-base64']`
 
 How to embed SVG as image. See the different and risk on [Best Way To Embed SVG](https://vecta.io/blog/best-way-to-embed-svg).
 

lib/transform.mjs

@@ -21,6 +21,12 @@ const modes = {
       alt || diagramType
     }" data="${toDataURL(data)}">Load SVG fail...</object>`;
   },
+  'img-html-base64': ({ node, diagramType, data, alt }) => {
+    node.type = 'html';
+    node.value = `<img class="kroki-image" alt="${
+      alt || diagramType
+    }" src="${toDataURL(data)}" />`;
+  },
   'inline-svg': ({ node, diagramType, data, alt }) => {
     node.type = 'html';
     node.value = `<div class="kroki-inline-svg" data-type="${diagramType}" data-alt="${

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remark-kroki",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "Remark plugin for showing Kroki diagram",
   "license": "MIT",
   "author": {
@@ -56,12 +56,12 @@
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
-    "@bring-it/npm": "^0.3.5",
+    "@bring-it/npm": "^0.3.9",
     "@nice-move/cli": "^0.10.13",
     "@nice-move/eslint-config-base": "^0.9.22",
-    "@nice-move/prettier-config": "^0.9.6",
+    "@nice-move/prettier-config": "^0.9.7",
     "ava": "^5.3.1",
-    "eslint": "^8.51.0",
+    "eslint": "^8.52.0",
     "eslint-plugin-ava": "^14.0.0",
     "garou": "^0.6.17",
     "prettier": "^3.0.3",
@@ -76,7 +76,7 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "packageManager": "pnpm@8.8.0",
+  "packageManager": "pnpm@8.9.2",
   "eslintConfig": {
     "extends": "@nice-move/eslint-config-base"
   },