@imanect/yui 0.0.0-stage → 0.2.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.
Files changed (96) hide show
  1. package/LICENSE-APACHE +202 -0
  2. package/LICENSE-MIT +21 -0
  3. package/README.md +85 -2
  4. package/dist/index.d.ts +7 -0
  5. package/dist/index.d.ts.map +1 -0
  6. package/dist/index.js +7 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/ir.d.ts +105 -0
  9. package/dist/ir.d.ts.map +1 -0
  10. package/dist/ir.js +8 -0
  11. package/dist/ir.js.map +1 -0
  12. package/dist/kinds/chart.d.ts +5 -0
  13. package/dist/kinds/chart.d.ts.map +1 -0
  14. package/dist/kinds/chart.js +110 -0
  15. package/dist/kinds/chart.js.map +1 -0
  16. package/dist/kinds/flow.d.ts +17 -0
  17. package/dist/kinds/flow.d.ts.map +1 -0
  18. package/dist/kinds/flow.js +175 -0
  19. package/dist/kinds/flow.js.map +1 -0
  20. package/dist/kinds/stack.d.ts +17 -0
  21. package/dist/kinds/stack.d.ts.map +1 -0
  22. package/dist/kinds/stack.js +106 -0
  23. package/dist/kinds/stack.js.map +1 -0
  24. package/dist/kinds/stat.d.ts +5 -0
  25. package/dist/kinds/stat.d.ts.map +1 -0
  26. package/dist/kinds/stat.js +56 -0
  27. package/dist/kinds/stat.js.map +1 -0
  28. package/dist/lines.d.ts +57 -0
  29. package/dist/lines.d.ts.map +1 -0
  30. package/dist/lines.js +129 -0
  31. package/dist/lines.js.map +1 -0
  32. package/dist/markdown.d.ts +41 -0
  33. package/dist/markdown.d.ts.map +1 -0
  34. package/dist/markdown.js +84 -0
  35. package/dist/markdown.js.map +1 -0
  36. package/dist/number.d.ts +32 -0
  37. package/dist/number.d.ts.map +1 -0
  38. package/dist/number.js +101 -0
  39. package/dist/number.js.map +1 -0
  40. package/dist/parse.d.ts +15 -0
  41. package/dist/parse.d.ts.map +1 -0
  42. package/dist/parse.js +124 -0
  43. package/dist/parse.js.map +1 -0
  44. package/dist/react/index.d.ts +46 -0
  45. package/dist/react/index.d.ts.map +1 -0
  46. package/dist/react/index.js +119 -0
  47. package/dist/react/index.js.map +1 -0
  48. package/dist/render/chart.d.ts +10 -0
  49. package/dist/render/chart.d.ts.map +1 -0
  50. package/dist/render/chart.js +237 -0
  51. package/dist/render/chart.js.map +1 -0
  52. package/dist/render/flow.d.ts +12 -0
  53. package/dist/render/flow.d.ts.map +1 -0
  54. package/dist/render/flow.js +284 -0
  55. package/dist/render/flow.js.map +1 -0
  56. package/dist/render/frame.d.ts +44 -0
  57. package/dist/render/frame.d.ts.map +1 -0
  58. package/dist/render/frame.js +79 -0
  59. package/dist/render/frame.js.map +1 -0
  60. package/dist/render/layout.d.ts +7 -0
  61. package/dist/render/layout.d.ts.map +1 -0
  62. package/dist/render/layout.js +29 -0
  63. package/dist/render/layout.js.map +1 -0
  64. package/dist/render/measure.d.ts +16 -0
  65. package/dist/render/measure.d.ts.map +1 -0
  66. package/dist/render/measure.js +86 -0
  67. package/dist/render/measure.js.map +1 -0
  68. package/dist/render/scene.d.ts +60 -0
  69. package/dist/render/scene.d.ts.map +1 -0
  70. package/dist/render/scene.js +20 -0
  71. package/dist/render/scene.js.map +1 -0
  72. package/dist/render/stack.d.ts +11 -0
  73. package/dist/render/stack.d.ts.map +1 -0
  74. package/dist/render/stack.js +112 -0
  75. package/dist/render/stack.js.map +1 -0
  76. package/dist/render/stat.d.ts +5 -0
  77. package/dist/render/stat.d.ts.map +1 -0
  78. package/dist/render/stat.js +36 -0
  79. package/dist/render/stat.js.map +1 -0
  80. package/dist/render/svg.d.ts +19 -0
  81. package/dist/render/svg.d.ts.map +1 -0
  82. package/dist/render/svg.js +88 -0
  83. package/dist/render/svg.js.map +1 -0
  84. package/dist/render/theme.d.ts +20 -0
  85. package/dist/render/theme.d.ts.map +1 -0
  86. package/dist/render/theme.js +87 -0
  87. package/dist/render/theme.js.map +1 -0
  88. package/dist/svg.d.ts +8 -0
  89. package/dist/svg.d.ts.map +1 -0
  90. package/dist/svg.js +7 -0
  91. package/dist/svg.js.map +1 -0
  92. package/dist/text.d.ts +17 -0
  93. package/dist/text.d.ts.map +1 -0
  94. package/dist/text.js +173 -0
  95. package/dist/text.js.map +1 -0
  96. package/package.json +66 -4
@@ -0,0 +1,44 @@
1
+ /** 図の共通部分(見出し・凡例・注記)と、数値の書式・目盛り。 */
2
+ import type { Figure } from "../ir.js";
3
+ import { type Measure } from "./measure.js";
4
+ import type { Item } from "./scene.js";
5
+ export interface LayoutOptions {
6
+ /** 描画幅(px)。既定 640。 */
7
+ width?: number;
8
+ /** 数値の書式のロケール。既定 ja-JP。 */
9
+ locale?: string;
10
+ /** 文字幅の計測(ブラウザなら canvas の measureText などに差し替えられる)。 */
11
+ measure?: Measure;
12
+ /** 定型の文言。既定はロケールが ja なら日本語、それ以外は英語。 */
13
+ labels?: Labels;
14
+ }
15
+ /** 図の中に出る定型の文言(ロケールで切り替える)。 */
16
+ export interface Labels {
17
+ unit: (unit: string) => string;
18
+ note: (note: string) => string;
19
+ }
20
+ export declare const LABELS_JA: Labels;
21
+ export declare const LABELS_EN: Labels;
22
+ export interface Ctx {
23
+ width: number;
24
+ pad: number;
25
+ locale: string;
26
+ labels: Labels;
27
+ measure: Measure;
28
+ items: Item[];
29
+ }
30
+ export declare function makeCtx(opts: LayoutOptions): Ctx;
31
+ export declare const TITLE_SIZE = 15;
32
+ export declare const BODY_SIZE = 12;
33
+ export declare const SMALL_SIZE = 11;
34
+ /** 見出し(引用番号付き)を置き、次に使える y を返す。 */
35
+ export declare function drawTitle(ctx: Ctx, f: Figure, y: number): number;
36
+ /** 系列の凡例(2 系列以上のときだけ)。次に使える y を返す。 */
37
+ export declare function drawLegend(ctx: Ctx, names: string[], y: number, mark: "box" | "line"): number;
38
+ /** 注記を置き、次に使える y を返す。 */
39
+ export declare function drawNote(ctx: Ctx, f: Figure, y: number): number;
40
+ export declare function formatValue(v: number, locale: string): string;
41
+ export declare function formatTick(v: number, locale: string): string;
42
+ /** 区切りのよい目盛り(0 を含む)。 */
43
+ export declare function niceTicks(min: number, max: number, count?: number): number[];
44
+ //# sourceMappingURL=frame.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/render/frame.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,+BAA+B;AAC/B,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,MAA2D,CAAC;AACpF,eAAO,MAAM,SAAS,EAAE,MAAiE,CAAC;AAE1F,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAKhD;AAED,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,kCAAkC;AAClC,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAMhE;AAED,sCAAsC;AACtC,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAmB7F;AAED,yBAAyB;AACzB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAK/D;AAID,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAwB;AACxB,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE,CAYvE"}
@@ -0,0 +1,79 @@
1
+ /** 図の共通部分(見出し・凡例・注記)と、数値の書式・目盛り。 */
2
+ import { estimate, wrap } from "./measure.js";
3
+ import { SERIES } from "./theme.js";
4
+ export const LABELS_JA = { unit: (u) => `単位: ${u}`, note: (n) => `※ ${n}` };
5
+ export const LABELS_EN = { unit: (u) => `Unit: ${u}`, note: (n) => `Note: ${n}` };
6
+ export function makeCtx(opts) {
7
+ const width = Math.max(240, Math.round(opts.width ?? 640));
8
+ const locale = opts.locale ?? "ja-JP";
9
+ const labels = opts.labels ?? (locale.toLowerCase().startsWith("ja") ? LABELS_JA : LABELS_EN);
10
+ return { width, pad: width < 400 ? 12 : 16, locale, labels, measure: opts.measure ?? estimate, items: [] };
11
+ }
12
+ export const TITLE_SIZE = 15;
13
+ export const BODY_SIZE = 12;
14
+ export const SMALL_SIZE = 11;
15
+ /** 見出し(引用番号付き)を置き、次に使える y を返す。 */
16
+ export function drawTitle(ctx, f, y) {
17
+ const title = f.title + (f.refs.length ? ` ${f.refs.map((r) => `[${r}]`).join("")}` : "");
18
+ if (!title.trim())
19
+ return y;
20
+ const lines = wrap(title, ctx.width - ctx.pad * 2, TITLE_SIZE, ctx.measure, 2, 600);
21
+ lines.forEach((l, i) => ctx.items.push({ t: "text", x: ctx.pad, y: y + TITLE_SIZE + i * 20, text: l, size: TITLE_SIZE, weight: 600, fill: "ink" }));
22
+ return y + lines.length * 20 + 6;
23
+ }
24
+ /** 系列の凡例(2 系列以上のときだけ)。次に使える y を返す。 */
25
+ export function drawLegend(ctx, names, y, mark) {
26
+ if (names.length < 2)
27
+ return y;
28
+ let x = ctx.pad;
29
+ let row = 0;
30
+ for (let i = 0; i < names.length; i++) {
31
+ const label = names[i];
32
+ const w = 14 + ctx.measure(label, BODY_SIZE) + 16;
33
+ if (x + w > ctx.width - ctx.pad && x > ctx.pad) {
34
+ x = ctx.pad;
35
+ row++;
36
+ }
37
+ const cy = y + 8 + row * 20;
38
+ const token = SERIES[i % SERIES.length];
39
+ if (mark === "box")
40
+ ctx.items.push({ t: "rect", x, y: cy - 5, w: 10, h: 10, r: 2, fill: token });
41
+ else
42
+ ctx.items.push({ t: "path", d: `M${x},${cy}H${x + 12}`, stroke: token, strokeWidth: 2 });
43
+ ctx.items.push({ t: "text", x: x + 16, y: cy + 4, text: label, size: BODY_SIZE, fill: "ink2" });
44
+ x += w;
45
+ }
46
+ return y + (row + 1) * 20 + 4;
47
+ }
48
+ /** 注記を置き、次に使える y を返す。 */
49
+ export function drawNote(ctx, f, y) {
50
+ if (!f.note)
51
+ return y;
52
+ const lines = wrap(ctx.labels.note(f.note), ctx.width - ctx.pad * 2, BODY_SIZE, ctx.measure, 4);
53
+ lines.forEach((l, i) => ctx.items.push({ t: "text", x: ctx.pad, y: y + 14 + i * 17, text: l, size: BODY_SIZE, fill: "muted" }));
54
+ return y + lines.length * 17 + 6;
55
+ }
56
+ // ---------------------------------------------------------------- 数値
57
+ export function formatValue(v, locale) {
58
+ return new Intl.NumberFormat(locale, { maximumFractionDigits: Math.abs(v) < 10 ? 2 : 1 }).format(v);
59
+ }
60
+ export function formatTick(v, locale) {
61
+ return new Intl.NumberFormat(locale, { notation: "compact", maximumFractionDigits: 1 }).format(v);
62
+ }
63
+ /** 区切りのよい目盛り(0 を含む)。 */
64
+ export function niceTicks(min, max, count = 5) {
65
+ let lo = Math.min(0, min);
66
+ let hi = Math.max(0, max);
67
+ if (lo === hi)
68
+ hi = lo + 1;
69
+ const raw = (hi - lo) / count;
70
+ const mag = 10 ** Math.floor(Math.log10(raw));
71
+ const step = ([1, 2, 2.5, 5, 10].map((m) => m * mag).find((s) => s >= raw) ?? 10 * mag);
72
+ lo = Math.floor(lo / step) * step;
73
+ hi = Math.ceil(hi / step) * step;
74
+ const ticks = [];
75
+ for (let v = lo; v <= hi + step / 2; v += step)
76
+ ticks.push(Math.abs(v) < step / 1e6 ? 0 : +v.toPrecision(12));
77
+ return ticks;
78
+ }
79
+ //# sourceMappingURL=frame.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frame.js","sourceRoot":"","sources":["../../src/render/frame.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ /** 図 1 つをシーンにする(見出し → 本体 → 注記)。 */
2
+ import type { Figure } from "../ir.js";
3
+ import { type LayoutOptions } from "./frame.js";
4
+ import type { Scene } from "./scene.js";
5
+ export type { LayoutOptions } from "./frame.js";
6
+ export declare function layout(f: Figure, opts?: LayoutOptions): Scene;
7
+ //# sourceMappingURL=layout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,EAAgC,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAIxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,aAAkB,GAAG,KAAK,CAoBjE"}
@@ -0,0 +1,29 @@
1
+ /** 図 1 つをシーンにする(見出し → 本体 → 注記)。 */
2
+ import { toText } from "../text.js";
3
+ import { layoutChart } from "./chart.js";
4
+ import { drawNote, drawTitle, makeCtx } from "./frame.js";
5
+ import { layoutFlow } from "./flow.js";
6
+ import { layoutStack } from "./stack.js";
7
+ import { layoutStat } from "./stat.js";
8
+ export function layout(f, opts = {}) {
9
+ const ctx = makeCtx(opts);
10
+ let y = drawTitle(ctx, f, ctx.pad - 4);
11
+ switch (f.kind) {
12
+ case "bar":
13
+ case "line":
14
+ y = layoutChart(ctx, f, y);
15
+ break;
16
+ case "stat":
17
+ y = layoutStat(ctx, f, y);
18
+ break;
19
+ case "flow":
20
+ y = layoutFlow(ctx, f, y + 4);
21
+ break;
22
+ case "stack":
23
+ y = layoutStack(ctx, f, y + 4);
24
+ break;
25
+ }
26
+ y = drawNote(ctx, f, y);
27
+ return { width: ctx.width, height: Math.ceil(y + ctx.pad - 6), items: ctx.items, title: f.title, desc: toText(f) };
28
+ }
29
+ //# sourceMappingURL=layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAGnC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAsB,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAIvC,MAAM,UAAU,MAAM,CAAC,CAAS,EAAE,OAAsB,EAAE;IACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,CAAC,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACvC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3B,MAAM;QACR,KAAK,MAAM;YACT,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM;QACR,KAAK,MAAM;YACT,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAC9B,MAAM;QACR,KAAK,OAAO;YACV,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,MAAM;IACV,CAAC;IACD,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;AACrH,CAAC"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * 文字幅の見積もりと折り返し。
3
+ *
4
+ * ブラウザでもサーバーでも同じ配置になるよう、既定では文字種ごとの幅の表で決定的に見積もる
5
+ * (全角 1em、半角英数はおよそ 0.5〜0.62em)。ホストは measure を差し替えられる。
6
+ */
7
+ export type Measure = (text: string, fontSize: number, weight?: number) => number;
8
+ export declare const estimate: Measure;
9
+ /**
10
+ * maxWidth に収まるように折り返す。和文は文字単位、欧文は単語単位で折る。
11
+ * maxLines を超える分は末尾を「…」にする。
12
+ */
13
+ export declare function wrap(text: string, maxWidth: number, fontSize: number, measure?: Measure, maxLines?: number, weight?: number): string[];
14
+ /** 1 行に収める(収まらなければ末尾を「…」にする)。 */
15
+ export declare function fit(text: string, maxWidth: number, fontSize: number, measure?: Measure, weight?: number): string;
16
+ //# sourceMappingURL=measure.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measure.d.ts","sourceRoot":"","sources":["../../src/render/measure.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAsBlF,eAAO,MAAM,QAAQ,EAAE,OAItB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,OAAkB,EAAE,QAAQ,SAAI,EAAE,MAAM,SAAM,GAAG,MAAM,EAAE,CAiCxI;AAED,iCAAiC;AACjC,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,OAAkB,EAAE,MAAM,SAAM,GAAG,MAAM,CAKvH"}
@@ -0,0 +1,86 @@
1
+ /**
2
+ * 文字幅の見積もりと折り返し。
3
+ *
4
+ * ブラウザでもサーバーでも同じ配置になるよう、既定では文字種ごとの幅の表で決定的に見積もる
5
+ * (全角 1em、半角英数はおよそ 0.5〜0.62em)。ホストは measure を差し替えられる。
6
+ */
7
+ function charWidth(code) {
8
+ // 全角(CJK・かな・全角英数記号)
9
+ if ((code >= 0x3000 && code <= 0x9fff) ||
10
+ (code >= 0xac00 && code <= 0xd7af) ||
11
+ (code >= 0xf900 && code <= 0xfaff) ||
12
+ (code >= 0xff00 && code <= 0xff60) ||
13
+ (code >= 0xffe0 && code <= 0xffe6)) {
14
+ return 1;
15
+ }
16
+ if (code === 0x20)
17
+ return 0.28;
18
+ if (code >= 0x30 && code <= 0x39)
19
+ return 0.56; // 数字
20
+ if (code >= 0x41 && code <= 0x5a)
21
+ return 0.64; // 大文字
22
+ if (code >= 0x61 && code <= 0x7a)
23
+ return 0.52; // 小文字
24
+ if (".,:;'|!ilI[]()".includes(String.fromCharCode(code)))
25
+ return 0.3;
26
+ if (code < 0x80)
27
+ return 0.56;
28
+ return 0.8;
29
+ }
30
+ export const estimate = (text, fontSize, weight = 400) => {
31
+ let em = 0;
32
+ for (const ch of text)
33
+ em += charWidth(ch.codePointAt(0));
34
+ return em * fontSize * (weight >= 600 ? 1.04 : 1);
35
+ };
36
+ /**
37
+ * maxWidth に収まるように折り返す。和文は文字単位、欧文は単語単位で折る。
38
+ * maxLines を超える分は末尾を「…」にする。
39
+ */
40
+ export function wrap(text, maxWidth, fontSize, measure = estimate, maxLines = 3, weight = 400) {
41
+ const tokens = text.match(/[A-Za-z0-9][A-Za-z0-9.,%\-+/_]*\s*|\s+|./gu) ?? [];
42
+ const lines = [];
43
+ let cur = "";
44
+ for (const tok of tokens) {
45
+ const next = cur + tok;
46
+ if (measure(next.trimEnd(), fontSize, weight) <= maxWidth || cur === "") {
47
+ // 1 語だけで幅を超える場合は文字単位に崩す
48
+ if (cur === "" && measure(tok.trimEnd(), fontSize, weight) > maxWidth && tok.length > 1) {
49
+ for (const ch of tok) {
50
+ if (measure(cur + ch, fontSize, weight) > maxWidth && cur !== "") {
51
+ lines.push(cur);
52
+ cur = "";
53
+ }
54
+ cur += ch;
55
+ }
56
+ continue;
57
+ }
58
+ cur = next;
59
+ }
60
+ else {
61
+ lines.push(cur.trimEnd());
62
+ cur = tok.trimStart();
63
+ }
64
+ }
65
+ if (cur.trim() !== "")
66
+ lines.push(cur.trimEnd());
67
+ if (lines.length > maxLines) {
68
+ const kept = lines.slice(0, maxLines);
69
+ let last = kept[maxLines - 1];
70
+ while (last.length > 0 && measure(`${last}…`, fontSize, weight) > maxWidth)
71
+ last = last.slice(0, -1);
72
+ kept[maxLines - 1] = `${last}…`;
73
+ return kept;
74
+ }
75
+ return lines.length > 0 ? lines : [""];
76
+ }
77
+ /** 1 行に収める(収まらなければ末尾を「…」にする)。 */
78
+ export function fit(text, maxWidth, fontSize, measure = estimate, weight = 400) {
79
+ if (measure(text, fontSize, weight) <= maxWidth)
80
+ return text;
81
+ let t = text;
82
+ while (t.length > 0 && measure(`${t}…`, fontSize, weight) > maxWidth)
83
+ t = t.slice(0, -1);
84
+ return `${t}…`;
85
+ }
86
+ //# sourceMappingURL=measure.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/render/measure.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ /**
2
+ * シーン: レイアウトの結果(箱・線・文字の並び)。SVG にも React にも、この 1 つから描く。
3
+ * 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
4
+ */
5
+ import type { Token } from "./theme.js";
6
+ interface Common {
7
+ /** マウスを載せたときの説明(SVG の <title>)。 */
8
+ hint?: string;
9
+ opacity?: number;
10
+ }
11
+ export type Item = (Common & {
12
+ t: "rect";
13
+ x: number;
14
+ y: number;
15
+ w: number;
16
+ h: number;
17
+ r?: number;
18
+ fill: Token;
19
+ stroke?: Token;
20
+ strokeWidth?: number;
21
+ }) | (Common & {
22
+ t: "path";
23
+ d: string;
24
+ fill?: Token;
25
+ stroke?: Token;
26
+ strokeWidth?: number;
27
+ dash?: string;
28
+ arrow?: boolean;
29
+ }) | (Common & {
30
+ t: "circle";
31
+ cx: number;
32
+ cy: number;
33
+ r: number;
34
+ fill: Token;
35
+ stroke?: Token;
36
+ strokeWidth?: number;
37
+ }) | (Common & {
38
+ t: "text";
39
+ x: number;
40
+ y: number;
41
+ text: string;
42
+ size: number;
43
+ fill: Token;
44
+ weight?: number;
45
+ anchor?: "start" | "middle" | "end";
46
+ /** tabular-nums にするか(目盛りなど縦に揃える数字)。 */
47
+ tabular?: boolean;
48
+ });
49
+ export interface Scene {
50
+ width: number;
51
+ height: number;
52
+ items: Item[];
53
+ /** 読み上げ用の見出しと説明(テキスト化した図)。 */
54
+ title: string;
55
+ desc: string;
56
+ }
57
+ /** 上の角だけ丸い棒(下向きなら下の角)。 */
58
+ export declare function barPath(x: number, y: number, w: number, h: number, r: number, end: "top" | "bottom" | "right" | "left"): string;
59
+ export {};
60
+ //# sourceMappingURL=scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/render/scene.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,MAAM;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,IAAI,GACZ,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACnI,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GACvH,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAChH,CAAC,MAAM,GAAG;IACR,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEP,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,0BAA0B;AAC1B,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAa/H"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * シーン: レイアウトの結果(箱・線・文字の並び)。SVG にも React にも、この 1 つから描く。
3
+ * 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
4
+ */
5
+ /** 上の角だけ丸い棒(下向きなら下の角)。 */
6
+ export function barPath(x, y, w, h, r, end) {
7
+ const rr = Math.max(0, Math.min(r, w / 2, h / 2));
8
+ const f = (n) => +n.toFixed(2);
9
+ if (end === "top") {
10
+ return `M${f(x)},${f(y + h)}V${f(y + rr)}Q${f(x)},${f(y)} ${f(x + rr)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h)}Z`;
11
+ }
12
+ if (end === "bottom") {
13
+ return `M${f(x)},${f(y)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w)},${f(y + h - rr)}V${f(y)}Z`;
14
+ }
15
+ if (end === "right") {
16
+ return `M${f(x)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w - rr)},${f(y + h)}H${f(x)}Z`;
17
+ }
18
+ return `M${f(x + w)},${f(y)}H${f(x + rr)}Q${f(x)},${f(y)} ${f(x)},${f(y + rr)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w)}Z`;
19
+ }
20
+ //# sourceMappingURL=scene.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scene.js","sourceRoot":"","sources":["../../src/render/scene.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * stack: 層構成図のレイアウト。
3
+ *
4
+ * 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
5
+ * 層の中の要素は格子(4 個なら 2×2)。配色はレンダラーが決める:
6
+ * 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
7
+ */
8
+ import type { StackFigure } from "../ir.js";
9
+ import { type Ctx } from "./frame.js";
10
+ export declare function layoutStack(ctx: Ctx, f: StackFigure, top: number): number;
11
+ //# sourceMappingURL=stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/render/stack.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAa,KAAK,GAAG,EAAc,MAAM,YAAY,CAAC;AA6C7D,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAwBzE"}
@@ -0,0 +1,112 @@
1
+ /**
2
+ * stack: 層構成図のレイアウト。
3
+ *
4
+ * 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
5
+ * 層の中の要素は格子(4 個なら 2×2)。配色はレンダラーが決める:
6
+ * 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
7
+ */
8
+ import { BODY_SIZE, SMALL_SIZE } from "./frame.js";
9
+ import { wrap } from "./measure.js";
10
+ const TITLE = 14;
11
+ const ARROW_GAP = 28;
12
+ const ROW_GAP = 10;
13
+ const CHILD_GAP = 8;
14
+ function measureBox(ctx, box, w) {
15
+ const inner = w - 24;
16
+ const titleLines = wrap(box.title + (box.refs.length ? ` ${box.refs.map((r) => `[${r}]`).join("")}` : ""), inner, TITLE, ctx.measure, 2, 600);
17
+ const descLines = box.desc ? wrap(box.desc, inner, BODY_SIZE, ctx.measure, 3) : [];
18
+ const n = box.children.length;
19
+ let childCols = 0;
20
+ let childLines = [];
21
+ let childH = 0;
22
+ if (n > 0) {
23
+ const maxCols = inner < 300 ? 2 : inner < 520 ? 3 : 4;
24
+ childCols = n === 4 ? 2 : Math.min(n, maxCols);
25
+ const cw = (inner - CHILD_GAP * (childCols - 1)) / childCols;
26
+ childLines = box.children.map((c) => wrap(c.desc ? `${c.title}` : c.title, cw - 16, 13, ctx.measure, 2));
27
+ const rows = Math.ceil(n / childCols);
28
+ let total = 0;
29
+ for (let r = 0; r < rows; r++) {
30
+ const inRow = childLines.slice(r * childCols, (r + 1) * childCols);
31
+ const hasDesc = box.children.slice(r * childCols, (r + 1) * childCols).some((c) => c.desc);
32
+ total += Math.max(...inRow.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
33
+ }
34
+ childH = total + CHILD_GAP * (rows - 1);
35
+ }
36
+ const h = 14 + titleLines.length * 19 + (descLines.length ? 2 + descLines.length * 16 : 0) + (childH ? 12 + childH : 0) + 14;
37
+ return { box, titleLines, descLines, childCols, childLines, childH, h };
38
+ }
39
+ export function layoutStack(ctx, f, top) {
40
+ const inner = ctx.width - ctx.pad * 2;
41
+ let y = top;
42
+ f.tiers.forEach((tier, ti) => {
43
+ if (ti > 0) {
44
+ // 層の間の矢印(とラベル)
45
+ const cx = ctx.width / 2;
46
+ ctx.items.push({ t: "path", d: `M${cx},${y + 4}V${y + ARROW_GAP - 5}`, stroke: "muted", strokeWidth: 1.5, arrow: true });
47
+ if (tier.arrowLabel)
48
+ ctx.items.push({ t: "text", x: cx + 10, y: y + ARROW_GAP / 2 + 4, text: tier.arrowLabel, size: SMALL_SIZE, fill: "ink2" });
49
+ y += ARROW_GAP;
50
+ }
51
+ // 横並びは 1 つ 140px 以上を保ち、収まらなければ折り返す
52
+ const n = tier.boxes.length;
53
+ const perRow = Math.max(1, Math.min(n, Math.floor((inner + ROW_GAP) / (140 + ROW_GAP))));
54
+ for (let start = 0; start < n; start += perRow) {
55
+ const row = tier.boxes.slice(start, start + perRow);
56
+ const w = (inner - ROW_GAP * (row.length - 1)) / row.length;
57
+ const ms = row.map((b) => measureBox(ctx, b, w));
58
+ const h = Math.max(...ms.map((m) => m.h));
59
+ ms.forEach((m, k) => drawBox(ctx, m, ctx.pad + k * (w + ROW_GAP), y, w, h, ti));
60
+ y += h + (start + perRow < n ? ROW_GAP : 0);
61
+ }
62
+ });
63
+ return y + 12;
64
+ }
65
+ function drawBox(ctx, m, x, y, w, h, tierIndex) {
66
+ const hasChildren = m.box.children.length > 0;
67
+ const fill = hasChildren ? "accentWash" : tierIndex === 0 ? "surface2" : "surface";
68
+ const stroke = hasChildren ? "accentLine" : "border";
69
+ const hint = [m.box.title, m.box.desc, ...m.box.children.map((c) => c.title)].filter(Boolean).join(" / ");
70
+ ctx.items.push({ t: "rect", x, y, w, h, r: 10, fill, ...(tierIndex === 0 && !hasChildren ? {} : { stroke, strokeWidth: 1 }), hint });
71
+ const cx = x + w / 2;
72
+ let yy = y + 14;
73
+ m.titleLines.forEach((l) => {
74
+ ctx.items.push({ t: "text", x: cx, y: yy + TITLE, text: l, size: TITLE, weight: 600, fill: "ink", anchor: "middle" });
75
+ yy += 19;
76
+ });
77
+ if (m.descLines.length) {
78
+ yy += 2;
79
+ m.descLines.forEach((l) => {
80
+ ctx.items.push({ t: "text", x: cx, y: yy + 12, text: l, size: BODY_SIZE, fill: "ink2", anchor: "middle" });
81
+ yy += 16;
82
+ });
83
+ }
84
+ if (!hasChildren)
85
+ return;
86
+ yy += 12;
87
+ const innerW = w - 24;
88
+ const cols = m.childCols;
89
+ const cw = (innerW - CHILD_GAP * (cols - 1)) / cols;
90
+ const rows = Math.ceil(m.box.children.length / cols);
91
+ for (let r = 0; r < rows; r++) {
92
+ const kids = m.box.children.slice(r * cols, (r + 1) * cols);
93
+ const lines = m.childLines.slice(r * cols, (r + 1) * cols);
94
+ const hasDesc = kids.some((c) => c.desc);
95
+ const ch = Math.max(...lines.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
96
+ // 最後の行が埋まらないときは中央に寄せる
97
+ const offset = ((cols - kids.length) * (cw + CHILD_GAP)) / 2;
98
+ kids.forEach((c, k) => {
99
+ const kx = x + 12 + offset + k * (cw + CHILD_GAP);
100
+ ctx.items.push({ t: "rect", x: kx, y: yy, w: cw, h: ch, r: 8, fill: "surface", hint: c.desc ? `${c.title}: ${c.desc}` : c.title });
101
+ let ty = yy + 9 + 13;
102
+ lines[k].forEach((l) => {
103
+ ctx.items.push({ t: "text", x: kx + cw / 2, y: ty, text: l, size: 13, fill: "ink", anchor: "middle" });
104
+ ty += 17;
105
+ });
106
+ if (c.desc)
107
+ ctx.items.push({ t: "text", x: kx + cw / 2, y: ty - 2, text: wrap(c.desc, cw - 12, SMALL_SIZE, ctx.measure, 1)[0], size: SMALL_SIZE, fill: "muted", anchor: "middle" });
108
+ });
109
+ yy += ch + CHILD_GAP;
110
+ }
111
+ }
112
+ //# sourceMappingURL=stack.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/render/stack.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ /** stat: 数値カードを格子に並べる。値は大きく、項目名と補足は控えめに。 */
2
+ import type { StatFigure } from "../ir.js";
3
+ import { type Ctx } from "./frame.js";
4
+ export declare function layoutStat(ctx: Ctx, f: StatFigure, top: number): number;
5
+ //# sourceMappingURL=stat.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/render/stat.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjD,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CA8BvE"}
@@ -0,0 +1,36 @@
1
+ /** stat: 数値カードを格子に並べる。値は大きく、項目名と補足は控えめに。 */
2
+ import { BODY_SIZE } from "./frame.js";
3
+ import { fit, wrap } from "./measure.js";
4
+ const MIN_CARD = 150;
5
+ const GAP = 10;
6
+ export function layoutStat(ctx, f, top) {
7
+ const n = f.items.length;
8
+ if (n === 0)
9
+ return top;
10
+ const inner = ctx.width - ctx.pad * 2;
11
+ const cols = Math.max(1, Math.min(n, Math.floor((inner + GAP) / (MIN_CARD + GAP)), n === 4 && inner < 4 * MIN_CARD + 3 * GAP ? 2 : 6));
12
+ const cardW = (inner - GAP * (cols - 1)) / cols;
13
+ const pad = 12;
14
+ // 値の文字の大きさは、全カードで揃える(いちばん長い値が収まる大きさ)
15
+ let valueSize = 24;
16
+ while (valueSize > 16 && f.items.some((it) => ctx.measure(it.value, valueSize, 600) > cardW - pad * 2))
17
+ valueSize -= 2;
18
+ const subLines = f.items.map((it) => (it.sub ? wrap(it.sub, cardW - pad * 2, BODY_SIZE, ctx.measure, 2) : []));
19
+ const maxSub = Math.max(0, ...subLines.map((l) => l.length));
20
+ const cardH = pad + 14 + 8 + valueSize + (maxSub ? 6 + maxSub * 16 : 0) + pad;
21
+ f.items.forEach((it, i) => {
22
+ const c = i % cols;
23
+ const r = Math.floor(i / cols);
24
+ const x = ctx.pad + c * (cardW + GAP);
25
+ const y = top + r * (cardH + GAP);
26
+ const refs = it.refs.length ? ` ${it.refs.map((n) => `[${n}]`).join("")}` : "";
27
+ ctx.items.push({ t: "rect", x, y, w: cardW, h: cardH, r: 8, fill: "surface2", hint: `${it.label}: ${it.value}${it.sub ? `(${it.sub})` : ""}` });
28
+ ctx.items.push({ t: "text", x: x + pad, y: y + pad + 12, text: fit(it.label + refs, cardW - pad * 2, BODY_SIZE, ctx.measure), size: BODY_SIZE, fill: "ink2" });
29
+ const vy = y + pad + 14 + 8 + valueSize * 0.85;
30
+ ctx.items.push({ t: "text", x: x + pad, y: vy, text: fit(it.value, cardW - pad * 2, valueSize, ctx.measure, 600), size: valueSize, weight: 600, fill: "ink" });
31
+ subLines[i].forEach((l, k) => ctx.items.push({ t: "text", x: x + pad, y: vy + valueSize * 0.15 + 6 + 12 + k * 16, text: l, size: BODY_SIZE, fill: "muted" }));
32
+ });
33
+ const rows = Math.ceil(n / cols);
34
+ return top + rows * cardH + (rows - 1) * GAP + 8;
35
+ }
36
+ //# sourceMappingURL=stat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stat.js","sourceRoot":"","sources":["../../src/render/stat.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * シーンを SVG の文字列にする。
3
+ *
4
+ * - theme: "auto"(画面向け。CSS 変数で色を参照し、OS とページの明暗に追従。幅は親に合わせて伸縮)
5
+ * - theme: "light" / "dark"(書き出し向け。色と寸法を焼き込む。CSS 変数を解釈しない描画系でも同じ見た目)
6
+ *
7
+ * 文字はすべてエスケープする。外部の画像・スクリプト・リンクは出力しない。
8
+ */
9
+ import type { Figure } from "../ir.js";
10
+ import { type LayoutOptions } from "./layout.js";
11
+ import type { Scene } from "./scene.js";
12
+ import { type ThemeMode } from "./theme.js";
13
+ export interface SvgOptions extends LayoutOptions {
14
+ theme?: ThemeMode;
15
+ }
16
+ export declare function sceneToSVG(scene: Scene, theme?: ThemeMode): string;
17
+ /** 図を SVG にする。 */
18
+ export declare function renderSVG(figure: Figure, opts?: SvgOptions): string;
19
+ //# sourceMappingURL=svg.d.ts.map