@cardenelabs/cdl 0.12.1 → 0.13.0

package/dist/{render-C7FKvMqq.d.cts → render-B5JHcUrb.d.cts}

@@ -293,6 +293,14 @@ type GanttTaskPayload = {
 type MindBranchPayload = {
     rootId: string;
     rootTitle: string;
+    /**
+     * 中心の箱の 2 行目に出す補足 (#530)。
+     *
+     * 枝 (`MindBranchNode`) は元から `subtitle` を持つのに中心だけ渡す口が無く、呼出側が
+     * 名前と補足を連結して `rootTitle` に入れていた。 1 行に全部入るため箱幅を超え、
+     * 末尾が切られる (実測 = 箱 120px に対し文字 163px)。
+     */
+    rootSubtitle?: string;
     branches: MindBranchNode[];
 };
 /** 1 branch node = id + title + parent + optional tone + subtitle */

package/dist/{render-C7FKvMqq.d.ts → render-B5JHcUrb.d.ts}

@@ -293,6 +293,14 @@ type GanttTaskPayload = {
 type MindBranchPayload = {
     rootId: string;
     rootTitle: string;
+    /**
+     * 中心の箱の 2 行目に出す補足 (#530)。
+     *
+     * 枝 (`MindBranchNode`) は元から `subtitle` を持つのに中心だけ渡す口が無く、呼出側が
+     * 名前と補足を連結して `rootTitle` に入れていた。 1 行に全部入るため箱幅を超え、
+     * 末尾が切られる (実測 = 箱 120px に対し文字 163px)。
+     */
+    rootSubtitle?: string;
     branches: MindBranchNode[];
 };
 /** 1 branch node = id + title + parent + optional tone + subtitle */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardenelabs/cdl",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "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.",
   "license": "MIT",
   "author": "cardene777",

package/src/kinds/mind-map.tsx

@@ -1,6 +1,6 @@
 import type { JSX } from "react";
 import { 使える幅, 幅で切る, 箱に積む } from "./box-lines";
-import type { LaidNode, Tone, MindBranchNode } from "../types";
+import type { LaidNode, Tone, MindBranchNode, MindBranchPayload } from "../types";
 import { TONE } from "../render/tone";
 import { resolveMindData } from "../render/payload-binding";
 import { 進みを畳む, 伸ばすdash, 段の伸び } from "./draw-progress";
@@ -195,7 +195,7 @@ type LayoutEdge = {
 };
 
 export function computeMindMapLayout(
-  mindData: { rootId: string; rootTitle: string; branches: MindBranchNode[] },
+  mindData: MindBranchPayload,
   cx: number,
   cy: number,
   canvasW: number,
@@ -209,6 +209,8 @@ export function computeMindMapLayout(
   nodes.push({
     id: mindData.rootId,
     title: mindData.rootTitle,
+    // 中心も枝と同じく 2 行に積める (#530)。 高さ 52 に 15px + 9px の 2 行が入る
+    ...(mindData.rootSubtitle === undefined ? {} : { subtitle: mindData.rootSubtitle }),
     x: cx,
     y: cy,
     w: rootW,

package/src/presets.ts

@@ -1292,6 +1292,8 @@ export type MindMapPreset = {
   /** 中心 topic ID + label */
   rootId: string;
   rootTitle: string;
+  /** 中心の箱の 2 行目に出す補足 (#530)。 枝の `subtitle` と同じ扱い */
+  rootSubtitle?: string;
   branchWidth?: number;
   defaultTone?: Tone;
 };
@@ -1338,6 +1340,7 @@ export function mindMap(preset: MindMapPreset): MindMapBuilder {
         mindData: {
           rootId: preset.rootId,
           rootTitle: preset.rootTitle,
+          ...(preset.rootSubtitle === undefined ? {} : { rootSubtitle: preset.rootSubtitle }),
           branches: branches.map((br) => ({
             id: br.id,
             title: br.title,

package/src/render/payload-binding.ts

@@ -252,9 +252,9 @@ export function resolveTreeData(
 }
 
 /**
- * 放射の名前と補足を解決する。 中心の名前と枝の名前 / 補足を見る。
+ * 放射の名前と補足を解決する。 中心と枝の名前 / 補足を見る。
  *
- * 補足を入れた理由は `resolveTreeData` と同じ (#471)。 中心は補足の欄を持たない。
+ * 補足を入れた理由は `resolveTreeData` と同じ (#471 / #530)。
  */
 export function resolveMindData(
   data: MindBranchPayload,
@@ -262,10 +262,13 @@ export function resolveMindData(
 ): ResolvedMindData {
   const 読む =
     data.rootTitle.includes("{") ||
+    (data.rootSubtitle?.includes("{") ?? false) ||
     data.branches.some((b) => b.title.includes("{") || (b.subtitle?.includes("{") ?? false));
   if (!読む) return data as ResolvedMindData;
 
   const root = resolveBoundText(data.rootTitle, values);
+  const rootSubtitle =
+    data.rootSubtitle === undefined ? undefined : resolveBoundText(data.rootSubtitle, values);
   const branches = data.branches.map((b) => {
     const title = resolveBoundText(b.title, values);
     const subtitle = b.subtitle === undefined ? undefined : resolveBoundText(b.subtitle, values);
@@ -276,6 +279,13 @@ export function resolveMindData(
     };
     return title.ok && (subtitle?.ok ?? true) ? 解決後 : { ...解決後, unresolved: true as const };
   });
-  const 解決後: ResolvedMindData = { ...data, rootTitle: root.value, branches };
-  return root.ok ? 解決後 : { ...解決後, unresolved: true as const };
+  const 解決後: ResolvedMindData = {
+    ...data,
+    rootTitle: root.value,
+    ...(rootSubtitle ? { rootSubtitle: rootSubtitle.value } : {}),
+    branches,
+  };
+  return root.ok && (rootSubtitle?.ok ?? true)
+    ? 解決後
+    : { ...解決後, unresolved: true as const };
 }

package/src/render/template-fields.ts

@@ -179,6 +179,7 @@ function payloadTexts(node: CdlNode): string[] {
   }
   if (node.mindData) {
     足す(node.mindData.rootTitle);
+    足す(node.mindData.rootSubtitle);
     for (const b of node.mindData.branches) {
       足す(b.title);
       足す(b.subtitle);

package/src/types.ts

@@ -359,6 +359,14 @@ export type GanttTaskPayload = {
 export type MindBranchPayload = {
   rootId: string;
   rootTitle: string;
+  /**
+   * 中心の箱の 2 行目に出す補足 (#530)。
+   *
+   * 枝 (`MindBranchNode`) は元から `subtitle` を持つのに中心だけ渡す口が無く、呼出側が
+   * 名前と補足を連結して `rootTitle` に入れていた。 1 行に全部入るため箱幅を超え、
+   * 末尾が切られる (実測 = 箱 120px に対し文字 163px)。
+   */
+  rootSubtitle?: string;
   branches: MindBranchNode[];
 };