0fcf66fc22
Interactive Prompts: - Unified InteractivePrompt type across all 3 adapters (Claude/Codex/Gemini) - InteractivePromptOverlay component with options, text input, countdown - Gemini + Codex pane monitors detect tool confirmation, ask user, plan approval - respondInteractivePrompt routing: permission → respondPermission, options → _selectOption - Claude AskUserQuestion nested questions[0] structure parsing Cross-AI Review: - Client-generated reviewId, removed pendingReview state - FloatingReviewPanel uses CSS display:none instead of unmount (keeps hooks alive) - Child review sessions default to YOLO/bypass permission mode - Send back to parent, send to existing/new review, tab switching, end review - Collapsed review cards with read-only panel for ended reviews - Full reconnect support: active + ended reviews restore correctly AskUserQuestion Tool Card UI: - Dedicated renderer replaces raw JSON display - Options shown with selected (green) / unselected (gray) indicators - Free text answers shown in quoted format with green border - Collapsed summary: question → answer - Shared parseAskQuestionInput utility (client + server) - Historical tool results attached via _result on tool_use blocks Adapter Fixes: - Session→adapter mapping persisted in SQLite (survives server restart) - SESSION_CREATED deferred for pendingRekey adapters (Codex/Gemini) - session-rekeyed handler sends complete SESSION_CREATED with adapter + cwd - Gemini: auto-accept folder trust, privacy notice, IDE nudge, YOLO * prompt - Claude: auto-accept bypass permissions confirmation (v2.1.85+) - Port fallback (EADDRINUSE → try +1), statusLine shell script wrapper Other: - Desktop Enter sends / Shift+Enter newline; Mobile Enter newline - Strip CLAWTAP_REF marker from session list - Active sessions tab shows adapter badge - Rename CLAUDE_UI_PASSWORD → CLAWTAP_PASSWORD Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
232 lines
9.5 KiB
TypeScript
232 lines
9.5 KiB
TypeScript
// server/adapters/claude/hook-config.ts
|
|
//
|
|
// Pure filesystem operations for Claude hook management.
|
|
// Zero runtime dependencies — no EventEmitter, no tmux, no sessions.
|
|
|
|
import { mkdirSync, readFileSync, writeFileSync, existsSync } from 'fs';
|
|
import { join } from 'path';
|
|
import { homedir } from 'os';
|
|
|
|
/** Individual hook action (command or url based) */
|
|
interface HookAction {
|
|
type?: string;
|
|
command?: string;
|
|
url?: string;
|
|
timeout?: number;
|
|
}
|
|
|
|
/** A hook entry within a hook event */
|
|
interface HookEntry {
|
|
matcher?: string;
|
|
hooks: HookAction[];
|
|
}
|
|
|
|
/** Hook identifiers for matching our entries */
|
|
interface HookIdentifiers {
|
|
portTag: string;
|
|
}
|
|
|
|
/** The structure of Claude's settings.json (partial) */
|
|
interface ClaudeSettings {
|
|
hooks?: Record<string, HookEntry[]>;
|
|
statusLine?: { type: string; command: string };
|
|
_clawtapOriginalStatusLine?: string; // legacy, cleaned up on uninstall
|
|
[key: string]: unknown;
|
|
}
|
|
|
|
export class ClaudeHookConfig {
|
|
port: number | string;
|
|
useHttps: boolean;
|
|
|
|
constructor(port?: number | string, useHttps?: boolean) {
|
|
this.port = port || process.env.PORT || 3456;
|
|
if (useHttps !== undefined) {
|
|
this.useHttps = useHttps;
|
|
} else {
|
|
// Auto-detect from cert files
|
|
const clawtapDir = join(homedir(), '.clawtap');
|
|
this.useHttps = existsSync(join(clawtapDir, 'cert.pem')) && existsSync(join(clawtapDir, 'key.pem'));
|
|
}
|
|
}
|
|
|
|
/** Install ClawTap hooks into ~/.claude/settings.json */
|
|
install(): void {
|
|
const port = this.port;
|
|
const settingsDir = join(homedir(), '.claude');
|
|
const settingsPath = join(settingsDir, 'settings.json');
|
|
|
|
const { portTag } = this._hookIdentifiers();
|
|
const protocol = this.useHttps ? 'https' : 'http';
|
|
const hookUrl = `${protocol}://localhost:${port}/api/hooks/claude`;
|
|
const desiredHooks = this._buildDesiredHooks(hookUrl);
|
|
const statuslineUrl = `${hookUrl}/statusline`;
|
|
|
|
try {
|
|
mkdirSync(settingsDir, { recursive: true });
|
|
let existing: ClaudeSettings = {};
|
|
try { existing = JSON.parse(readFileSync(settingsPath, 'utf-8')) as ClaudeSettings; } catch {}
|
|
|
|
// Replace our hooks on every startup (handles HTTP → command upgrade).
|
|
// Preserves other tools' hooks by filtering only ClawTap entries.
|
|
if (!existing.hooks) existing.hooks = {};
|
|
|
|
for (const [event, configs] of Object.entries(desiredHooks)) {
|
|
const existingEntries = existing.hooks[event] || [];
|
|
const filtered = existingEntries.filter(entry => !this._isOurHookEntry(entry, portTag));
|
|
existing.hooks[event] = [...filtered, ...configs];
|
|
}
|
|
|
|
// Insert our statusLine script into the pipe chain (if not already there).
|
|
// Our script is a passthrough: reads stdin, POSTs to server (background), outputs stdin.
|
|
// - Has custom statusLine → pipe through our script first
|
|
// - No custom statusLine → don't touch it, preserve Claude Code built-in
|
|
const wrapperScript = this._ensureStatusLineScript(statuslineUrl);
|
|
const existingCmd = existing.statusLine?.command || '';
|
|
if (existingCmd && !existingCmd.includes(wrapperScript)) {
|
|
existing.statusLine = { type: 'command', command: `${wrapperScript} | ${existingCmd}` };
|
|
console.log(`[hooks] Wrapped statusLine to POST to ${statuslineUrl}`);
|
|
}
|
|
|
|
writeFileSync(settingsPath, JSON.stringify(existing, null, 2));
|
|
console.log(`[hooks] Auto-configured HTTP hooks in ${settingsPath}`);
|
|
} catch (err) {
|
|
console.warn(`[hooks] Failed to auto-configure hooks: ${(err as Error).message}`);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Remove ClawTap hooks from ~/.claude/settings.json.
|
|
* Leaves other user settings intact. Only removes hooks owned by this port.
|
|
*/
|
|
uninstall(): void {
|
|
const { portTag } = this._hookIdentifiers();
|
|
const settingsPath = join(homedir(), '.claude', 'settings.json');
|
|
|
|
try {
|
|
const existing: ClaudeSettings = JSON.parse(readFileSync(settingsPath, 'utf-8')) as ClaudeSettings;
|
|
|
|
// --- Clean up hooks (independent of statusLine) ---
|
|
if (existing.hooks) {
|
|
const hookKeys = Object.keys(this._buildDesiredHooks(''));
|
|
for (const key of hookKeys) {
|
|
const entries = existing.hooks[key];
|
|
if (!Array.isArray(entries)) continue;
|
|
|
|
const filtered = entries.filter(entry => !this._isOurHookEntry(entry, portTag));
|
|
|
|
if (filtered.length === 0) {
|
|
delete existing.hooks[key];
|
|
} else {
|
|
existing.hooks[key] = filtered;
|
|
}
|
|
}
|
|
|
|
if (Object.keys(existing.hooks).length === 0) delete existing.hooks;
|
|
}
|
|
|
|
// --- Restore statusLine: remove our script from the pipe chain ---
|
|
const wrapperScript = this._statusLineScriptPath();
|
|
if (existing.statusLine?.command?.includes(wrapperScript)) {
|
|
// Remove our script + pipe from the command string
|
|
const restored = existing.statusLine.command
|
|
.replace(`${wrapperScript} | `, '')
|
|
.replace(wrapperScript, '')
|
|
.replace(/\s*\|\s*$/, '') // trailing pipe
|
|
.replace(/^\s*\|\s*/, '') // leading pipe
|
|
.trim();
|
|
if (restored) {
|
|
existing.statusLine = { type: 'command', command: restored };
|
|
} else {
|
|
delete existing.statusLine;
|
|
}
|
|
}
|
|
// Clean up legacy backup field from old versions
|
|
delete existing._clawtapOriginalStatusLine;
|
|
|
|
writeFileSync(settingsPath, JSON.stringify(existing, null, 2));
|
|
console.log(`[hooks] Removed ClawTap hooks from ${settingsPath}`);
|
|
} catch (err) {
|
|
if ((err as NodeJS.ErrnoException).code === 'ENOENT') return;
|
|
console.warn(`[hooks] Failed to remove hooks: ${(err as Error).message}`);
|
|
}
|
|
}
|
|
|
|
// --- Internal helpers ---
|
|
|
|
private _hookIdentifiers(): HookIdentifiers {
|
|
return {
|
|
portTag: `:${this.port}/api/hooks/claude`,
|
|
};
|
|
}
|
|
|
|
/** Path to our statusLine wrapper script */
|
|
private _statusLineScriptPath(): string {
|
|
return join(homedir(), '.clawtap', 'hooks', 'claude-statusline.sh');
|
|
}
|
|
|
|
/** Create or update the statusLine wrapper script */
|
|
private _ensureStatusLineScript(statuslineUrl: string): string {
|
|
const scriptPath = this._statusLineScriptPath();
|
|
const scriptDir = join(homedir(), '.clawtap', 'hooks');
|
|
mkdirSync(scriptDir, { recursive: true });
|
|
|
|
const portCheck = this._portCheckCmd();
|
|
const curlInsecure = this.useHttps ? ' -k' : '';
|
|
const script = `#!/bin/bash
|
|
input=$(cat)
|
|
# POST to ClawTap server (non-blocking, skip if server not running)
|
|
if ${portCheck}; then
|
|
printf '%s' "$input" | curl -sf${curlInsecure} --connect-timeout 2 --max-time 5 -X POST -H 'Content-Type:application/json' -d @- ${statuslineUrl} &>/dev/null &
|
|
fi
|
|
# Pass through to stdout
|
|
printf '%s' "$input"
|
|
`;
|
|
writeFileSync(scriptPath, script, { mode: 0o755 });
|
|
return scriptPath;
|
|
}
|
|
|
|
private _isOurHookEntry(entry: HookEntry, portTag: string): boolean {
|
|
const hooks = entry.hooks || [];
|
|
return hooks.some(h =>
|
|
(h.url && h.url.includes(portTag)) ||
|
|
(h.command && h.command.includes(portTag))
|
|
);
|
|
}
|
|
|
|
private _buildDesiredHooks(hookUrl: string): Record<string, HookEntry[]> {
|
|
// Fire-and-forget: read stdin, background curl, exit immediately.
|
|
// Zero blocking — Claude Code never waits for ClawTap.
|
|
// /dev/tcp check: fails instantly (<1ms) if server isn't listening, avoiding 2s curl timeout
|
|
// --connect-timeout 2: give up if server unreachable
|
|
// --max-time 5: give up if server hangs after accepting connection
|
|
const portCheck = this._portCheckCmd();
|
|
const curlInsecure = this.useHttps ? ' -k' : '';
|
|
const fireAndForget = (endpoint: string): string =>
|
|
`${portCheck} || exit 0; input=$(cat); printf '%s' "$input" | curl -sf${curlInsecure} --connect-timeout 2 --max-time 5 -X POST -H 'Content-Type:application/json' -d @- ${hookUrl}/${endpoint} &>/dev/null &`;
|
|
return {
|
|
SessionStart: [{ hooks: [{ type: 'command', command: fireAndForget('session-start'), timeout: 2 }] }],
|
|
UserPromptSubmit: [{ hooks: [{ type: 'command', command: fireAndForget('user-prompt-submit'), timeout: 2 }] }],
|
|
PreToolUse: [{ matcher: '*', hooks: [{ type: 'command', command: fireAndForget('pre-tool-use'), timeout: 2 }] }],
|
|
PostToolUse: [{ matcher: '*', hooks: [{ type: 'command', command: fireAndForget('post-tool-use'), timeout: 2 }] }],
|
|
PostToolUseFailure: [{ matcher: '*', hooks: [{ type: 'command', command: fireAndForget('post-tool-use-failure'), timeout: 2 }] }],
|
|
Stop: [{ hooks: [{ type: 'command', command: fireAndForget('stop'), timeout: 2 }] }],
|
|
StopFailure: [{ hooks: [{ type: 'command', command: fireAndForget('stop-failure'), timeout: 2 }] }],
|
|
SubagentStop: [{ hooks: [{ type: 'command', command: fireAndForget('stop'), timeout: 2 }] }],
|
|
PermissionRequest: [{ matcher: '*', hooks: [{ type: 'command', command: fireAndForget('permission-request'), timeout: 2 }] }],
|
|
SessionEnd: [{ hooks: [{ type: 'command', command: fireAndForget('session-end'), timeout: 2 }] }],
|
|
PreCompact: [
|
|
{ matcher: 'auto', hooks: [{ type: 'command', command: fireAndForget('pre-compact'), timeout: 2 }] },
|
|
{ matcher: 'manual', hooks: [{ type: 'command', command: fireAndForget('pre-compact'), timeout: 2 }] },
|
|
],
|
|
PostCompact: [
|
|
{ matcher: 'auto', hooks: [{ type: 'command', command: fireAndForget('post-compact'), timeout: 2 }] },
|
|
{ matcher: 'manual', hooks: [{ type: 'command', command: fireAndForget('post-compact'), timeout: 2 }] },
|
|
],
|
|
};
|
|
}
|
|
|
|
private _portCheckCmd(): string {
|
|
return `(echo >/dev/tcp/localhost/${this.port}) 2>/dev/null`;
|
|
}
|
|
}
|