@diagrammo/dgmo 0.46.0 → 0.47.0

package/dist/chunk-3CIOJ5YJ.js

@@ -0,0 +1,35 @@
+// src/utils/visual-conventions.ts
+var NODE_STROKE_WIDTH = 1.5;
+var EDGE_STROKE_WIDTH = 1.5;
+var CARD_RADIUS = 6;
+var CONTAINER_RADIUS = 8;
+var COLLAPSE_BAR_INSET = 0;
+var HEADER_HEIGHT = 28;
+var LABEL_FONT_SIZE = 13;
+var META_FONT_SIZE = 11;
+var META_LINE_HEIGHT = 16;
+var SEPARATOR_GAP = 6;
+var COLLAPSE_BAR_HEIGHT = 6;
+var CONTAINER_HEADER_HEIGHT = 28;
+var CONTAINER_LABEL_FONT_SIZE = 13;
+var CONTAINER_META_FONT_SIZE = 11;
+var CONTAINER_META_LINE_HEIGHT = 16;
+
+export {
+  NODE_STROKE_WIDTH,
+  EDGE_STROKE_WIDTH,
+  CARD_RADIUS,
+  CONTAINER_RADIUS,
+  COLLAPSE_BAR_INSET,
+  HEADER_HEIGHT,
+  LABEL_FONT_SIZE,
+  META_FONT_SIZE,
+  META_LINE_HEIGHT,
+  SEPARATOR_GAP,
+  COLLAPSE_BAR_HEIGHT,
+  CONTAINER_HEADER_HEIGHT,
+  CONTAINER_LABEL_FONT_SIZE,
+  CONTAINER_META_FONT_SIZE,
+  CONTAINER_META_LINE_HEIGHT
+};
+//# sourceMappingURL=chunk-3CIOJ5YJ.js.map

package/dist/chunk-3HDBAXF5.js

@@ -0,0 +1,86 @@
+// src/utils/safe-href.ts
+var ALLOWED_SCHEMES = ["http", "https", "mailto"];
+var SCHEME_RE = /^([a-z][a-z0-9+.-]*):/i;
+var LEADING_TRIM_RE = /^[\x00-\x20]+/;
+function safeHref(url) {
+  if (typeof url !== "string") return null;
+  const trimmed = url.replace(LEADING_TRIM_RE, "");
+  if (trimmed.length === 0) return null;
+  const match = SCHEME_RE.exec(trimmed);
+  if (!match) {
+    return url;
+  }
+  const scheme = match[1].toLowerCase();
+  if (ALLOWED_SCHEMES.includes(scheme)) {
+    return url;
+  }
+  return null;
+}
+
+// src/utils/inline-markdown.ts
+function parseInlineMarkdown(text) {
+  const spans = [];
+  const regex = /\*\*(.+?)\*\*|__(.+?)__|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)|(https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+)|([^*_`[]+?(?=https?:\/\/|www\.|$)|[^*_`[]+)/g;
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match[1])
+      spans.push({ text: match[1], bold: true });
+    else if (match[2])
+      spans.push({ text: match[2], bold: true });
+    else if (match[3])
+      spans.push({ text: match[3], italic: true });
+    else if (match[4])
+      spans.push({ text: match[4], italic: true });
+    else if (match[5])
+      spans.push({ text: match[5], code: true });
+    else if (match[6])
+      spans.push({
+        text: match[6],
+        ...match[7] !== void 0 && { href: match[7] }
+      });
+    else if (match[8]) {
+      const url = match[8];
+      const href = url.startsWith("www.") ? `https://${url}` : url;
+      spans.push({ text: url, href });
+    } else if (match[9]) spans.push({ text: match[9] });
+  }
+  return spans;
+}
+var BARE_URL_MAX_DISPLAY = 35;
+function truncateBareUrl(url) {
+  const stripped = url.replace(/^https?:\/\//, "").replace(/^www\./, "");
+  if (stripped.length <= BARE_URL_MAX_DISPLAY) return stripped;
+  return stripped.slice(0, BARE_URL_MAX_DISPLAY - 1) + "\u2026";
+}
+function renderInlineText(textEl, text, palette, fontSize) {
+  const spans = parseInlineMarkdown(text);
+  for (const span of spans) {
+    if (span.href) {
+      const isBareUrl = span.text === span.href || `https://${span.text}` === span.href;
+      const display = isBareUrl ? truncateBareUrl(span.text) : span.text;
+      const safe = safeHref(span.href);
+      if (safe !== null) {
+        const a = textEl.append("a").attr("href", safe);
+        a.append("tspan").text(display).attr("fill", palette.primary).style("text-decoration", "underline");
+      } else {
+        textEl.append("tspan").text(display).attr("fill", palette.primary).style("text-decoration", "underline");
+      }
+    } else {
+      const tspan = textEl.append("tspan").text(span.text);
+      if (span.bold) tspan.attr("font-weight", "bold");
+      if (span.italic) tspan.attr("font-style", "italic");
+      if (span.code) {
+        tspan.attr("font-family", "monospace");
+        if (fontSize) tspan.attr("font-size", fontSize - 1);
+      }
+    }
+  }
+}
+
+export {
+  safeHref,
+  parseInlineMarkdown,
+  truncateBareUrl,
+  renderInlineText
+};
+//# sourceMappingURL=chunk-3HDBAXF5.js.map

package/dist/chunk-3JLKYGBQ.js

@@ -0,0 +1,290 @@
+import {
+  measureText,
+  wrapTextToWidth
+} from "./chunk-WCT3NYCV.js";
+import {
+  mix,
+  shapeFill
+} from "./chunk-P6T66CCZ.js";
+
+// src/journey-map/layout.ts
+var PADDING = 24;
+var TITLE_HEIGHT = 36;
+var PERSONA_HEIGHT = 48;
+var PERSONA_PANEL_WIDTH = 280;
+var HEADER_GAP = 24;
+var CURVE_AREA_HEIGHT = 260;
+var CARD_GAP = 8;
+var STEP_CARD_WIDTH = 190;
+var CARD_HEADER_HEIGHT = 24;
+var CARD_META_LINE_HEIGHT = 14;
+var PHASE_HEADER_HEIGHT = 36;
+var CARD_PADDING_X = 10;
+var CARD_PADDING_Y = 6;
+var ANNO_ICON_SIZE = 10;
+var ANNO_ICON_GAP = 4;
+var TAG_STRIP_HEIGHT = 18;
+var PHASE_GAP = 16;
+var COLUMN_PADDING = 12;
+var FACE_ICON_SIZE = 20;
+var EMOTION_CAPTION_BAND = 18;
+function scoreToColor(score, palette) {
+  const s = Math.max(1, Math.min(5, score));
+  const { red, yellow, green } = palette.colors;
+  return s <= 3 ? mix(yellow, red, (s - 1) / 2 * 100) : mix(green, yellow, (s - 3) / 2 * 100);
+}
+var CURVE_TOP_RESERVE = 20;
+function scoreToCurveY(score, curveAreaBottom) {
+  return curveAreaBottom - (score - 1) / 4 * (CURVE_AREA_HEIGHT - CURVE_TOP_RESERVE) - 10;
+}
+function layoutJourneyMap(parsed, palette, options) {
+  const isDark = options?.isDark ?? false;
+  const hasTitle = !!parsed.title && parsed.options["no-title"] !== "on";
+  const hasPersona = !!parsed.persona;
+  const hasPhases = parsed.phases.length > 0;
+  const titleHeight = hasTitle ? TITLE_HEIGHT : 0;
+  const personaHeight = hasPersona ? PERSONA_HEIGHT : 0;
+  const allStepsForThoughts = hasPhases ? parsed.phases.flatMap((p) => p.steps) : parsed.steps;
+  const hasThoughts = allStepsForThoughts.some(
+    (s) => s.annotations.some((a) => a.type === "thought")
+  );
+  const hasEmotions = allStepsForThoughts.some(
+    (s) => s.score !== void 0 && s.emotionLabel !== void 0
+  );
+  const baseTop = PADDING + titleHeight + personaHeight;
+  let topHeadroom = 0;
+  if (hasThoughts) {
+    const THOUGHT_MAX_W = 200;
+    const THOUGHT_FONT = 11;
+    const THOUGHT_LINE_H = 14;
+    const THOUGHT_PAD_Y = 6;
+    const THOUGHT_GAP = 10;
+    const FACE_HOVER_R = (14 + 1) * 1.5;
+    const PERSONA_DESC_FONT = 10;
+    const PERSONA_SILHOUETTE = 60;
+    const BUBBLE_MARGIN = 16;
+    let maxBubbleH = 0;
+    let topThoughtScore = 1;
+    for (const s of allStepsForThoughts) {
+      const thoughts = s.annotations.filter((a) => a.type === "thought");
+      if (thoughts.length === 0) continue;
+      const text = thoughts.map((t) => t.text).join(" \u2022 ");
+      const lineCount = wrapTextToWidth(
+        text,
+        THOUGHT_FONT,
+        THOUGHT_MAX_W
+      ).length;
+      maxBubbleH = Math.max(
+        maxBubbleH,
+        lineCount * THOUGHT_LINE_H + THOUGHT_PAD_Y * 2
+      );
+      if (s.score !== void 0) {
+        topThoughtScore = Math.max(topThoughtScore, s.score);
+      }
+    }
+    let personaActualH = personaHeight;
+    if (hasPersona && parsed.persona?.description) {
+      const textAreaWidth = PERSONA_PANEL_WIDTH - PERSONA_SILHOUETTE - CARD_PADDING_X;
+      const descLineCount = wrapTextToWidth(
+        parsed.persona.description,
+        PERSONA_DESC_FONT,
+        textAreaWidth
+      ).length;
+      personaActualH = CARD_HEADER_HEIGHT + descLineCount * 14 + 8;
+    }
+    const topBandBottom = PADDING + Math.max(titleHeight, personaActualH);
+    const faceY0 = scoreToCurveY(topThoughtScore, baseTop + CURVE_AREA_HEIGHT);
+    const bubbleTop0 = faceY0 - FACE_HOVER_R - THOUGHT_GAP - maxBubbleH;
+    topHeadroom = Math.max(0, topBandBottom + BUBBLE_MARGIN - bubbleTop0);
+  }
+  const curveAreaTop = baseTop + topHeadroom;
+  const curveAreaBottom = curveAreaTop + CURVE_AREA_HEIGHT;
+  const cardAreaTop = curveAreaBottom + PADDING + (hasEmotions ? EMOTION_CAPTION_BAND : 0);
+  const allSteps = hasPhases ? parsed.phases.flatMap((p) => p.steps) : parsed.steps;
+  const annoIconIndent = ANNO_ICON_SIZE + ANNO_ICON_GAP;
+  const annoTextW = STEP_CARD_WIDTH - CARD_PADDING_X * 2 - annoIconIndent;
+  const descTextWidth = STEP_CARD_WIDTH - CARD_PADDING_X * 2;
+  const FONT_SIZE_META = 10;
+  const FONT_SIZE_STEP = 12;
+  const titleTextWidth = STEP_CARD_WIDTH - CARD_PADDING_X * 2;
+  const TITLE_LINE_HEIGHT = 16;
+  const stepHeights = allSteps.map((step) => {
+    const titleLines = wrapTextToWidth(
+      step.title,
+      FONT_SIZE_STEP,
+      titleTextWidth
+    ).length;
+    let h = CARD_PADDING_Y + titleLines * TITLE_LINE_HEIGHT + CARD_PADDING_Y;
+    const cardAnnos = step.annotations;
+    let contentLines = 0;
+    if (step.description) {
+      contentLines += wrapTextToWidth(
+        step.description,
+        FONT_SIZE_META,
+        descTextWidth
+      ).length;
+    }
+    for (const anno of cardAnnos) {
+      contentLines += wrapTextToWidth(
+        anno.text,
+        FONT_SIZE_META,
+        annoTextW
+      ).length;
+    }
+    if (contentLines > 0) {
+      h += contentLines * CARD_META_LINE_HEIGHT + 4;
+    }
+    return h;
+  });
+  const minCardHeight = CARD_HEADER_HEIGHT + CARD_META_LINE_HEIGHT;
+  const maxCardHeight = Math.max(minCardHeight, ...stepHeights);
+  const hasTags = allSteps.some((s) => Object.keys(s.tags).length > 0);
+  const tagStripOffset = hasTags ? TAG_STRIP_HEIGHT + 6 : 0;
+  const phaseLayouts = [];
+  const flatStepLayouts = [];
+  const curvePoints = [];
+  let globalStepIndex = 0;
+  const collapsed = options?.collapsedPhases ?? /* @__PURE__ */ new Set();
+  if (hasPhases) {
+    let phaseX = PADDING;
+    for (const phase of parsed.phases) {
+      const isCollapsed = collapsed.has(phase.name);
+      const stepCount = Math.max(phase.steps.length, 1);
+      const phaseWidth = isCollapsed ? STEP_CARD_WIDTH + COLUMN_PADDING * 2 : stepCount * STEP_CARD_WIDTH + (stepCount - 1) * CARD_GAP + COLUMN_PADDING * 2;
+      const stepLayouts = [];
+      if (!isCollapsed) {
+        let stepX = phaseX + COLUMN_PADDING;
+        for (let si = 0; si < phase.steps.length; si++) {
+          const step = phase.steps[si];
+          const color = step.score !== void 0 ? scoreToColor(step.score, palette) : palette.surface;
+          const sl = {
+            x: stepX,
+            y: cardAreaTop + PHASE_HEADER_HEIGHT + CARD_GAP + tagStripOffset,
+            width: STEP_CARD_WIDTH,
+            height: maxCardHeight,
+            step,
+            color
+          };
+          stepLayouts.push(sl);
+          if (step.score !== void 0) {
+            const curveX = stepX + STEP_CARD_WIDTH / 2;
+            const curveY = scoreToCurveY(step.score, curveAreaBottom);
+            curvePoints.push({
+              x: curveX,
+              y: curveY,
+              score: step.score,
+              ...step.emotionLabel !== void 0 && {
+                emotionLabel: step.emotionLabel
+              },
+              stepIndex: globalStepIndex
+            });
+          }
+          stepX += STEP_CARD_WIDTH + CARD_GAP;
+          globalStepIndex++;
+        }
+      } else {
+        const stepCount2 = phase.steps.length;
+        const padX = COLUMN_PADDING + FACE_ICON_SIZE;
+        const availW = phaseWidth - padX * 2;
+        for (let si = 0; si < stepCount2; si++) {
+          const step = phase.steps[si];
+          if (step.score !== void 0) {
+            const curveX = stepCount2 === 1 ? phaseX + phaseWidth / 2 : phaseX + padX + si / (stepCount2 - 1) * availW;
+            const curveY = scoreToCurveY(step.score, curveAreaBottom);
+            curvePoints.push({
+              x: curveX,
+              y: curveY,
+              score: step.score,
+              ...step.emotionLabel !== void 0 && {
+                emotionLabel: step.emotionLabel
+              },
+              stepIndex: globalStepIndex
+            });
+          }
+          globalStepIndex++;
+        }
+      }
+      const scoredSteps = phase.steps.filter((s) => s.score !== void 0);
+      const avgScore = scoredSteps.length > 0 ? scoredSteps.reduce((sum, s) => sum + s.score, 0) / scoredSteps.length : 3;
+      const headerColor = shapeFill(
+        palette,
+        scoreToColor(avgScore, palette),
+        isDark,
+        { solid: parsed.options["solid-fill"] === "on" }
+      );
+      const COLLAPSED_CARD_H = 26;
+      const COLLAPSED_GAP = 6;
+      const phaseHeight = isCollapsed ? PHASE_HEADER_HEIGHT + CARD_GAP + phase.steps.length * (COLLAPSED_CARD_H + COLLAPSED_GAP) + CARD_GAP : PHASE_HEADER_HEIGHT + CARD_GAP + tagStripOffset + maxCardHeight + CARD_GAP;
+      phaseLayouts.push({
+        x: phaseX,
+        y: cardAreaTop,
+        width: phaseWidth,
+        height: phaseHeight,
+        phase,
+        headerColor,
+        stepLayouts
+      });
+      phaseX += phaseWidth + PHASE_GAP;
+    }
+  } else {
+    let stepX = PADDING;
+    for (let si = 0; si < parsed.steps.length; si++) {
+      const step = parsed.steps[si];
+      const color = step.score !== void 0 ? scoreToColor(step.score, palette) : palette.surface;
+      flatStepLayouts.push({
+        x: stepX,
+        y: cardAreaTop + CARD_GAP + tagStripOffset,
+        width: STEP_CARD_WIDTH,
+        height: maxCardHeight,
+        step,
+        color
+      });
+      if (step.score !== void 0) {
+        const curveX = stepX + STEP_CARD_WIDTH / 2;
+        const curveY = scoreToCurveY(step.score, curveAreaBottom);
+        curvePoints.push({
+          x: curveX,
+          y: curveY,
+          score: step.score,
+          ...step.emotionLabel !== void 0 && {
+            emotionLabel: step.emotionLabel
+          },
+          stepIndex: si
+        });
+      }
+      stepX += STEP_CARD_WIDTH + CARD_GAP;
+      globalStepIndex++;
+    }
+  }
+  const rightEdge = hasPhases ? phaseLayouts.length > 0 ? phaseLayouts[phaseLayouts.length - 1].x + phaseLayouts[phaseLayouts.length - 1].width + PADDING : PADDING * 2 : flatStepLayouts.length > 0 ? flatStepLayouts[flatStepLayouts.length - 1].x + STEP_CARD_WIDTH + PADDING : PADDING * 2;
+  const bottomEdge = hasPhases ? phaseLayouts.length > 0 ? phaseLayouts[0].y + phaseLayouts[0].height + PADDING + 40 : cardAreaTop + PADDING : cardAreaTop + CARD_GAP + tagStripOffset + maxCardHeight + PADDING + 40;
+  const headerTitleWidth = hasTitle ? measureText(parsed.title, 18) : 0;
+  const personaPanelWidth = parsed.persona ? PERSONA_PANEL_WIDTH : 0;
+  const headerWidth = hasTitle && parsed.persona ? PADDING + headerTitleWidth + HEADER_GAP + personaPanelWidth + PADDING : Math.max(
+    PADDING + headerTitleWidth + PADDING,
+    PADDING + personaPanelWidth + PADDING
+  );
+  const totalWidth = Math.max(rightEdge, 400, headerWidth);
+  const totalHeight = bottomEdge;
+  return {
+    phases: phaseLayouts,
+    flatStepLayouts,
+    curvePoints,
+    totalWidth,
+    totalHeight,
+    curveAreaTop,
+    curveAreaBottom,
+    cardAreaTop,
+    personaHeight,
+    titleHeight,
+    hasThoughts
+  };
+}
+
+export {
+  TAG_STRIP_HEIGHT,
+  scoreToColor,
+  scoreToCurveY,
+  layoutJourneyMap
+};
+//# sourceMappingURL=chunk-3JLKYGBQ.js.map