@cardenelabs/cdl 0.45.0 → 0.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardenelabs/cdl",
-  "version": "0.45.0",
+  "version": "0.46.0",
   "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

@@ -32,6 +32,20 @@ import { DEFAULT_LABEL_MARGIN } from "./tokens";
 const VERTICAL_DETOUR_GAP = 50;
 /** 縦 detour の角の丸め半径 (world unit)。 */
 const VERTICAL_DETOUR_CORNER = 14;
+
+/**
+ * 縦に進む区間の**進む向き** (下へ = 1、 上へ = -1)。 角の丸めの位置を決める時に使う。
+ *
+ * 角は「手前 14 で直線を止め、弧で 14 先へ抜ける」 形で作る。 手前と先がどちら側かは
+ * 進む向きで決まるので、下向きに固定すると上向きの辺で直線が角を通り過ぎ、
+ * 弧が戻る形になって角の外に突起が出る (`#801`)。
+ *
+ * `from === to` (縦に動かない) は下向きに倒す。 その時は縦の区間の長さが 0 で、
+ * どちらへ倒しても弧は同じ位置に出る。
+ */
+export function verticalCornerDir(from: number, to: number): 1 | -1 {
+  return to < from ? -1 : 1;
+}
 /** 縦 detour が source から曲がるまで直進する距離 (world unit)。 EDGE_STUB_OUT を上回る。 */
 const VERTICAL_DETOUR_EXIT = 45;
 
@@ -2197,12 +2211,23 @@ function routePath(
     // CAR-518 SSOT ... dotted-flow は 62 world (marker glow radius 分拡張) を labelInit で参照。
     // fan-in / fan-out の分散は chain 伝搬 shift が担当。
     const labelY = midY - labelInit;
+    // **角の丸めは進む向きから決める** (`#801`)。 手前で止める位置と抜けた先の位置は
+    // 「角の手前 14」「角の先 14」 であって、上下のどちらかに固定はできない。
+    //
+    // 固定していた間、`fromSide === "top"` の辺 (相手が上にある = 上向きに出る辺) は
+    // 直線が角を 14 通り過ぎてから弧で戻る形になり、角の外側に 14 の突起が出ていた
+    // (見本帳 `class-complex-demo` の `結ぶ` で実測)。
+    //
+    // 同じ誤りは `CAR-482` が別の分岐 (`cornerDirA` / `cornerDirB`) で 1 度直している。
+    // ここはその時に見落とされた 2 つ目の分岐。
+    const 縦の向きA = verticalCornerDir(A.y, midY);
+    const 縦の向きB = verticalCornerDir(midY, B.y);
     return {
       d: `M ${A.x} ${A.y}
-        L ${A.x} ${midY - corner}
+        L ${A.x} ${midY - 縦の向きA * corner}
         Q ${A.x} ${midY}, ${A.x + xDir * corner} ${midY}
         L ${B.x - xDir * corner} ${midY}
-        Q ${B.x} ${midY}, ${B.x} ${midY + corner}
+        Q ${B.x} ${midY}, ${B.x} ${midY + 縦の向きB * corner}
         L ${B.x} ${B.y}`,
       labelX: (A.x + B.x) / 2,
       labelY,