@cardenelabs/cdl 0.49.0 → 0.50.0

package/CHANGELOG.md

@@ -5,6 +5,19 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.50.0] - 2026-09-11
+
+### Fixed
+
+- **等幅の文字で `[` と `]` が隣り合うと四角 1 つに見えるのを直した** (#817)
+
+  見本帳のクラス図で、型の `string[]` が画面では `string□` と読めた。 等幅の書体 (`JetBrains Mono`) の
+  `[` と `]` は横棒が字の枠いっぱいまで伸びており、図を画面の幅に合わせて縮めると (画面上 14px 前後)
+  2 本の横棒がつながる。 合字ではない (合字を止めても変わらない)。
+
+  engine が等幅の書体で描く全ての文字で、 `[]` の間にだけ字の大きさの 0.08 倍の隙間を足す。
+  隙間は `<tspan dx>` で足すので、 文字の中身 (`textContent`) は `string[]` のまま変わらない。
+
 ## [0.49.0] - 2026-09-11
 
 ### Added
@@ -2405,7 +2418,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.49.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.50.0...HEAD
+[0.50.0]: https://github.com/cardene777/cdl/compare/v0.49.0...v0.50.0
 [0.49.0]: https://github.com/cardene777/cdl/compare/v0.48.0...v0.49.0
 [0.48.0]: https://github.com/cardene777/cdl/compare/v0.47.0...v0.48.0
 [0.47.0]: https://github.com/cardene777/cdl/compare/v0.46.0...v0.47.0

package/dist/index.cjs

@@ -22920,6 +22920,17 @@ function edgeHeadPaint(head, fill, color) {
   }
   return { fill: color, stroke: "none" };
 }
+var \u89D2\u62EC\u5F27\u306E\u9699\u9593 = 0.08;
+function \u7B49\u5E45\u306E\u5B57(text, fontSize) {
+  if (typeof text !== "string" || !text.includes("[]")) return text;
+  const \u584A = text.split("[]");
+  const out = [];
+  \u584A.forEach((s, i) => {
+    if (i > 0) out.push("[", react.createElement("tspan", { key: i, dx: fontSize * \u89D2\u62EC\u5F27\u306E\u9699\u9593 }, "]"));
+    if (s !== "") out.push(s);
+  });
+  return out;
+}
 function defaultEdgeWidth(active) {
   return active ? 2.5 : 1.25;
 }
@@ -23175,7 +23186,7 @@ function CdlEdgeLabelView({
             fill: active ? color : "var(--cdl-text-dim, #5a6270)",
             opacity: labelTextOpacity("sub"),
             style: { fontFamily: fontFamilyAttr("sub") },
-            children: edge.sub
+            children: \u7B49\u5E45\u306E\u5B57(edge.sub, EDGE_LABEL_TEXT.sub.fontSize)
           }
         )
       ]
@@ -23255,7 +23266,7 @@ function ActorNode({ node, active, value }) {
         textAnchor: "end",
         fill: "var(--cdl-text, #1a1f2a)",
         style: { fontFamily: "'JetBrains Mono', monospace" },
-        children: value
+        children: \u7B49\u5E45\u306E\u5B57(value, 42)
       }
     )
   ] });
@@ -23431,7 +23442,7 @@ function SequenceBoardNode({
           textAnchor: "middle",
           fill: "var(--cdl-text, #1a1f2a)",
           style: { fontFamily: "'JetBrains Mono', monospace" },
-          children: a.name
+          children: \u7B49\u5E45\u306E\u5B57(a.name, SEQ_NAME)
         }
       ),
       a.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
@@ -23621,7 +23632,7 @@ function EventNode({
             fill: "var(--cdl-text, #1a1f2a)",
             textAnchor: \u540D\u524D.anchor,
             style: { fontFamily: "'JetBrains Mono', monospace" },
-            children: node.title
+            children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
           }
         ),
         node.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
@@ -23632,7 +23643,7 @@ function EventNode({
             fontSize: 21,
             fill: "var(--cdl-text-dim, #5a6270)",
             style: { fontFamily: "'JetBrains Mono', monospace" },
-            children: node.subtitle
+            children: \u7B49\u5E45\u306E\u5B57(node.subtitle, 21)
           }
         )
       ] })
@@ -23681,7 +23692,7 @@ function FunctionNode({ node, active }) {
         fill: "var(--cdl-text, #1a1f2a)",
         textAnchor: \u540D\u524D.anchor,
         style: { fontFamily: "'JetBrains Mono', monospace" },
-        children: node.title
+        children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
       }
     ),
     node.subtitle && /* @__PURE__ */ jsxRuntime.jsx("text", { x: 26, y: 126 - \u305A\u3089\u3057, fontSize: 20, fill: "var(--cdl-text-dim, #5a6270)", children: node.subtitle })
@@ -23794,7 +23805,7 @@ function StorageNode({
         fill: "var(--cdl-text, #1a1f2a)",
         textAnchor: \u540D\u524D.anchor,
         style: { fontFamily: "'JetBrains Mono', monospace" },
-        children: node.title
+        children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
       }
     ),
     rows.length > 0 && !\u5370\u3067\u5206\u3051\u308B && /* @__PURE__ */ jsxRuntime.jsx(
@@ -23855,7 +23866,7 @@ function StorageNode({
             fontWeight: \u5370\u3067\u5206\u3051\u308B ? 500 : 600,
             fill: "var(--cdl-text, #1a1f2a)",
             style: { fontFamily: "'JetBrains Mono', monospace" },
-            children: s.left
+            children: \u7B49\u5E45\u306E\u5B57(s.left, 26)
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -23869,7 +23880,7 @@ function StorageNode({
             textAnchor: \u5370\u3067\u5206\u3051\u308B ? "end" : "start",
             fill: \u5370\u3067\u5206\u3051\u308B ? "var(--cdl-text-dim, #5a6270)" : highlightRows ? accent : "var(--cdl-text, #1a1f2a)",
             style: { fontFamily: "'JetBrains Mono', monospace" },
-            children: s.right
+            children: \u7B49\u5E45\u306E\u5B57(s.right, \u5370\u3067\u5206\u3051\u308B ? ROW_TYPE_FONT : 26)
           }
         )
       ] }, idx);
@@ -24143,8 +24154,8 @@ function GenericNode({
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: style.icon, fill: style.eyebrowColor, opacity: 0.7, transform: "scale(1)" })
         ] }),
         node.eyebrow && /* @__PURE__ */ jsxRuntime.jsx("text", { x: textX, y: eyebrowY, fontSize: 17, fontWeight: 700, letterSpacing: 1.5, fill: paint.onSolid ? "var(--cdl-node-fill, #ffffff)" : style.eyebrowColor, textAnchor, dominantBaseline, children: node.eyebrow }),
-        /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-label", x: textX, y: titleY, fontSize: 20, fontWeight: 700, fill: paint.onSolid ? "var(--cdl-node-fill, #ffffff)" : "var(--cdl-text, #1a1f2a)", textAnchor, dominantBaseline, style: node.kind === "function" || node.kind === "api" ? { fontFamily: "'JetBrains Mono', monospace" } : void 0, children: node.title }),
-        node.subtitle && /* @__PURE__ */ jsxRuntime.jsx("text", { x: textX, y: subtitleY, fontSize: 17, fill: paint.onSolid ? "var(--cdl-node-fill, #ffffff)" : "var(--cdl-text-dim, #5a6270)", textAnchor, dominantBaseline, style: { fontFamily: "'JetBrains Mono', monospace" }, children: node.subtitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-label", x: textX, y: titleY, fontSize: 20, fontWeight: 700, fill: paint.onSolid ? "var(--cdl-node-fill, #ffffff)" : "var(--cdl-text, #1a1f2a)", textAnchor, dominantBaseline, style: node.kind === "function" || node.kind === "api" ? { fontFamily: "'JetBrains Mono', monospace" } : void 0, children: node.kind === "function" || node.kind === "api" ? \u7B49\u5E45\u306E\u5B57(node.title, 20) : node.title }),
+        node.subtitle && /* @__PURE__ */ jsxRuntime.jsx("text", { x: textX, y: subtitleY, fontSize: 17, fill: paint.onSolid ? "var(--cdl-node-fill, #ffffff)" : "var(--cdl-text-dim, #5a6270)", textAnchor, dominantBaseline, style: { fontFamily: "'JetBrains Mono', monospace" }, children: \u7B49\u5E45\u306E\u5B57(node.subtitle, 17) }),
         resolvedValue && /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
@@ -24155,7 +24166,7 @@ function GenericNode({
             textAnchor: "end",
             fill: "var(--cdl-text, #1a1f2a)",
             style: { fontFamily: "'JetBrains Mono', monospace" },
-            children: resolvedValue
+            children: \u7B49\u5E45\u306E\u5B57(resolvedValue, 32)
           }
         ),
         node.rows && node.rows.length > 0 && (() => {
@@ -24180,7 +24191,7 @@ function GenericNode({
                 textAnchor: "start",
                 fill: "var(--cdl-text, #1a1f2a)",
                 style: { fontFamily: "'JetBrains Mono', monospace" },
-                children: s.right
+                children: \u7B49\u5E45\u306E\u5B57(s.right, 21)
               }
             )
           ] }, i)) });