@cardenelabs/cdl 0.57.1 → 0.59.0

package/src/render/nodes.tsx

@@ -87,6 +87,7 @@ import {
   ShapeCustomerServiceNode,
 } from "../kinds/shape-people";
 import type { LaidNode } from "../types";
+import type { CdlLang } from "../lang";
 import { hasUnresolvedRef, interpolate, resolveNumericAttr } from "./utils";
 
 /**
@@ -115,9 +116,12 @@ export function CdlNodeView({
   currentPhaseId,
   chartLineScale,
   関係の受け口,
+  lang,
 }: {
   node: LaidNode;
   active: boolean;
+  /** 描画側の固定の字の言語 (#847)。 字を持つ形の部品へ渡す。 渡さない呼び方は英語で描く */
+  lang?: CdlLang;
   /**
    * この phase の `draw` に載っているか (cdl#512)。 true の間だけ、 対象の種別が
    * phase の進み (`progress`) に合わせて左の起点から描かれる。
@@ -353,11 +357,11 @@ export function CdlNodeView({
       case "shape-window":
         return <ShapeWindowNode node={resolvedNode} active={active} />;
       case "shape-terminal":
-        return <ShapeTerminalNode node={resolvedNode} active={active} />;
+        return <ShapeTerminalNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-code-block":
-        return <ShapeCodeBlockNode node={resolvedNode} active={active} />;
+        return <ShapeCodeBlockNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-kanban-card":
-        return <ShapeKanbanCardNode node={resolvedNode} active={active} />;
+        return <ShapeKanbanCardNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-message-bubble":
         return <ShapeMessageBubbleNode node={resolvedNode} active={active} />;
       case "shape-gear":
@@ -375,11 +379,11 @@ export function CdlNodeView({
       case "shape-satellite":
         return <ShapeSatelliteNode node={resolvedNode} active={active} />;
       case "shape-smart-contract":
-        return <ShapeSmartContractNode node={resolvedNode} active={active} />;
+        return <ShapeSmartContractNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-blockchain-block":
-        return <ShapeBlockchainBlockNode node={resolvedNode} active={active} />;
+        return <ShapeBlockchainBlockNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-rpc-node":
-        return <ShapeRpcNodeNode node={resolvedNode} active={active} />;
+        return <ShapeRpcNodeNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-wallet":
         return <ShapeWalletNode node={resolvedNode} active={active} />;
       case "shape-nft":
@@ -397,29 +401,29 @@ export function CdlNodeView({
       case "shape-bank":
         return <ShapeBankNode node={resolvedNode} active={active} />;
       case "shape-trust-bank":
-        return <ShapeTrustBankNode node={resolvedNode} active={active} />;
+        return <ShapeTrustBankNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-payment-provider":
-        return <ShapePaymentProviderNode node={resolvedNode} active={active} />;
+        return <ShapePaymentProviderNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-credit-card":
         return <ShapeCreditCardNode node={resolvedNode} active={active} />;
       case "shape-brokerage":
-        return <ShapeBrokerageNode node={resolvedNode} active={active} />;
+        return <ShapeBrokerageNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-exchange":
-        return <ShapeExchangeNode node={resolvedNode} active={active} />;
+        return <ShapeExchangeNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-atm":
-        return <ShapeAtmNode node={resolvedNode} active={active} />;
+        return <ShapeAtmNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-website":
         return <ShapeWebsiteNode node={resolvedNode} active={active} />;
       case "shape-storefront":
-        return <ShapeStorefrontNode node={resolvedNode} active={active} />;
+        return <ShapeStorefrontNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-warehouse":
-        return <ShapeWarehouseNode node={resolvedNode} active={active} />;
+        return <ShapeWarehouseNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-online-shop":
         return <ShapeOnlineShopNode node={resolvedNode} active={active} />;
       case "shape-cdn-edge":
         return <ShapeCdnEdgeNode node={resolvedNode} active={active} />;
       case "shape-api-gateway":
-        return <ShapeApiGatewayNode node={resolvedNode} active={active} />;
+        return <ShapeApiGatewayNode node={resolvedNode} active={active} lang={lang} />;
       case "shape-auditor":
         return <ShapeAuditorNode node={resolvedNode} active={active} />;
       case "shape-regulator":

package/src/render/stage.tsx

@@ -426,6 +426,8 @@ export function CdlStage({
             <CdlNodeView
               node={node}
               active={activeSet.has(node.id)}
+              // 描画側の固定の字の言語 (#847)。 `layout` が既定以外の時だけ `lang` を持たせる
+              lang={laid.lang}
               関係の受け口={箱の受け口}
               drawing={描く}
               progress={描く ? 描く進み : progress}

package/src/types.ts

@@ -5,6 +5,7 @@ import type {
   SequenceBoardMessage,
   SequenceBoardMessageKind,
 } from "./kinds/sequence-board-metrics";
+import type { CdlLang } from "./lang";
 
 export type {
   SequenceBoardActor,
@@ -2613,6 +2614,15 @@ export type CdlDiagram = {
    * 既定の図にも当たる。
    */
   palette?: string;
+  /**
+   * 描画側が書く固定の字を、どの言語で描くか (#847)。 書かない図は `"en"` で描く。
+   *
+   * 引き替わるのは描画側が持つ字 (形の看板 / 絵の中の見本の値 / 行の名前) だけで、書き手の字
+   * (`title` / `subtitle` / 札) は変わらない。 字の一覧は `src/lang.ts` が持つ。
+   *
+   * 型の外の値は `layout` が既定に落とす (記法から文字列で届く場合の書き損じ)。
+   */
+  lang?: CdlLang;
   /**
    * この図がどの種類か (#645)。 書かない図は種類を持たない。
    *
@@ -2840,6 +2850,11 @@ export type LaidDiagram = {
   topic: string;
   /** どの配色で描くか (#1553)。 `CdlDiagram.palette` をそのまま持ち越す */
   palette?: string;
+  /**
+   * 描画側の固定の字の言語 (#847)。 `CdlDiagram.lang` を既定以外の時だけ持ち越す。
+   * 無い時は `"en"` で描く。
+   */
+  lang?: CdlLang;
   /** どの種類の図か (#645)。 `CdlDiagram.type` をそのまま持ち越す */
   type?: string;
   viewBox: { x: number; y: number; w: number; h: number };