@cardenelabs/cdl 0.104.0 → 0.106.0

package/dist/react.js

@@ -973,6 +973,71 @@ var KINDS_FITTING_OWN_TITLE = /* @__PURE__ */ new Set([
 function fitsOwnTitleWidth(kind) {
   return KINDS_FITTING_OWN_TITLE.has(kind ?? "");
 }
+var KINDS_DRAWING_TITLE_OUTSIDE = /* @__PURE__ */ new Set([
+  "dyn-rect",
+  "dyn-circle",
+  "dyn-arc",
+  "dyn-wave",
+  "dyn-polygon",
+  ...KINDS_DRAWING_OWN_PAYLOAD
+]);
+function drawsTitleOutsideBox(kind) {
+  return KINDS_DRAWING_TITLE_OUTSIDE.has(kind ?? "");
+}
+var TITLE_FONT_SIZE_DEFAULT = 18;
+var TITLE_FONT_SIZE = new Map([
+  ...["dyn-rect", "dyn-circle", "dyn-arc", "dyn-wave", "dyn-polygon"].map(
+    (k) => [k, 13]
+  ),
+  ...[
+    "shape-code-block",
+    "shape-cylinder",
+    "shape-diamond",
+    "shape-iot-sensor",
+    "shape-robot-arm",
+    "shape-stack",
+    "shape-terminal"
+  ].map((k) => [k, 15]),
+  ...[
+    "shape-cloud",
+    "shape-file",
+    "shape-folder",
+    "shape-hexagon",
+    "shape-message-bubble",
+    "shape-window"
+  ].map((k) => [k, 16]),
+  ["shape-kanban-card", 17],
+  ...[
+    "admin",
+    "api",
+    "backend",
+    "cache",
+    "cdn",
+    "cloud",
+    "database",
+    "decision",
+    "developer",
+    "external-user",
+    "frontend",
+    "merkle-tree",
+    "message-bus",
+    "microservice",
+    "oracle",
+    "person",
+    "queue",
+    "service",
+    "signer",
+    "user-group",
+    "webhook"
+  ].map((k) => [k, 20]),
+  ...["card", "event", "function"].map((k) => [k, 24]),
+  ["actor", 32],
+  ["storage", 34]
+]);
+function titleFontSize(kind) {
+  return TITLE_FONT_SIZE.get(kind ?? "") ?? TITLE_FONT_SIZE_DEFAULT;
+}
+var TITLE_BOX_PADDING = 52;
 var KINDS_DRAWN_BY_GENERIC = [
   "person",
   "user-group",
@@ -6066,12 +6131,12 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5
     if (!isRenderedNode(n)) continue;
     const titleTrimmed = n.title?.trim() ?? "";
     if (!titleTrimmed) continue;
-    const titleLen = titleTrimmed.length;
-    const expectedW = titleLen * 22 + 52;
+    const expectedW = 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}" \u304C node \u5E45 ${n.w}px \u3092\u8D85\u904E\u3059\u308B\u53EF\u80FD\u6027 (\u671F\u5F85 ${expectedW}px)`,
+        // 字ごとの実幅は小数になるので、読む人に出す時だけ丸める (判定は丸めない)
+        `node "${n.id}" title "${n.title}" \u304C node \u5E45 ${n.w}px \u3092\u8D85\u904E\u3059\u308B\u53EF\u80FD\u6027 (\u671F\u5F85 ${Math.round(expectedW)}px)`,
         "warn"
       );
     }