zxclovly/BlinkCode: All-in-one desktop code editor for the modern web. Monaco + Terminal + Built-in Browser in one blazing-fast Electron app. Forget heavy IDEs – BlinkCode is your streamlined workflow super tool.

src/hooks/useShell.ts
106 строк3 KB
lovlygod
Initial commit
18 апр 2026, 00:32
18 апр 2026, 00:32dce516c
import { useRef, useCallback } from 'react';
import { getWsUrl } from '../utils/api';

interface WsMapEntry {
  ws: WebSocket;
}

interface ShellActions {
  updateTerminalCwd: (instanceId: string, cwd: string) => void;
  onData: (instanceId: string, data: string) => void;
  onExit: (instanceId: string, code: number) => void;
  onError: (instanceId: string, message: string) => void;
  onConnected?: (instanceId: string) => void;
}

export function useShell(actions: ShellActions) {
  const wsMap = useRef<Map<string, WsMapEntry>>(new Map());
  const actionsRef = useRef(actions);
  actionsRef.current = actions;

  const connectShell = useCallback((instanceId: string, cwd?: string) => {
    const old = wsMap.current.get(instanceId);
    if (old) {
      old.ws.close();
      wsMap.current.delete(instanceId);
    }

    try {
      const ws = new WebSocket(getWsUrl());
      wsMap.current.set(instanceId, { ws });

      ws.onopen = () => {
        ws.send(JSON.stringify({ type: 'start', cwd }));
        actionsRef.current.onConnected?.(instanceId);
      };

      ws.onmessage = (e) => {
        try {
          const msg = JSON.parse(e.data);
          if (msg.type === 'ready') {
            actionsRef.current.updateTerminalCwd(instanceId, msg.cwd || '');
          } else if (msg.type === 'output') {
            actionsRef.current.onData(instanceId, msg.data || '');
          } else if (msg.type === 'exit') {
            actionsRef.current.onExit(instanceId, Number(msg.code || 0));
          } else if (msg.type === 'error') {
            actionsRef.current.onError(instanceId, msg.data || 'Shell connection failed');
          }
        } catch {}
      };

      ws.onerror = () => {
        actionsRef.current.onError(instanceId, 'Shell connection failed');
      };

      ws.onclose = () => {
        wsMap.current.delete(instanceId);
      };
    } catch {
      actionsRef.current.onError(instanceId, 'WebSocket not available');
    }
  }, []);

  const sendData = useCallback((instanceId: string, data: string) => {
    const entry = wsMap.current.get(instanceId);
    if (entry?.ws && entry.ws.readyState === WebSocket.OPEN) {
      entry.ws.send(JSON.stringify({ type: 'input', data }));
      return true;
    }
    return false;
  }, []);

  const resizeShell = useCallback((instanceId: string, cols: number, rows: number) => {
    const entry = wsMap.current.get(instanceId);
    if (entry?.ws && entry.ws.readyState === WebSocket.OPEN) {
      entry.ws.send(JSON.stringify({ type: 'resize', cols, rows }));
    }
  }, []);

  const requestCwd = useCallback((instanceId: string) => {
    const entry = wsMap.current.get(instanceId);
    if (entry?.ws && entry.ws.readyState === WebSocket.OPEN) {
      entry.ws.send(JSON.stringify({ type: 'cwd' }));
    }
  }, []);

  const closeShell = useCallback((instanceId: string) => {
    const entry = wsMap.current.get(instanceId);
    if (entry) {
      entry.ws.close();
      wsMap.current.delete(instanceId);
    }
  }, []);

  const closeAll = useCallback(() => {
    wsMap.current.forEach(e => e.ws.close());
    wsMap.current.clear();
  }, []);

  const isConnected = useCallback((instanceId: string) => {
    const entry = wsMap.current.get(instanceId);
    return entry?.ws.readyState === WebSocket.OPEN;
  }, []);

  return { connectShell, sendData, resizeShell, requestCwd, closeShell, closeAll, isConnected };
}