init

2026-10-23 19:23:03 +02:00
parent 8c8240de63
commit 19428550ca
90 changed files with 6912 additions and 0 deletions
@@ -0,0 +1,34 @@
+import { useGameConnection } from './net/useGameConnection';
+import { GamePage } from './pages/GamePage';
+import { HomePage } from './pages/HomePage';
+import { LobbyPage } from './pages/LobbyPage';
+import styles from './App.module.css';
+
+const statusText = {
+  connecting: 'Connecting to server...',
+  reconnecting: 'Connection lost, reconnecting...',
+  disconnected: 'Server unreachable, retrying...',
+  connected: '',
+};
+
+export function App() {
+  const { status, playerId, lobby, match, flashes, actions } = useGameConnection();
+
+  let content;
+  if (!lobby || !playerId) {
+    content = <HomePage connected={status === 'connected'} actions={actions} />;
+  } else if (match) {
+    content = <GamePage match={match} lobby={lobby} playerId={playerId} flashes={flashes} actions={actions} />;
+  } else if (lobby.phase === 'playing') {
+    content = <div className={styles.loading}>Starting...</div>;
+  } else {
+    content = <LobbyPage lobby={lobby} playerId={playerId} actions={actions} />;
+  }
+
+  return (
+    <>
+      {status !== 'connected' && <div className={styles.status}>{statusText[status]}</div>}
+      {content}
+    </>
+  );
+}