@cardenelabs/cdl 0.30.2 → 0.30.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardenelabs/cdl",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "description": "CDL (Chainome Diagram Language). Mermaid-like declarative DSL that compiles to animated SVG diagrams. Built for blockchain / Solidity flows, generic enough for sequence / flow / state / ER / topology diagrams.",
   "license": "MIT",
   "author": "cardene777",

package/src/layout/edges.ts

@@ -3328,8 +3328,116 @@ function 末尾を辺に沿ってずらす(
   }
   // 助走の折れは丸めない。 短い 2 折れなので、 丸めると切り口が区間からはみ出す。
   const 折れ1は直前の折れ = Math.abs(折れ1.x - last.x1) <= 0.5 && Math.abs(折れ1.y - last.y1) <= 0.5;
+  /*
+   * 助走が最後の区間いっぱいに達すると、 1 つ目の折れが直前の折れと重なる (#663)。
+   * その形で 2 つ目の折れを足すと、 直前の折れからずらし量ぶん (実測 28) の直線ができ、
+   * 前後を角丸に挟まれて潰れた角に見える。
+   *
+   * 折れを足す代わりに **直前の折れごと** ずらすと、 手前の区間が伸び縮みするだけで
+   * 短い直線ができない。 手前を辿ってずらす向きと平行な区間を探し、 そこで吸収する。
+   */
+  if (折れ1は直前の折れ) {
+    const 折り返さない = 直前の折れごとずらす(segs, 横, d, nodes, e);
+    if (折り返さない) return 折り返さない;
+  }
   if (!折れ1は直前の折れ) parts.push(`L ${round1(折れ1.x)} ${round1(折れ1.y)}`);
   parts.push(`L ${round1(折れ2.x)} ${round1(折れ2.y)}`);
   parts.push(`L ${round1(終点.x)} ${round1(終点.y)}`);
   return parts.join(" ");
 }
+
+/**
+ * 折れを足さずに、 最後の区間の手前を丸ごとずらす (#663)。
+ *
+ * ずらす向きと **平行な** 区間まで手前へ辿り、 その区間の終わりだけを動かす。
+ * 平行な区間は伸び縮みするだけなので折れが増えない。 その先 (最後の区間まで) は
+ * 形を保ったまま平行移動する。
+ *
+ * 見つからない / 吸収する区間が短くなりすぎる / 箱に当たる 場合は `null` を返し、
+ * 呼出側の従来の形 (折れを 2 つ足す) に任せる。
+ */
+function 直前の折れごとずらす(
+  segs: ReturnType<typeof extractPathSegments>,
+  横: boolean,
+  d: number,
+  nodes: readonly LaidNode[],
+  e: LaidEdge,
+): string | null {
+  // 吸収する区間は、 ずらす向きと平行 = 横にずらすなら縦の区間。
+  const 平行か = (s: (typeof segs)[number]): boolean =>
+    横 ? Math.abs(s.x2 - s.x1) < 0.5 && Math.abs(s.y2 - s.y1) > 0.5
+       : Math.abs(s.y2 - s.y1) < 0.5 && Math.abs(s.x2 - s.x1) > 0.5;
+
+  let 吸収 = -1;
+  for (let i = segs.length - 2; i >= 0; i -= 1) {
+    if (平行か(segs[i]!)) {
+      吸収 = i;
+      break;
+    }
+  }
+  /*
+   * **平行な区間が 1 つも無い形は検査で作れなかった**。 呼出側は「最後の区間が辺に垂直に
+   * 入る」 かつ「助走が最後の区間いっぱいに達する」 形でしか ここへ来ないため、 その手前には
+   * 必ず向きの変わる区間がある。 型の上では起こりうるので、 落ちる代わりに従来の形へ返す。
+   */
+  if (吸収 < 0) return null;
+
+  // 吸収する区間が伸び縮みした後も、 折れとして読める長さを残す。
+  const 元の長さ = 横
+    ? Math.abs(segs[吸収]!.y2 - segs[吸収]!.y1)
+    : Math.abs(segs[吸収]!.x2 - segs[吸収]!.x1);
+  const 向き = 横
+    ? Math.sign(segs[吸収]!.y2 - segs[吸収]!.y1)
+    : Math.sign(segs[吸収]!.x2 - segs[吸収]!.x1);
+  const 後の長さ = 元の長さ + 向き * d;
+  if (後の長さ < ENDPOINT_FAN_RUNUP) return null;
+
+  const ずらす = <T extends { x: number; y: number }>(p: T): T =>
+    (横 ? { ...p, y: p.y + d } : { ...p, x: p.x + d });
+
+  // 吸収する区間の終わりから後ろを全て平行移動する。
+  const 新segs = segs.map((s, i) => {
+    // 吸収する区間は終わりだけを動かす (下で置き直す)。 それより前は触らない。
+    if (i <= 吸収) return s;
+    return {
+      ...s,
+      x1: ずらす({ x: s.x1, y: s.y1 }).x,
+      y1: ずらす({ x: s.x1, y: s.y1 }).y,
+      x2: ずらす({ x: s.x2, y: s.y2 }).x,
+      y2: ずらす({ x: s.x2, y: s.y2 }).y,
+      ...(s.ctrl ? { ctrl: s.ctrl.map((c) => ずらす(c)) } : {}),
+    };
+  });
+  // 吸収する区間の終わりは、 上の map では x2/y2 を個別に扱えないので置き直す。
+  新segs[吸収] = {
+    ...segs[吸収]!,
+    x2: 横 ? segs[吸収]!.x2 : segs[吸収]!.x2 + d,
+    y2: 横 ? segs[吸収]!.y2 + d : segs[吸収]!.y2,
+  };
+
+  if (
+    nodes.some(
+      (n) =>
+        n.id !== e.from &&
+        n.id !== e.to &&
+        segmentsCrossRect(
+          新segs.slice(吸収).map((s) => ({ x1: s.x1, y1: s.y1, x2: s.x2, y2: s.y2 })),
+          nodeRect(n),
+        ),
+    )
+  ) {
+    return null;
+  }
+
+  const head = 新segs[0]!;
+  const parts: string[] = [`M ${round1(head.x1)} ${round1(head.y1)}`];
+  for (const s of 新segs) {
+    if (s.cmd === "Q") {
+      const c = s.ctrl?.[0];
+      parts.push(c ? `Q ${round1(c.x)} ${round1(c.y)}, ${round1(s.x2)} ${round1(s.y2)}` : `L ${round1(s.x2)} ${round1(s.y2)}`);
+      continue;
+    }
+    parts.push(`L ${round1(s.x2)} ${round1(s.y2)}`);
+  }
+  return parts.join(" ");
+}