pre-check

1import { atom, read, update } from 'claude-code'
2import type { EngineInterface, Register } from 'claude-code'
3
4import type { PreCheckLarge, PreCheckReport } from '../types'
5import {
6  LARGE_BYTES,
7  UNSET_HINT,
8  cut,
9  detailLines,
10  itemsOf,
11  messageSvg,
12  paneSvg,
13  parseNumstat,
14  plain,
15  scanPatch,
16  splitCommand,
17  tailOf,
18  verdictOf,
19} from './check'
20import { followTheme, readTheme } from './style'
21
22const PANE = 'pre-check'
23const TITLE = 'コミット前'
24const DESCRIPTION = 'コミットの前に変更・秘密情報・衝突の印・大きいファイル・テストを確かめるペインを開く'
25/** 時間の上限の上限 (1 時間) */
26const MAX_TIMEOUT_SECONDS = 3600
27/** 大きさを見るファイルの数の上限 */
28const MAX_STATS = 300
29// 出力はこの長さの末尾だけ持つ
30const KEEP = 200_000
31
32const REPORT = atom({ plugin: 'pre-check', key: 'report' } as const, { kind: 'idle' })
33const TEST = atom({ plugin: 'pre-check', key: 'test' } as const, { kind: 'idle' })
34const OPEN = atom({ plugin: 'pre-check', key: 'open' } as const, '')
35
36type $ = EngineInterface
37
38// 設定は register で userConfig から入れる
39const cfg = { command: '', argv: [] as string[], timeoutMs: 300_000 }
40// ponytail: 主の名前を持てたかはモジュール変数。リロードでも session.start が来て決め直す
41let ownsMain = false
42let loadSeq = 0
43
44// git を読むだけ。書き込む操作は呼ばない。
45// GIT_OPTIONAL_LOCKS=0 と diff-index / diff-files で index を書き直さない。core.fsmonitor=false と --no-textconv で
46// リポジトリの設定が指すコマンドを走らせない。--literal-pathspecs でパスをワイルドカードとして読まない
47// log.showSignature=false で gpg.program も走らせない。
48// ponytail: filter.<name>.clean は止める -c が無い (diff-files が作業ツリーを読む時に走りうる)。mod-guide の限界に書く
49const git = ($: $, cwd: string, args: string[], stdin?: string) =>
50  $.process.run(['git', '-c', 'core.quotePath=false', '-c', 'core.fsmonitor=false', '-c', 'log.showSignature=false', '--literal-pathspecs', ...args], {
51    cwd,
52    env: { GIT_OPTIONAL_LOCKS: '0' },
53    timeoutMs: 20_000,
54    ...(stdin === undefined ? {} : { stdin }),
55  })
56const PATCH = ['-p', '-U0', '--no-color', '--no-textconv', '--no-ext-diff', '--no-renames']
57
58async function readReport($: $): Promise<PreCheckReport> {
59  const cwd = await $.session.cwd()
60  try {
61    const inside = await git($, cwd, ['rev-parse', '--is-inside-work-tree', '--show-toplevel'])
62    if (inside.exitCode !== 0 && /dubious ownership/.test(inside.stderr)) return { kind: 'unsafe' }
63    const [isInside, root = ''] = inside.stdout.trim().split(/\r?\n/)
64    if (inside.exitCode !== 0 || isInside !== 'true') return { kind: 'not-repo' }
65    // コミットがまだ無ければ空の木と比べる (sha256 のリポジトリでも合うように git に作らせる。-w が無いので書かない)
66    const head = await git($, cwd, ['rev-parse', '-q', '--verify', 'HEAD'])
67    const base = head.exitCode === 0 ? 'HEAD' : (await git($, cwd, ['hash-object', '-t', 'tree', '--stdin'], '')).stdout.trim()
68    const [sn, un, sp, up, ut] = await Promise.all([
69      git($, cwd, ['diff-index', '--cached', '--numstat', '--no-renames', base]),
70      git($, cwd, ['diff-files', '--numstat', '--no-renames']),
71      git($, cwd, ['diff-index', '--cached', ...PATCH, base]),
72      git($, cwd, ['diff-files', ...PATCH]),
73      git($, cwd, ['ls-files', '--others', '--exclude-standard', '-z']),
74    ])
75    if (sn.exitCode !== 0) throw new Error(sn.stderr.trim() || 'git diff-index が失敗しました')
76    const files = parseNumstat(sn.stdout, un.exitCode === 0 ? un.stdout : '')
77    const staged = scanPatch(sp.exitCode === 0 ? sp.stdout : '', true)
78    const unstaged = scanPatch(up.exitCode === 0 ? up.stdout : '', false)
79    const untracked = ut.exitCode === 0 ? ut.stdout.split('\0').filter(Boolean).map(plain) : []
80    // 大きさは作業ツリーのファイルで見る。消したファイルは stat が失敗するので数えない
81    const paths = [...files.map(f => f.path), ...untracked].slice(0, MAX_STATS)
82    const sizes = await Promise.all(
83      paths.map(async (path): Promise<PreCheckLarge | undefined> => {
84        const st = await $.fs.stat(`${root.replace(/[\\/]+$/, '')}/${path}`).catch(() => undefined)
85        return st?.kind === 'file' && st.size > LARGE_BYTES ? { path, size: st.size } : undefined
86      }),
87    )
88    return {
89      kind: 'repo',
90      loadedAt: await $.clock.now(),
91      files,
92      untracked: untracked.slice(0, 200),
93      untrackedCount: untracked.length,
94      secrets: [...staged.secrets, ...unstaged.secrets],
95      conflicts: [...staged.conflicts, ...unstaged.conflicts],
96      large: sizes.filter((l): l is PreCheckLarge => l !== undefined).sort((a, b) => b.size - a.size),
97      isCut: [sn, un, sp, up, ut].some(r => r.isStdoutTruncated),
98    }
99  } catch (err) {
100    return { kind: 'error', message: cut(plain(err instanceof Error ? err.message : String(err)), 300) }
101  }
102}
103
104/** 読み直す。遅れて終わった古い読み込みで新しい結果を上書きしない */
105async function load($: $) {
106  const seq = ++loadSeq
107  await update($, REPORT, r => (r.kind === 'repo' ? r : { kind: 'loading' as const }))
108  const report = await readReport($)
109  if (seq === loadSeq) await update($, REPORT, () => report)
110}
111
112/** テストを走らせる。test-runner と同じく、シェルを通さずに起動して時間の上限で止める */
113async function runTest($: $) {
114  const { command, argv, timeoutMs } = cfg
115  if (argv.length === 0) return
116  const startedAt = await $.clock.now()
117  let isMine = false
118  await update($, TEST, t => {
119    isMine = t.kind !== 'running'
120    return isMine ? { kind: 'running' as const, command, startedAt } : t
121  })
122  if (!isMine) return
123  const cwd = await $.session.cwd()
124  let out = ''
125  let isTimeout = false
126  let code: number | null = null
127  const stream = $.process.spawn({ argv, cwd })
128  let wake = () => {}
129  const stopped = new Promise<undefined>(resolve => (wake = () => resolve(undefined)))
130  const timer = $.clock.after(timeoutMs, () => {
131    isTimeout = true
132    wake()
133  })
134  try {
135    for (;;) {
136      const pending = stream.next()
137      const step = await Promise.race([pending, stopped])
138      if (!step) {
139        pending.catch(() => {})
140        void stream.return({ code: null, signal: null }).catch(() => {})
141        break
142      }
143      if (step.done) {
144        code = step.value.code
145        break
146      }
147      out += step.value.text
148      if (out.length > KEEP * 1.5) out = out.slice(-KEEP)
149    }
150  } catch (err) {
151    // 起動できない時は最初の読み取りが reject する
152    await update($, TEST, () => ({ kind: 'error' as const, command, message: cut(plain(err instanceof Error ? err.message : String(err)), 300) }))
153    return
154  } finally {
155    timer.cancel()
156  }
157  const ms = (await $.clock.now()) - startedAt
158  const status = isTimeout ? ('timeout' as const) : code === 0 ? ('pass' as const) : ('fail' as const)
159  await update($, TEST, () => ({ kind: 'done' as const, status, command, exitCode: code, ms, tail: tailOf(out) }))
160}
161
162const openPane = async ($: $) => {
163  await $.ui.open({ id: PANE, title: TITLE })
164  await load($)
165  return { text: 'コミット前のペインを開きました。' }
166}
167
168const MESSAGE: Record<'not-repo' | 'unsafe', [string, string[]]> = {
169  'not-repo': ['git のフォルダではありません', ['今の作業フォルダは git のリポジトリの', '中ではありません']],
170  unsafe: ['git が所有者の確認で止めました', ['このフォルダの持ち主が違うため、', 'git は読むのを断りました。', 'git の safe.directory を確かめてください']],
171}
172
173export const register: Register = (on, options) => {
174  cfg.argv = splitCommand(String(options.testCommand ?? ''))
175  cfg.command = cfg.argv.join(' ')
176  cfg.timeoutMs = Math.min(MAX_TIMEOUT_SECONDS, Math.max(1, Number(options.timeoutSeconds) || 300)) * 1000
177
178  followTheme(on)
179  on('session.start', async ($, e, next) => {
180    const started = await next(e)
181    await readTheme($)
182    // /precheck が拒まれたら /pre-check にする
183    const got = await $.command.register({ name: 'precheck', description: DESCRIPTION }).catch(() => undefined)
184    ownsMain = got?.command === 'precheck'
185    if (!ownsMain) await $.command.register({ name: 'pre-check', description: DESCRIPTION }).catch(() => {})
186    // テストの途中でリロードされたら子はエンジンが止めている。実行中のまま残さない
187    if ((await read($, TEST)).kind === 'running') await update($, TEST, () => ({ kind: 'idle' as const }))
188    return started
189  })
190
191  // /precheck を持てなかった時は、その名前の持ち主に回す
192  on('command.run', { command: 'precheck' }, ($, e, next) => (ownsMain ? openPane($) : next(e))).catch(($, e, next) => next(e))
193  // /precheck を持てた時は /pre-check を登録していないので、同じ名前の別のコマンドに回す
194  on('command.run', { command: 'pre-check' }, ($, e, next) => (ownsMain ? next(e) : openPane($)))
195
196  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
197    const t = $.ui.resolve(e)
198    const { Box, Text, Button, Code } = t
199    // terminal の表にも Svg の名前があるので、画面の種類でも分ける
200    const Svg = e.surface !== 'terminal' && 'Svg' in t ? t.Svg : undefined
201    const report = await read($, REPORT)
202    const test = await read($, TEST)
203    const open = await read($, OPEN)
204    const isTestSet = cfg.argv.length > 0
205    const reload = <Button key="reload" label="もう一度" onPress={() => void load($).catch(() => {})} />
206
207    if (report.kind !== 'repo') {
208      const [title, lines] =
209        report.kind === 'not-repo' || report.kind === 'unsafe'
210          ? MESSAGE[report.kind]
211          : report.kind === 'error'
212            ? ['git を実行できません', (report.message.match(/.{1,30}/g) ?? []).slice(0, 4)]
213            : ['読み込み中…', []]
214      const color = report.kind === 'error' ? 'red' : report.kind === 'unsafe' ? 'yellow' : undefined
215      return (
216        <Box flexDirection="column" gap={1}>
217          {Svg ? (
218            <Svg source={messageSvg(title, lines, report.kind === 'error' ? 'red' : report.kind === 'unsafe' ? 'yellow' : 'gray')} alt={[title, ...lines].join('\n')} />
219          ) : (
220            <Box key="message" flexDirection="column">
221              <Text color={color} bold>
222                {report.kind === 'error' ? `${title}: ${report.message}` : title}
223              </Text>
224              {report.kind !== 'error' && lines.map(l => <Text dimColor>{l}</Text>)}
225            </Box>
226          )}
227          {reload}
228        </Box>
229      )
230    }
231
232    const items = itemsOf(report, test, isTestSet)
233    const verdict = verdictOf(items, isTestSet)
234    const opened = items.find(i => i.id === open)
235    const lineColor = { green: 'green', yellow: 'yellow', red: 'red', gray: undefined } as const
236
237    return (
238      <Box flexDirection="column" gap={1}>
239        {Svg ? (
240          <Svg source={paneSvg(items, verdict)} alt={[verdict.text, ...items.map(i => `${i.label}: ${i.summary}`)].join('\n')} />
241        ) : (
242          <Box key="lines" flexDirection="column">
243            <Text color={lineColor[verdict.light]} bold>
244              {verdict.light === 'green' ? `■ ${verdict.text} ■` : verdict.text}
245            </Text>
246            {items.map(i => (
247              <Text color={lineColor[i.light]}>{`${i.light === 'gray' ? '○' : '●'} ${i.label}: ${i.summary}`}</Text>
248            ))}
249          </Box>
250        )}
251        {report.isCut && <Text color="yellow">差分が長すぎて、頭の部分しか見ていません</Text>}
252        <Box key="actions" flexDirection="row" gap={1}>
253          {reload}
254          {isTestSet && test.kind !== 'running' && (
255            <Button key="run-test" label="テストも走らせる" variant="primary" onPress={() => void runTest($).catch(() => {})} />
256          )}
257        </Box>
258        <Box key="items" flexDirection="column">
259          {items.map(i => (
260            <Button
261              key={`open-${i.id}`}
262              plain
263              label={`${open === i.id ? '─ 閉じる' : '▶ 中身'}: ${i.label}`}
264              onPress={() => void update($, OPEN, o => (o === i.id ? '' : i.id))}
265            />
266          ))}
267        </Box>
268        {opened && opened.id !== 'test' && (
269          <Box key="detail" flexDirection="column">
270            {detailLines(opened.id, report).map(l => (
271              <Text dimColor>{l}</Text>
272            ))}
273          </Box>
274        )}
275        {opened?.id === 'test' && !isTestSet && <Text dimColor>{UNSET_HINT}</Text>}
276        {opened?.id === 'test' && isTestSet && test.kind === 'idle' && <Text dimColor>{`「テストも走らせる」で ${cfg.command} を走らせます`}</Text>}
277        {opened?.id === 'test' && test.kind === 'running' && <Text dimColor>{`${test.command} を実行中…`}</Text>}
278        {opened?.id === 'test' && test.kind === 'error' && <Text color="red">{`起動できません: ${test.message}`}</Text>}
279        {opened?.id === 'test' && test.kind === 'done' && <Text dimColor>{`${test.command} / 終了コード ${test.exitCode ?? '─'} / ${Math.round(test.ms / 100) / 10} 秒`}</Text>}
280        {opened?.id === 'test' && test.kind === 'done' && test.tail !== '' && <Code source={test.tail} />}
281      </Box>
282    )
283  })
284}
285

1// git の出力を読んで項目ごとの信号を決め、SVG と行を組む。どれも純関数
2import type { PreCheckFile, PreCheckHit, PreCheckReport, PreCheckTest } from '../types'
3import { C, HEADER_H, fadeIn, frame, header } from './style'
4
5/** 大きいファイルとみなす大きさ */
6export const LARGE_BYTES = 1024 * 1024
7/** 見つけた物はこの数まで持つ */
8export const MAX_HITS = 50
9
10export const UNSET_HINT = '未設定。/config で pre-check の testCommand に npm test のように入れると、テストも走らせられます'
11
12/** 制御文字を落とす (タブと改行は残す)。エンジンは制御文字を含む Text・alt を描かない */
13export const plain = (s: string) => s.replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, '')
14const esc = (s: string) => plain(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')
15export const cut = (s: string, n: number) => ([...s].length > n ? `${[...s].slice(0, n - 1).join('')}…` : s)
16
17// core.quotePath=false でも " や \ や制御文字を含む名前は C の文字列の形で囲まれる。戻した後に制御文字を落とす
18export const unquote = (s: string) => {
19  if (!(s.length > 1 && s.startsWith('"') && s.endsWith('"'))) return plain(s)
20  try {
21    return plain(JSON.parse(s) as string)
22  } catch {
23    return plain(s.slice(1, -1))
24  }
25}
26
27/** `diff-index --cached --numstat` と `diff-files --numstat` から変わったファイルの一覧 (行数の多い順) */
28export function parseNumstat(staged: string, unstaged: string): PreCheckFile[] {
29  const map = new Map<string, PreCheckFile>()
30  for (const [out, isStaged] of [[staged, true], [unstaged, false]] as const) {
31    for (const line of out.split(/\r?\n/)) {
32      const [a, d, ...rest] = line.split('\t')
33      if (rest.length === 0) continue
34      const path = unquote(rest.join('\t'))
35      let f = map.get(path)
36      if (!f) map.set(path, (f = { path, add: 0, del: 0, isStaged: false, isUnstaged: false, isBinary: false }))
37      if (isStaged) f.isStaged = true
38      else f.isUnstaged = true
39      if (a === '-' || d === '-') f.isBinary = true
40      else {
41        f.add += Number(a) || 0
42        f.del += Number(d) || 0
43      }
44    }
45  }
46  return [...map.values()].sort((p, q) => q.add + q.del - (p.add + p.del) || p.path.localeCompare(q.path))
47}
48
49/** 秘密情報らしい文字列。value があればその組を伏せて出す */
50const SECRETS: { kind: string; re: RegExp; value?: number }[] = [
51  { kind: 'AWS のアクセスキー', re: /\b(?:AKIA|ASIA)[0-9A-Z]{16}\b/ },
52  { kind: 'GitHub のトークン', re: /\b(?:gh[pousr]_[A-Za-z0-9]{30,}|github_pat_[A-Za-z0-9_]{22,})/ },
53  { kind: 'Anthropic の API キー', re: /\bsk-ant-[A-Za-z0-9_-]{20,}/ },
54  { kind: 'API キー (sk-)', re: /\bsk-(?!ant-)[A-Za-z0-9_-]{20,}/ },
55  { kind: 'Slack のトークン', re: /\bxox[bp]-[A-Za-z0-9-]{10,}/ },
56  { kind: 'Google の API キー', re: /\bAIza[0-9A-Za-z_-]{35}/ },
57  { kind: '秘密鍵', re: /-----BEGIN (?:[A-Z0-9]+ )*PRIVATE KEY-----/ },
58  { kind: 'パスワードらしい値', re: /(?:password|passwd|secret|api_?key)["']?\s*[:=]\s*['"]([^'"]{6,})['"]/i, value: 1 },
59]
60
61/** 真ん中を伏せる。頭 4 字…尾 2 字。短い物は頭 1 字だけ */
62export const mask = (s: string) => (s.length >= 10 ? `${s.slice(0, 4)}…${s.slice(-2)}` : `${s.slice(0, 1)}…`)
63
64/** 衝突の印。<<<<<<< と >>>>>>> は後ろに空白か何も無い時、======= は行全体の時だけ */
65const CONFLICT = /^(?:<{7}|>{7})(?: |$)|^={7}$/
66
67/**
68 * `-p -U0` の差分から、足した行の秘密情報らしい文字列と衝突の印を拾う。
69 * 見出し (diff --git から最初の @@ まで) の +++ だけをファイル名として読み、中身の行と取り違えない
70 */
71export function scanPatch(patch: string, isStaged: boolean): { secrets: PreCheckHit[]; conflicts: PreCheckHit[] } {
72  const secrets: PreCheckHit[] = []
73  const conflicts: PreCheckHit[] = []
74  let path = ''
75  let line = 0
76  let isHead = true
77  for (const raw of patch.split('\n')) {
78    const l = raw.endsWith('\r') ? raw.slice(0, -1) : raw
79    if (l.startsWith('diff --git ')) {
80      isHead = true
81      continue
82    }
83    if (isHead) {
84      // 空白を含む名前の後ろには git がタブを付ける
85      if (l.startsWith('+++ ')) path = unquote(l.slice(4).replace(/\t$/, '')).replace(/^b\//, '')
86      const m = /^@@ -\S+ \+(\d+)/.exec(l)
87      if (m) {
88        isHead = false
89        line = Number(m[1])
90      }
91      continue
92    }
93    const m = /^@@ -\S+ \+(\d+)/.exec(l)
94    if (m) {
95      line = Number(m[1])
96      continue
97    }
98    if (l.startsWith(' ')) line++
99    if (!l.startsWith('+')) continue
100    // 1 行は頭 4000 字だけ見る
101    const body = l.slice(1, 4001)
102    if (secrets.length < MAX_HITS) {
103      for (const s of SECRETS) {
104        const hit = s.re.exec(body)
105        if (!hit) continue
106        const text = s.value === undefined ? mask(hit[0]) : `${hit[0].slice(0, hit[0].indexOf(hit[s.value] ?? '')).trim()}${mask(hit[s.value] ?? '')}`
107        secrets.push({ path, line, kind: s.kind, text: plain(text), isStaged })
108        break
109      }
110    }
111    if (conflicts.length < MAX_HITS && CONFLICT.test(body.trimEnd())) conflicts.push({ path, line, kind: '衝突の印', text: plain(cut(body.trimEnd(), 40)), isStaged })
112    line++
113  }
114  return { secrets, conflicts }
115}
116
117export const sizeLabel = (n: number) => (n >= 1024 * 1024 ? `${(n / 1024 / 1024).toFixed(1)} MB` : `${Math.round(n / 1024)} KB`)
118
119// ── テスト (test-runner と同じ分け方)
120
121/** 空白で区切って argv にする (シェルは通さない) */
122export const splitCommand = (s: string) => s.trim().split(/\s+/).filter(Boolean)
123
124const ANSI = /\u001b\[[0-9;?]*[ -/]*[@-~]/g
125/** 出力の末尾 n 行 (色と制御文字と末尾の空行は落とす) */
126export function tailOf(out: string, n = 40) {
127  const lines = plain(out.replace(ANSI, '').replace(/\r(?!\n)/g, '\n')).split(/\r?\n/)
128  while (lines.length > 0 && (lines[lines.length - 1] ?? '').trim() === '') lines.pop()
129  return lines.slice(-n).join('\n')
130}
131
132// ── 項目と信号
133
134export type Light = 'green' | 'yellow' | 'red' | 'gray'
135export type Item = { id: 'changes' | 'secrets' | 'conflicts' | 'large' | 'test'; label: string; light: Light; summary: string; isBlinking?: boolean }
136type Repo = Extract<PreCheckReport, { kind: 'repo' }>
137
138export function itemsOf(r: Repo, test: PreCheckTest, isTestSet: boolean): Item[] {
139  const staged = r.files.filter(f => f.isStaged)
140  const unstaged = r.files.filter(f => f.isUnstaged)
141  const sum = (fs: PreCheckFile[], k: 'add' | 'del') => fs.reduce((n, f) => n + f[k], 0)
142  const changes: Item =
143    staged.length > 0
144      ? // 行数はステージ済みとまだの合計 (済 = ステージ済み、未 = まだ)
145        { id: 'changes', label: '変更', light: 'green', summary: `済 ${staged.length} 件・未 ${unstaged.length} 件 +${sum(r.files, 'add')} −${sum(r.files, 'del')}` }
146      : unstaged.length + r.untrackedCount > 0
147        ? { id: 'changes', label: '変更', light: 'yellow', summary: 'まだステージしていません' }
148        : { id: 'changes', label: '変更', light: 'yellow', summary: '変更がありません' }
149  const hits = (id: 'secrets' | 'conflicts', label: string, n: number): Item =>
150    n > 0 ? { id, label, light: 'red', summary: `${n >= MAX_HITS ? `${MAX_HITS} 件以上` : `${n} 件`}見つかりました` } : { id, label, light: 'green', summary: '見つかりません' }
151  const large: Item =
152    r.large.length > 0
153      ? { id: 'large', label: '大きいファイル', light: 'yellow', summary: `1MB 超が ${r.large.length} 件` }
154      : { id: 'large', label: '大きいファイル', light: 'green', summary: '1MB 超はありません' }
155  let t: Item
156  if (!isTestSet) t = { id: 'test', label: 'テスト', light: 'gray', summary: '未設定 (飛ばしました)' }
157  else if (test.kind === 'idle') t = { id: 'test', label: 'テスト', light: 'gray', summary: 'まだ走らせていません' }
158  else if (test.kind === 'running') t = { id: 'test', label: 'テスト', light: 'yellow', summary: '実行中', isBlinking: true }
159  else if (test.kind === 'error') t = { id: 'test', label: 'テスト', light: 'red', summary: '起動できません' }
160  else if (test.status === 'pass') t = { id: 'test', label: 'テスト', light: 'green', summary: '通過' }
161  else t = { id: 'test', label: 'テスト', light: 'red', summary: test.status === 'timeout' ? '時間切れ' : `失敗 (終了コード ${test.exitCode})` }
162  return [changes, hits('secrets', '秘密情報', r.secrets.length), hits('conflicts', '衝突の印', r.conflicts.length), large, t]
163}
164
165/**
166 * 全体の判定。赤が 1 つでもあれば赤、黄があれば黄。
167 * テストは「未設定」か「通過」の時だけ緑に数える (設定してあって走らせていなければ黄)
168 */
169export function verdictOf(items: Item[], isTestSet: boolean): { light: Light; text: string } {
170  if (items.some(i => i.light === 'red')) return { light: 'red', text: '直してからコミット' }
171  const test = items.find(i => i.id === 'test')
172  const isTestOk = !isTestSet || test?.light === 'green'
173  if (items.some(i => i.light === 'yellow') || !isTestOk) return { light: 'yellow', text: '確かめてからコミット' }
174  return { light: 'green', text: 'コミットしてよさそう' }
175}
176
177// C はテーマで中身が替わるので、呼ぶたびに読む
178const COLOR = (l: Light) => ({ green: C.green, yellow: C.yellow, red: C.red, gray: C.dim })[l]
179
180function lamp(cx: number, cy: number, r: number, light: Light, isBlinking: boolean) {
181  const color = COLOR(light)
182  if (light === 'gray') return `<circle cx="${cx}" cy="${cy}" r="${r}" fill="none" stroke="${C.dim}" stroke-width="2" stroke-dasharray="3 3"/>`
183  const blink = isBlinking ? `<animate attributeName="opacity" values="1;0.35;1" dur="1.2s" repeatCount="indefinite"/>` : ''
184  return (
185    `<g>${blink}<circle cx="${cx}" cy="${cy}" r="${r + 3}" fill="${color}" opacity="0.6" filter="url(#glow)"/>` +
186    `<circle cx="${cx}" cy="${cy}" r="${r}" fill="${color}"/><circle cx="${cx}" cy="${cy}" r="${r}" fill="url(#shine)"/></g>`
187  )
188}
189
190// 玉の照り(白の光)は絵の中身なのでテーマで変えない
191const DEFS =
192  `<defs><radialGradient id="shine" cx="0.35" cy="0.3" r="0.7"><stop offset="0" stop-color="#ffffff" stop-opacity="0.5"/><stop offset="0.5" stop-color="#ffffff" stop-opacity="0"/></radialGradient>` +
193  `<filter id="glow" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="5"/></filter></defs>`
194
195/** 共通の見出し帯の下に body を置く(body は見出しを除いた座標で書く) */
196const doc = (h: number, body: string, accent: string) =>
197  frame(h + HEADER_H, DEFS + header('コミット前', '', accent) + `<g transform="translate(0 ${HEADER_H})">${body}</g>`)
198
199/** 全体の判定と項目ごとの信号の SVG */
200export function paneSvg(items: Item[], verdict: { light: Light; text: string }) {
201  const isGo = verdict.light === 'green'
202  let s = `<rect x="6" y="6" width="368" height="92" rx="10" fill="${C.face}" stroke="${COLOR(verdict.light)}" stroke-width="${isGo ? 2 : 1}"/>`
203  s += lamp(52, 52, 26, verdict.light, false)
204  s += `<text x="94" y="${isGo ? 60 : 48}" font-size="${isGo ? 24 : 20}" font-weight="bold" fill="${COLOR(verdict.light)}">${esc(verdict.text)}</text>`
205  if (!isGo) {
206    const n = items.filter(i => i.light === 'red').length
207    const m = items.filter(i => i.light === 'yellow').length
208    s += `<text x="94" y="74" font-size="13" fill="${C.dim}">赤 ${n} / 黄 ${m}</text>`
209  }
210  items.forEach((it, i) => {
211    const y = 108 + i * 44
212    s += fadeIn(
213      `<rect x="6" y="${y}" width="368" height="38" rx="6" fill="${C.face}" stroke="${C.line}"/>` +
214        lamp(28, y + 19, 10, it.light, it.isBlinking === true) +
215        `<text x="48" y="${y + 24}" font-size="14" font-weight="bold" fill="${C.text}">${esc(it.label)}</text>` +
216        `<text x="366" y="${y + 24}" font-size="12" fill="${it.light === 'gray' ? C.dim : COLOR(it.light)}" text-anchor="end">${esc(cut(it.summary, 26))}</text>`,
217      0.1 + i * 0.06,
218    )
219  })
220  return doc(108 + items.length * 44 + 10, s, COLOR(verdict.light))
221}
222
223/** git が読めない時の SVG */
224export function messageSvg(title: string, lines: string[], light: Light) {
225  let s = `<rect x="6" y="6" width="368" height="${40 + lines.length * 20}" rx="10" fill="${C.face}" stroke="${C.line}"/>`
226  s += lamp(30, 30, 10, light, light === 'yellow')
227  s += `<text x="50" y="35" font-size="15" font-weight="bold" fill="${COLOR(light)}">${esc(title)}</text>`
228  lines.forEach((l, i) => (s += `<text x="20" y="${60 + i * 20}" font-size="12" fill="${C.text}">${esc(l)}</text>`))
229  return doc(52 + lines.length * 20, s, COLOR(light))
230}
231
232const where = (f: { isStaged: boolean; isUnstaged?: boolean }) => (f.isStaged && f.isUnstaged ? '済+未' : f.isStaged ? '済' : '未')
233
234/** 開いた項目の中身の行 */
235export function detailLines(id: string, r: Repo): string[] {
236  const hitLine = (h: PreCheckHit) => `${cut(h.path, 30)}:${h.line} ${h.kind} ${h.text} (${h.isStaged ? 'ステージ済み' : 'まだ'})`
237  if (id === 'changes') {
238    const rows = r.files.slice(0, 30).map(f => `[${where(f)}] ${cut(f.path, 40)} ${f.isBinary ? 'バイナリ' : `+${f.add} −${f.del}`}`)
239    if (r.files.length > 30) rows.push(`ほか ${r.files.length - 30} 件`)
240    if (r.untrackedCount > 0) {
241      rows.push(`追跡していない ${r.untrackedCount} 件 (中身は見ていません)`)
242      rows.push(...r.untracked.slice(0, 10).map(p => `  ${cut(p, 40)}`))
243    }
244    if (rows.length === 0) rows.push('変更はありません')
245    return rows
246  }
247  if (id === 'secrets') return r.secrets.length > 0 ? r.secrets.map(hitLine) : ['足した行に秘密情報らしい文字列はありません']
248  if (id === 'conflicts') return r.conflicts.length > 0 ? r.conflicts.map(h => `${cut(h.path, 30)}:${h.line} ${h.text} (${h.isStaged ? 'ステージ済み' : 'まだ'})`) : ['足した行に衝突の印はありません']
249  if (id === 'large') return r.large.length > 0 ? r.large.map(l => `${cut(l.path, 40)} ${sizeLabel(l.size)}`) : ['1MB を超えるファイルはありません']
250  return []
251}
252

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

1/** 変わったファイル 1 つ。行数はステージ済みとまだの合計 */
2export type PreCheckFile = { path: string; add: number; del: number; isStaged: boolean; isUnstaged: boolean; isBinary: boolean }
3
4/** 足した行で見つけた物 (秘密情報らしい文字列・衝突の印)。text は表示してよい形 (秘密は伏せてある) */
5export type PreCheckHit = { path: string; line: number; kind: string; text: string; isStaged: boolean }
6
7export type PreCheckLarge = { path: string; size: number }
8
9export type PreCheckReport =
10  | { kind: 'idle' }
11  | { kind: 'loading' }
12  | { kind: 'not-repo' }
13  /** git が所有者の確認 (dubious ownership) で止めた */
14  | { kind: 'unsafe' }
15  | { kind: 'error'; message: string }
16  | {
17      kind: 'repo'
18      loadedAt: number
19      files: PreCheckFile[]
20      /** 追跡していないファイル (先頭 200 まで) と数 */
21      untracked: string[]
22      untrackedCount: number
23      secrets: PreCheckHit[]
24      conflicts: PreCheckHit[]
25      large: PreCheckLarge[]
26      /** 差分が長すぎて一部しか見ていない */
27      isCut: boolean
28    }
29
30export type PreCheckTest =
31  | { kind: 'idle' }
32  | { kind: 'running'; command: string; startedAt: number }
33  | { kind: 'done'; status: 'pass' | 'fail' | 'timeout'; command: string; exitCode: number | null; ms: number; tail: string }
34  /** 起動できなかった */
35  | { kind: 'error'; command: string; message: string }
36
37declare module 'claude-code' {
38  interface PluginState {
39    'pre-check': {
40      report: PreCheckReport
41      test: PreCheckTest
42      /** 中身を開いている項目の id。空なら閉じている */
43      open: string
44    }
45  }
46}
47