feat(pong): reworked pong to use sane system as ttt

frontend/src/pages/pong/socket.ts

@@ -0,0 +1,47 @@
+import { Socket } from 'socket.io-client';
+
+export type UpdateInfo = {
+	inQueue: number,
+	totalUser: number,
+}
+
+export type PaddleData = {
+	x: number,
+	y: number,
+
+	width: number,
+	height: number,
+};
+
+export type GameUpdate = {
+	gameId: string;
+
+	left: { id: string, paddle: PaddleData, score: number };
+	right: { id: string, paddle: PaddleData, score: number };
+
+	ball: { x: number, y: number, size: number };
+}
+
+export type GameMove = {
+	move: 'up' | 'down' | null,
+}
+
+export interface ClientToServer {
+	enqueue: () => void;
+	dequeue: () => void;
+	debugInfo: () => void;
+	gameMove: (up: GameMove) => void;
+	connectedToGame: (gameId: string) => void;
+};
+
+export interface ServerToClient {
+	forceDisconnect: (reason: string) => void;
+	queueEvent: (msg: 'registered' | 'unregistered') => void;
+	updateInformation: (info: UpdateInfo) => void,
+	newGame: (initState: GameUpdate) => void,
+	gameUpdate: (state: GameUpdate) => void,
+	gameEnd: () => void;
+};
+
+export type SSocket = Socket<ClientToServer, ServerToClient>;
+export type CSocket = Socket<ServerToClient, ClientToServer>;