@haklex/rich-renderer-mermaid 0.1.0 → 0.1.1

package/dist/{MermaidRenderer-CZN-HzPn.js → MermaidRenderer-CUSX3JgB.js}

@@ -222,9 +222,7 @@ const CORNER_RADIUS = {
   diamond: 4
 };
 function roundNodePolygons(doc, radius) {
-  const polygons = doc.querySelectorAll(
-    ".node > polygon, .node polygon"
-  );
+  const polygons = doc.querySelectorAll(".node > polygon, .node polygon");
   for (const polygon of polygons) {
     const points = polygon.points;
     if (points.numberOfItems < 3) continue;
@@ -274,10 +272,7 @@ function applyCornerRounding(doc) {
   applyRadius(".er > rect", CORNER_RADIUS.entity);
   applyRadius(".cluster > rect", CORNER_RADIUS.subgraphOuter);
   applyRadius(".actor", CORNER_RADIUS.actor);
-  applyRadius(
-    ".activation0, .activation1, .activation2",
-    CORNER_RADIUS.activation
-  );
+  applyRadius(".activation0, .activation1, .activation2", CORNER_RADIUS.activation);
   roundNodePolygons(doc, CORNER_RADIUS.diamond);
 }
 function buildVisualCss(tokens) {
@@ -454,13 +449,22 @@ function buildVisualCss(tokens) {
   `;
 }
 function postProcessMermaidSvg(svg, tokens) {
+  const normalizedSvg = svg.replaceAll(/<br\s*>/gi, "<br/>");
   const parser = new DOMParser();
-  const doc = parser.parseFromString(svg, "image/svg+xml");
+  const doc = parser.parseFromString(normalizedSvg, "image/svg+xml");
   const parseError = doc.querySelector("parsererror");
-  if (parseError) return svg;
+  if (parseError) return normalizedSvg;
   const root = doc.documentElement;
-  if (!root || root.tagName.toLowerCase() !== "svg") return svg;
+  if (!root || root.tagName.toLowerCase() !== "svg") return normalizedSvg;
   applyCornerRounding(doc);
+  const viewBox = root.getAttribute("viewBox");
+  if (viewBox) {
+    const parts = viewBox.split(/\s+/).map(Number);
+    if (parts.length === 4 && parts[2] > 0 && parts[3] > 0) {
+      root.setAttribute("width", String(parts[2]));
+      root.setAttribute("height", String(parts[3]));
+    }
+  }
   const existingOverride = root.querySelector("style[data-visual-overrides]");
   existingOverride?.remove();
   const styleEl = doc.createElementNS("http://www.w3.org/2000/svg", "style");

package/dist/index.mjs

@@ -4,8 +4,8 @@ import { usePortalTheme, presentDialog } from "@haklex/rich-editor-ui";
 import { FishSymbol, Copy, Download, RotateCcw, X, ZoomIn, ZoomOut, Maximize2, CircleAlert, Code2, Columns2, Eye } from "lucide-react";
 import { useCallback, useState, useRef, useEffect } from "react";
 import { TransformWrapper, TransformComponent, useControls } from "react-zoom-pan-pinch";
-import { u as useMermaidRender, e as editorPopup, m as mermaidLoading, a as mermaidError, b as mermaidContainer, c as mermaidEditHint, d as editorHeader, f as editorHeaderLeft, g as editorTitle, h as editorSep, i as editorTplBtn, j as editorHeaderRight, k as editorViewToggle, l as editorIconBtn, n as editorBody, o as editorPane, p as editorPaneFull, q as editorPaneHalf, r as editorPaneLabel, s as editorPreviewPane, t as editorFooter, v as footerActions, w as footerBtnCancel, x as footerBtnSave, z as zoomControls, y as zoomBtn, A as editorViewItem, B as editorViewItemActive, C as codeEditor, D as codeGutter, E as codeGutterLine, F as codeArea, G as editorPreviewWrap, H as editorPreviewEmpty, I as editorPreviewErrorWrap, J as editorPreviewErrorIcon, K as editorPreviewErrorTitle, L as editorPreviewErrorMsg } from "./MermaidRenderer-CZN-HzPn.js";
-import { M } from "./MermaidRenderer-CZN-HzPn.js";
+import { u as useMermaidRender, e as editorPopup, m as mermaidLoading, a as mermaidError, b as mermaidContainer, c as mermaidEditHint, d as editorHeader, f as editorHeaderLeft, g as editorTitle, h as editorSep, i as editorTplBtn, j as editorHeaderRight, k as editorViewToggle, l as editorIconBtn, n as editorBody, o as editorPane, p as editorPaneFull, q as editorPaneHalf, r as editorPaneLabel, s as editorPreviewPane, t as editorFooter, v as footerActions, w as footerBtnCancel, x as footerBtnSave, z as zoomControls, y as zoomBtn, A as editorViewItem, B as editorViewItemActive, C as codeEditor, D as codeGutter, E as codeGutterLine, F as codeArea, G as editorPreviewWrap, H as editorPreviewEmpty, I as editorPreviewErrorWrap, J as editorPreviewErrorIcon, K as editorPreviewErrorTitle, L as editorPreviewErrorMsg } from "./MermaidRenderer-CUSX3JgB.js";
+import { M } from "./MermaidRenderer-CUSX3JgB.js";
 const TEMPLATES = [
   {
     label: "Flowchart",

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { M } from "./MermaidRenderer-CZN-HzPn.js";
+import { M } from "./MermaidRenderer-CUSX3JgB.js";
 export {
   M as MermaidRenderer
 };

package/dist/svg-post-process.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg-post-process.d.ts","sourceRoot":"","sources":["../src/svg-post-process.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAwRlD,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,WAAW,GAClB,MAAM,CA6BR"}
+{"version":3,"file":"svg-post-process.d.ts","sourceRoot":"","sources":["../src/svg-post-process.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAmRnD,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAmD9E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-mermaid",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Mermaid diagram renderer",
   "repository": {
     "type": "git",
@@ -31,9 +31,9 @@
   "dependencies": {
     "mermaid": "^11.12.3",
     "react-zoom-pan-pinch": "^3.7.0",
-    "@haklex/rich-editor-ui": "0.1.0",
-    "@haklex/rich-style-token": "0.1.0",
-    "@haklex/rich-editor": "0.1.0"
+    "@haklex/rich-editor": "0.1.1",
+    "@haklex/rich-style-token": "0.1.1",
+    "@haklex/rich-editor-ui": "0.1.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",