session-diff

1import { atom, read, update } from 'claude-code'
2import type { Register } from 'claude-code'
3
4import { fit, record, shortPath, unified } from './diff'
5
6const PANE = 'session-diff'
7const TITLE = 'Oturum değişiklikleri'
8
9const files = atom({ plugin: 'session-diff', key: 'files' } as const, [])
10const selected = atom({ plugin: 'session-diff', key: 'selected' } as const, null)
11const page = atom({ plugin: 'session-diff', key: 'page' } as const, 0)
12
13export const register: Register = on => {
14  let cwd = ''
15
16  on('session.start', async ($, e, next) => {
17    cwd = e.cwd
18    await $.command.register({
19      name: 'session-diff',
20      description: 'Bu oturumda değişen dosyaları ve diff’lerini panelde göster',
21    })
22    return next(e)
23  })
24
25  on('command.run', { command: 'session-diff' }, async $ => {
26    await update($, selected, () => null)
27    await $.ui.open({ id: PANE, title: TITLE })
28    return { text: 'Değişiklik paneli açıldı.' }
29  })
30
31  on('tool.call', { tool: 'Edit' }, async ($, e, next) => {
32    const ran = await next(e)
33    if (!('deny' in ran && ran.deny !== undefined) && ran.isError !== true) {
34      await update($, files, list =>
35        record(list, shortPath(e.file_path, cwd), { before: e.old_string, after: e.new_string }, false),
36      )
37    }
38    return ran
39  }).catch(($, e, next) => next(e)) // tracking must never block an edit
40
41  on('tool.call', { tool: 'Write' }, async ($, e, next) => {
42    const path = e.file_path
43    // Read what the file held before, so an overwrite shows what it replaced.
44    const existed = await $.fs.exists(path).catch(() => false)
45    const before = existed ? await $.fs.read(path).catch(() => '') : ''
46    const ran = await next(e)
47    if (!('deny' in ran && ran.deny !== undefined) && ran.isError !== true) {
48      await update($, files, list => record(list, shortPath(path, cwd), { before, after: e.content }, !existed))
49    }
50    return ran
51  }).catch(($, e, next) => next(e))
52
53  on('session.end', async ($, e, next) => {
54    if (e.reason === 'clear') {
55      await update($, files, () => [])
56      await update($, selected, () => null)
57    }
58    return next(e)
59  })
60
61  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
62    const { Box, Button, Code, Text } = $.ui.resolve(e)
63    const list = await read($, files)
64    const current = await read($, selected)
65    const width = Math.max(20, e.props.bodyColumns)
66    const room = Math.max(4, (e.viewport?.rows ?? 30) - 6)
67    const file = list.find(f => f.path === current)
68
69    if (file !== undefined) {
70      const lines = unified(file).split('\n')
71      const pages = Math.max(1, Math.ceil(lines.length / room))
72      const at = Math.min(await read($, page), pages - 1)
73      const turn = (delta: number) => update($, page, p => Math.max(0, Math.min(pages - 1, p + delta)))
74
75      return (
76        <Box flexDirection="column">
77          <Box>
78            <Button key="back" hotkey="b" label="← Liste" onPress={() => update($, selected, () => null)} />
79            <Button key="prev" hotkey="k" label="↑" onPress={() => turn(-1)} />
80            <Button key="next" hotkey="j" label="↓" onPress={() => turn(1)} />
81            <Text dimColor>
82              {' '}
83              {at + 1}/{pages} · <Text color="green">+{file.added}</Text> <Text color="red">−{file.removed}</Text> · {file.edits} düzenleme
84            </Text>
85          </Box>
86          <Code format="diff" path={file.path} source={lines.slice(at * room, (at + 1) * room).join('\n')} />
87        </Box>
88      )
89    }
90
91    const added = list.reduce((n, f) => n + f.added, 0)
92    const removed = list.reduce((n, f) => n + f.removed, 0)
93
94    return (
95      <Box flexDirection="column">
96        {list.length === 0 ? (
97          <Text dimColor>Bu oturumda henüz Edit/Write ile değişen dosya yok.</Text>
98        ) : (
99          <Text dimColor>
100            {list.length} dosya · <Text color="green">+{added}</Text> <Text color="red">−{removed}</Text>
101          </Text>
102        )}
103        {list.slice(0, room).map(f => (
104          <Button
105            key={`file:${f.path}`}
106            plain
107            onPress={async () => {
108              await update($, page, () => 0)
109              await update($, selected, () => f.path)
110            }}
111          >
112            <Text color="green">{`+${f.added}`.padStart(5)}</Text> <Text color="red">{`−${f.removed}`.padStart(5)}</Text>{' '}
113            {fit(f.path, width - 14)}
114            {f.isNew ? <Text dimColor> (yeni)</Text> : ''}
115          </Button>
116        ))}
117        {list.length > room ? <Text dimColor>… {list.length - room} dosya daha</Text> : null}
118      </Box>
119    )
120  })
121}
122

1import type { FileChange, Hunk } from '../types'
2
3// Per file, keep the latest hunks and cap each side so state stays small.
4export const MAX_HUNKS = 20
5export const MAX_SIDE_CHARS = 4000
6
7export const lineCount = (text: string): number => (text === '' ? 0 : text.replace(/\n$/, '').split('\n').length)
8
9const cap = (text: string) => (text.length > MAX_SIDE_CHARS ? text.slice(0, MAX_SIDE_CHARS) + '\n…' : text)
10
11export const record = (files: readonly FileChange[], path: string, hunk: Hunk, isNew: boolean): FileChange[] => {
12  const found = files.find(f => f.path === path)
13  const base: FileChange = found ?? { path, added: 0, removed: 0, edits: 0, isNew, hunks: [] }
14  const next: FileChange = {
15    ...base,
16    added: base.added + lineCount(hunk.after),
17    removed: base.removed + lineCount(hunk.before),
18    edits: base.edits + 1,
19    hunks: [...base.hunks, { before: cap(hunk.before), after: cap(hunk.after) }].slice(-MAX_HUNKS),
20  }
21  // Most recently touched file first.
22  return [next, ...files.filter(f => f.path !== path)]
23}
24
25const prefixed = (text: string, mark: string) =>
26  text === '' ? [] : text.replace(/\n$/, '').split('\n').map(l => mark + l)
27
28// A unified diff the Code element can draw; line numbers are not known, so each hunk counts from 1.
29export const unified = (file: FileChange): string => {
30  const head = [`--- a/${file.path}`, `+++ b/${file.path}`]
31  const hunks = file.hunks.flatMap(h => {
32    const before = lineCount(h.before)
33    const after = lineCount(h.after)
34    return [
35      `@@ -${before === 0 ? 0 : 1},${before} +${after === 0 ? 0 : 1},${after} @@`,
36      ...prefixed(h.before, '-'),
37      ...prefixed(h.after, '+'),
38    ]
39  })
40  return [...head, ...hunks].join('\n')
41}
42
43// Path relative to the working directory when inside it, forward slashes either way.
44export const shortPath = (path: string, cwd: string): string => {
45  const p = path.replace(/\\/g, '/')
46  const root = cwd.replace(/\\/g, '/').replace(/\/$/, '') + '/'
47  return p.toLowerCase().startsWith(root.toLowerCase()) ? p.slice(root.length) : p
48}
49
50export const fit = (text: string, width: number): string =>
51  text.length <= width ? text : '…' + text.slice(text.length - Math.max(1, width - 1))
52

1export type Hunk = { before: string; after: string }
2
3export type FileChange = {
4  path: string
5  added: number
6  removed: number
7  edits: number
8  isNew: boolean
9  hunks: Hunk[]
10}
11
12declare module 'claude-code' {
13  interface PluginState {
14    'session-diff': { files: FileChange[]; selected: string | null; page: number }
15  }
16}
17