feat(ttt): made proper queue and multi game handling

frontend/src/pages/ttt/socket.ts

@@ -0,0 +1,41 @@
+import { type Socket } from 'socket.io-client';
+
+export type UpdateInfo = {
+	inQueue: number,
+	totalUser: number,
+}
+export type CellState = 'X' | 'O' | null;
+
+export type GameUpdate = {
+	gameId: string;
+
+	playerX: string;
+	playerO: string;
+
+	boardState: CellState[];
+	currentPlayer: 'X' | 'O';
+	gameState: 'winX' | 'winO' | 'concededX' | 'concededO' | 'draw' | 'ongoing';
+}
+
+export type GameMove = {
+	index: number;
+}
+export type GameMoveResponse = 'success' | 'invalidMove' | 'unknownError';
+
+export interface ClientToServer {
+	enqueue: () => void;
+	dequeue: () => void;
+	debugInfo: () => void;
+	gameMove: (up: GameMove) => GameMoveResponse;
+};
+
+export interface ServerToClient {
+	forceDisconnect: (reason: string) => void;
+	queueEvent: (msg: 'registered' | 'unregistered') => void;
+	updateInformation: (info: UpdateInfo) => void,
+	newGame: (gameId: string) => void,
+	gameBoard: (state: GameUpdate) => void,
+};
+
+export type SSocket = Socket<ClientToServer, ServerToClient>;
+export type CSocket = Socket<ServerToClient, ClientToServer>;