@cardenelabs/cdl 0.62.0 → 0.64.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.64.0] - 2026-09-14
+
+### Fixed
+
+- **札に書いた色の出どころ (`colorSource`) の状態で札の色を引くようにした** (#861)
+
+  札 (`badge`) の型は `colorSource` を持ち「別 signal で色を切替可能」 と書いていたが、札を描く部品は 1 度も
+  読まず、色は札の字 (`source` の値) でしか引いていなかった。 `colorSource` を書くと、その状態の値で `map` を
+  引いた色で塗る。 札の字は今どおり `source` の値を描く。
+
+  | 書き方 | 色を引く鍵 |
+  |---|---|
+  | `colorSource` を書かない | `source` の値 (変更前と同じ) |
+  | `colorSource` を書き、その状態がある | `colorSource` の状態の値 |
+  | `colorSource` を書き、その状態が無い | 引かない (色を付けない)。 `source` の値に戻すと書き間違いが効いているように見える |
+
+  読み出しの型 (`CdlReadout`) の 107 種の欄を、描く部品 (`ReadoutWidget`) が読むかを構文木で突き合わせる
+  検査を足した。 読まない欄は `colorSource` の 1 つだけだった。
+
+## [0.63.0] - 2026-09-13
+
+### Changed
+
+- **状態の図と発想の図の段の札を、図の型と同じ綴りにした** (#859)
+
+  組み立て関数は最後の段に図の型と同じ綴りの札を付けるが、`stateMachine` は `fsm`、`stateMachine2` は
+  `statemachine2` を付けており、図の型 (`state`) と食い違っていた。 消費側は型の一覧で札を引けず、札だけが
+  型の名前に無い英語として残った。 2 つとも札を `state` にした (2 つの図の見分けは図の題が持つ)。
+
+  `mindMap` は図の型を `mindmap` から `mind` にし、札も `mind` にした。 他の組み立て関数と同じく短い名前
+  (`state` / `class` / `journey`) の並びに揃える。 **図の根の `data-cdl-type` が `mind` になる** ので、
+  `[data-cdl-type="mindmap"]` で見た目を決めている消費側は書き換えが要る。
+
+  グラフ (`chart`) は描き方の種類 (`pie` / `bar` / `line`) を札にする形のまま変えない。 札を族の名前
+  (`chart`) にすると、全てのグラフが同じ字になり見出しの役に立たない。
+
 ## [0.62.0] - 2026-09-13
 
 ### Changed
@@ -2661,7 +2697,9 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.62.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.64.0...HEAD
+[0.64.0]: https://github.com/cardene777/cdl/compare/v0.63.0...v0.64.0
+[0.63.0]: https://github.com/cardene777/cdl/compare/v0.62.0...v0.63.0
 [0.62.0]: https://github.com/cardene777/cdl/compare/v0.61.0...v0.62.0
 [0.61.0]: https://github.com/cardene777/cdl/compare/v0.60.0...v0.61.0
 [0.60.0]: https://github.com/cardene777/cdl/compare/v0.59.1...v0.60.0

package/dist/index.cjs

@@ -2697,16 +2697,12 @@ function ReadoutWidget({
           colors: readout.colors ?? ["#e0e6ef", "#2d6a8f"]
         }
       );
-    case "badge":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        BadgeReadout,
-        {
-          id: readout.id,
-          label,
-          value: typeof rawValue === "string" ? rawValue : String(rawValue ?? ""),
-          map: readout.map
-        }
-      );
+    case "badge": {
+      const value = typeof rawValue === "string" ? rawValue : String(rawValue ?? "");
+      const colorRaw = readout.colorSource === void 0 ? void 0 : stateOverrides[readout.colorSource];
+      const colorKey = readout.colorSource === void 0 ? value : colorRaw === void 0 ? void 0 : String(colorRaw);
+      return /* @__PURE__ */ jsxRuntime.jsx(BadgeReadout, { id: readout.id, label, value, colorKey, map: readout.map });
+    }
     case "status-dot":
       return /* @__PURE__ */ jsxRuntime.jsx(
         StatusDotReadout,
@@ -4428,9 +4424,10 @@ function BadgeReadout({
   id,
   label,
   value,
+  colorKey,
   map
 }) {
-  const entry = map?.find((m) => m.value === value);
+  const entry = colorKey === void 0 ? void 0 : map?.find((m) => m.value === colorKey);
   const color = entry?.color;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-badge", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
@@ -32929,7 +32926,8 @@ var FSM_ACTION_MARK = {
 function stateMachine(preset) {
   const stateW = resolveStateW(preset.stateWidth, "stateMachine");
   const tone = preset.defaultTone ?? "accent";
-  const b = diagram(preset.id, { topic: preset.topic, type: "state" });
+  const diagramType = "state";
+  const b = diagram(preset.id, { topic: preset.topic, type: diagramType });
   const phaseActivate = [];
   const stateOrder = /* @__PURE__ */ new Map();
   const \u72B6\u614B = [];
@@ -33030,7 +33028,7 @@ function stateMachine(preset) {
       b.phase(
         "fsm",
         { duration: 2400, title: preset.topic, body: "\u3059\u3079\u3066\u306E\u72B6\u614B\u3068\u9077\u79FB\u3092\u4E26\u3079\u305F\u59FF\u3002" },
-        (p) => p.activate(...phaseActivate).badge("fsm")
+        (p) => p.activate(...phaseActivate).badge(diagramType)
       );
       return b.build();
     }
@@ -33289,7 +33287,8 @@ function userJourney(preset) {
 function mindMap(preset) {
   const canvasW = preset.branchWidth ? preset.branchWidth * 2 : 720;
   const canvasH = 480;
-  const b = diagram(preset.id, { topic: preset.topic, type: "mindmap" });
+  const diagramType = "mind";
+  const b = diagram(preset.id, { topic: preset.topic, type: diagramType });
   const branches = [];
   const api = {
     branch(br) {
@@ -33323,7 +33322,7 @@ function mindMap(preset) {
       b.phase(
         "mindmap",
         { duration: 2400, title: preset.topic, body: "\u4E2D\u5FC3\u306E\u4E3B\u984C\u304B\u3089\u3001\u3059\u3079\u3066\u306E\u679D\u3092\u653E\u5C04\u72B6\u306B\u5E83\u3052\u305F\u59FF\u3002" },
-        (p) => p.activate(nodeId).badge("mindmap")
+        (p) => p.activate(nodeId).badge(diagramType)
       );
       return b.build();
     }
@@ -33656,7 +33655,8 @@ function stateMachine2(preset) {
   const stateW = resolveStateW(preset.stateWidth, "stateMachine2");
   const laneW = boxLaneW(stateW);
   const tone = preset.defaultTone ?? "accent";
-  const b = diagram(preset.id, { topic: preset.topic, type: "state" });
+  const diagramType = "state";
+  const b = diagram(preset.id, { topic: preset.topic, type: diagramType });
   const stateOrder = /* @__PURE__ */ new Map();
   const phaseActivate = [];
   let transIdx = 0;
@@ -33712,7 +33712,7 @@ function stateMachine2(preset) {
           title: preset.topic,
           body: "\u5165\u308C\u5B50\u306E\u72B6\u614B\u3068\u3001\u5165\u308B\u6642\u30FB\u51FA\u308B\u6642\u306E\u51E6\u7406\u3092\u542B\u3081\u305F\u3001\u3059\u3079\u3066\u306E\u72B6\u614B\u3068\u9077\u79FB\u3002"
         },
-        (p) => p.activate(...phaseActivate).badge("statemachine2")
+        (p) => p.activate(...phaseActivate).badge(diagramType)
       );
       const d = b.build();
       return {