carousel-ship

1// carousel-ship: after `python3 render.py` runs for a carousel, offer the next
2// steps as buttons above the prompt (caption + copy, queue the Threads chain,
3// log the ledger), each run through the page's own skill. Also refuses a
4// Zernio post whose Threads text or any thread part is over 500 characters.
5
6import { atom, read, update } from 'claude-code'
7import type { RenderElement, Register } from 'claude-code'
8
9import type { Page } from '../types'
10
11const LIMIT = 500
12const offer = atom({ plugin: 'carousel-ship', key: 'offer' } as const, null as Page | null)
13
14const STEPS: { key: string; hotkey: string; label: string; ask: string }[] = [
15  { key: 'caption', hotkey: 'a', label: 'Caption + copy', ask: 'Write the Instagram caption for the post just rendered and copy it to my clipboard with pbcopy.' },
16  { key: 'threads', hotkey: 't', label: 'Queue Threads', ask: 'Queue the companion Threads chain for the post just rendered via Zernio. Keep every thread part at 500 characters or less.' },
17  { key: 'ledger', hotkey: 'l', label: 'Log ledger', ask: 'Log the post just rendered in the content ledger.' },
18]
19
20let pending: Page | null = null
21
22type ThreadItem = { content?: string; text?: string }
23type Platform = { platform?: string; platformSpecificData?: { threadItems?: ThreadItem[] } }
24
25type ZernioArgs = { content?: string; platforms?: Platform[] }
26
27function denyReason(args: ZernioArgs): string | null {
28  const threads = (args.platforms ?? []).filter(p => p.platform === 'threads')
29  if (threads.length === 0) return null
30  const parts = [args.content ?? '', ...threads.flatMap(p => p.platformSpecificData?.threadItems ?? []).map(i => i.content ?? i.text ?? '')]
31  const bad = parts.flatMap((t, i) => ([...t].length > LIMIT ? [`part ${i + 1}: ${[...t].length} chars`] : []))
32  return bad.length === 0
33    ? null
34    : `carousel-ship: Threads allows ${LIMIT} characters per part. Too long: ${bad.join(', ')}. Split those parts and retry.`
35}
36
37export const register: Register = on => {
38  on('tool.call', { tool: 'Bash' }, async ($, e, next) => {
39    const ran = await next(e)
40    if (/render\.py/.test(e.command) && ran.isError !== true && ran.deny === undefined) {
41      pending = /Piousdeenn/i.test(e.command) ? 'piousdeenn-carousel' : /My Islamic Page/i.test(e.command) ? 'my-islamic-carousel' : null
42    }
43    return ran
44  })
45
46  on('turn.complete', async ($, e, next) => {
47    const result = await next(e)
48    if (e.agentId === undefined && pending !== null) {
49      const page = pending
50      pending = null
51      await update($, offer, () => page)
52    }
53    return result
54  })
55
56  // Zernio posts go through call_tool (posts_create_post / posts_update_post) or the direct tools.
57  on('tool.call', { tool: 'mcp__plugin_zernio_zernio__call_tool' }, ($, e, next) => {
58    const input = e as unknown as { name?: string; arguments?: ZernioArgs }
59    if (!/posts_(create|update)/.test(input.name ?? '')) return next(e)
60    const reason = denyReason(input.arguments ?? {})
61    return reason === null ? next(e) : ($.ui.toast(reason), { deny: reason })
62  })
63  on('tool.call', { tool: 'mcp__plugin_zernio_zernio__posts_create' }, ($, e, next) => {
64    const reason = denyReason(e as unknown as ZernioArgs)
65    return reason === null ? next(e) : ($.ui.toast(reason), { deny: reason })
66  })
67  on('tool.call', { tool: 'mcp__plugin_zernio_zernio__posts_update' }, ($, e, next) => {
68    const reason = denyReason(e as unknown as ZernioArgs)
69    return reason === null ? next(e) : ($.ui.toast(reason), { deny: reason })
70  })
71
72  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next): Promise<RenderElement> => {
73    const below = await next(e)
74    const page = await read($, offer)
75    if (page === null || e.props.hasSurvey || e.props.isWorking) return below
76    const { Box, Text, Button } = $.ui.resolve(e)
77
78    return (
79      <Box flexDirection="column">
80        <Box>
81          <Text dimColor>carousel ({page === 'piousdeenn-carousel' ? 'piousdeenn' : 'my page'}): </Text>
82          {STEPS.map(s => (
83            <Box key={s.key} marginRight={2}>
84              <Button plain hotkey={s.hotkey} label={s.label} onPress={() => {
85                void $.command.run({ command: page, args: s.ask }).catch(err => $.ui.toast(`could not run /${page}: ${String(err)}`))
86              }} />
87            </Box>
88          ))}
89          <Button key="dismiss" plain hotkey="x" label="done" onPress={() => void update($, offer, () => null)} />
90        </Box>
91        {below}
92      </Box>
93    )
94  })
95}
96

1export type Page = 'my-islamic-carousel' | 'piousdeenn-carousel'
2
3declare module 'claude-code' {
4  interface PluginState {
5    'carousel-ship': { offer: Page | null }
6  }
7}
8