schematex 0.4.2 → 0.5.0

package/dist/{chunk-KVP7AORH.js → chunk-UFTYX73U.js}

@@ -1,3 +1,4 @@
+import { firstContentLine } from './chunk-2KTQ75LN.js';
 import { resolveFlowchartTheme } from './chunk-2VNMKOUO.js';
 import { text, title, desc, el, defs, group, svgRoot, rect, multilineText, path, polygon, circle, line } from './chunk-SYYBKDL7.js';
 
@@ -289,6 +290,47 @@ function parseCssProps(s) {
   }
   return props;
 }
+function extractInlineClasses(line2) {
+  const pairs = [];
+  let out = line2;
+  const re = /:::([A-Za-z_][\w-]*)/g;
+  let m;
+  const hits = [];
+  while ((m = re.exec(out)) !== null) {
+    hits.push({ start: m.index, end: m.index + m[0].length, name: m[1] });
+  }
+  if (hits.length === 0) return { stripped: line2, pairs };
+  for (let h = hits.length - 1; h >= 0; h--) {
+    const hit = hits[h];
+    const before = out.slice(0, hit.start);
+    let cursor = before.length;
+    const lastCh = before[cursor - 1];
+    if (lastCh === "]" || lastCh === ")" || lastCh === "}") {
+      const closer = lastCh;
+      const opener = closer === "]" ? "[" : closer === ")" ? "(" : "{";
+      let depth = 0;
+      let i = cursor - 1;
+      for (; i >= 0; i--) {
+        if (before[i] === closer) depth++;
+        else if (before[i] === opener) {
+          depth--;
+          if (depth === 0) break;
+        }
+      }
+      if (i >= 0) cursor = i;
+    }
+    const idEnd = cursor;
+    let idStart = idEnd;
+    while (idStart > 0 && /[A-Za-z0-9_-]/.test(before[idStart - 1])) idStart--;
+    if (idStart === idEnd) {
+      continue;
+    }
+    const id = before.slice(idStart, idEnd);
+    pairs.push({ id, className: hit.name });
+    out = out.slice(0, hit.start) + out.slice(hit.end);
+  }
+  return { stripped: out, pairs };
+}
 function parseFlowchart(source) {
   const lines = source.replace(/\r\n/g, "\n").split("\n");
   const ast = {
@@ -331,10 +373,18 @@ function parseFlowchart(source) {
     ast.title = mQuoted ? mQuoted[1] : extra;
   }
   const subgraphStack = [];
+  const pendingInlineClasses = [];
   for (let i = headerIdx + 1; i < lines.length; i++) {
-    const raw = lines[i];
+    const rawOriginal = lines[i];
+    const originalTrimmed = rawOriginal.trim();
+    if (originalTrimmed.length === 0 || originalTrimmed.startsWith("%%")) {
+      continue;
+    }
+    const { stripped, pairs } = extractInlineClasses(rawOriginal);
+    for (const p of pairs) pendingInlineClasses.push(p);
+    const raw = stripped;
     const trimmed = raw.trim();
-    if (trimmed.length === 0 || trimmed.startsWith("%%")) continue;
+    if (trimmed.length === 0) continue;
     const sgMatch = /^subgraph(?:\s+(.*))?$/.exec(trimmed);
     if (sgMatch) {
       const sg = parseSubgraphHeader(sgMatch[1] ?? "", ast.subgraphs.length);
@@ -457,6 +507,11 @@ function parseFlowchart(source) {
       ast.edges.push(edge);
     }
   }
+  for (const { id, className } of pendingInlineClasses) {
+    const existing = nodeMap.get(id);
+    if (!existing) continue;
+    existing.classes = [...existing.classes ?? [], className];
+  }
   return ast;
 }
 
@@ -767,15 +822,27 @@ function isFullWidth(code) {
   if (code >= 131072 && code <= 196607) return true;
   return false;
 }
-function measureLabelWidth(label) {
+function labelLines(label) {
+  return String(label).split(/<br\s*\/?>|\n/i).map((line2) => line2.replace(/<\/?[bi]>/gi, ""));
+}
+function measureLineWidth(line2) {
   let w = 0;
-  for (const ch of label) {
+  for (const ch of line2) {
     const code = ch.codePointAt(0) ?? 0;
     if (isFullWidth(code)) w += FC_CONST.cjkCharWidth;
     else w += FC_CONST.charWidth;
   }
   return w;
 }
+function measureLabelWidth(label) {
+  const lines = labelLines(label);
+  let max = 0;
+  for (const line2 of lines) {
+    const w = measureLineWidth(line2);
+    if (w > max) max = w;
+  }
+  return max;
+}
 function greedyFAS(nodeIds, edges) {
   const outAdj = /* @__PURE__ */ new Map();
   const inAdj = /* @__PURE__ */ new Map();
@@ -1208,6 +1275,85 @@ function laneBasedXCoords(layerNodes, pathOf, nodeSpacingX, segments) {
   }
   return result;
 }
+function enforceSequentialClusterLayers(ast, layerMap, edges) {
+  const sgParent = /* @__PURE__ */ new Map();
+  for (const sg of ast.subgraphs) {
+    for (const childSg of sg.subgraphs) sgParent.set(childSg, sg.id);
+    if (!sgParent.has(sg.id)) sgParent.set(sg.id, void 0);
+  }
+  const topLevel = ast.subgraphs.filter((sg) => !sgParent.get(sg.id));
+  if (topLevel.length < 2) return;
+  const collect = (sgId) => {
+    const sg = ast.subgraphs.find((s) => s.id === sgId);
+    if (!sg) return [];
+    const ids = [...sg.children];
+    for (const childSgId of sg.subgraphs) ids.push(...collect(childSgId));
+    return ids;
+  };
+  const adjOut = /* @__PURE__ */ new Map();
+  for (const e of edges) {
+    if (!adjOut.has(e.from)) adjOut.set(e.from, []);
+    adjOut.get(e.from).push(e.to);
+  }
+  const hasForwardEdge = (srcSgId, dstSgId) => {
+    const srcIds = new Set(collect(srcSgId));
+    const dstIds = new Set(collect(dstSgId));
+    for (const id of srcIds) {
+      for (const t of adjOut.get(id) ?? []) {
+        if (dstIds.has(t)) return true;
+      }
+    }
+    return false;
+  };
+  const chains = [];
+  let cur = [];
+  for (let i = 0; i < topLevel.length; i++) {
+    const sg = topLevel[i];
+    if (i === 0 || !hasForwardEdge(topLevel[i - 1].id, sg.id)) {
+      if (cur.length > 1) chains.push(cur);
+      cur = [sg.id];
+    } else {
+      cur.push(sg.id);
+    }
+  }
+  if (cur.length > 1) chains.push(cur);
+  if (chains.length === 0) return;
+  for (const chain of chains) {
+    let prevMax = -Infinity;
+    for (const clusterId of chain) {
+      const ids = collect(clusterId);
+      if (ids.length === 0) continue;
+      let curMin = Infinity;
+      let curMax = -Infinity;
+      for (const id of ids) {
+        const l = layerMap.get(id) ?? 0;
+        if (l < curMin) curMin = l;
+        if (l > curMax) curMax = l;
+      }
+      const requiredMin = prevMax === -Infinity ? curMin : prevMax + 1;
+      if (curMin < requiredMin) {
+        const shift = requiredMin - curMin;
+        const toShift = new Set(ids);
+        const queue = [...ids];
+        while (queue.length > 0) {
+          const u = queue.shift();
+          for (const t of adjOut.get(u) ?? []) {
+            if (!toShift.has(t)) {
+              toShift.add(t);
+              queue.push(t);
+            }
+          }
+        }
+        for (const id of toShift) {
+          layerMap.set(id, (layerMap.get(id) ?? 0) + shift);
+        }
+        prevMax = curMax + shift;
+      } else {
+        prevMax = curMax;
+      }
+    }
+  }
+}
 function hasOverlappingTopLevelClusters(ast, layerMap, sgParent) {
   const topLevel = ast.subgraphs.filter((sg) => !sgParent.get(sg.id));
   if (topLevel.length < 2) return false;
@@ -1244,7 +1390,9 @@ function layoutFlowchart(ast) {
       Math.ceil(rawTextW) + FC_CONST.labelHPad * 2
     );
     let shapeW = Math.max(FC_CONST.minNodeWidth, labelW);
-    let shapeH = FC_CONST.nodeHeight;
+    const nLines = labelLines(n.label).length;
+    const multilineH = nLines > 1 ? FC_CONST.nodeHeight + (nLines - 1) * 14 : FC_CONST.nodeHeight;
+    let shapeH = multilineH;
     if (n.shape === "diamond") {
       shapeW = Math.max(shapeW, labelW * 1.4);
       shapeH = Math.max(shapeH, 52);
@@ -1301,6 +1449,7 @@ function layoutFlowchart(ast) {
     };
   });
   const layerMap = longestPathLayers(allIds, ledges);
+  enforceSequentialClusterLayers(ast, layerMap, ledges);
   let dummyCounter = 0;
   const dummies = [];
   const { updatedEdges } = insertDummies(ledges, layerMap, () => {
@@ -2077,14 +2226,8 @@ function renderFlowchart(text2, themeName = "default") {
 var flowchart = {
   type: "flowchart",
   detect(text2) {
-    for (const raw of text2.split(/\r?\n/)) {
-      const t = raw.trim();
-      if (t.length === 0) continue;
-      if (t.startsWith("%%")) continue;
-      const first = t.split(/\s+/)[0]?.toLowerCase() ?? "";
-      return first === "flowchart" || first === "graph";
-    }
-    return false;
+    const first = firstContentLine(text2)?.split(/\s+/)[0]?.toLowerCase() ?? "";
+    return first === "flowchart" || first === "graph";
   },
   parse: parseFlowchart,
   render(text2, config) {
@@ -2094,5 +2237,5 @@ var flowchart = {
 };
 
 export { FC_CONST, flowchart, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST };
-//# sourceMappingURL=chunk-KVP7AORH.js.map
-//# sourceMappingURL=chunk-KVP7AORH.js.map
+//# sourceMappingURL=chunk-UFTYX73U.js.map
+//# sourceMappingURL=chunk-UFTYX73U.js.map