@diagrammo/dgmo 0.74.0 → 0.76.0

package/dist/advanced.js

@@ -2,11 +2,11 @@ import {
   layoutBracket,
   renderBracket,
   renderBracketForExport
-} from "./chunk-L2EA5YLO.js";
+} from "./chunk-HGFKDSKZ.js";
 import {
   renderRaci,
   renderRaciForExport
-} from "./chunk-NW3VXCXR.js";
+} from "./chunk-COCMMQXW.js";
 import {
   applyCollapseProjection,
   applyGroupOrdering,
@@ -16,11 +16,11 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-GQJ35I2I.js";
+} from "./chunk-CLQJAGWL.js";
 import {
   renderRing,
   renderRingForExport
-} from "./chunk-JSYAH7KR.js";
+} from "./chunk-HOIAQ3P2.js";
 import {
   layoutTreemapRadial,
   renderTreemapRadial,
@@ -30,20 +30,20 @@ import {
   layoutTreemap,
   renderTreemap,
   renderTreemapForExport
-} from "./chunk-XJLNQEQS.js";
+} from "./chunk-XHROEQ23.js";
 import {
   renderLiveLinkCard
-} from "./chunk-LYLRNAX2.js";
+} from "./chunk-3EGIU5WY.js";
 import {
   authoredCollapsedIds,
   layoutBlock,
   renderBlock,
   renderBlockForExport
-} from "./chunk-MDEG62W7.js";
+} from "./chunk-UTTRJ6KN.js";
 import {
   renderGoal,
   renderGoalForExport
-} from "./chunk-FL5IKZQA.js";
+} from "./chunk-U5B3TUEW.js";
 import "./chunk-C2WH3BMS.js";
 import {
   renderCountdown,
@@ -72,25 +72,25 @@ import {
   computeCycleLayout,
   renderCycle,
   renderCycleForExport
-} from "./chunk-YSMI6TNZ.js";
+} from "./chunk-BCB24FG7.js";
 import {
   resolveMap
 } from "./chunk-DGPFFRLS.js";
 import {
   renderMap,
   renderMapForExport
-} from "./chunk-SXZS56YM.js";
+} from "./chunk-EGXJWRO6.js";
 import "./chunk-MS5574I7.js";
 import {
   mapContentAspect,
   mapExportDimensions
-} from "./chunk-WWQ6TUVK.js";
+} from "./chunk-JLJ7SP4X.js";
 import {
   albersSkewFallback,
   layoutMap,
   mapBackgroundColor,
   mapNeutralLandColor
-} from "./chunk-RQ6SEQOT.js";
+} from "./chunk-FMZEU7MF.js";
 import {
   decodeFeatures,
   regionAt
@@ -98,20 +98,20 @@ import {
 import {
   renderPyramid,
   renderPyramidForExport
-} from "./chunk-Q6LP67RP.js";
+} from "./chunk-UWYZIGCB.js";
 import {
   collectDiagramRoles,
   computeInfraLegendGroups,
   inferRoles,
   parseAndLayoutInfra,
   renderInfra
-} from "./chunk-ALDU62VN.js";
+} from "./chunk-GFXFRKUG.js";
 import {
   measurePertAnalysisBlock,
   renderPert,
   renderPertAnalysisBlock,
   renderPertForExport
-} from "./chunk-TC63QU4M.js";
+} from "./chunk-32MOGTKT.js";
 import {
   analyzePert,
   buildSimulationContext,
@@ -119,7 +119,7 @@ import {
   sampleBetaPert,
   simulateCanonical,
   simulateFast
-} from "./chunk-GJQQCI63.js";
+} from "./chunk-3SQJZMPO.js";
 import {
   layoutPert,
   relayoutPert
@@ -132,11 +132,11 @@ import {
 import {
   buildTagLaneRowList,
   renderGantt
-} from "./chunk-LSHMDQZQ.js";
+} from "./chunk-AFR6GWXD.js";
 import {
   renderState,
   renderStateForExport
-} from "./chunk-ALBVWTU4.js";
+} from "./chunk-TF76LCZS.js";
 import {
   collapseStateGroups
 } from "./chunk-SQ7IY53Q.js";
@@ -145,7 +145,7 @@ import {
 } from "./chunk-NVOU7N6C.js";
 import {
   renderWireframe
-} from "./chunk-ULEWCCBN.js";
+} from "./chunk-JQ575OAK.js";
 import {
   renderC4ComponentsForExport,
   renderC4Containers,
@@ -154,7 +154,7 @@ import {
   renderC4ContextForExport,
   renderC4Deployment,
   renderC4DeploymentForExport
-} from "./chunk-T6BO4VO6.js";
+} from "./chunk-AYM472K3.js";
 import {
   layoutC4Components,
   layoutC4Containers,
@@ -165,11 +165,11 @@ import {
 import {
   renderFlowchart,
   renderFlowchartForExport
-} from "./chunk-57Z2WXJ2.js";
-import "./chunk-PDKUANDZ.js";
+} from "./chunk-OBYZU23V.js";
+import "./chunk-7IATMZSA.js";
 import {
   layoutGraph
-} from "./chunk-GE5RO4BS.js";
+} from "./chunk-N6MZSBOL.js";
 import {
   computeInfra
 } from "./chunk-ICZ7M6IZ.js";
@@ -181,7 +181,7 @@ import {
 } from "./chunk-S6QDCFEU.js";
 import {
   renderSwimlaneForExport
-} from "./chunk-5KE6KHY6.js";
+} from "./chunk-CAPR5DET.js";
 import "./chunk-LP7EC4MI.js";
 import {
   layoutFamily
@@ -189,7 +189,7 @@ import {
 import {
   renderFamily,
   renderFamilyForExport
-} from "./chunk-BBH5IAAR.js";
+} from "./chunk-76IBFEYW.js";
 import "./chunk-IVKC4GID.js";
 import {
   collapseMindmapTree
@@ -197,21 +197,21 @@ import {
 import {
   renderMindmap,
   renderMindmapForExport
-} from "./chunk-EV6BZMBZ.js";
+} from "./chunk-IHUOYDLN.js";
 import {
   layoutMindmap
 } from "./chunk-QMFIZQTB.js";
 import {
   renderClassDiagram,
   renderClassDiagramForExport
-} from "./chunk-KR432TCU.js";
+} from "./chunk-C576CU77.js";
 import {
   layoutClassDiagram
 } from "./chunk-LM3HY3VG.js";
 import {
   renderERDiagram,
   renderERDiagramForExport
-} from "./chunk-CDFIZHVD.js";
+} from "./chunk-QI4Q5ZZH.js";
 import {
   layoutERDiagram
 } from "./chunk-5VMUVJO4.js";
@@ -228,16 +228,16 @@ import {
   collapseSketch,
   layoutSketch,
   sketchSlotToPx
-} from "./chunk-6DYZ2JM6.js";
+} from "./chunk-BZQCAZZZ.js";
 import {
   renderSketch,
   renderSketchForExport,
   sketchEdgeGeometry
-} from "./chunk-TTCXHFFB.js";
+} from "./chunk-U7AO6FRL.js";
 import {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
-} from "./chunk-YJ5G2WRU.js";
+} from "./chunk-7EZ5AKBK.js";
 import "./chunk-Q74GP3GK.js";
 import {
   layoutBoxesAndLines
@@ -251,7 +251,7 @@ import "./chunk-5DH3KYFH.js";
 import {
   renderVersionControl,
   renderVersionControlForExport
-} from "./chunk-FGXBIOVK.js";
+} from "./chunk-IFC3JXCT.js";
 import {
   collapseOrgTree,
   focusOrgTree
@@ -259,7 +259,7 @@ import {
 import {
   renderOrg,
   renderOrgForExport
-} from "./chunk-2MJSSDK5.js";
+} from "./chunk-OUJG73YJ.js";
 import "./chunk-VV6HZQ5K.js";
 import {
   layoutOrg
@@ -274,20 +274,20 @@ import "./chunk-BS7SV7C3.js";
 import {
   renderSitemap,
   renderSitemapForExport
-} from "./chunk-5NAOTRLN.js";
+} from "./chunk-7G4XMHDB.js";
 import {
   computeCardArchive,
   computeCardMove,
   isArchiveColumn,
   renderKanban,
   renderKanbanForExport
-} from "./chunk-PHRBLJ3K.js";
+} from "./chunk-GEURKGZS.js";
 import {
   clearEventLineMuted,
   focusEventLine,
   renderEventLine,
   renderEventLineForExport
-} from "./chunk-CMQJP5L4.js";
+} from "./chunk-3LJNQ6LR.js";
 import "./chunk-NCT22MOD.js";
 import "./chunk-5GM6BZO7.js";
 import {
@@ -314,28 +314,28 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-YXY6V2YN.js";
-import "./chunk-XCAEHWQB.js";
+} from "./chunk-4CRLM3IT.js";
+import "./chunk-PAW4RMH3.js";
 import "./chunk-EOYPX6SF.js";
 import {
   renderLegendSvg,
   renderLegendSvgFromConfig
-} from "./chunk-474D3IUN.js";
+} from "./chunk-JL7BDLC6.js";
 import "./chunk-L65WI4HO.js";
 import {
   formatDateLabel,
   renderTimeline
-} from "./chunk-EPH4UMUE.js";
+} from "./chunk-YVDBBWEP.js";
 import {
   computeTimeTicks
 } from "./chunk-YRYKTYMQ.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
-import "./chunk-RN3PAL4E.js";
-import "./chunk-YJMWEZOB.js";
+import "./chunk-UBW53CNS.js";
+import "./chunk-MG3DE3VO.js";
 import "./chunk-RU2HHHYA.js";
-import "./chunk-A4GOY3PE.js";
+import "./chunk-DEW62ON3.js";
 import {
   renderLegendD3
 } from "./chunk-QT5UMFPE.js";
@@ -370,7 +370,7 @@ import {
   parseDgmo,
   parseDgmoChartType,
   parseVisualization
-} from "./chunk-R5JPMW2F.js";
+} from "./chunk-FTTB64OJ.js";
 import {
   normalizePlace,
   parseClock,
@@ -460,8 +460,8 @@ import {
   SKETCH_SHAPE_KINDS,
   isSketchShapeKind,
   parseSketch
-} from "./chunk-TDHD3HNO.js";
-import "./chunk-RT7ACF77.js";
+} from "./chunk-F4X5NVKY.js";
+import "./chunk-EGY3TS62.js";
 import {
   parseSwimlane
 } from "./chunk-W7UBPARG.js";
@@ -504,7 +504,7 @@ import {
   INFRA_BEHAVIOR_KEYS,
   extractSymbols as extractSymbols4,
   parseInfra
-} from "./chunk-2NRIGEHZ.js";
+} from "./chunk-46KVXDUJ.js";
 import {
   parseGantt
 } from "./chunk-TPN7RJOM.js";
@@ -524,7 +524,7 @@ import {
   extractSymbols,
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-DU3OIBQE.js";
+} from "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
 import {
   looksLikeState,
@@ -535,7 +535,7 @@ import {
   extractSymbols as extractSymbols2,
   looksLikeClassDiagram,
   parseClassDiagram
-} from "./chunk-SUA56ZSB.js";
+} from "./chunk-LTTZX6RD.js";
 import {
   extractSymbols as extractSymbols3,
   looksLikeERDiagram,
@@ -682,6 +682,165 @@ function collapseBoxesAndLines(parsed, collapsedGroups) {
   };
 }
 
+// src/sketch/emit.ts
+var LIFTED_KEYS = /* @__PURE__ */ new Set(["shape", "at", "as"]);
+function atText(at) {
+  return at ? `at: ${String(at.c)} ${String(at.r)}` : null;
+}
+function safeValue(value) {
+  return value.includes(",") ? value.replace(/,/g, " \u2014") : value;
+}
+function tailFor(thing, at, extra = []) {
+  const alias = thing.alias !== void 0 ? ` as ${thing.alias}` : "";
+  const parts = [];
+  const atPart = atText(at);
+  if (atPart) parts.push(atPart);
+  for (const [k, v] of Object.entries(thing.metadata)) {
+    if (LIFTED_KEYS.has(k)) continue;
+    parts.push(`${k}: ${safeValue(v)}`);
+  }
+  parts.push(...extra);
+  return `${alias}${parts.length > 0 ? ` ${parts.join(", ")}` : ""}`;
+}
+function shapeLine(node, indent) {
+  const extra = [];
+  if (node.shape !== "rectangle") extra.push(`shape: ${node.shape}`);
+  const out = [`${indent}${node.label}${tailFor(node, node.at, extra)}`];
+  if (node.description !== void 0 && node.description !== "") {
+    for (const line of node.description.split("\n")) {
+      out.push(`${indent}  > ${line}`);
+    }
+  }
+  return out;
+}
+function boxLine(box, indent) {
+  const extra = box.collapsed ? ["collapsed"] : [];
+  return `${indent}[${box.label}]${tailFor(box, box.at, extra)}`;
+}
+function edgeText(edge, target) {
+  const d = edge.dashed;
+  const label = edge.label ?? "";
+  if (label === "") {
+    if (edge.heads === "none") return `${d ? "~~" : "--"} ${target}`;
+    if (edge.heads === "both") return `${d ? "<~>" : "<->"} ${target}`;
+    return `${d ? "~>" : "->"} ${target}`;
+  }
+  const l = safeValue(label);
+  if (edge.heads === "none")
+    return `${d ? "~" : "-"}${l}${d ? "~" : "-"} ${target}`;
+  if (edge.heads === "both")
+    return `${d ? "<~" : "<-"}${l}${d ? "~>" : "->"} ${target}`;
+  return `${d ? "~" : "-"}${l}${d ? "~>" : "->"} ${target}`;
+}
+function emitSketch(parsed) {
+  const lines = [];
+  lines.push(parsed.title ? `sketch ${parsed.title}` : "sketch");
+  const o = parsed.options;
+  if (o.noLegend) lines.push("no-legend");
+  if (o.legendInline === true) lines.push("legend-inline");
+  if (o.fillMode === "solid") lines.push("fill-solid");
+  if (o.fillMode === "outline") lines.push("fill-outline");
+  if (o.noDescriptions) lines.push("no-descriptions");
+  for (const group of parsed.tagGroups) {
+    lines.push("");
+    lines.push(
+      group.alias !== void 0 ? `tag ${group.name} as ${group.alias}` : `tag ${group.name}`
+    );
+    for (const entry of group.entries) {
+      const isDefault = group.defaultValue !== void 0 && entry.value === group.defaultValue;
+      lines.push(`  ${entry.value}${isDefault ? " default" : ""}`);
+    }
+  }
+  const refOf = (id) => {
+    const node = parsed.nodes.find((n) => n.id === id);
+    if (node) return node.alias ?? node.label;
+    const box = parsed.boxes.find((b) => b.id === id);
+    if (box) return box.alias ?? `[${box.label}]`;
+    return id;
+  };
+  const edgesBySource = /* @__PURE__ */ new Map();
+  for (const edge of parsed.edges) {
+    const list = edgesBySource.get(edge.sourceId);
+    if (list) list.push(edge);
+    else edgesBySource.set(edge.sourceId, [edge]);
+  }
+  const emitEdgesFor = (id, indent) => {
+    for (const edge of edgesBySource.get(id) ?? []) {
+      lines.push(`${indent}${edgeText(edge, refOf(edge.targetId))}`);
+    }
+  };
+  const nodesByBox = /* @__PURE__ */ new Map();
+  const rootNodes = [];
+  for (const node of parsed.nodes) {
+    if (node.boxLabel === void 0) {
+      rootNodes.push(node);
+      continue;
+    }
+    const list = nodesByBox.get(node.boxLabel);
+    if (list) list.push(node);
+    else nodesByBox.set(node.boxLabel, [node]);
+  }
+  const emitBox = (box, depth) => {
+    const indent = "  ".repeat(depth);
+    lines.push("");
+    lines.push(boxLine(box, indent));
+    emitEdgesFor(box.id, `${indent}  `);
+    for (const node of nodesByBox.get(box.label) ?? []) {
+      lines.push(...shapeLine(node, `${indent}  `));
+      emitEdgesFor(node.id, `${indent}    `);
+    }
+    for (const childId of box.childBoxes) {
+      const child = parsed.boxes.find((b) => b.id === childId);
+      if (child) emitBox(child, depth + 1);
+    }
+  };
+  for (const node of rootNodes) {
+    lines.push("");
+    lines.push(...shapeLine(node, ""));
+    emitEdgesFor(node.id, "  ");
+  }
+  for (const box of parsed.boxes) {
+    if (box.parentBoxId !== null) continue;
+    emitBox(box, 0);
+  }
+  return `${lines.join("\n")}
+`;
+}
+function canonicalSketch(parsed) {
+  const nameOf = (id) => {
+    const node = parsed.nodes.find((n) => n.id === id);
+    if (node) return `n:${node.label}`;
+    const box = parsed.boxes.find((b) => b.id === id);
+    if (box) return `b:${box.label}`;
+    return `?:${id}`;
+  };
+  const meta = (m) => Object.entries(m).filter(([k]) => !LIFTED_KEYS.has(k)).sort(([a], [b]) => a.localeCompare(b)).map(([k, v]) => `${k}=${v}`).join(";");
+  return {
+    title: parsed.title,
+    options: JSON.stringify({
+      noLegend: parsed.options.noLegend,
+      legendInline: parsed.options.legendInline === true,
+      fillMode: parsed.options.fillMode ?? null,
+      noDescriptions: parsed.options.noDescriptions
+    }),
+    tags: parsed.tagGroups.map(
+      (g) => `${g.name}[${g.entries.map((e) => e.value).join("|")}]${g.defaultValue ?? ""}`
+    ).sort().join(","),
+    nodes: parsed.nodes.map(
+      (n) => `${n.label}|${n.shape}|${n.at ? `${String(n.at.c)},${String(n.at.r)}` : "-"}|${n.boxLabel ?? "-"}|${n.description ?? ""}|${meta(n.metadata)}`
+    ).sort(),
+    boxes: parsed.boxes.map(
+      (b) => `${b.label}|${b.at ? `${String(b.at.c)},${String(b.at.r)}` : "-"}|${String(b.collapsed)}|${b.parentBoxId === null ? "-" : parsed.boxes.find((x) => x.id === b.parentBoxId)?.label ?? "?"}|${meta(b.metadata)}`
+    ).sort(),
+    edges: parsed.edges.map(
+      (e) => `${nameOf(e.sourceId)}->${nameOf(e.targetId)}|${e.label ?? ""}|${e.heads}|${String(e.dashed)}`
+    ).sort()
+  };
+}
+function sameSketch(a, b) {
+  return JSON.stringify(canonicalSketch(a)) === JSON.stringify(canonicalSketch(b));
+}
+
 // src/boxes-and-lines/focus.ts
 var GROUP_PREFIX = "__group_";
 var groupKey = (label) => `${GROUP_PREFIX}${label}`;
@@ -1878,6 +2037,7 @@ export {
   buildSimulationContext,
   buildTagLaneRowList,
   calculateSchedule,
+  canonicalSketch,
   catppuccinPalette,
   chartTypeParsers,
   chartTypes,
@@ -1908,6 +2068,7 @@ export {
   decodeDiagramUrl,
   decodeViewState,
   displayName,
+  emitSketch,
   encodeDiagramUrl,
   encodeViewState,
   extractSymbols2 as extractClassSymbols,
@@ -2143,6 +2304,7 @@ export {
   resolvePlace,
   resolveTaskName,
   rollUpContextRelationships,
+  sameSketch,
   sampleBetaPert,
   searchMapLocations,
   searchZones,

package/dist/{analyzer-FHRJUIMW.js → analyzer-QTDQEMS5.js}

@@ -1,15 +1,13 @@
 import {
   analyzePert,
-  buildProjectSubtitle,
-  buildSummary
-} from "./chunk-GJQQCI63.js";
+  buildProjectSubtitle
+} from "./chunk-3SQJZMPO.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-5SI6T5A5.js";
 import "./chunk-5WRI5ZAA.js";
 export {
   analyzePert,
-  buildProjectSubtitle,
-  buildSummary
+  buildProjectSubtitle
 };
-//# sourceMappingURL=analyzer-FHRJUIMW.js.map
+//# sourceMappingURL=analyzer-QTDQEMS5.js.map

package/dist/block.css

@@ -1,8 +1,19 @@
 /* @diagrammo/dgmo block — standard embed chrome.
- * Override the [data-theme="dark"] selectors if your site uses .dark or
- * another color-mode convention. */
+ * Dark mode is keyed on a data-theme="dark" attribute (Starlight, Docusaurus)
+ * AND an html.dark class (Tailwind, next-themes, VitePress), so all of those
+ * work as shipped. Add your own selector if your site marks dark a third way.
+ *
+ * No selector is spelled in bracket form anywhere in these comments on
+ * purpose: the adapters that re-key the attribute rules onto another host's
+ * signal match that exact substring, and a mention inside a comment would be
+ * swallowed into a rule they then emit as garbage. */
 
-/* === Color-mode visibility (dual-render) === */
+/* === Color-mode visibility (dual-render) ===
+ * The dark wrapper also carries the "hidden" ATTRIBUTE, so a page that never
+ * loaded this stylesheet shows the light diagram rather than both of them.
+ * Every rule below is author-origin and therefore still overrides it.
+ * Keep the two host conventions in separate rule blocks — the adapters
+ * rewrite by literal replace and a folded rule would half-rewrite. */
 .dgmo-dark {
   display: none;
 }
@@ -12,6 +23,12 @@
 [data-theme="dark"] .dgmo-dark {
   display: block;
 }
+html.dark .dgmo-light {
+  display: none;
+}
+html.dark .dgmo-dark {
+  display: block;
+}
 
 /* === Diagram sizing ===
  * SVGs are emitted with viewBox only (no fixed width/height). Force them to

package/dist/block.d.ts

@@ -9,10 +9,18 @@ import './tag-groups-DrHT2tEc.js';
  * consumers, and the `BLOCK_CSS` string export for embedders that inject a
  * `<style>` tag.
  *
- * Dark mode keys off `[data-theme="dark"]`. Hosts with a different signal
- * (`html.dark`, `body.theme-dark`) rewrite the selector at their build step —
+ * Dark mode keys off BOTH `[data-theme="dark"]` (Starlight, Docusaurus) and
+ * `html.dark` (Tailwind, next-themes, VitePress), because those two cover
+ * essentially every host and picking one silently left the other half of the
+ * ecosystem with a diagram that never toggled. A host on a third signal
+ * (`body.theme-dark`) still rewrites the selector at its build step —
  * fumadocs-dgmo/nextra-dgmo's build-css.mjs is the reference adapter.
  *
+ * 🔴 Keep the two conventions in SEPARATE rule blocks. `auto/styles.ts`
+ * re-scopes the `[data-theme="dark"]` rules onto `.dgmo-theme-dark` with a
+ * regex that swallows everything up to the `{`, so folding them into one
+ * multi-selector rule would drag `html.dark` into the re-scoped copy too.
+ *
  * The `.dgmo-tok-*` role colors mirror LIGHT_ROLE_STYLES (light) and
  * NORD_ROLE_STYLES (dark) from editor/highlight-api.ts. A parity test
  * (tests/block.test.ts) guards against drift — update both when either