@diagrammo/dgmo 0.56.0 → 0.58.0

package/dist/chunk-D3K4U3ZM.js

@@ -0,0 +1,232 @@
+// src/utils/svg-embed.ts
+function normalizeSvgForEmbed(input, opts = {}) {
+  let svg = input;
+  if ((opts.background ?? "transparent") === "transparent") {
+    svg = stripRootBackground(svg);
+  }
+  const rootMatch = svg.match(/<svg[^>]*>/);
+  const rootTag = rootMatch?.[0] ?? "";
+  if (rootTag && !rootTag.includes("viewBox")) {
+    const wh = rootTag.match(/width="(\d+)"[^>]*height="(\d+)"/);
+    if (wh) {
+      svg = svg.replace(/<svg/, `<svg viewBox="0 0 ${wh[1]} ${wh[2]}"`);
+    }
+  }
+  const tight = computeBBox(svg);
+  if (tight && tight.width > 0 && tight.height > 0) {
+    const pad = 16;
+    const x = tight.x - pad;
+    const y = tight.y - pad;
+    const w = tight.width + pad * 2;
+    const h = tight.height + pad * 2;
+    const canvas = readViewBox(svg);
+    const TOL = 2;
+    const MIN_COVERAGE = 0.5;
+    const trustworthy = !canvas || x >= canvas.x - TOL && y >= canvas.y - TOL && x + w <= canvas.x + canvas.width + TOL && y + h <= canvas.y + canvas.height + TOL && w >= canvas.width * MIN_COVERAGE && h >= canvas.height * MIN_COVERAGE;
+    if (trustworthy) {
+      const vb = `${x} ${y} ${w} ${h}`;
+      svg = svg.replace(/(<svg[^>]*?)viewBox="[^"]*"/, `$1viewBox="${vb}"`);
+    }
+  }
+  svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
+  svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
+  svg = svg.replace(/<svg\s{2,}/g, "<svg ");
+  return svg;
+}
+var BG_MEANINGFUL_TYPES = /* @__PURE__ */ new Set(["map"]);
+function defaultEmbedBackground(chartType) {
+  return chartType && BG_MEANINGFUL_TYPES.has(chartType) ? "opaque" : "transparent";
+}
+function stripRootBackground(svg) {
+  const rootMatch = svg.match(/<svg\b[^>]*>/);
+  if (!rootMatch) return svg;
+  const rootTag = rootMatch[0];
+  const styleMatch = rootTag.match(/style="([^"]*)"/);
+  const style = styleMatch?.[1] ?? "";
+  const bgMatch = style.match(/background:\s*([^;]+)/);
+  const bgColor = bgMatch ? normalizeColor(bgMatch[1]) : null;
+  const canvas = rootCanvas(rootTag, svg);
+  let out = svg;
+  if (bgMatch) {
+    const cleaned = style.replace(/background:\s*[^;]+;?/i, "").replace(/\s{2,}/g, " ").replace(/;\s*$/, "").trim();
+    const newRoot = (cleaned ? rootTag.replace(/style="[^"]*"/, `style="${cleaned}"`) : rootTag.replace(/\s*style="[^"]*"/, "")).replace(/<svg\s{2,}/, "<svg ");
+    out = out.replace(rootTag, newRoot);
+  }
+  if (bgColor && canvas) {
+    out = out.replace(
+      /<rect\b[^>]*?\/?>(?:\s*<\/rect>)?/g,
+      (m) => isFullCanvasFill(m, bgColor, canvas) ? "" : m
+    );
+  }
+  return out;
+}
+function isFullCanvasFill(tag, bgColor, canvas) {
+  const fm = tag.match(/\bfill="([^"]*)"/);
+  if (!fm || normalizeColor(fm[1]) !== bgColor) return false;
+  const w = numAttr(tag, "width");
+  const h = numAttr(tag, "height");
+  if (w === null || h === null) return false;
+  const x = numAttr(tag, "x") ?? 0;
+  const y = numAttr(tag, "y") ?? 0;
+  const T = 1.5;
+  return Math.abs(x) <= T && Math.abs(y) <= T && Math.abs(w - canvas.w) <= T && Math.abs(h - canvas.h) <= T;
+}
+function rootCanvas(rootTag, svg) {
+  const wm = rootTag.match(/\bwidth="([\d.]+)"/);
+  const hm = rootTag.match(/\bheight="([\d.]+)"/);
+  if (wm && hm) return { w: parseFloat(wm[1]), h: parseFloat(hm[1]) };
+  const vb = readViewBox(svg);
+  return vb ? { w: vb.width, h: vb.height } : null;
+}
+function numAttr(tag, name) {
+  const m = tag.match(new RegExp(`\\b${name}="([^"]*)"`));
+  if (!m) return null;
+  const n = parseFloat(m[1]);
+  return Number.isFinite(n) ? n : null;
+}
+function normalizeColor(c) {
+  const s = c.trim().toLowerCase();
+  const hex6 = s.match(/^#([0-9a-f]{6})$/);
+  if (hex6) {
+    const n = parseInt(hex6[1], 16);
+    return `${n >> 16 & 255},${n >> 8 & 255},${n & 255}`;
+  }
+  const hex3 = s.match(/^#([0-9a-f]{3})$/);
+  if (hex3) {
+    const [r, g, b] = hex3[1].split("").map((ch) => parseInt(ch + ch, 16));
+    return `${r},${g},${b}`;
+  }
+  const rgb = s.match(/^rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+  if (rgb) return `${+rgb[1]},${+rgb[2]},${+rgb[3]}`;
+  return null;
+}
+function getEmbedSvgViewBox(svg) {
+  const tight = computeBBox(svg);
+  if (!tight || tight.width <= 0 || tight.height <= 0) return null;
+  const pad = 16;
+  return {
+    x: tight.x - pad,
+    y: tight.y - pad,
+    width: tight.width + pad * 2,
+    height: tight.height + pad * 2
+  };
+}
+function readViewBox(svg) {
+  const m = svg.match(/<svg[^>]*?\bviewBox="([^"]+)"/);
+  if (!m) return null;
+  const n = m[1].trim().split(/[\s,]+/).map(Number);
+  if (n.length !== 4 || n.some((v) => !Number.isFinite(v)) || n[2] <= 0 || n[3] <= 0)
+    return null;
+  return { x: n[0], y: n[1], width: n[2], height: n[3] };
+}
+function computeBBox(svg) {
+  const xs = [];
+  const ys = [];
+  function push(x, y) {
+    if (Number.isFinite(x) && Number.isFinite(y)) {
+      xs.push(x);
+      ys.push(y);
+    }
+  }
+  function attr(tag, name) {
+    const m = tag.match(new RegExp(`\\b${name}="([^"]*)"`));
+    if (!m) return null;
+    const n = parseFloat(m[1]);
+    return Number.isFinite(n) ? n : null;
+  }
+  for (const m of svg.matchAll(/<rect\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const x = attr(tag, "x");
+    const y = attr(tag, "y");
+    const w = attr(tag, "width");
+    const h = attr(tag, "height");
+    if (x !== null && y !== null && w !== null && h !== null) {
+      push(x, y);
+      push(x + w, y + h);
+    }
+  }
+  for (const m of svg.matchAll(/<line\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const x1 = attr(tag, "x1");
+    const y1 = attr(tag, "y1");
+    const x2 = attr(tag, "x2");
+    const y2 = attr(tag, "y2");
+    if (x1 !== null && y1 !== null && x2 !== null && y2 !== null) {
+      push(x1, y1);
+      push(x2, y2);
+    }
+  }
+  for (const m of svg.matchAll(/<circle\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const cx = attr(tag, "cx");
+    const cy = attr(tag, "cy");
+    const r = attr(tag, "r");
+    if (cx !== null && cy !== null && r !== null) {
+      push(cx - r, cy - r);
+      push(cx + r, cy + r);
+    }
+  }
+  for (const m of svg.matchAll(/<ellipse\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const cx = attr(tag, "cx");
+    const cy = attr(tag, "cy");
+    const rx = attr(tag, "rx");
+    const ry = attr(tag, "ry");
+    if (cx !== null && cy !== null && rx !== null && ry !== null) {
+      push(cx - rx, cy - ry);
+      push(cx + rx, cy + ry);
+    }
+  }
+  for (const m of svg.matchAll(/<text\b([^>]*?)>([\s\S]*?)<\/text>/g)) {
+    const tag = `<text${m[1]}>`;
+    const text = m[2].replace(/<[^>]+>/g, "");
+    const x = attr(tag, "x");
+    const y = attr(tag, "y");
+    if (x !== null && y !== null) {
+      const fontSize = attr(tag, "font-size") ?? (() => {
+        const s = tag.match(/font-size:\s*([\d.]+)/);
+        return s ? parseFloat(s[1]) : 14;
+      })();
+      const w = text.length * fontSize * 0.5;
+      const anchor = tag.match(/\btext-anchor="([^"]*)"/)?.[1] ?? "start";
+      const left = anchor === "middle" ? x - w / 2 : anchor === "end" ? x - w : x;
+      const right = anchor === "middle" ? x + w / 2 : anchor === "end" ? x : x + w;
+      push(left, y - fontSize * 0.9);
+      push(right, y + fontSize * 0.25);
+    }
+  }
+  for (const m of svg.matchAll(/<path\b[^>]*?>/g)) {
+    const tag = m[0];
+    if (tag.includes("data-embed-ignore-bbox")) continue;
+    const dm = tag.match(/\bd="([^"]+)"/);
+    if (!dm) continue;
+    const d = dm[1];
+    const nums = d.match(/-?\d+(?:\.\d+)?/g);
+    if (!nums) continue;
+    for (let i = 0; i + 1 < nums.length; i += 2) {
+      push(parseFloat(nums[i]), parseFloat(nums[i + 1]));
+    }
+  }
+  for (const m of svg.matchAll(
+    /<(?:polygon|polyline)\b[^>]*?\bpoints="([^"]+)"/g
+  )) {
+    const nums = m[1].match(/-?\d+(?:\.\d+)?/g);
+    if (!nums) continue;
+    for (let i = 0; i + 1 < nums.length; i += 2) {
+      push(parseFloat(nums[i]), parseFloat(nums[i + 1]));
+    }
+  }
+  if (xs.length === 0 || ys.length === 0) return null;
+  const minX = Math.min(...xs);
+  const maxX = Math.max(...xs);
+  const minY = Math.min(...ys);
+  const maxY = Math.max(...ys);
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+
+export {
+  normalizeSvgForEmbed,
+  defaultEmbedBackground,
+  getEmbedSvgViewBox
+};
+//# sourceMappingURL=chunk-D3K4U3ZM.js.map

package/dist/{chunk-RQGNELB3.js → chunk-DWAQXY6T.js}

@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -19,7 +19,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-EXNKNJ65.js";
@@ -405,4 +405,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-RQGNELB3.js.map
+//# sourceMappingURL=chunk-DWAQXY6T.js.map

package/dist/{chunk-HIMDUQT7.js → chunk-DWMJLEBT.js}

@@ -13,13 +13,17 @@ import {
 } from "./chunk-CQ7Y3O67.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QDOYT6UW.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
   parseTimelineDate
-} from "./chunk-4MJOBVY7.js";
+} from "./chunk-KNCY7YHC.js";
+import {
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-3LMUMAUS.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -39,10 +43,6 @@ import {
   shapeFill,
   themeBaseBg
 } from "./chunk-42IT4BG2.js";
-import {
-  resolveTagColor,
-  tagAttrKey
-} from "./chunk-D5FANMSG.js";
 
 // src/timeline/renderer.ts
 import * as d3Scale from "d3-scale";
@@ -1670,4 +1670,4 @@ export {
   formatDateLabel,
   renderTimeline
 };
-//# sourceMappingURL=chunk-HIMDUQT7.js.map
+//# sourceMappingURL=chunk-DWMJLEBT.js.map

package/dist/{chunk-YG5KQ55U.js → chunk-DZUDSGGQ.js}

@@ -1,9 +1,6 @@
 import {
   renderNodeCard
 } from "./chunk-H3HFC3SQ.js";
-import {
-  renderInlineText
-} from "./chunk-3HDBAXF5.js";
 import {
   CARD_RADIUS,
   HEADER_HEIGHT,
@@ -13,16 +10,19 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
+} from "./chunk-NCT22MOD.js";
+import {
+  renderInlineText
+} from "./chunk-WGC42WJU.js";
 import {
   formatDateLabel
-} from "./chunk-HIMDUQT7.js";
+} from "./chunk-DWMJLEBT.js";
 import {
   layoutInlineHeader
 } from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QDOYT6UW.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent
 } from "./chunk-ES66QH6J.js";
@@ -36,7 +36,11 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseTimelineDate
-} from "./chunk-4MJOBVY7.js";
+} from "./chunk-KNCY7YHC.js";
+import {
+  resolveActiveTagGroup,
+  resolveTagColor
+} from "./chunk-3LMUMAUS.js";
 import {
   CHAR_WIDTH_RATIO,
   wrapTextToWidth
@@ -48,10 +52,6 @@ import {
   shapeFill,
   themeBaseBg
 } from "./chunk-42IT4BG2.js";
-import {
-  resolveActiveTagGroup,
-  resolveTagColor
-} from "./chunk-D5FANMSG.js";
 import {
   resolveColor
 } from "./chunk-EXNKNJ65.js";
@@ -1118,15 +1118,7 @@ function axisBreakPaths(cx, cy) {
   return [wave(cx - BREAK_GAP / 2), wave(cx + BREAK_GAP / 2)];
 }
 function wrapDescription(lines, charsPerLine) {
-  const out = [];
-  for (const line of lines) {
-    if (line === "") {
-      out.push({ text: "", kind: "plain" });
-      continue;
-    }
-    out.push(...wrapDescriptionLines([line], charsPerLine));
-  }
-  return out;
+  return wrapDescriptionLines([...lines], charsPerLine);
 }
 function renderBody(cardG, lines, bodyColor, palette, startBaseline = CARD_BODY_TOP + DESC_FONT, bulletColors = [], bulletMeta = []) {
   let y = startBaseline;
@@ -1165,4 +1157,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-YG5KQ55U.js.map
+//# sourceMappingURL=chunk-DZUDSGGQ.js.map

package/dist/chunk-E55OZDFH.js

@@ -0,0 +1,65 @@
+import {
+  MONO_FAMILY
+} from "./chunk-EDJYIQZM.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
+import {
+  truncateText
+} from "./chunk-4ASYQ347.js";
+
+// src/live-link/renderer.ts
+var W = 560;
+var PAD = 28;
+var CONTENT_X = PAD + 40;
+var CONTENT_W = W - CONTENT_X - PAD;
+var HEADLINE_FS = 18;
+var SUBTITLE_FS = 13;
+var ID_FS = 13;
+var SUBTITLE = "Live link published at Diagrammo Cloud";
+function renderLiveLinkCard(parsed, palette, theme) {
+  const isTransparent = theme === "transparent";
+  const parts = [];
+  let y = PAD + 18;
+  parts.push(cloudGlyph(PAD, y - 14, 24, palette.textMuted));
+  const headline = parsed.title ?? parsed.id ?? "Unresolved live link";
+  const headlineMono = parsed.title === null && parsed.id !== null;
+  parts.push(
+    `<text x="${CONTENT_X}" y="${y}" fill="${palette.text}" font-family="${headlineMono ? MONO_FAMILY : FONT_FAMILY}" font-size="${HEADLINE_FS}" font-weight="${headlineMono ? 500 : 700}">${escapeXml(truncateText(headline, HEADLINE_FS, CONTENT_W))}</text>`
+  );
+  y += 30;
+  parts.push(
+    `<text x="${CONTENT_X}" y="${y}" fill="${palette.textMuted}" font-family="${FONT_FAMILY}" font-size="${SUBTITLE_FS}">${escapeXml(SUBTITLE)}</text>`
+  );
+  y += 22;
+  if (parsed.title !== null && parsed.id !== null) {
+    parts.push(
+      `<text x="${CONTENT_X}" y="${y}" fill="${palette.textMuted}" font-family="${MONO_FAMILY}" font-size="${ID_FS}">${escapeXml(
+        truncateText(parsed.id, ID_FS, CONTENT_W)
+      )}</text>`
+    );
+    y += 22;
+  }
+  const height = Math.round(y + PAD - 12);
+  const pageBg = isTransparent ? "" : `<rect width="100%" height="100%" fill="${palette.bg}"/>`;
+  return [
+    `<svg xmlns="http://www.w3.org/2000/svg" width="${W}" height="${height}" viewBox="0 0 ${W} ${height}" preserveAspectRatio="xMidYMid meet" font-family="${FONT_FAMILY}">`,
+    pageBg,
+    `<rect x="0.5" y="0.5" width="${W - 1}" height="${height - 1}" rx="10" fill="${palette.surface}" stroke="${palette.border}" stroke-width="1"/>`,
+    parts.join(""),
+    `</svg>`
+  ].join("");
+}
+function cloudGlyph(x, y, size, color) {
+  const s = size / 24;
+  const d = "M6.5 19a4.5 4.5 0 0 1-.6-8.96A6 6 0 0 1 17.6 8.7 4.15 4.15 0 0 1 17.5 19Z";
+  return `<path transform="translate(${x},${y}) scale(${s})" d="${d}" fill="none" stroke="${color}" stroke-width="1.6" stroke-linejoin="round"/>`;
+}
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+export {
+  renderLiveLinkCard
+};
+//# sourceMappingURL=chunk-E55OZDFH.js.map

package/dist/{chunk-P6XFQVYY.js → chunk-E6CCWMTT.js}

@@ -1,9 +1,9 @@
-import {
-  renderInlineText
-} from "./chunk-3HDBAXF5.js";
 import {
   wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
+} from "./chunk-NCT22MOD.js";
+import {
+  renderInlineText
+} from "./chunk-WGC42WJU.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QDOYT6UW.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
@@ -25,30 +25,30 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  measureText,
-  truncateText
-} from "./chunk-4ASYQ347.js";
-import {
-  contrastText,
-  mix,
-  shapeFill,
-  themeBaseBg
-} from "./chunk-42IT4BG2.js";
 import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-FERE46TP.js";
+} from "./chunk-2UBTPFIF.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
+import {
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
+import {
+  contrastText,
+  mix,
+  shapeFill,
+  themeBaseBg
+} from "./chunk-42IT4BG2.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -1907,4 +1907,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-P6XFQVYY.js.map
+//# sourceMappingURL=chunk-E6CCWMTT.js.map

package/dist/{chunk-3KOPPSUQ.js → chunk-E7HANW62.js}

@@ -375,7 +375,14 @@ var DIRECTIVES_REGISTRY = [
   { token: "no-rounds", category: "modifier" },
   { token: "single-elim", category: "modifier" },
   { token: "double-elim", category: "modifier" },
-  { token: "seeded", category: "modifier" }
+  { token: "seeded", category: "modifier" },
+  // ── Live link (§38) ──────────────────────────────────────
+  // The pointer type's one directive. Registered so it highlights and
+  // autocompletes like `palette` does — §38 justifies the shape by calling it
+  // "the ordinary DGMO directive shape", and an unregistered `url` would make
+  // that sentence false in the editor: `editor/tokens.ts` specializes only
+  // against the keyword registries, so it would render as plain identifier text.
+  { token: "url", category: "directive" }
 ];
 function tokensWhere(pred) {
   const out = /* @__PURE__ */ new Set();
@@ -636,7 +643,9 @@ var ALL_CHART_TYPES = /* @__PURE__ */ new Set([
   "raci",
   "map",
   "family",
-  "bracket"
+  "bracket",
+  // pointer, not a drawing — internal (see ChartTypeMeta.internal)
+  "live-link"
 ]);
 function measureIndent(line) {
   let indent = 0;
@@ -1169,4 +1178,4 @@ export {
   splitNameAndMeta,
   warnUnknownMetaKeys
 };
-//# sourceMappingURL=chunk-3KOPPSUQ.js.map
+//# sourceMappingURL=chunk-E7HANW62.js.map