@cardenelabs/cdl 0.49.0 → 0.50.0

package/dist/react.js

@@ -1,4 +1,4 @@
-import { useMemo, useEffect, useSyncExternalStore, useRef, useCallback, useState, useLayoutEffect, useId } from 'react';
+import { useMemo, useEffect, useSyncExternalStore, useRef, useCallback, useState, useLayoutEffect, useId, createElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/render.tsx
@@ -10401,6 +10401,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("[", 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;
 }
@@ -10656,7 +10667,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)
           }
         )
       ]
@@ -10736,7 +10747,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)
       }
     )
   ] });
@@ -10909,7 +10920,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__ */ jsx(
@@ -11099,7 +11110,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__ */ jsx(
@@ -11110,7 +11121,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)
           }
         )
       ] })
@@ -11159,7 +11170,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__ */ jsx("text", { x: 26, y: 126 - \u305A\u3089\u3057, fontSize: 20, fill: "var(--cdl-text-dim, #5a6270)", children: node.subtitle })
@@ -11272,7 +11283,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__ */ jsx(
@@ -11333,7 +11344,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__ */ jsx(
@@ -11347,7 +11358,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);
@@ -11621,8 +11632,8 @@ function GenericNode({
           /* @__PURE__ */ jsx("path", { d: style.icon, fill: style.eyebrowColor, opacity: 0.7, transform: "scale(1)" })
         ] }),
         node.eyebrow && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
           "text",
           {
@@ -11633,7 +11644,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 && (() => {
@@ -11658,7 +11669,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)) });