done-chime

1import { atom, read, update } from 'claude-code'
2import type { EngineInterface, Register } from 'claude-code'
3
4import type { DoneChimeSettings } from '../types'
5import { clean, followTheme, mayWrite, readTheme, rememberVersion } from './style'
6import { DEFAULTS, SOUNDS, THRESHOLDS, VOLUMES, cleanSettings, isWindowsPath, powershellArgv, powershellExe, shouldChime, summary, waveSvg, wavBase64 } from './wav'
7
8const PANE = 'done-chime'
9const TITLE = '終わりの音'
10const DESCRIPTION = '答え終わりに鳴らす音の設定を開く'
11const KEYS = ['isOn', 'sound', 'threshold', 'volume'] as const
12
13const SETTINGS = atom({ plugin: 'done-chime', key: 'settings' } as const, DEFAULTS)
14const NOTE = atom({ plugin: 'done-chime', key: 'note' } as const, '')
15
16type $ = EngineInterface
17
18// 制御文字 (C0・DEL・C1) を落とす (エンジンは制御文字を含む Text の子を拒み、ペインが閉じる)
19const head = (s: string) => clean(s).replace(/\s+/g, ' ').slice(0, 200)
20
21// /chime を自分で取れたか (取れなければ /done-chime にして、/chime は横取りしない)
22let ownsMain = false
23
24// store への書き込みは 1 本ずつ。設定は項目ごとのキーに書くので、他のセッションが変えた別の項目を消さない (C1)
25let chain: Promise<unknown> = Promise.resolve()
26const serial = <T,>(f: () => Promise<T>) => {
27  const p = chain.then(f, f)
28  chain = p.catch(() => {})
29  return p
30}
31
32const change = async <K extends (typeof KEYS)[number]>($: $, key: K, value: DoneChimeSettings[K]) => {
33  await update($, SETTINGS, s => ({ ...s, [key]: value }))
34  // 古い版のまま動いているなら書かない (mayWrite がトーストで開き直しを頼む)
35  const ok = await serial(async () => {
36    if (!(await mayWrite($, await $.clock.now()))) throw new Error('stale')
37    await $.store.set(key, value)
38  }).then(
39    () => true,
40    () => false,
41  )
42  await update($, NOTE, () => (ok ? '' : '設定を残せませんでした(このセッションの間だけ効きます)'))
43}
44
45/** 鳴らす。Windows は PowerShell の SoundPlayer、ほかは $.audio.play */
46const play = async ($: $, s: DoneChimeSettings) => {
47  const base64 = wavBase64(s.sound, s.volume)
48  const cwd = await $.session.cwd().catch(() => '')
49  let note = ''
50  try {
51    if (isWindowsPath(cwd)) {
52      // 絶対パスで、mod のフォルダから起こす (作業フォルダに置かれた powershell.exe などを起こさない)
53      const exe = powershellExe(await $.env.get('SystemRoot').catch(() => undefined))
54      const r = await $.process.run(powershellArgv(base64, exe), { cwd: $.plugin.root, timeoutMs: 10_000 })
55      if (r.exitCode !== 0) note = `鳴らせませんでした(終了コード ${r.exitCode}): ${head(r.stderr || r.stdout)}`
56    } else {
57      await $.audio.play({ base64, mime: 'audio/wav' })
58    }
59  } catch (err) {
60    note = `鳴らせませんでした: ${head(err instanceof Error ? err.message : String(err))}`
61  }
62  await update($, NOTE, () => note)
63}
64
65const openPane = async ($: $) => {
66  await $.ui.open({ id: PANE, title: TITLE })
67  return { text: '終わりの音の設定を開きました。' }
68}
69
70export const register: Register = on => {
71  followTheme(on)
72
73  on('session.start', async ($, e, next) => {
74    await readTheme($)
75    const started = await next(e)
76    await rememberVersion($)
77    const got = await $.command.register({ name: 'chime', description: DESCRIPTION }).catch(() => undefined)
78    ownsMain = got?.command === 'chime'
79    if (!ownsMain) await $.command.register({ name: 'done-chime', description: DESCRIPTION }).catch(() => {})
80    // 読めない項目は既定値のまま (書き戻さない)
81    const raw: Record<string, unknown> = {}
82    for (const k of KEYS) raw[k] = await $.store.get(k).catch(() => undefined)
83    await update($, SETTINGS, () => cleanSettings(raw))
84    return started
85  })
86
87  on('command.run', { command: 'chime' }, ($, e, next) => (ownsMain ? openPane($) : next(e))).catch(($, e, next) => next(e))
88  // /chime を持てた時は予備名を開かない (同じ名前の別のコマンドを横取りしない)
89  on('command.run', { command: 'done-chime' }, ($, e, next) => (ownsMain ? next(e) : openPane($)))
90
91  on('turn.complete', async ($, e, next) => {
92    const s = await read($, SETTINGS)
93    // 鳴らし終わりを待たずにターンの終わりを返す
94    if (shouldChime(s, e)) void play($, s).catch(() => {})
95    return next(e)
96  })
97
98  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
99    const t = $.ui.resolve(e)
100    const { Box, Text, Button } = t
101    const s = await read($, SETTINGS)
102    const note = await read($, NOTE)
103    const line = summary(s)
104
105    return (
106      <Box flexDirection="column" gap={1}>
107        {e.surface !== 'terminal' && 'Svg' in t ? <t.Svg source={waveSvg(s)} alt={line} /> : <Text color={s.isOn ? 'green' : undefined}>{line}</Text>}
108        <Box flexDirection="row" flexWrap="wrap" columnGap={1}>
109          <Button key="toggle" dimColor label={s.isOn ? 'オフにする' : 'オンにする'} onPress={async () => change($, 'isOn', !(await read($, SETTINGS)).isOn)} />
110          <Button key="try" label="試しに鳴らす" variant="primary" onPress={async () => play($, await read($, SETTINGS))} />
111        </Box>
112        {'Select' in t && (
113          <Box flexDirection="column">
114            <t.Select key="sound" label="音の種類" value={s.sound} options={SOUNDS} onSelect={v => change($, 'sound', cleanSettings({ sound: v }).sound)} />
115            <t.Select
116              key="threshold"
117              label="しきい値"
118              value={String(s.threshold)}
119              options={THRESHOLDS.map(n => ({ value: String(n), label: `${n} 秒以上` }))}
120              onSelect={v => change($, 'threshold', cleanSettings({ threshold: Number(v) }).threshold)}
121            />
122            <t.Select key="volume" label="音量" value={s.volume} options={VOLUMES} onSelect={v => change($, 'volume', cleanSettings({ volume: v }).volume)} />
123          </Box>
124        )}
125        {note !== '' && <Text dimColor>{note}</Text>}
126      </Box>
127    )
128  })
129}
130

1// 全 mod で共通の見た目(色・見出し・動き)と小物。
2// 正本は shared/style.ts。各 mod の hooks/style.ts はその写しなので、直すのは正本だけにして
3// `node tools/copy_shared.mts` で写す(`--check` で写しのずれを見つける)。
4import type { EngineInterface, On } from 'claude-code'
5
6export type Palette = {
7  bg: string
8  face: string
9  line: string
10  text: string
11  dim: string
12  weak: string
13  blue: string
14  green: string
15  yellow: string
16  red: string
17  purple: string
18  orange: string
19}
20
21/** GitHub Dark 系(docs/mod-guide.md の 7 節) */
22export const DARK: Palette = {
23  bg: '#0d1117',
24  face: '#161b22',
25  line: '#30363d',
26  text: '#c9d1d9',
27  dim: '#8b949e',
28  weak: '#8b949e',
29  blue: '#58a6ff',
30  green: '#3fb950',
31  yellow: '#d29922',
32  red: '#f85149',
33  purple: '#bc8cff',
34  orange: '#f78166',
35}
36
37/** GitHub Light 系 */
38export const LIGHT: Palette = {
39  bg: '#ffffff',
40  face: '#f6f8fa',
41  line: '#d0d7de',
42  text: '#1f2328',
43  dim: '#656d76',
44  weak: '#656d76',
45  blue: '#0969da',
46  green: '#1a7f37',
47  yellow: '#9a6700',
48  red: '#cf222e',
49  purple: '#8250df',
50  orange: '#bc4c00',
51}
52
53// ponytail: 今の色はモジュールの変数 1 個(この mod の中だけ)。SVG を作る関数は C.bg などを呼ぶたびに読むので、
54// 引数を増やさずにテーマが変わる。描く途中で切り替わることは無い(JS は 1 本で走る)
55/** 今の色。setTheme で中身が入れ替わる(同じ物を指し続けるので、import した C のままでよい) */
56export const C: Palette = { ...DARK }
57let isLightNow = false
58
59export const isLight = () => isLightNow
60
61/** /config の theme の値が明るい系か('light'・'light-daltonized'・'light-ansi' など) */
62export const isLightTheme = (value: unknown) => typeof value === 'string' && value.startsWith('light')
63
64export function setTheme(light: boolean) {
65  isLightNow = light
66  Object.assign(C, light ? LIGHT : DARK)
67}
68
69/**
70 * 今の /config の theme を読んで色を合わせる。mod 自身の session.start の中で呼ぶ
71 * (同じイベントに matcher 無しのフックを 2 つ置くと読み込みを拒まれるので、ここでは on しない)。
72 * VS Code の配色は mod から読めないので、Claude Code の theme が light 系の時だけ明るくなる
73 */
74export async function readTheme($: EngineInterface) {
75  const rows = await $.config.list().catch(() => [])
76  setTheme(isLightTheme(rows.find(r => r.key === 'theme')?.value))
77}
78
79/** /config で theme が変わったら色を替えて描き直す。register の中で 1 回呼ぶ */
80export function followTheme(on: On) {
81  on('config.set', { key: 'theme' }, async ($, e, next) => {
82    const r = await next(e)
83    if (r.deny === undefined) {
84      setTheme(isLightTheme(r.value))
85      $.ui.invalidate('ui.render')
86    }
87    return r
88  })
89}
90
91// ---- 小物 ----
92
93/** 外から来る文字列の制御文字を落とす。エンジンは制御文字を含む Text の子や alt を拒み、ペインが閉じる */
94export const clean = (s: string) => s.replace(/[\t\n\r]+/g, ' ').replace(/[\x00-\x1f\x7f-\x9f]/g, '').trim()
95
96/** SVG の文字に入れる前のエスケープ(制御文字も落とす) */
97export const esc = (s: string) =>
98  clean(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')
99
100// ---- 時間帯と季節 (日本時間 JST = UTC+9 固定。動いている環境のタイムゾーンには頼らない) ----
101
102export type DayPart = '朝' | '昼' | '夕' | '夜'
103export type Season = '春' | '夏' | '秋' | '冬'
104
105const jstDate = (now: number) => new Date(now + 9 * 3_600_000)
106
107/** 時間帯。朝 5-10 時 / 昼 10-16 時 / 夕 16-19 時 / 夜 19-5 時 */
108export const dayPart = (now: number): DayPart => {
109  const h = jstDate(now).getUTCHours()
110  return h >= 5 && h < 10 ? '朝' : h >= 10 && h < 16 ? '昼' : h >= 16 && h < 19 ? '夕' : '夜'
111}
112
113/** 季節。春 3-5 月 / 夏 6-8 月 / 秋 9-11 月 / 冬 12-2 月 */
114export const season = (now: number): Season => {
115  const m = jstDate(now).getUTCMonth() + 1
116  return m >= 3 && m <= 5 ? '春' : m >= 6 && m <= 8 ? '夏' : m >= 9 && m <= 11 ? '秋' : '冬'
117}
118
119/** n 文字を超えたら … で切る */
120export const short = (s: string, n: number) => (s.length > n ? `${s.slice(0, Math.max(0, n - 1))}…` : s)
121
122// ---- 記録を守る(docs/mod-guide.md の 9 節) ----
123
124/** JST の YYYY-MM-DD */
125export const jstDay = (now: number) => jstDate(now).toISOString().slice(0, 10)
126
127export type Backup = { day: string; value: unknown }
128
129// ponytail: $.fs に消す手が無いので、曜日ごとの 7 つの枠を上書きして 7 日分だけ残す。もっと残すなら枠を日付にして process で消す
130const backupPath = (dir: string, plugin: string, key: string, wd: number) => `${dir.replace(/[\\/]+$/, '')}/${plugin}/${key}-${wd}.json`
131
132/**
133 * $.store の key の値を、その日はじめて呼ばれた時だけ dir に控える(曜日ごとの枠で 7 日分)。
134 * dir が空なら何もしない(公開の既定は空。入れた人が backupDir を設定する)。書いたら true
135 */
136export async function backupDaily($: EngineInterface, dir: string, key: string, value: unknown, now: number): Promise<boolean> {
137  if (!dir.trim() || value === undefined) return false
138  const day = jstDay(now)
139  const path = backupPath(dir, $.plugin.name, key, jstDate(now).getUTCDay())
140  // 壊れた枠(途中まで・null)は無いのと同じに扱って上書きする
141  const old = await $.fs.read(path).then(t => parseBackup(t)?.day ?? '', () => '')
142  if (old === day) return false
143  await $.fs.write(path, JSON.stringify({ day, value } satisfies Backup))
144  return true
145}
146
147/** 控えの 1 枠を読む。壊れていれば undefined */
148export function parseBackup(text: string): Backup | undefined {
149  try {
150    const b = JSON.parse(text) as Partial<Backup> | null
151    return b && typeof b.day === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(b.day) && b.value !== undefined ? (b as Backup) : undefined
152  } catch {
153    return undefined
154  }
155}
156
157/** 控えの一覧。新しい日から順。読めない枠・壊れた枠は飛ばす */
158export async function listBackups($: EngineInterface, dir: string, key: string): Promise<Backup[]> {
159  if (!dir.trim()) return []
160  const all = await Promise.all(
161    [0, 1, 2, 3, 4, 5, 6].map(wd =>
162      $.fs.read(backupPath(dir, $.plugin.name, key, wd)).then(parseBackup, () => undefined),
163    ),
164  )
165  return all.filter((b): b is Backup => b !== undefined).sort((a, b) => b.day.localeCompare(a.day))
166}
167
168let loadedPrint: string | undefined
169let staleAt = 0
170let isStaleNow = false
171let toldStale = false
172
173const normPath = (p: string) => p.replace(/[\\/]+/g, '/').replace(/\/$/, '').toLowerCase()
174
175/** FNV-1a 32bit。中身が変わったかを見るだけ */
176function fnv(s: string) {
177  let h = 0x811c9dc5
178  for (let i = 0; i < s.length; i++) h = Math.imul(h ^ s.charCodeAt(i), 0x01000193)
179  return (h >>> 0).toString(16)
180}
181
182/**
183 * 今ディスクにある、この mod の指紋。plugin.json と hooks の .ts / .tsx の中身から作る
184 * (版の数字を上げずに中身だけ変えた時も変わる)。plugin.json が読めなければ undefined
185 */
186async function diskPrint($: EngineInterface): Promise<string | undefined> {
187  const root = $.plugin.root
188  let manifest: string | undefined
189  for (const p of [`${root}/.claude-plugin/plugin.json`, `${root}/plugin.json`]) {
190    manifest = await $.fs.read(p).then(t => t, () => undefined)
191    if (manifest !== undefined) break
192  }
193  if (manifest === undefined) return undefined
194  const names = await $.fs.list(`${root}/hooks`).then(
195    es => es.filter(e => e.kind === 'file' && /\.tsx?$/.test(e.name)).map(e => e.name).sort(),
196    () => [] as string[],
197  )
198  const parts = await Promise.all(names.map(n => $.fs.read(`${root}/hooks/${n}`).then(t => `${n}\n${t}`, () => n)))
199  return fnv([manifest, ...parts].join('\0'))
200}
201
202/**
203 * マーケットプレイスから入れた形(<plugins>/cache/<market>/<name>/<版>)なら、installed_plugins.json に
204 * 今入っている場所が自分と違うか。違えば新しい版が入っている。分からなければ false
205 */
206async function replacedInCache($: EngineInterface): Promise<boolean> {
207  const root = normPath($.plugin.root)
208  const at = root.lastIndexOf('/plugins/cache/')
209  if (at < 0) return false
210  const raw = await $.fs.read(`${$.plugin.root.slice(0, at + '/plugins'.length)}/installed_plugins.json`).then(t => t, () => '')
211  try {
212    const plugins = (JSON.parse(raw) as { plugins?: Record<string, { installPath?: unknown }[]> }).plugins ?? {}
213    const mine = Object.entries(plugins)
214      .filter(([k]) => k.startsWith(`${$.plugin.name}@`))
215      .flatMap(([, v]) => (Array.isArray(v) ? v : []))
216      .map(e => (typeof e.installPath === 'string' ? normPath(e.installPath) : ''))
217    return mine.length > 0 && !mine.includes(root)
218  } catch {
219    return false
220  }
221}
222
223/** 読み込んだ時の指紋を覚える。mod の session.start で 1 回呼ぶ */
224export async function rememberVersion($: EngineInterface) {
225  loadedPrint ??= await diskPrint($)
226}
227
228/**
229 * 新しい版が入ったのに、このセッションはまだ古い版で動いているか。
230 * フォルダから読ませている時は中身の指紋が読み込んだ時と違えば、マーケットプレイスから入れた時は
231 * 入っている場所が自分でなくなれば true。読み直すのは 60 秒に 1 回まで。分からない時は false
232 */
233export async function isStale($: EngineInterface, now: number): Promise<boolean> {
234  if (isStaleNow || now - staleAt < 60_000) return isStaleNow
235  staleAt = now
236  if (await replacedInCache($)) return (isStaleNow = true)
237  if (loadedPrint === undefined) return false
238  const p = await diskPrint($)
239  isStaleNow = p !== undefined && p !== loadedPrint
240  return isStaleNow
241}
242
243/**
244 * $.store に書いてよいか。古い版のままなら書かず、1 回だけトーストで開き直しを頼む
245 * (古い版は新しい版の欄を知らないので、書くと消してしまう)
246 */
247export async function mayWrite($: EngineInterface, now: number): Promise<boolean> {
248  if (!(await isStale($, now))) return true
249  if (!toldStale) {
250    toldStale = true
251    $.ui.toast(`${$.plugin.name}: 新しい版が入りました。VS Code を開き直すまで記録は書きません`)
252  }
253  return false
254}
255
256// ---- SVG の部品 ----
257
258export const W = 380
259export const HEADER_H = 44
260
261/** SVG 全体の枠。地を塗って body を入れる。幅は W にそろえる */
262export const frame = (h: number, body: string, w = W) =>
263  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${w} ${h}" font-family="sans-serif">` +
264  `<rect width="${w}" height="${h}" rx="10" fill="${C.bg}"/>${body}</svg>`
265
266/** 面(カード)。角丸 8、線 1 */
267export const panel = (x: number, y: number, w: number, h: number, fill = C.face) =>
268  `<rect x="${x}" y="${y}" width="${w}" height="${h}" rx="8" fill="${fill}" stroke="${C.line}"/>`
269
270/**
271 * 共通の見出し帯(高さ HEADER_H)。左に色の縦線、左に題、右に添え書き。
272 * 下の細い線が左から伸びる
273 */
274export function header(title: string, sub = '', accent = C.blue, y = 0, w = W) {
275  const pad = 14
276  return [
277    `<rect x="0" y="${y}" width="${w}" height="${HEADER_H}" rx="10" fill="${C.face}"/>`,
278    `<rect x="0" y="${y + 8}" width="4" height="${HEADER_H - 16}" rx="2" fill="${accent}"/>`,
279    `<text x="${pad}" y="${y + 28}" font-size="16" font-weight="bold" fill="${C.text}">${esc(title)}</text>`,
280    sub === '' ? '' : `<text x="${w - pad}" y="${y + 28}" font-size="12" fill="${C.dim}" text-anchor="end">${esc(sub)}</text>`,
281    growBar(pad, y + HEADER_H - 3, w - pad * 2, 2, accent, 0, 0.35),
282  ].join('')
283}
284
285/** 横に伸びる棒。幅 0 から w まで伸びて止まる(shots.mts は終わりの値で撮る) */
286export const growBar = (x: number, y: number, w: number, h: number, fill: string, delay = 0, opacity = 1) =>
287  `<rect x="${x}" y="${y}" width="${Math.max(0, w)}" height="${h}" rx="${Math.min(3, h / 2)}" fill="${fill}"${opacity === 1 ? '' : ` opacity="${opacity}"`}>` +
288  `<animate attributeName="width" from="0" to="${Math.max(0, w)}" begin="${delay}s" dur="0.6s" fill="freeze"/></rect>`
289
290/** 下から伸びる縦の棒(下端 bottom・高さ h) */
291export const growColumn = (x: number, bottom: number, w: number, h: number, fill: string, delay = 0) =>
292  `<rect x="${x}" y="${bottom - h}" width="${w}" height="${Math.max(0, h)}" rx="${Math.min(3, w / 2)}" fill="${fill}">` +
293  `<animate attributeName="y" from="${bottom}" to="${bottom - h}" begin="${delay}s" dur="0.6s" fill="freeze"/>` +
294  `<animate attributeName="height" from="0" to="${Math.max(0, h)}" begin="${delay}s" dur="0.6s" fill="freeze"/></rect>`
295
296/** ふわっと出る。中身は SVG の断片 */
297export const fadeIn = (body: string, delay = 0) =>
298  `<g opacity="1"><animate attributeName="opacity" from="0" to="1" begin="${delay}s" dur="0.4s" fill="freeze"/>${body}</g>`
299
300/**
301 * 0 から value まで数字が増えて止まる。コマ送りの文字を重ね、最後のコマだけが残る。
302 * attrs は <text> に付ける属性(x・y・font-size・fill など)。format で桁区切りや単位を付ける
303 */
304export function countUp(value: number, attrs: string, format: (n: number) => string = n => String(n), delay = 0) {
305  const STEPS = 8
306  const d = 0.08
307  const last = `<text ${attrs} opacity="0">${esc(format(value))}<animate attributeName="opacity" from="0" to="1" begin="${(delay + (STEPS - 1) * d).toFixed(2)}s" dur="0.01s" fill="freeze"/></text>`
308  if (!Number.isFinite(value) || value === 0) return `<text ${attrs}>${esc(format(value))}</text>`
309  const frames = Array.from({ length: STEPS - 1 }, (_, k) => {
310    const n = Number.isInteger(value) ? Math.round((value * k) / (STEPS - 1)) : (value * k) / (STEPS - 1)
311    return `<text ${attrs} opacity="0">${esc(format(n))}<animate attributeName="opacity" values="1;1" begin="${(delay + k * d).toFixed(2)}s" dur="${d}s"/></text>`
312  })
313  return frames.join('') + last
314}
315

1import type { DoneChimeSettings, DoneChimeSound, DoneChimeVolume } from '../types'
2import { C, HEADER_H, fadeIn, frame, header } from './style'
3
4export const RATE = 8000
5
6export const SOUNDS: { value: DoneChimeSound; label: string }[] = [
7  { value: 'chord', label: '和音' },
8  { value: 'bell', label: 'ベル' },
9  { value: 'pon', label: 'ポン' },
10]
11export const VOLUMES: { value: DoneChimeVolume; label: string }[] = [
12  { value: 'low', label: '小' },
13  { value: 'mid', label: '中' },
14  { value: 'high', label: '大' },
15]
16export const THRESHOLDS = [10, 30, 60, 120]
17export const DEFAULTS: DoneChimeSettings = { isOn: true, sound: 'chord', threshold: 30, volume: 'mid' }
18
19/** 長さ (秒)。どれも 1 秒未満 */
20const LENGTH: Record<DoneChimeSound, number> = { chord: 0.6, bell: 0.8, pon: 0.3 }
21/** 音量は振幅で変える */
22const GAIN: Record<DoneChimeVolume, number> = { low: 0.25, mid: 0.5, high: 0.9 }
23
24const TAU = Math.PI * 2
25const attack = (t: number) => Math.min(1, t / 0.01)
26
27// 音の形 (-1..1)。8kHz なので 4kHz を超える高さは使わない
28const VOICE: Record<DoneChimeSound, (t: number) => number> = {
29  // ド・ミ・ソのサイン波の和
30  chord: t => (attack(t) * Math.exp(-t * 4) * [523.25, 659.25, 783.99].reduce((a, f) => a + Math.sin(TAU * f * t), 0)) / 3,
31  // 倍音のずれた鐘の音。高い成分ほど早く消える
32  bell: t =>
33    attack(t) *
34    (Math.sin(TAU * 660 * t) * Math.exp(-t * 3.5) * 0.6 +
35      Math.sin(TAU * 1822 * t) * Math.exp(-t * 6) * 0.3 +
36      Math.sin(TAU * 3564 * t) * Math.exp(-t * 10) * 0.1),
37  // 880 から 660 に下がる短い音 (位相は高さの積分: 880t - 366.7t^2 で 0.3 秒に 660 へ)
38  pon: t => attack(t) * Math.exp(-t * 14) * Math.sin(TAU * (880 * t - (220 / (2 * 0.3)) * t * t)),
39}
40
41/** 振幅をかけた後の標本 (-1..1) */
42export const samples = (sound: DoneChimeSound, volume: DoneChimeVolume) => {
43  const n = Math.round(RATE * LENGTH[sound])
44  const g = GAIN[volume]
45  const out: number[] = []
46  for (let i = 0; i < n; i++) out.push(Math.max(-1, Math.min(1, VOICE[sound](i / RATE) * g)))
47  return out
48}
49
50/** 8kHz 8bit mono の WAV */
51export const wavBytes = (sound: DoneChimeSound, volume: DoneChimeVolume) => {
52  const pcm = samples(sound, volume)
53  const bytes = new Uint8Array(44 + pcm.length)
54  const view = new DataView(bytes.buffer)
55  const tag = (at: number, s: string) => [...s].forEach((c, i) => view.setUint8(at + i, c.charCodeAt(0)))
56  tag(0, 'RIFF')
57  view.setUint32(4, 36 + pcm.length, true)
58  tag(8, 'WAVE')
59  tag(12, 'fmt ')
60  view.setUint32(16, 16, true) // fmt の長さ
61  view.setUint16(20, 1, true) // PCM
62  view.setUint16(22, 1, true) // mono
63  view.setUint32(24, RATE, true)
64  view.setUint32(28, RATE, true) // 1 秒の byte 数
65  view.setUint16(32, 1, true) // 1 標本の byte 数
66  view.setUint16(34, 8, true)
67  tag(36, 'data')
68  view.setUint32(40, pcm.length, true)
69  pcm.forEach((v, i) => (bytes[44 + i] = Math.round(128 + v * 127)))
70  return bytes
71}
72
73export const toBase64 = (bytes: Uint8Array) => {
74  let bin = ''
75  for (let i = 0; i < bytes.length; i += 0x8000) bin += String.fromCharCode(...bytes.subarray(i, i + 0x8000))
76  return btoa(bin)
77}
78
79export const wavBase64 = (sound: DoneChimeSound, volume: DoneChimeVolume) => toBase64(wavBytes(sound, volume))
80
81/** Windows か (作業フォルダが X:\ や \\server の形) */
82export const isWindowsPath = (cwd: string) => /^[A-Za-z]:[\\/]/.test(cwd) || cwd.startsWith('\\\\')
83
84/**
85 * Windows に付いてくる powershell.exe の絶対パス。名前だけで起こすと、作業フォルダや PATH の先にある
86 * 同じ名前の物を起こしてしまう。SystemRoot が読めない・X:\ の形でなければ C:\Windows
87 */
88export const powershellExe = (systemRoot: string | undefined) => {
89  const root = (systemRoot ?? '').trim().replace(/[\\/]+$/, '')
90  return `${/^[A-Za-z]:\\[^"*?<>|]*$/.test(root) ? root : 'C:\\Windows'}\\System32\\WindowsPowerShell\\v1.0\\powershell.exe`
91}
92
93/** Windows で鳴らす argv。base64 は英数字と + / = だけなので '' の中にそのまま入れられる */
94export const powershellArgv = (base64: string, exe = powershellExe(undefined)) => {
95  if (!/^[A-Za-z0-9+/=]*$/.test(base64)) throw new Error('base64 ではありません')
96  const script = `$b=[Convert]::FromBase64String('${base64}');$m=New-Object System.IO.MemoryStream(,$b);$p=New-Object System.Media.SoundPlayer($m);$p.PlaySync()`
97  return [exe, '-NoProfile', '-NonInteractive', '-Command', script]
98}
99
100/** ターンの終わりに鳴らすか */
101export const shouldChime = (s: DoneChimeSettings, e: { agentId?: string; reason: string; durationMs: number }) =>
102  s.isOn && e.agentId === undefined && e.reason === 'answer' && e.durationMs >= s.threshold * 1000
103
104/** store の値を洗う。合わない物は既定値 */
105export const cleanSettings = (raw: Record<string, unknown>): DoneChimeSettings => ({
106  isOn: typeof raw.isOn === 'boolean' ? raw.isOn : DEFAULTS.isOn,
107  sound: SOUNDS.some(s => s.value === raw.sound) ? (raw.sound as DoneChimeSound) : DEFAULTS.sound,
108  threshold: THRESHOLDS.includes(raw.threshold as number) ? (raw.threshold as number) : DEFAULTS.threshold,
109  volume: VOLUMES.some(v => v.value === raw.volume) ? (raw.volume as DoneChimeVolume) : DEFAULTS.volume,
110})
111
112export const labelOf = <T extends string>(list: { value: T; label: string }[], v: T) => list.find(x => x.value === v)?.label ?? v
113
114export const summary = (s: DoneChimeSettings) =>
115  s.isOn
116    ? `オン: ${s.threshold} 秒以上かかったターンの終わりに「${labelOf(SOUNDS, s.sound)}」を音量 ${labelOf(VOLUMES, s.volume)} で鳴らします`
117    : 'オフ: 鳴らしません'
118
119// 音ごとの色。テーマに付いていくよう、呼ぶたびに C から読む
120const colorOf = (sound: DoneChimeSound) => ({ chord: C.blue, bell: C.yellow, pon: C.green })[sound]
121
122/**
123 * 波形の絵。縦線で各列の最小と最大を描き、再生位置の線が流れる。
124 * 設定を変えた時だけ描き直すので、波形は 1 回だけふわっと出す
125 */
126export const waveSvg = (s: DoneChimeSettings) => {
127  const pcm = samples(s.sound, s.volume)
128  const cols = 180
129  const per = Math.ceil(pcm.length / cols)
130  const mid = HEADER_H + 62
131  let d = ''
132  for (let c = 0; c < cols; c++) {
133    const part = pcm.slice(c * per, (c + 1) * per)
134    if (part.length === 0) break
135    const x = (20 + c * 1.9).toFixed(1)
136    d += `M${x} ${(mid - Math.max(...part) * 50).toFixed(1)}V${(mid - Math.min(...part) * 50 + 0.5).toFixed(1)}`
137  }
138  const c = s.isOn ? colorOf(s.sound) : C.dim
139  const sec = LENGTH[s.sound]
140  const dur = `${(sec * 2 + 1).toFixed(1)}s`
141  return frame(
142    196,
143    header('終わりの音', s.isOn ? `オン ${s.threshold} 秒以上` : 'オフ', c) +
144      `<line x1="20" y1="${mid}" x2="360" y2="${mid}" stroke="${C.line}"/>` +
145      fadeIn(`<path d="${d}" stroke="${c}" stroke-width="1.4" fill="none"/>`) +
146      `<line y1="${mid - 52}" y2="${mid + 52}" x1="20" x2="20" stroke="${C.text}" stroke-opacity="0.6">` +
147      `<animate attributeName="x1" values="20;360;360" keyTimes="0;0.5;1" dur="${dur}" repeatCount="indefinite"/>` +
148      `<animate attributeName="x2" values="20;360;360" keyTimes="0;0.5;1" dur="${dur}" repeatCount="indefinite"/></line>` +
149      `<text x="20" y="182" font-size="12" fill="${C.dim}">${labelOf(SOUNDS, s.sound)} / ${sec} 秒 / 音量 ${labelOf(VOLUMES, s.volume)}</text>`,
150  )
151}
152

1/** 音の種類: 和音・ベル・ポン */
2export type DoneChimeSound = 'chord' | 'bell' | 'pon'
3export type DoneChimeVolume = 'low' | 'mid' | 'high'
4
5export type DoneChimeSettings = {
6  isOn: boolean
7  sound: DoneChimeSound
8  /** これ以上かかったターンで鳴らす (秒) */
9  threshold: number
10  volume: DoneChimeVolume
11}
12
13declare module 'claude-code' {
14  interface PluginState {
15    'done-chime': {
16      settings: DoneChimeSettings
17      /** 最後に鳴らした結果など、ペインの下に出す一言 */
18      note: string
19    }
20  }
21}
22