@diagrammo/dgmo 0.92.0 → 0.93.0

package/dist/{chunk-45QUTYPD.js → chunk-CYDM2XII.js}

@@ -1,15 +1,19 @@
-import {
-  renderInlineText
-} from "./chunk-S7W75MIM.js";
 import {
   renderNodeCard
 } from "./chunk-R2K5L4UA.js";
+import {
+  serializeSvg
+} from "./chunk-CYRB2JTN.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+  layoutInlineHeader
+} from "./chunk-42UJ23H3.js";
+import {
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT
+} from "./chunk-VLC6WNRD.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -30,25 +34,21 @@ import {
   SEPARATOR_GAP
 } from "./chunk-XCKNFFKM.js";
 import {
-  layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
-import {
-  serializeSvg
-} from "./chunk-CYRB2JTN.js";
+  renderIntegratedLegend
+} from "./chunk-NMS5XSLX.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
 } from "./chunk-JILEYZ2V.js";
 import {
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+  preprocessDescriptionLine
+} from "./chunk-IYULMRBE.js";
+import {
+  renderInlineText
+} from "./chunk-65GPEV5V.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  preprocessDescriptionLine
-} from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
 } from "./chunk-4SACN2C5.js";
@@ -460,7 +460,7 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
 async function renderSitemapForExport(content, theme, palette) {
   const { parseSitemap } = await import("./parser-6TDWUKM5.js");
   const { layoutSitemap } = await import("./layout-ND26WVX2.js");
-  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-IN7ZFRJM.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-4Y7CL2QL.js");
   const isDark = theme === "dark";
   const defaultCfg = getPalette(DEFAULT_PALETTE_ID);
   const effectivePalette = palette ?? (isDark ? defaultCfg.dark : defaultCfg.light);

package/dist/chunk-CYTFO2LF.js

@@ -0,0 +1,209 @@
+import {
+  COLOR_KEYS,
+  SEMANTIC_KEYS,
+  validateThemeFile
+} from "./chunk-FMAVHTYB.js";
+import {
+  BUILT_IN_PALETTE_IDS
+} from "./chunk-3UR4F7FE.js";
+import {
+  makeDgmoError
+} from "./chunk-BYU54C3S.js";
+
+// src/palettes/directive.ts
+var PALETTE_LINE_RE = /^palette(?:\s+(.*))?$/;
+var MODES = /* @__PURE__ */ new Set(["light", "dark"]);
+var COLOR_NAMES = new Set(COLOR_KEYS);
+var kebab = (key) => key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+var camel = (key) => key.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+var ROLE_KEYS = new Set(SEMANTIC_KEYS.map(kebab));
+function builtInList() {
+  return [...BUILT_IN_PALETTE_IDS].sort().join(", ");
+}
+function warn(line, message, code) {
+  return makeDgmoError(line, message, "warning", code);
+}
+function readBlock(name, headerLine, block) {
+  const diagnostics = [];
+  const sections = {};
+  const where = /* @__PURE__ */ new Map();
+  let section;
+  for (const { line, text } of block) {
+    const [key = "", value, ...rest] = text.trim().split(/\s+/);
+    if (MODES.has(key) && value === void 0) {
+      section = key;
+      if (sections[section]) {
+        diagnostics.push(
+          warn(
+            line,
+            `The "${section}" section appears twice in palette "${name}".`,
+            "W_PALETTE_INVALID"
+          )
+        );
+      }
+      sections[section] = { roles: {}, colors: {} };
+      where.set(section, line);
+      continue;
+    }
+    if (key === "colors" && value === void 0) continue;
+    if (!section) {
+      diagnostics.push(
+        warn(
+          line,
+          `"${key}" sits outside a light or dark section of palette "${name}".`,
+          "W_PALETTE_INVALID"
+        )
+      );
+      continue;
+    }
+    if (value === void 0 || rest.length > 0) {
+      diagnostics.push(
+        warn(
+          line,
+          `Write "${key}" as one key and one hex colour, e.g. "${key} #282a36".`,
+          "W_PALETTE_INVALID"
+        )
+      );
+      continue;
+    }
+    if (COLOR_NAMES.has(key)) {
+      sections[section].colors[key] = value;
+      where.set(`${section}.colors.${key}`, line);
+    } else {
+      const field = ROLE_KEYS.has(key) ? camel(key) : key;
+      sections[section].roles[field] = value;
+      where.set(`${section}.${field}`, line);
+    }
+  }
+  if (diagnostics.length > 0) return diagnostics;
+  const modes = Object.keys(sections);
+  const input = {
+    id: name.toLowerCase(),
+    name,
+    ...modes.length === 1 && { mode: modes[0] }
+  };
+  for (const mode of modes) {
+    const { roles, colors } = sections[mode];
+    input[mode] = { ...roles, colors };
+  }
+  const result = validateThemeFile(input);
+  if (result.ok) return { palette: result.palette, mode: result.mode };
+  return result.errors.map((error) => {
+    const field = /^(light|dark)(?:\.colors)?\.(\w+)/.exec(error) ?? /^(light|dark)\b[^:]*: (\w+) /.exec(error);
+    const at = field ? where.get(`${field[1]}.colors.${field[2]}`) ?? where.get(`${field[1]}.${field[2]}`) ?? where.get(field[1]) : void 0;
+    return warn(
+      at ?? headerLine,
+      `Palette "${name}" is not drawn \u2014 ${error.replace(/\b(text[A-Z]\w*|[a-z]+[A-Z]\w*)\b/g, kebab)}.`,
+      "W_PALETTE_INVALID"
+    );
+  });
+}
+function extractPaletteDirective(content) {
+  if (!/^palette\b/m.test(content)) return { content, diagnostics: [] };
+  const lines = content.split("\n");
+  const diagnostics = [];
+  let paletteId;
+  let palette;
+  let mode;
+  for (let i = 0; i < lines.length; i++) {
+    const match = PALETTE_LINE_RE.exec(lines[i].replace(/\r$/, ""));
+    if (!match) continue;
+    const lineNumber = i + 1;
+    lines[i] = "//";
+    const block = [];
+    let blockEnd = i;
+    for (let j = i + 1; j < lines.length; j++) {
+      const next = lines[j].replace(/\r$/, "");
+      if (next.trim() === "") continue;
+      if (!/^\s/.test(next)) break;
+      blockEnd = j;
+      block.push({ line: j + 1, text: next });
+    }
+    for (let j = i + 1; j <= blockEnd; j++) lines[j] = "//";
+    i = blockEnd;
+    const words = (match[1] ?? "").trim().split(/\s+/).filter(Boolean);
+    const name = words[0];
+    if (!name) {
+      diagnostics.push(
+        warn(
+          lineNumber,
+          `"palette" needs a palette name \u2014 one of ${builtInList()}.`,
+          "W_PALETTE_UNKNOWN"
+        )
+      );
+      continue;
+    }
+    if (block.length > 0) {
+      if (words.length > 1) {
+        diagnostics.push(
+          warn(
+            lineNumber,
+            `An embedded palette takes its name only \u2014 its sections say which modes it has.`,
+            "W_PALETTE_MODE_UNKNOWN"
+          )
+        );
+      }
+      const read = readBlock(name, lineNumber, block);
+      if (Array.isArray(read)) {
+        diagnostics.push(...read);
+        continue;
+      }
+      paletteId = void 0;
+      palette = read.palette;
+      mode = read.mode ?? void 0;
+      continue;
+    }
+    const id = name.toLowerCase();
+    if (!BUILT_IN_PALETTE_IDS.has(id)) {
+      diagnostics.push(
+        warn(
+          lineNumber,
+          `"${name}" is not a built-in palette \u2014 this diagram uses the default palette. Built-in palettes: ${builtInList()}. An embedded palette needs its colours in an indented block.`,
+          "W_PALETTE_UNKNOWN"
+        )
+      );
+      continue;
+    }
+    const modeWord = words[1];
+    if (words.length > 2 || modeWord !== void 0 && !MODES.has(modeWord)) {
+      diagnostics.push(
+        warn(
+          lineNumber,
+          `"palette ${name}" takes one optional mode word, light or dark \u2014 the rest of the line is ignored.`,
+          "W_PALETTE_MODE_UNKNOWN"
+        )
+      );
+    }
+    paletteId = id;
+    palette = void 0;
+    mode = modeWord !== void 0 && MODES.has(modeWord) ? modeWord : void 0;
+  }
+  return {
+    content: lines.join("\n"),
+    ...paletteId !== void 0 && { paletteId },
+    ...palette !== void 0 && { palette },
+    ...mode !== void 0 && { mode },
+    diagnostics
+  };
+}
+function choosePalette(directive, caller) {
+  const callerTheme = caller.theme ?? "light";
+  if (caller.paletteOverride !== void 0) {
+    return { paletteId: caller.paletteOverride, theme: callerTheme };
+  }
+  const fileId = directive.palette?.id ?? directive.paletteId;
+  if (fileId !== void 0) {
+    const theme = directive.mode === "dark" ? "dark" : directive.mode === "light" && callerTheme !== "transparent" ? "light" : callerTheme;
+    return {
+      paletteId: fileId,
+      ...directive.palette && { palette: directive.palette },
+      theme
+    };
+  }
+  return { paletteId: caller.palette ?? "slate", theme: callerTheme };
+}
+
+export {
+  extractPaletteDirective,
+  choosePalette
+};

package/dist/{chunk-JRWUHLRP.js → chunk-D6PVMUCX.js}

@@ -1,18 +1,57 @@
 import {
-  NOTE_BULLET_INDENT,
-  NOTE_FOLD,
-  NOTE_FONT_SIZE,
-  NOTE_LINE_H,
-  NOTE_PAD_H,
-  NOTE_PAD_V
-} from "./chunk-5DH3KYFH.js";
+  wrapDescriptionLines
+} from "./chunk-MB2SQF7N.js";
 import {
   renderInlineText
-} from "./chunk-S7W75MIM.js";
+} from "./chunk-65GPEV5V.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 import {
   mix
 } from "./chunk-6GXLAKUH.js";
 
+// src/utils/note-box/constants.ts
+var NOTE_MAX_W = 200;
+var NOTE_FOLD = 10;
+var NOTE_PAD_H = 8;
+var NOTE_PAD_V = 6;
+var NOTE_FONT_SIZE = 10;
+var NOTE_LINE_H = 14;
+var NOTE_GAP = 22;
+var NOTE_BULLET_INDENT = 10;
+
+// src/utils/note-box/metrics.ts
+function normalizeBulletLine(line) {
+  return line.replace(/^\s*[-*]\s+/, "\u2022 ");
+}
+function wrapNoteBody(body, textMaxWidth, fontSize = NOTE_FONT_SIZE) {
+  const sourceLines = body.split("\n").map(normalizeBulletLine);
+  return wrapDescriptionLines(
+    sourceLines,
+    textMaxWidth,
+    (s) => measureText(s, fontSize)
+  );
+}
+function noteBoxSize(body, opts = {}) {
+  const fontSize = opts.fontSize ?? NOTE_FONT_SIZE;
+  const maxW = opts.maxW ?? NOTE_MAX_W;
+  const textMaxWidth = maxW - NOTE_PAD_H * 2;
+  const lines = wrapNoteBody(body, textMaxWidth, fontSize);
+  let maxLineW = 0;
+  for (const line of lines) {
+    const indent = line.kind === "plain" ? 0 : NOTE_BULLET_INDENT;
+    const w = measureText(line.text, fontSize) + indent;
+    if (w > maxLineW) maxLineW = w;
+  }
+  const width = Math.min(
+    maxW,
+    Math.max(80, maxLineW + NOTE_PAD_H * 2 + NOTE_FOLD)
+  );
+  const height = Math.max(1, lines.length) * NOTE_LINE_H + NOTE_PAD_V * 2;
+  return { width, height, lines };
+}
+
 // src/utils/note-box/svg.ts
 var NOTE_STROKE_WIDTH = 0.6;
 var NOTE_STROKE_OPACITY = 0.6;
@@ -127,6 +166,10 @@ function renderNoteBadge(parent, center, palette, opts) {
 }
 
 export {
+  NOTE_GAP,
+  NOTE_BULLET_INDENT,
+  wrapNoteBody,
+  noteBoxSize,
   renderNoteConnector,
   noteConnectorPoints,
   renderNoteBox,

package/dist/{chunk-BRSM6Z34.js → chunk-DAHQL57W.js}

@@ -1,33 +1,33 @@
 import {
-  renderInlineText
-} from "./chunk-S7W75MIM.js";
+  parseKanban
+} from "./chunk-LKZCUFOW.js";
+import {
+  serializeSvg
+} from "./chunk-CYRB2JTN.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
-  keepSwimlaneToggleFocus,
-  renderIntegratedLegend,
-  wireSwimlaneToggle
-} from "./chunk-NMS5XSLX.js";
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT
+} from "./chunk-VLC6WNRD.js";
 import {
   CARD_RADIUS
 } from "./chunk-XCKNFFKM.js";
 import {
-  serializeSvg
-} from "./chunk-CYRB2JTN.js";
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-NMS5XSLX.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-JILEYZ2V.js";
 import {
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+  renderInlineText
+} from "./chunk-65GPEV5V.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  parseKanban
-} from "./chunk-LKZCUFOW.js";
 import {
   tagAttrKey
 } from "./chunk-4SACN2C5.js";

package/dist/{chunk-RBFJT23E.js → chunk-EQWC76GQ.js}

@@ -1,9 +1,3 @@
-import {
-  wrapDescriptionLines
-} from "./chunk-NPWVOFB3.js";
-import {
-  renderInlineText
-} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -12,6 +6,12 @@ import {
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-MB2SQF7N.js";
+import {
+  renderInlineText
+} from "./chunk-65GPEV5V.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-ADNIO3XY.js → chunk-FIYW7JW4.js}

@@ -1,13 +1,13 @@
-import {
-  FONT_FAMILY,
-  MONO_FAMILY
-} from "./chunk-ICLB27PZ.js";
 import {
   encodeDiagramUrl
 } from "./chunk-6OSGENN5.js";
 import {
   parseDgmoChartType
-} from "./chunk-QUGC7GWB.js";
+} from "./chunk-UVX3IYXF.js";
+import {
+  FONT_FAMILY,
+  MONO_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   chartTypes
 } from "./chunk-TIIZIAGS.js";