@cardenelabs/cdl 0.105.0 → 0.106.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardenelabs/cdl",
-  "version": "0.105.0",
+  "version": "0.106.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/visual-validate.ts

@@ -2003,18 +2003,23 @@ function runAxes(
     if (!isRenderedNode(n)) continue;
     const titleTrimmed = n.title?.trim() ?? "";
     if (!titleTrimmed) continue;
-    // 1 字の幅は **その種別が題を描く大きさ** から出す (#946)。 22 の定数で持っていたが、
+    // 幅は **字ごとの実幅** で出す (#949)。 字数に 1 字の幅を掛ける近似は、英数字の題で
+    // 過大に見積もる (英数字は全角の半分ほどしか取らない)。 34 で描く `storage` に
+    // `order_items` を書くと、近似は 426 と数えるが実際は 250 ほどしか使わない。
+    //
+    // 1 字の大きさは **その種別が題を描く大きさ** から渡す (#946)。 22 の定数で持っていたが、
     // 22 で描く種別は 1 つも無く、見積りが実物の 1.2 倍から 1.7 倍になっていた。
     //
     // 箱の内側の余白 (52) は、題を箱の中に描く種別にだけ足す。 箱の外に描く種別 (`dyn-*` の
     // 名前と図表の題) は内側の余白に縛られないので、足すと収まっている題まで挙がる。
-    const titleLen = titleTrimmed.length;
     const expectedW =
-      titleLen * titleFontSize(n.kind) + (drawsTitleOutsideBox(n.kind) ? 0 : TITLE_BOX_PADDING);
+      measureTextWidth(titleTrimmed, { fontSize: titleFontSize(n.kind) }) +
+      (drawsTitleOutsideBox(n.kind) ? 0 : TITLE_BOX_PADDING);
     if (expectedW > n.w + 8) {
       push(
         "text-readability",
-        `node "${n.id}" title "${n.title}" が node 幅 ${n.w}px を超過する可能性 (期待 ${expectedW}px)`,
+        // 字ごとの実幅は小数になるので、読む人に出す時だけ丸める (判定は丸めない)
+        `node "${n.id}" title "${n.title}" が node 幅 ${n.w}px を超過する可能性 (期待 ${Math.round(expectedW)}px)`,
         "warn",
       );
     }