- Debounce project config saves: use local state + save-on-blur instead of firing IPC requests on every keystroke in text inputs - Add Zustand selectors to all store consumers to prevent full-store re-renders on any state change - Fix initialization race: chain checkImage after checkDocker resolves - Fix DockerSettings setTimeout race: await checkImage after save - Add console.error logging to all 11 empty catch blocks in ProjectCard - Add keyboard support to AddProjectDialog: Escape to close, click-outside-to-close, form submit on Enter, auto-focus Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
84 lines
2.1 KiB
TypeScript
84 lines
2.1 KiB
TypeScript
import { useCallback } from "react";
|
|
import { useShallow } from "zustand/react/shallow";
|
|
import { listen } from "@tauri-apps/api/event";
|
|
import { useAppState } from "../store/appState";
|
|
import * as commands from "../lib/tauri-commands";
|
|
|
|
export function useTerminal() {
|
|
const { sessions, activeSessionId, addSession, removeSession, setActiveSession } =
|
|
useAppState(
|
|
useShallow(s => ({
|
|
sessions: s.sessions,
|
|
activeSessionId: s.activeSessionId,
|
|
addSession: s.addSession,
|
|
removeSession: s.removeSession,
|
|
setActiveSession: s.setActiveSession,
|
|
}))
|
|
);
|
|
|
|
const open = useCallback(
|
|
async (projectId: string, projectName: string) => {
|
|
const sessionId = crypto.randomUUID();
|
|
await commands.openTerminalSession(projectId, sessionId);
|
|
addSession({ id: sessionId, projectId, projectName });
|
|
return sessionId;
|
|
},
|
|
[addSession],
|
|
);
|
|
|
|
const close = useCallback(
|
|
async (sessionId: string) => {
|
|
await commands.closeTerminalSession(sessionId);
|
|
removeSession(sessionId);
|
|
},
|
|
[removeSession],
|
|
);
|
|
|
|
const sendInput = useCallback(
|
|
async (sessionId: string, data: string) => {
|
|
const bytes = Array.from(new TextEncoder().encode(data));
|
|
await commands.terminalInput(sessionId, bytes);
|
|
},
|
|
[],
|
|
);
|
|
|
|
const resize = useCallback(
|
|
async (sessionId: string, cols: number, rows: number) => {
|
|
await commands.terminalResize(sessionId, cols, rows);
|
|
},
|
|
[],
|
|
);
|
|
|
|
const onOutput = useCallback(
|
|
(sessionId: string, callback: (data: Uint8Array) => void) => {
|
|
const eventName = `terminal-output-${sessionId}`;
|
|
return listen<number[]>(eventName, (event) => {
|
|
callback(new Uint8Array(event.payload));
|
|
});
|
|
},
|
|
[],
|
|
);
|
|
|
|
const onExit = useCallback(
|
|
(sessionId: string, callback: () => void) => {
|
|
const eventName = `terminal-exit-${sessionId}`;
|
|
return listen<void>(eventName, () => {
|
|
callback();
|
|
});
|
|
},
|
|
[],
|
|
);
|
|
|
|
return {
|
|
sessions,
|
|
activeSessionId,
|
|
setActiveSession,
|
|
open,
|
|
close,
|
|
sendInput,
|
|
resize,
|
|
onOutput,
|
|
onExit,
|
|
};
|
|
}
|