@cardenelabs/cdl 0.49.0 → 0.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -1
- package/dist/index.cjs +24 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +25 -14
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +24 -13
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +25 -14
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/kinds/actor.tsx +2 -1
- package/src/kinds/event.tsx +3 -2
- package/src/kinds/function.tsx +2 -1
- package/src/kinds/generic.tsx +5 -4
- package/src/kinds/sequence-board.tsx +2 -1
- package/src/kinds/storage.tsx +4 -3
- package/src/render/edges.tsx +2 -1
- package/src/render/mono-text.ts +44 -0
package/dist/react.cjs
CHANGED
|
@@ -10403,6 +10403,17 @@ function edgeHeadPaint(head, fill, color) {
|
|
|
10403
10403
|
}
|
|
10404
10404
|
return { fill: color, stroke: "none" };
|
|
10405
10405
|
}
|
|
10406
|
+
var \u89D2\u62EC\u5F27\u306E\u9699\u9593 = 0.08;
|
|
10407
|
+
function \u7B49\u5E45\u306E\u5B57(text, fontSize) {
|
|
10408
|
+
if (typeof text !== "string" || !text.includes("[]")) return text;
|
|
10409
|
+
const \u584A = text.split("[]");
|
|
10410
|
+
const out = [];
|
|
10411
|
+
\u584A.forEach((s, i) => {
|
|
10412
|
+
if (i > 0) out.push("[", react.createElement("tspan", { key: i, dx: fontSize * \u89D2\u62EC\u5F27\u306E\u9699\u9593 }, "]"));
|
|
10413
|
+
if (s !== "") out.push(s);
|
|
10414
|
+
});
|
|
10415
|
+
return out;
|
|
10416
|
+
}
|
|
10406
10417
|
function defaultEdgeWidth(active) {
|
|
10407
10418
|
return active ? 2.5 : 1.25;
|
|
10408
10419
|
}
|
|
@@ -10658,7 +10669,7 @@ function CdlEdgeLabelView({
|
|
|
10658
10669
|
fill: active ? color : "var(--cdl-text-dim, #5a6270)",
|
|
10659
10670
|
opacity: labelTextOpacity("sub"),
|
|
10660
10671
|
style: { fontFamily: fontFamilyAttr("sub") },
|
|
10661
|
-
children: edge.sub
|
|
10672
|
+
children: \u7B49\u5E45\u306E\u5B57(edge.sub, EDGE_LABEL_TEXT.sub.fontSize)
|
|
10662
10673
|
}
|
|
10663
10674
|
)
|
|
10664
10675
|
]
|
|
@@ -10738,7 +10749,7 @@ function ActorNode({ node, active, value }) {
|
|
|
10738
10749
|
textAnchor: "end",
|
|
10739
10750
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
10740
10751
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
10741
|
-
children: value
|
|
10752
|
+
children: \u7B49\u5E45\u306E\u5B57(value, 42)
|
|
10742
10753
|
}
|
|
10743
10754
|
)
|
|
10744
10755
|
] });
|
|
@@ -10911,7 +10922,7 @@ function SequenceBoardNode({
|
|
|
10911
10922
|
textAnchor: "middle",
|
|
10912
10923
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
10913
10924
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
10914
|
-
children: a.name
|
|
10925
|
+
children: \u7B49\u5E45\u306E\u5B57(a.name, SEQ_NAME)
|
|
10915
10926
|
}
|
|
10916
10927
|
),
|
|
10917
10928
|
a.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -11101,7 +11112,7 @@ function EventNode({
|
|
|
11101
11112
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11102
11113
|
textAnchor: \u540D\u524D.anchor,
|
|
11103
11114
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11104
|
-
children: node.title
|
|
11115
|
+
children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
|
|
11105
11116
|
}
|
|
11106
11117
|
),
|
|
11107
11118
|
node.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -11112,7 +11123,7 @@ function EventNode({
|
|
|
11112
11123
|
fontSize: 21,
|
|
11113
11124
|
fill: "var(--cdl-text-dim, #5a6270)",
|
|
11114
11125
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11115
|
-
children: node.subtitle
|
|
11126
|
+
children: \u7B49\u5E45\u306E\u5B57(node.subtitle, 21)
|
|
11116
11127
|
}
|
|
11117
11128
|
)
|
|
11118
11129
|
] })
|
|
@@ -11161,7 +11172,7 @@ function FunctionNode({ node, active }) {
|
|
|
11161
11172
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11162
11173
|
textAnchor: \u540D\u524D.anchor,
|
|
11163
11174
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11164
|
-
children: node.title
|
|
11175
|
+
children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
|
|
11165
11176
|
}
|
|
11166
11177
|
),
|
|
11167
11178
|
node.subtitle && /* @__PURE__ */ jsxRuntime.jsx("text", { x: 26, y: 126 - \u305A\u3089\u3057, fontSize: 20, fill: "var(--cdl-text-dim, #5a6270)", children: node.subtitle })
|
|
@@ -11274,7 +11285,7 @@ function StorageNode({
|
|
|
11274
11285
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11275
11286
|
textAnchor: \u540D\u524D.anchor,
|
|
11276
11287
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11277
|
-
children: node.title
|
|
11288
|
+
children: \u7B49\u5E45\u306E\u5B57(node.title, \u540D\u524D.size)
|
|
11278
11289
|
}
|
|
11279
11290
|
),
|
|
11280
11291
|
rows.length > 0 && !\u5370\u3067\u5206\u3051\u308B && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -11335,7 +11346,7 @@ function StorageNode({
|
|
|
11335
11346
|
fontWeight: \u5370\u3067\u5206\u3051\u308B ? 500 : 600,
|
|
11336
11347
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11337
11348
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11338
|
-
children: s.left
|
|
11349
|
+
children: \u7B49\u5E45\u306E\u5B57(s.left, 26)
|
|
11339
11350
|
}
|
|
11340
11351
|
),
|
|
11341
11352
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -11349,7 +11360,7 @@ function StorageNode({
|
|
|
11349
11360
|
textAnchor: \u5370\u3067\u5206\u3051\u308B ? "end" : "start",
|
|
11350
11361
|
fill: \u5370\u3067\u5206\u3051\u308B ? "var(--cdl-text-dim, #5a6270)" : highlightRows ? accent : "var(--cdl-text, #1a1f2a)",
|
|
11351
11362
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11352
|
-
children: s.right
|
|
11363
|
+
children: \u7B49\u5E45\u306E\u5B57(s.right, \u5370\u3067\u5206\u3051\u308B ? ROW_TYPE_FONT : 26)
|
|
11353
11364
|
}
|
|
11354
11365
|
)
|
|
11355
11366
|
] }, idx);
|
|
@@ -11623,8 +11634,8 @@ function GenericNode({
|
|
|
11623
11634
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: style.icon, fill: style.eyebrowColor, opacity: 0.7, transform: "scale(1)" })
|
|
11624
11635
|
] }),
|
|
11625
11636
|
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 }),
|
|
11626
|
-
/* @__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 }),
|
|
11627
|
-
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 }),
|
|
11637
|
+
/* @__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 }),
|
|
11638
|
+
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) }),
|
|
11628
11639
|
resolvedValue && /* @__PURE__ */ jsxRuntime.jsx(
|
|
11629
11640
|
"text",
|
|
11630
11641
|
{
|
|
@@ -11635,7 +11646,7 @@ function GenericNode({
|
|
|
11635
11646
|
textAnchor: "end",
|
|
11636
11647
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11637
11648
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11638
|
-
children: resolvedValue
|
|
11649
|
+
children: \u7B49\u5E45\u306E\u5B57(resolvedValue, 32)
|
|
11639
11650
|
}
|
|
11640
11651
|
),
|
|
11641
11652
|
node.rows && node.rows.length > 0 && (() => {
|
|
@@ -11660,7 +11671,7 @@ function GenericNode({
|
|
|
11660
11671
|
textAnchor: "start",
|
|
11661
11672
|
fill: "var(--cdl-text, #1a1f2a)",
|
|
11662
11673
|
style: { fontFamily: "'JetBrains Mono', monospace" },
|
|
11663
|
-
children: s.right
|
|
11674
|
+
children: \u7B49\u5E45\u306E\u5B57(s.right, 21)
|
|
11664
11675
|
}
|
|
11665
11676
|
)
|
|
11666
11677
|
] }, i)) });
|