Files
NetMesh/application/state/useScriptRecorder.ts

232 lines
7.7 KiB
TypeScript
Raw Permalink Normal View History

import { useCallback, useEffect, useRef, useState } from 'react';
import { netcattyBridge } from '@/infrastructure/services/netcattyBridge.ts';
import { DEFAULT_RECORDING_PROMPT_TIMEOUT_MS } from '@/domain/snippetScript.ts';
import type { ScriptRecordingStep } from '@/types/global/netcatty-bridge-script.d.ts';
import { notify } from '../notification';
export const MAX_PENDING_SCRIPT_RECORDING_INPUT_CHARS = 256 * 1024;
export const SCRIPT_RECORDING_LIMIT_EVENT = 'netcatty:script:recording:limit';
type ScriptRecordingLimitDetail = {
sessionId: string;
error: string;
steps: ScriptRecordingStep[];
code: string;
};
type ScriptRecordingResult = {
steps: ScriptRecordingStep[];
code: string;
};
const emptyScriptRecordingResult = (): ScriptRecordingResult => ({ steps: [], code: '' });
export function useScriptRecorder(sessionId: string | undefined) {
const [isRecording, setIsRecording] = useState(false);
const [isPaused, setIsPaused] = useState(false);
const [elapsedMs, setElapsedMs] = useState(0);
const startedAtRef = useRef<number | null>(null);
const inputBufferRef = useRef('');
const lastStepAtRef = useRef<number>(Date.now());
const isRecordingRef = useRef(false);
const isPausedRef = useRef(false);
const isStoppingRef = useRef(false);
const stopPromiseRef = useRef<Promise<ScriptRecordingResult> | null>(null);
const sessionIdRef = useRef(sessionId);
sessionIdRef.current = sessionId;
useEffect(() => {
if (!isRecording || isPaused) return undefined;
const timer = window.setInterval(() => {
if (startedAtRef.current) {
setElapsedMs(Date.now() - startedAtRef.current);
}
}, 250);
return () => window.clearInterval(timer);
}, [isRecording, isPaused]);
const startRecording = useCallback(async () => {
const pendingStop = stopPromiseRef.current;
if (pendingStop) {
try {
await pendingStop;
} catch {
// A failed stop still closes the local recording. Starting again is
// the explicit recovery path and must happen after that stop settles.
}
}
const sid = sessionIdRef.current;
const bridge = netcattyBridge.get();
if (!sid || !bridge?.scriptRecordingStart) return;
await bridge.scriptRecordingStart(sid);
startedAtRef.current = Date.now();
lastStepAtRef.current = Date.now();
inputBufferRef.current = '';
setElapsedMs(0);
setIsPaused(false);
isPausedRef.current = false;
isStoppingRef.current = false;
isRecordingRef.current = true;
setIsRecording(true);
}, []);
const stopRecording = useCallback(async () => {
if (stopPromiseRef.current) return stopPromiseRef.current;
const sid = sessionIdRef.current;
const bridge = netcattyBridge.get();
isStoppingRef.current = true;
isRecordingRef.current = false;
isPausedRef.current = false;
setIsRecording(false);
setIsPaused(false);
inputBufferRef.current = '';
startedAtRef.current = null;
if (!sid || !bridge?.scriptRecordingStop) {
isStoppingRef.current = false;
return emptyScriptRecordingResult();
}
let stopRequest: Promise<ScriptRecordingResult>;
try {
stopRequest = Promise.resolve(bridge.scriptRecordingStop(sid));
} catch (error) {
stopRequest = Promise.reject(error);
}
let stopPromise: Promise<ScriptRecordingResult>;
stopPromise = stopRequest.finally(() => {
if (stopPromiseRef.current === stopPromise) {
stopPromiseRef.current = null;
isStoppingRef.current = false;
}
});
stopPromiseRef.current = stopPromise;
return stopPromise;
}, []);
const finishAutomaticStop = useCallback((detail: ScriptRecordingLimitDetail) => {
isRecordingRef.current = false;
isPausedRef.current = false;
inputBufferRef.current = '';
startedAtRef.current = null;
setIsRecording(false);
setIsPaused(false);
notify.error(detail.error, 'Scripts');
window.dispatchEvent(new CustomEvent(SCRIPT_RECORDING_LIMIT_EVENT, { detail }));
}, []);
const pauseRecording = useCallback(() => {
if (isStoppingRef.current) return;
isPausedRef.current = true;
setIsPaused(true);
}, []);
const resumeRecording = useCallback(() => {
if (isStoppingRef.current) return;
isPausedRef.current = false;
setIsPaused(false);
}, []);
const appendStep = useCallback(async (step: ScriptRecordingStep) => {
const sid = sessionIdRef.current;
if (!sid || !isRecordingRef.current || isPausedRef.current || isStoppingRef.current) return;
const result = await netcattyBridge.get()?.scriptRecordingAppendStep?.(sid, step);
if (result?.stopped) {
finishAutomaticStop({
sessionId: sid,
error: result.error || 'Recording stopped because it reached the safety limit',
steps: result.steps ?? [],
code: result.code ?? '',
});
return;
}
lastStepAtRef.current = Date.now();
}, [finishAutomaticStop]);
const recordInput = useCallback((data: string) => {
if (!isRecordingRef.current || isPausedRef.current || isStoppingRef.current) return;
const next = `${inputBufferRef.current}${data}`;
if (next.length <= MAX_PENDING_SCRIPT_RECORDING_INPUT_CHARS) {
inputBufferRef.current = next;
return;
}
const sid = sessionIdRef.current;
if (!sid) return;
isStoppingRef.current = true;
isRecordingRef.current = false;
isPausedRef.current = false;
inputBufferRef.current = '';
startedAtRef.current = null;
setIsRecording(false);
setIsPaused(false);
const bridge = netcattyBridge.get();
let stopRequest: Promise<ScriptRecordingResult>;
try {
stopRequest = bridge?.scriptRecordingStop
? Promise.resolve(bridge.scriptRecordingStop(sid))
: Promise.resolve(emptyScriptRecordingResult());
} catch (error) {
stopRequest = Promise.reject(error);
}
const stopCompletion = stopRequest.catch(() => emptyScriptRecordingResult()).then((result) => {
finishAutomaticStop({
sessionId: sid,
error: 'Recording stopped because the current input exceeded the safety limit',
steps: result.steps,
code: result.code,
});
return result;
});
let stopPromise: Promise<ScriptRecordingResult>;
stopPromise = stopCompletion.finally(() => {
if (stopPromiseRef.current === stopPromise) {
stopPromiseRef.current = null;
isStoppingRef.current = false;
}
});
stopPromiseRef.current = stopPromise;
}, [finishAutomaticStop]);
const recordBackspace = useCallback(() => {
if (!isRecordingRef.current || isPausedRef.current || isStoppingRef.current) return;
inputBufferRef.current = inputBufferRef.current.slice(0, -1);
}, []);
const recordClearLine = useCallback(() => {
if (!isRecordingRef.current || isPausedRef.current || isStoppingRef.current) return;
inputBufferRef.current = '';
}, []);
const recordEnter = useCallback(async (options?: { sensitive?: boolean }) => {
const sid = sessionIdRef.current;
if (!isRecordingRef.current || isPausedRef.current || isStoppingRef.current || !sid) return;
const line = inputBufferRef.current;
inputBufferRef.current = '';
const now = Date.now();
const gap = now - lastStepAtRef.current;
if (gap > 1000) {
await appendStep({ type: 'sleep', value: gap });
}
await appendStep({
type: 'send',
value: line,
sensitive: options?.sensitive,
});
await appendStep({ type: 'waitForPrompt', timeoutMs: DEFAULT_RECORDING_PROMPT_TIMEOUT_MS });
lastStepAtRef.current = now;
}, [appendStep]);
return {
isRecording,
isPaused,
elapsedMs,
startRecording,
stopRecording,
pauseRecording,
resumeRecording,
recordInput,
recordBackspace,
recordClearLine,
recordEnter,
};
}