mod-switch

1import { atom, read, update } from 'claude-code'
2import type { EngineInterface, Register } from 'claude-code'
3
4import type { Mod } from '../types'
5
6const PANE = 'mod-switch'
7const TITLE = 'mods'
8
9const mods = atom({ plugin: 'mod-switch', key: 'mods' } as const, [])
10
11type Installed = { id: string; scope: string; enabled: boolean; installPath: string; projectPath?: string }
12
13// a mod is a plugin whose hooks.json names a hooks module; the others (skills, MCP servers) are not this pane's to switch
14const isMod = async ($: EngineInterface, dir: string) => {
15  try {
16    return 'modules' in JSON.parse(await $.fs.read(`${dir}/hooks/hooks.json`))
17  } catch {
18    return false
19  }
20}
21
22// the mods installed for this session (user scope, or this project's), on or off
23const load = async ($: EngineInterface) => {
24  const root = await $.session.root()
25  const { stdout } = await $.process.run(['claude', 'plugin', 'list', '--json'])
26  const list: Mod[] = []
27  for (const p of JSON.parse(stdout) as Installed[]) {
28    if ((p.projectPath ?? root) === root && await isMod($, p.installPath)) list.push({ id: p.id, scope: p.scope, enabled: p.enabled })
29  }
30  await update($, mods, () => list)
31}
32
33// the CLI writes the setting; /reload-plugins makes the running session follow it. The switch is flipped before the reload, which reloads this module too
34const flip = async ($: EngineInterface, id: string, scope: string) => {
35  const same = (m: Mod) => m.id === id && m.scope === scope
36  const mod = (await read($, mods)).find(same)
37  if (mod === undefined) return
38
39  const ran = await $.process.run(['claude', 'plugin', mod.enabled ? 'disable' : 'enable', id, '--scope', scope])
40  if (ran.exitCode !== 0) {
41    $.ui.toast(`mod-switch: ${id} 전환 실패 (${(ran.stderr || ran.stdout).trim()})`)
42
43    return
44  }
45  await update($, mods, list => list.map(m => (same(m) ? { ...m, enabled: !mod.enabled } : m)))
46  await $.command.run({ command: 'reload-plugins' }).catch(() => $.ui.toast('mod-switch: /reload-plugins 를 직접 실행하면 적용됩니다'))
47}
48
49export const register: Register = on => {
50  on('session.start', async ($, e, next) => {
51    await $.command.register({ name: 'mod-switch', description: '설치된 mod 목록 pane 열기/닫기' })
52
53    return next(e)
54  })
55
56  // a toggle; a pane waiting undrawn (opened unasked in a narrow terminal) is opened, not closed
57  on('command.run', { command: 'mod-switch' }, async $ => {
58    const isShown = (await $.ui.panes()).some(pane => pane.id === PANE && pane.isPlaced)
59    if (isShown) {
60      await $.ui.close({ id: PANE })
61
62      return { text: 'mod 목록 pane을 닫았습니다.' }
63    }
64    // read afresh at each opening: /plugin may have installed or switched mods since
65    await load($)
66    await $.ui.open({ id: PANE, title: TITLE })
67
68    return { text: 'mod 목록 pane을 열었습니다.' }
69  })
70
71  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
72    const { Box, Button, Text } = $.ui.resolve(e)
73    const list = await read($, mods)
74
75    return (
76      <Box flexDirection="column">
77        {list.length === 0 && <Text dimColor>설치된 mod가 없습니다.</Text>}
78        {list.map(m => (
79          <Box marginBottom={1}>
80            {/* switching itself off would take this pane, and the way back, with it */}
81            {m.id.split('@')[0] === $.plugin.name
82              ? <Text dimColor>{'  -  '}</Text>
83              : <Button key={`${m.id}/${m.scope}`} label={m.enabled ? '●  ON' : '○ OFF'} variant={m.enabled ? 'primary' : 'secondary'} onPress={() => flip($, m.id, m.scope)} />}
84            <Text wrap="truncate" dimColor={!m.enabled}>{`  ${m.id}`}</Text>
85          </Box>
86        ))}
87      </Box>
88    )
89  })
90}
91

1// one installed mod: `id` is `<name>@<marketplace>`, `scope` where it was installed (user, project, local)
2export type Mod = { id: string; scope: string; enabled: boolean }
3
4declare module 'claude-code' {
5  interface PluginState {
6    'mod-switch': { mods: Mod[] }
7  }
8}
9