@cardenelabs/dragon 0.34.0 → 0.35.1

package/src/look/palettes.json

@@ -0,0 +1,209 @@
+{
+  "clear": {
+    "name": "澄んだ色",
+    "note": "白い地に、中くらいの明るさの鮮やかな 6 色。今の見本帳の色",
+    "light": {
+      "page": "#f3f4f7",
+      "bg": "#ffffff",
+      "surf": "#ffffff",
+      "sunk": "#f5f6f8",
+      "ink": "#12141a",
+      "ink2": "#3f4451",
+      "mute": "#6b7180",
+      "hair": "#12141a1c",
+      "line": "#12141a40",
+      "sh": "#101828",
+      "on-c": "#ffffff",
+      "c-blue": "#467deb",
+      "t-blue": "#2e62ce",
+      "c-amber": "#d28008",
+      "t-amber": "#975b04",
+      "c-green": "#0ea886",
+      "t-green": "#07775e",
+      "c-violet": "#6c3bb2",
+      "t-violet": "#6c3bb2",
+      "c-rose": "#ba3e40",
+      "t-rose": "#b83c3f",
+      "c-slate": "#5d6677",
+      "t-slate": "#5d6677",
+      "coin": "#e9b114",
+      "coint": "#856300",
+      "coinin": "#a8740c",
+      "tint": "5%",
+      "edge": "20%",
+      "shA": ".05",
+      "shB": ".08",
+      "carry": "#65686f"
+    },
+    "dark": {
+      "page": "#08090c",
+      "bg": "#0d0e12",
+      "surf": "#17191f",
+      "sunk": "#121419",
+      "ink": "#eceef3",
+      "ink2": "#c4c8d2",
+      "mute": "#9198a6",
+      "hair": "#eceef31f",
+      "line": "#eceef340",
+      "sh": "#000000",
+      "on-c": "#0d0e12",
+      "c-blue": "#7e7ef6",
+      "t-blue": "#989cfd",
+      "c-amber": "#c78135",
+      "t-amber": "#dd954b",
+      "c-green": "#20ac7a",
+      "t-green": "#35b986",
+      "c-violet": "#695b9f",
+      "t-violet": "#a79ae3",
+      "c-rose": "#bc434b",
+      "t-rose": "#fd7d81",
+      "c-slate": "#9ba3b2",
+      "t-slate": "#9da5b4",
+      "coin": "#f0c040",
+      "coint": "#f0c040",
+      "coinin": "#9a6a0c",
+      "tint": "6%",
+      "edge": "19%",
+      "shA": ".45",
+      "shB": ".35"
+    }
+  },
+  "paper": {
+    "name": "紙と墨",
+    "note": "生成りの紙の地に、藍 / 黄土 / 苔 / 葡萄 / 朱 / 鈍のくすんだ 6 色",
+    "light": {
+      "page": "#ece7dd",
+      "bg": "#f9f6f0",
+      "surf": "#fffcf6",
+      "sunk": "#f2ede4",
+      "ink": "#221e18",
+      "ink2": "#4b453b",
+      "mute": "#7b7366",
+      "hair": "#221e181f",
+      "line": "#221e1847",
+      "sh": "#3a2a10",
+      "on-c": "#fffcf6",
+      "c-blue": "#487dd5",
+      "t-blue": "#2d60b5",
+      "c-amber": "#c38405",
+      "t-amber": "#885a01",
+      "c-green": "#57a271",
+      "t-green": "#237143",
+      "c-violet": "#904698",
+      "t-violet": "#904698",
+      "c-rose": "#a9513e",
+      "t-rose": "#9f4836",
+      "c-slate": "#6a645a",
+      "t-slate": "#696359",
+      "coin": "#d4a52a",
+      "coint": "#7d5e05",
+      "coinin": "#9a7016",
+      "tint": "6%",
+      "edge": "22%",
+      "shA": ".06",
+      "shB": ".07",
+      "carry": "#68635c"
+    },
+    "dark": {
+      "page": "#0e0d0b",
+      "bg": "#15130f",
+      "surf": "#1e1b17",
+      "sunk": "#191612",
+      "ink": "#ede6d8",
+      "ink2": "#cbc2b1",
+      "mute": "#9c9283",
+      "hair": "#ede6d81f",
+      "line": "#ede6d842",
+      "sh": "#000000",
+      "on-c": "#15130f",
+      "c-blue": "#5785d5",
+      "t-blue": "#76a6f9",
+      "c-amber": "#be8802",
+      "t-amber": "#d59e2f",
+      "c-green": "#52aa71",
+      "t-green": "#61b87e",
+      "c-violet": "#90529b",
+      "t-violet": "#d08edb",
+      "c-rose": "#bb4e3d",
+      "t-rose": "#f98672",
+      "c-slate": "#a9a295",
+      "t-slate": "#aca598",
+      "coin": "#dcb24e",
+      "coint": "#dcb24e",
+      "coinin": "#8a6a14",
+      "tint": "6%",
+      "edge": "19%",
+      "shA": ".45",
+      "shB": ".35"
+    }
+  },
+  "night": {
+    "name": "夜の計器",
+    "note": "青みの黒の地に、光る水色 / 琥珀 / 若緑 / 菫 / 桃 の 6 色。明るい側は青灰の地",
+    "light": {
+      "page": "#e9eef5",
+      "bg": "#f6f9fc",
+      "surf": "#ffffff",
+      "sunk": "#eef3f8",
+      "ink": "#0b1424",
+      "ink2": "#34425a",
+      "mute": "#64748b",
+      "hair": "#0b14241c",
+      "line": "#0b142440",
+      "sh": "#0b1424",
+      "on-c": "#ffffff",
+      "c-blue": "#0385cd",
+      "t-blue": "#086aa3",
+      "c-amber": "#ba8e0f",
+      "t-amber": "#7f5f04",
+      "c-green": "#0a8857",
+      "t-green": "#027449",
+      "c-violet": "#5839ba",
+      "t-violet": "#5839ba",
+      "c-rose": "#dd4a94",
+      "t-rose": "#b82375",
+      "c-slate": "#64748b",
+      "t-slate": "#56667c",
+      "coin": "#eab308",
+      "coint": "#7e6005",
+      "coinin": "#a16207",
+      "tint": "5%",
+      "edge": "22%",
+      "shA": ".06",
+      "shB": ".09",
+      "carry": "#596579"
+    },
+    "dark": {
+      "page": "#060a12",
+      "bg": "#0a101c",
+      "surf": "#111a2a",
+      "sunk": "#0d1522",
+      "ink": "#e6edf7",
+      "ink2": "#b8c4d6",
+      "mute": "#8090a8",
+      "hair": "#e6edf71c",
+      "line": "#9fb3d145",
+      "sh": "#000000",
+      "on-c": "#0a101c",
+      "c-blue": "#3884b6",
+      "t-blue": "#62ace1",
+      "c-amber": "#be8533",
+      "t-amber": "#d59b4b",
+      "c-green": "#3ba774",
+      "t-green": "#4fb884",
+      "c-violet": "#7d4ecd",
+      "t-violet": "#b494fd",
+      "c-rose": "#bc3a74",
+      "t-rose": "#ff77ad",
+      "c-slate": "#96a3b5",
+      "t-slate": "#99a6b8",
+      "coin": "#facc15",
+      "coint": "#facc15",
+      "coinin": "#a16207",
+      "tint": "6%",
+      "edge": "19%",
+      "shA": ".5",
+      "shB": ".4"
+    }
+  }
+}

package/src/look/values.ts

@@ -0,0 +1,155 @@
+/**
+ * 図の見た目の値の表。色、字の大きさ、余白、動きの長さをここに 1 つにまとめる。
+ *
+ * 描く file (`layout/`、`render/`、`timeline.ts`、`view.ts`、`player.ts`) は色の値と字の大きさを
+ * 直接書かず、この表から読む。値は見本帳 (`docs/design/base/`) の部品と同じにしてある。
+ * 色味の値は見本帳の `palettes.json` の写しで、色味ごとに明るい背景と暗い背景で別の値を持つ。
+ */
+import palettes from "./palettes.json";
+import { FONTS, type Family } from "./fonts";
+
+export type Theme = "light" | "dark";
+
+export interface Palette {
+  id: string;
+  name: string;
+  note: string;
+  light: Record<string, string>;
+  dark: Record<string, string>;
+}
+
+/** 色味を指定しない時と、知らない名前を渡した時に使う色味。 */
+export const DEFAULT_PALETTE = "paper";
+
+export const PALETTES: Readonly<Record<string, Palette>> = Object.fromEntries(
+  Object.entries(palettes as Record<string, Omit<Palette, "id">>).map(([id, p]) => [id, { id, ...p }]),
+);
+
+/** 名前から色味を引く。指定が無いか、知らない名前 (外した墨と朱の `ink` を含む) なら紙と墨。 */
+export function resolvePalette(id?: string): Palette {
+  const found = id !== undefined && Object.hasOwn(PALETTES, id) ? PALETTES[id] : undefined;
+  return found ?? (PALETTES[DEFAULT_PALETTE] as Palette);
+}
+
+/** 色味の値を CSS の変数として並べる。 */
+export function paletteVars(palette: Palette, theme: Theme): string {
+  return Object.entries(palette[theme])
+    .map(([key, value]) => `--${key}:${value}`)
+    .join(";");
+}
+
+/** 字の変数。同梱した 2 つの字を 1 度だけ名指し、字を使う所はどれもこの変数を読む。 */
+export const FONT_VARS = `--sans:"${FONTS.sans}";--mono:"${FONTS.mono}"`;
+
+/** 区画や箱を分ける色の役。灰 (slate) と硬貨 (coin) は分類の色として順に配らない。 */
+export const COLOR_ORDER = ["blue", "amber", "green", "violet", "rose"] as const;
+export type ColorKey = (typeof COLOR_ORDER)[number] | "slate" | "coin";
+
+export interface TextStyle {
+  size: number;
+  weight: number;
+  family: Family;
+}
+
+const text = (size: number, weight: number, family: Family = "sans"): TextStyle => ({ size, weight, family });
+
+/** 字の大きさと太さ。どれも 10.5 以上にする。 */
+export const TYPE = {
+  boxName: text(13, 650),
+  boxSub: text(11, 500),
+  boxSubStrong: text(11, 700),
+  regionName: text(12.5, 700),
+  regionNote: text(11, 500),
+  label: text(11, 600, "mono"),
+  labelJa: text(11, 650),
+  action: text(11, 650),
+  badge: text(10.5, 700, "mono"),
+  carrier: text(10.5, 700, "mono"),
+  carrierJa: text(10.5, 700),
+  stripTitle: text(12.5, 700),
+  fieldName: text(10.5, 600),
+  fieldValue: text(12, 600, "mono"),
+  fieldValueJa: text(12, 600),
+  tag: text(10.5, 700),
+  miniTitle: text(10.5, 700),
+  stepTitle: text(15, 700),
+  stepBody: text(13.5, 500),
+  stepNo: text(13, 700, "mono"),
+  button: text(14, 700),
+} as const;
+
+/** 置き場所と部品の大きさ。単位は図の座標 (字が原寸の時の px)。 */
+export const LOOK = {
+  /** 部品どうしの最小の隙間 */
+  gap: 10,
+  /** 図の外周の余白 */
+  margin: 14,
+  box: { h: 72, minW: 92, padX: 12, radius: 12, icon: 24, iconRadius: 7, iconY: -16, iconScale: 0.74, nameY: 12, subY: 27 },
+  region: { pad: 18, gap: 10, radius: 14, inset: 14, icon: 24, iconRadius: 7, iconScale: 0.68, nameY: 58, line: 16, minH: 108 },
+  architecture: { columns: 4, columnGap: 56, maxColumnGap: 160, rowGap: 44, labelRoom: 16 },
+  sequence: { columnGap: 40, labelRoom: 16, firstRow: 22, rowGap: 14, stepGap: 8, minPitch: 40, tail: 18, selfW: 34, selfH: 18 },
+  edge: { inset: 3, arrow: 6, arrowHalf: 3.5, parallel: 5, ghostDash: 5, flowDash: 9 },
+  label: { h: 20, padX: 9, radius: 10, offset: 22, side: 14, search: 4, searchMax: 400, soft: 6 },
+  action: { h: 22, padX: 10, radius: 11 },
+  badge: { r: 9.5, ring: 9, inset: 4, along: 14, short: 44 },
+  carrier: { envW: 24, envH: 17, coinR: 6.5, coinIn: 3.8, tagH: 18, tagPadX: 8, samples: 16 },
+  strip: { h: 72, line: 44, pad: 12, icon: 24, titleX: 44, fieldGap: 22, sepInset: 14, tagGap: 6, tagH: 15, tagPadX: 7, nameY: 22, valueY: 43 },
+  stroke: { hair: 1, edge: 1.7, edgeOn: 2.25, arrow: 1.5, flow: 1.3, halo: 7, on: 1.75, glyph: 2, lifeline: 1.2, envelope: 1.5, badgeRing: 1.5 },
+  shadow: { near: 0.8, far: 4, nearY: 1, farY: 3 },
+  mini: { w: 168, pad: 8, title: 14, inset: 12, radius: 10 },
+  /** 寄って追う見せ方の窓の高さの、幅に対する割合と下限 */
+  follow: { aspect: 0.75, minH: 320, ease: 0.6 },
+  /** 色を混ぜる割合 (%) */
+  mix: { icon: 14, regionIcon: 16, regionIconEdge: 34, cap: 12, capEdge: 42, badgePast: 14, badgePastEdge: 70, mini: 62, miniBand: 16, miniBandEdge: 36, view: 6 },
+  /** 字の並びの基準線を、置きたい高さの真ん中からどれだけ下げるか */
+  baseline: { label: 3.8, badge: 3.5, carrier: 3.7, stripTitle: 4.5, tag: 3.6, action: 3.8 },
+  /** 浮いて出る物が下から上がる長さと、弾んで出る物の始まりの大きさ */
+  rise: 5,
+  popFrom: 0.4,
+  /** 動きを嫌わない人の頁の部品 */
+  player: { gap: 10, radius: 12, button: 36, hidden: 1, focus: 2 },
+} as const;
+
+/** 動きの長さ (秒)。 */
+export const MOTION = {
+  /** 最初の段の前に全体を見せる長さ */
+  intro: 1.4,
+  /** 最後の段の後に全体を見せる長さ */
+  outro: 4.6,
+  /** 繰り返す前に消えていく長さ */
+  tail: 0.6,
+  /** 段の長さ。本文の字数で伸ばし、段で起きることが全部見えてから dwell 秒は留める */
+  stepBase: 1.2,
+  perChar: 0.025,
+  stepMin: 2.2,
+  stepMax: 5,
+  dwell: 1.2,
+  /** 段の中で最初の線を引き始めるまでと、続く線を引き始める間 */
+  edgeAt: 0.1,
+  stagger: 0.5,
+  /** 線を引く長さ。運ぶ物を載せた線は運ぶ物が走るので長い */
+  draw: 0.55,
+  drawCarry: 0.9,
+  /** 処理を読む間 (次の線と書き換えはこれだけ待つ) と、書き換えが続く間 */
+  action: 0.9,
+  change: 0.12,
+  /** 箱の下の字が見えている短さの下限。これより早く次の字に替わる字は出さない */
+  minShow: 0.8,
+  /** 線の名前が線より遅れて出る長さと、出入りの長さ */
+  labelDelay: 0.15,
+  fade: 0.3,
+  popFade: 0.4,
+  untilFade: 0.2,
+  /** 段の止め絵を撮る時刻を、段の終わりからどれだけ前にするか */
+  still: 0.45,
+} as const;
+
+/** 見せ方を決める字の大きさ。全体を枠に収めた時の箱の名前がこれを下回ると寄って追う。 */
+export const READABLE_PX = 10.5;
+
+/** 動きの緩急。 */
+export const EASE = {
+  inOut: "cubic-bezier(.65,0,.35,1)",
+  out: "cubic-bezier(.22,1,.36,1)",
+  pop: "cubic-bezier(.34,1.56,.64,1)",
+} as const;

package/src/markdown.ts

@@ -0,0 +1,35 @@
+/**
+ * Markdown の中の dragon の囲み (```dragon) を、囲みごとに取り出す。
+ *
+ * 囲みの開き方と閉じ方は CommonMark に従う。` か ~ を 3 つ以上並べて開き、同じ字を開いた数以上
+ * 並べて閉じる。閉じていない囲みは文書の終わりまでを中身にする。dragon 以外の言語の囲みの中は読まない。
+ */
+export interface Fence {
+  /** 囲みの中身 (記法) */
+  source: string;
+  /** 中身の 1 行目が文書の何行目か。記法の誤りの行を文書の行に直す時に足す */
+  line: number;
+}
+
+export function extractDiagrams(markdown: string): Fence[] {
+  const lines = markdown.split(/\r?\n/);
+  if (lines[lines.length - 1] === "") lines.pop();
+  const fences: Fence[] = [];
+  let open: { mark: string; dragon: boolean; start: number; body: string[] } | undefined;
+  lines.forEach((text, index) => {
+    if (!open) {
+      const found = /^ {0,3}(`{3,}|~{3,})\s*([^\s`]*)/.exec(text);
+      if (found) open = { mark: found[1] ?? "", dragon: found[2] === "dragon", start: index + 2, body: [] };
+      return;
+    }
+    const close = /^ {0,3}(`{3,}|~{3,})\s*$/.exec(text)?.[1];
+    if (close !== undefined && close[0] === open.mark[0] && close.length >= open.mark.length) {
+      if (open.dragon) fences.push({ source: open.body.join("\n"), line: open.start });
+      open = undefined;
+      return;
+    }
+    open.body.push(text);
+  });
+  if (open?.dragon) fences.push({ source: open.body.join("\n"), line: open.start });
+  return fences;
+}

package/src/messages.ts

@@ -0,0 +1,122 @@
+/**
+ * 記法の誤りの文 (#2997)。
+ *
+ * 誤りの文は file の言葉で出す。file の言葉は最初の行の図の種類の語で決まり、
+ * 最初の行が読めず決まらない時は、呼ぶ側が渡した言葉 (渡さなければ日本語) で出す。
+ * 文の中の記法の語は語の表から引き、表と文で語が食い違わないようにする。
+ */
+import { COLORS } from "./schema";
+import { type NotationLang, type WordGroup, type WORDS, wordOf } from "./words";
+
+export interface Messages {
+  noHead: string;
+  badHead: string;
+  duplicate: (id: string) => string;
+  undeclaredBox: (id: string) => string;
+  noBody: (title: string) => string;
+  emptyStepTitle: string;
+  noBoxes: string;
+  noSteps: string;
+  viewTwice: string;
+  badView: string;
+  stripTwice: string;
+  emptyStripField: string;
+  stepLineBeforeStep: string;
+  unreadableDeclaration: string;
+  emptyName: (id: string) => string;
+  badColor: string;
+  regionFirst: (id: string) => string;
+  badAttr: (raw: string) => string;
+  codeTwice: string;
+  declarationInStep: string;
+  emptySwap: string;
+  unreadableStepLine: string;
+  edgeShape: string;
+  carryTwice: string;
+  tagNeedsValue: string;
+  carryTakesNoValue: (key: string) => string;
+  stripUndeclared: string;
+  stripTagOnce: string;
+  noSuchField: (field: string) => string;
+  stripNeedsValue: string;
+  /** 違う言葉の語 `word` を書いた時。`own` はこの file の言葉の同じ役割の語 */
+  otherLanguageWord: (word: string, own: string) => string;
+}
+
+const ja = (): Messages => {
+  const w = <G extends WordGroup>(group: G, value: keyof (typeof WORDS)[G]): string => wordOf(group, value, "ja");
+  return {
+    noHead: `最初の行に図の種類 (${w("kind", "sequence")} か ${w("kind", "architecture")}) と題を書く`,
+    badHead: `最初の行は ${w("kind", "sequence")} か ${w("kind", "architecture")} で始め、続けて題を書く`,
+    duplicate: (id) => `${id} は既に宣言した名札`,
+    undeclaredBox: (id) => `${id} という箱は宣言していない`,
+    noBody: (title) => `段「${title}」に本文 (> で始まる行) が要る`,
+    emptyStepTitle: "段の見出し (#) に題を書く",
+    noBoxes: "箱を 1 つ以上宣言する",
+    noSteps: "段 (# で始まる行) を 1 つ以上書く",
+    viewTwice: `${w("head", "view")}は 1 行だけ書く`,
+    badView: `${w("head", "view")}は ${w("view", "fixed")} か ${w("view", "follow")}`,
+    stripTwice: "中身の帯は 1 つだけ宣言する",
+    emptyStripField: "帯の欄の名前が空",
+    stepLineBeforeStep: "線や処理は段の見出し (#) の下に書く",
+    unreadableDeclaration: "読めない行。箱の宣言は <名札> = <名前>「<下の小さな字>」 の形で書く",
+    emptyName: (id) => `${id} の名前が空`,
+    badColor: `${w("attr", "color")}は ${COLORS.join(" / ")} のどれか`,
+    regionFirst: (id) => `${w("attr", "region")} ${id} を先に宣言する`,
+    badAttr: (raw) => `[${raw}] は書けない指定`,
+    codeTwice: "1 つの段に命令 (` で囲んだ行) は 1 行まで",
+    declarationInStep: "箱の宣言は最初の段の見出し (#) より前に書く",
+    emptySwap: "「」の中に書き換える字を書く",
+    unreadableStepLine: "読めない行。線は <名札> -> <名札> : <線の名前>、処理は <名札> : <処理の名前> の形で書く",
+    edgeShape: "線は <名札> -> <名札> : <線の名前> の形で書く",
+    carryTwice: "運ぶ物は 1 本の線に 1 つまで",
+    tagNeedsValue: `${w("carry", "tag")}には値を書く ([${w("carry", "tag")} <値>])`,
+    carryTakesNoValue: (key) => `[${key}] には値を書かない`,
+    stripUndeclared: `帯の値を書く前に、帯を宣言する (${w("head", "strip")} <題> = <欄>, <欄>)`,
+    stripTagOnce: "帯の札は 1 つまで",
+    noSuchField: (field) => `${field} という欄は帯に無い`,
+    stripNeedsValue: "帯の欄には = <値> か [<札>] を書く",
+    otherLanguageWord: (word, own) => `この図は日本語の語で書く。${word} ではなく ${own} と書く`,
+  };
+};
+
+const en = (): Messages => {
+  const w = <G extends WordGroup>(group: G, value: keyof (typeof WORDS)[G]): string => wordOf(group, value, "en");
+  return {
+    noHead: `Write the diagram kind (${w("kind", "sequence")} or ${w("kind", "architecture")}) and a title on the first line`,
+    badHead: `Start the first line with ${w("kind", "sequence")} or ${w("kind", "architecture")}, followed by the title`,
+    duplicate: (id) => `${id} is already declared`,
+    undeclaredBox: (id) => `No box named ${id} is declared`,
+    noBody: (title) => `Step "${title}" needs a body (a line starting with >)`,
+    emptyStepTitle: "Write a title after the step heading (#)",
+    noBoxes: "Declare at least one box",
+    noSteps: "Write at least one step (a line starting with #)",
+    viewTwice: `Write ${w("head", "view")} only once`,
+    badView: `${w("head", "view")} is ${w("view", "fixed")} or ${w("view", "follow")}`,
+    stripTwice: `Declare only one ${w("head", "strip")}`,
+    emptyStripField: `A ${w("head", "strip")} field name is empty`,
+    stepLineBeforeStep: "Write lines and actions under a step heading (#)",
+    unreadableDeclaration: 'Cannot read this line. Declare a box as <id> = <name> "<caption>"',
+    emptyName: (id) => `${id} has an empty name`,
+    badColor: `${w("attr", "color")} is one of ${COLORS.join(" / ")}`,
+    regionFirst: (id) => `Declare ${w("attr", "region")} ${id} first`,
+    badAttr: (raw) => `[${raw}] cannot be written here`,
+    codeTwice: "A step takes at most one command (a line in backticks)",
+    declarationInStep: "Declare boxes before the first step heading (#)",
+    emptySwap: 'Write the new caption inside "…"',
+    unreadableStepLine: "Cannot read this line. Write a line as <id> -> <id> : <label>, or an action as <id> : <action>",
+    edgeShape: "Write a line as <id> -> <id> : <label>",
+    carryTwice: "A line carries at most one thing",
+    tagNeedsValue: `${w("carry", "tag")} needs a value ([${w("carry", "tag")} <value>])`,
+    carryTakesNoValue: (key) => `[${key}] takes no value`,
+    stripUndeclared: `Declare the ${w("head", "strip")} before writing its values (${w("head", "strip")} <title> = <field>, <field>)`,
+    stripTagOnce: `A ${w("head", "strip")} value takes at most one tag`,
+    noSuchField: (field) => `The ${w("head", "strip")} has no field named ${field}`,
+    stripNeedsValue: `Write = <value> or [<tag>] after the ${w("head", "strip")} field`,
+    otherLanguageWord: (word, own) => `This diagram uses English words. Write ${own} instead of ${word}`,
+  };
+};
+
+const MESSAGES: Record<NotationLang, Messages> = { ja: ja(), en: en() };
+
+export const messagesFor = (lang: NotationLang): Messages => MESSAGES[lang];