@cardenelabs/cdl 0.18.1 → 0.19.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 +22 -1
- package/dist/index.cjs +23 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -23
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +23 -23
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +23 -23
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/layout/nodes.ts +4 -2
- package/src/layout/tokens.ts +22 -22
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cardenelabs/cdl",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.0",
|
|
4
4
|
"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.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "cardene777",
|
package/src/layout/nodes.ts
CHANGED
|
@@ -27,10 +27,12 @@ function autoStorageHeight(
|
|
|
27
27
|
if (n.kind !== "storage") return n.h ?? defaultH;
|
|
28
28
|
if (n.h != null) return n.h;
|
|
29
29
|
// rows なし storage は title + divider のみで render されるため、 default h=240 では空白過大。
|
|
30
|
-
//
|
|
30
|
+
//
|
|
31
|
+
// 上下の余白を揃える (#586)。 実測で 150 のとき上 21 / 下 55.9 と下だけ 35 空いていた。
|
|
32
|
+
// 字の高さ 73.2 に上の余白 21 を上下ぶん足して 115 にする。
|
|
31
33
|
const 印あり = n.rowMarks !== undefined;
|
|
32
34
|
const 呼び名の分 = 印あり && n.subtitle ? SUBTITLE_ROW_SHIFT : 0;
|
|
33
|
-
if (!n.rows || n.rows.length === 0) return
|
|
35
|
+
if (!n.rows || n.rows.length === 0) return 115 + 呼び名の分;
|
|
34
36
|
const 必要 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
35
37
|
// 行頭の印を持つ箱は **中身の足し算だけ** で高さを決める (#578)。 下限を残すと、行が
|
|
36
38
|
// 1 つしか無い箱が 4 行の箱と同じ高さになり、下が空いたまま並ぶ。
|
package/src/layout/tokens.ts
CHANGED
|
@@ -17,35 +17,35 @@ export const TOKENS = {
|
|
|
17
17
|
|
|
18
18
|
// node sizes (kind ごと、 unified row h は engine が max() で算出)
|
|
19
19
|
node: {
|
|
20
|
-
actor: { w: 340, h:
|
|
21
|
-
function: { w: 380, h:
|
|
20
|
+
actor: { w: 340, h: 165 },
|
|
21
|
+
function: { w: 380, h: 151 },
|
|
22
22
|
storage: { w: 400, h: 240 },
|
|
23
|
-
event: { w: 360, h:
|
|
23
|
+
event: { w: 360, h: 156 },
|
|
24
24
|
card: { w: 320, h: 150 },
|
|
25
25
|
// 人系
|
|
26
|
-
person: { w: 280, h:
|
|
27
|
-
"user-group": { w: 320, h:
|
|
28
|
-
admin: { w: 280, h:
|
|
29
|
-
developer: { w: 280, h:
|
|
30
|
-
"external-user": { w: 300, h:
|
|
26
|
+
person: { w: 280, h: 116 },
|
|
27
|
+
"user-group": { w: 320, h: 116 },
|
|
28
|
+
admin: { w: 280, h: 116 },
|
|
29
|
+
developer: { w: 280, h: 116 },
|
|
30
|
+
"external-user": { w: 300, h: 116 },
|
|
31
31
|
// インフラ
|
|
32
|
-
database: { w: 320, h:
|
|
33
|
-
cache: { w: 280, h:
|
|
34
|
-
queue: { w: 340, h:
|
|
35
|
-
"message-bus": { w: 380, h:
|
|
32
|
+
database: { w: 320, h: 172 },
|
|
33
|
+
cache: { w: 280, h: 116 },
|
|
34
|
+
queue: { w: 340, h: 116 },
|
|
35
|
+
"message-bus": { w: 380, h: 116 },
|
|
36
36
|
cloud: { w: 320, h: 180 },
|
|
37
|
-
cdn: { w: 320, h:
|
|
37
|
+
cdn: { w: 320, h: 116 },
|
|
38
38
|
// アプリ系
|
|
39
|
-
service: { w: 320, h:
|
|
40
|
-
api: { w: 320, h:
|
|
41
|
-
frontend: { w: 320, h:
|
|
42
|
-
backend: { w: 320, h:
|
|
43
|
-
webhook: { w: 320, h:
|
|
44
|
-
microservice: { w: 320, h:
|
|
39
|
+
service: { w: 320, h: 116 },
|
|
40
|
+
api: { w: 320, h: 116 },
|
|
41
|
+
frontend: { w: 320, h: 116 },
|
|
42
|
+
backend: { w: 320, h: 116 },
|
|
43
|
+
webhook: { w: 320, h: 116 },
|
|
44
|
+
microservice: { w: 320, h: 116 },
|
|
45
45
|
// データ / 判定
|
|
46
|
-
signer: { w: 300, h:
|
|
47
|
-
oracle: { w: 320, h:
|
|
48
|
-
"merkle-tree": { w: 340, h:
|
|
46
|
+
signer: { w: 300, h: 116 },
|
|
47
|
+
oracle: { w: 320, h: 116 },
|
|
48
|
+
"merkle-tree": { w: 340, h: 116 },
|
|
49
49
|
decision: { w: 300, h: 180 },
|
|
50
50
|
// Chart 系 (CAR-994 Phase A) ... 1 node に datum 配列を持ち、 kind 内で SVG geometry 描画。
|
|
51
51
|
// 実際の w/h は preset chart() が w/h override で指定 (default fallback は preset 未指定時のみ)。
|