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"
  },