@akiojin/gwt 4.12.1 → 6.0.0

package/src/web/client/src/lib/websocket.ts

@@ -1,222 +0,0 @@
-/**
- * WebSocket Client
- *
- * PTYセッションとの双方向通信を管理するクライアント。
- * 仕様: specs/SPEC-d5e56259/contracts/websocket.md
- */
-
-import type {
-  ServerMessage,
-  InputMessage,
-  ResizeMessage,
-  PingMessage,
-  OutputMessage,
-  ExitMessage,
-  ErrorMessage,
-} from "../../../../types/api.js";
-
-export type WebSocketEventHandler = {
-  onOutput?: (data: string) => void;
-  onExit?: (code: number, signal?: string) => void;
-  onError?: (message: string) => void;
-  onPong?: () => void;
-  onOpen?: () => void;
-  onClose?: () => void;
-};
-
-/**
- * PTY WebSocketクライアント
- */
-export class PTYWebSocket {
-  private ws: WebSocket | null = null;
-  private handlers: WebSocketEventHandler;
-  private sessionId: string;
-  private reconnectTimer: number | null = null;
-  private retryCount = 0;
-  private exitReceived = false;
-  private manualClose = false;
-  private reconnectScheduled = false;
-
-  constructor(sessionId: string, handlers: WebSocketEventHandler) {
-    this.sessionId = sessionId;
-    this.handlers = handlers;
-  }
-
-  /**
-   * WebSocket接続を確立
-   */
-  public connect(): void {
-    this.clearReconnectTimer();
-    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-    const host = window.location.host;
-    const url = `${protocol}//${host}/api/sessions/${this.sessionId}/terminal?sessionId=${this.sessionId}`;
-    this.ws = new WebSocket(url);
-    this.manualClose = false;
-    this.exitReceived = false;
-    this.reconnectScheduled = false;
-
-    this.ws.onopen = () => {
-      this.retryCount = 0;
-      this.handlers.onOpen?.();
-    };
-
-    this.ws.onmessage = (event) => {
-      try {
-        const message: ServerMessage = JSON.parse(event.data);
-        this.handleServerMessage(message);
-      } catch (error) {
-        console.error("Failed to parse WebSocket message:", error);
-      }
-    };
-
-    this.ws.onerror = (event) => {
-      console.error("WebSocket error:", event);
-      // エラーは再接続が全て失敗した後にのみ表示する
-      // scheduleReconnect内でMAX_WEBSOCKET_RETRIESを超えた場合にonErrorが呼ばれる
-      this.scheduleReconnect();
-    };
-
-    this.ws.onclose = () => {
-      this.handlers.onClose?.();
-      this.scheduleReconnect();
-    };
-  }
-
-  /**
-   * サーバーメッセージを処理
-   */
-  private handleServerMessage(message: ServerMessage): void {
-    switch (message.type) {
-      case "output": {
-        const outputMsg = message as OutputMessage;
-        this.handlers.onOutput?.(outputMsg.data);
-        break;
-      }
-      case "exit": {
-        const exitMsg = message as ExitMessage;
-        this.exitReceived = true;
-        this.handlers.onExit?.(exitMsg.data.code, exitMsg.data.signal);
-        break;
-      }
-      case "error": {
-        const errorMsg = message as ErrorMessage;
-        this.handlers.onError?.(errorMsg.data.message);
-        break;
-      }
-      case "pong": {
-        this.handlers.onPong?.();
-        break;
-      }
-      default: {
-        const unknownMsg = message as { type: string };
-        console.warn("Unknown server message type:", unknownMsg.type);
-        break;
-      }
-    }
-  }
-
-  /**
-   * 入力データを送信
-   */
-  public sendInput(data: string): void {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
-      console.error("WebSocket is not connected");
-      return;
-    }
-
-    const message: InputMessage = {
-      type: "input",
-      data,
-      timestamp: new Date().toISOString(),
-    };
-
-    this.ws.send(JSON.stringify(message));
-  }
-
-  /**
-   * ターミナルサイズ変更を送信
-   */
-  public sendResize(cols: number, rows: number): void {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
-      console.error("WebSocket is not connected");
-      return;
-    }
-
-    const message: ResizeMessage = {
-      type: "resize",
-      data: { cols, rows },
-      timestamp: new Date().toISOString(),
-    };
-
-    this.ws.send(JSON.stringify(message));
-  }
-
-  /**
-   * Pingを送信
-   */
-  public sendPing(): void {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
-      console.error("WebSocket is not connected");
-      return;
-    }
-
-    const message: PingMessage = {
-      type: "ping",
-      timestamp: new Date().toISOString(),
-    };
-
-    this.ws.send(JSON.stringify(message));
-  }
-
-  /**
-   * WebSocket接続を切断
-   */
-  public disconnect(): void {
-    this.manualClose = true;
-    this.exitReceived = true;
-    this.clearReconnectTimer();
-    if (this.ws) {
-      this.ws.close();
-      this.ws = null;
-    }
-  }
-
-  /**
-   * 接続状態を取得
-   */
-  public isConnected(): boolean {
-    return this.ws !== null && this.ws.readyState === WebSocket.OPEN;
-  }
-
-  private scheduleReconnect(): void {
-    if (this.reconnectScheduled) {
-      return;
-    }
-    if (this.manualClose || this.exitReceived) {
-      return;
-    }
-    if (this.retryCount >= MAX_WEBSOCKET_RETRIES) {
-      this.handlers.onError?.("Unable to reconnect to session.");
-      return;
-    }
-
-    this.retryCount += 1;
-    const delay = Math.min(2000, this.retryCount * 500);
-    this.clearReconnectTimer();
-    this.reconnectScheduled = true;
-    this.reconnectTimer = window.setTimeout(() => {
-      this.reconnectScheduled = false;
-      this.connect();
-    }, delay);
-  }
-
-  private clearReconnectTimer(): void {
-    if (this.reconnectTimer !== null) {
-      window.clearTimeout(this.reconnectTimer);
-      this.reconnectTimer = null;
-      this.reconnectScheduled = false;
-    }
-  }
-}
-
-const MAX_WEBSOCKET_RETRIES = 5;

package/src/web/client/src/main.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { RouterProvider } from "react-router-dom";
-import { router } from "./router";
-import "./index.css";
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-      retry: 1,
-      staleTime: 30000, // 30秒
-    },
-  },
-});
-
-const rootElement = document.getElementById("root");
-if (!rootElement) {
-  throw new Error("Root element not found");
-}
-
-ReactDOM.createRoot(rootElement).render(
-  <React.StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <RouterProvider router={router} />
-    </QueryClientProvider>
-  </React.StrictMode>,
-);