@graph-artifact/core 0.1.5 → 0.1.7

package/dist/components/nodes/FlowNode.js

@@ -12,11 +12,34 @@ const invisibleHandle = {
     background: 'transparent',
     pointerEvents: 'none',
 };
+function decodeHtmlEntities(src) {
+    // Keep this intentionally small; labels should be plain text.
+    return src
+        .replace(/ /gi, ' ')
+        .replace(/&/gi, '&')
+        .replace(/&lt;/gi, '<')
+        .replace(/&gt;/gi, '>')
+        .replace(/&quot;/gi, '"')
+        .replace(/&#39;/g, "'");
+}
+function htmlSubsetToMarkdown(src) {
+    // Mermaid labels often contain a tiny HTML subset: <br/>, <b>, <i>, etc.
+    // Convert the common cases to markdown so react-markdown renders them,
+    // and strip any remaining tags (avoid raw HTML rendering).
+    let s = src;
+    s = s.replace(/<\s*br\s*\/?\s*>/gi, '\n');
+    s = s.replace(/<\s*\/?\s*(strong|b)\s*>/gi, '**');
+    s = s.replace(/<\s*\/?\s*(em|i)\s*>/gi, '*');
+    s = s.replace(/<\s*\/?\s*code\s*>/gi, '`');
+    // Strip any remaining tags defensively
+    s = s.replace(/<[^>]*>/g, '');
+    return decodeHtmlEntities(s);
+}
 function normalizeLabelMarkdown(label) {
     // Mermaid treats "\n" inside labels as a hard line break.
     // react-markdown doesn't always preserve raw newlines, so force
     // CommonMark hard-breaks by adding two trailing spaces.
-    return label
+    return htmlSubsetToMarkdown(label)
         .replace(/\\n/g, '\n')
         .trim()
         .replace(/\n/g, '  \n');

package/dist/layout/dagre/nodeSizing.js

@@ -35,14 +35,39 @@ function stripMarkdown(input) {
         .replace(/[_~#>|-]/g, '')
         .trim();
 }
+function decodeHtmlEntities(src) {
+    return src
+        .replace(/ /gi, ' ')
+        .replace(/&/gi, '&')
+        .replace(/&lt;/gi, '<')
+        .replace(/&gt;/gi, '>')
+        .replace(/&quot;/gi, '"')
+        .replace(/&#39;/g, "'");
+}
+function normalizeLabelText(label) {
+    // Sizing must mirror render-time transformations. In practice Mermaid labels
+    // often contain a small HTML subset (<br/>, <b>, <i>) which we render as
+    // markdown in the node components. Convert the key cases here so line/width
+    // estimation is correct.
+    let s = label;
+    s = s.replace(/<\s*br\s*\/?\s*>/gi, '\n');
+    // Strip common formatting tags (they don't affect width materially)
+    s = s.replace(/<\s*\/?\s*(strong|b|em|i|code)\s*>/gi, '');
+    // Strip any remaining tags defensively
+    s = s.replace(/<[^>]*>/g, '');
+    s = decodeHtmlEntities(s);
+    // Mermaid uses escaped "\n" inside labels
+    s = s.replace(/\\n/g, '\n');
+    return s;
+}
 function labelMetrics(label) {
-    const normalized = label.replace(/\\n/g, '\n');
+    const normalized = normalizeLabelText(label);
     const lines = normalized.split('\n');
     const maxChars = Math.max(1, ...lines.map((line) => stripMarkdown(line).length || 1));
     return { maxChars, lines: Math.max(1, lines.length) };
 }
 function estimatedWrappedLineCount(label, contentCharsPerLine) {
-    const normalized = label.replace(/\\n/g, '\n');
+    const normalized = normalizeLabelText(label);
     const lines = normalized.split('\n');
     let total = 0;
     const charsPerLine = Math.max(8, contentCharsPerLine);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graph-artifact/core",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Composable Mermaid-like parser, layout engine, and React renderer for interactive diagram artifacts.",
   "license": "MIT",
   "repository": {