Philip
e50e6f83dc
Sets up the foundational project structure for the BuzzMaster Live Quiz Platform. This includes: - **Project Initialization:** Creates `package.json` with necessary dependencies (React, React Router DOM, Vite, TypeScript). - **Vite Configuration:** Configures Vite for development and building, including server settings and environment variable handling. - **HTML Entry Point:** Sets up `index.html` with basic structure, Tailwind CSS, Google Fonts, and ESM import maps. - **React Entry Point:** Configures `index.tsx` to render the main `App` component. - **TypeScript Configuration:** Defines `tsconfig.json` for the project. - **Git Ignore:** Adds standard files and directories to `.gitignore`. - **README and Metadata:** Includes a basic `README.md` and `metadata.json` describing the project. - **Type Definitions:** Establishes core type definitions in `types.ts` for game state, user roles, players, teams, and questions. - **App Component:** Creates a basic `App.tsx` component with routing and initial game state management, including logic for local storage fallback and API sync. - **Component Stubs:** Adds placeholder components for `PlayerView`, `AdminDashboard`, and `SpectatorView`.
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
|
|
import { GameData, Player } from '../types';
|
|
|
|
const API_URL = process.env.VITE_API_URL || 'http://localhost:5000';
|
|
|
|
// Helper to check if the backend is actually alive
|
|
async function checkConnectivity(): Promise<boolean> {
|
|
try {
|
|
const controller = new AbortController();
|
|
const timeoutId = setTimeout(() => controller.abort(), 1000);
|
|
await fetch(`${API_URL}/api/health`, { signal: controller.signal });
|
|
clearTimeout(timeoutId);
|
|
return true;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export const api = {
|
|
async getGameStatus(gameId: string): Promise<GameData | null> {
|
|
try {
|
|
const res = await fetch(`${API_URL}/api/game/${gameId}`);
|
|
if (!res.ok) throw new Error('Backend error');
|
|
return await res.json();
|
|
} catch (e) {
|
|
const local = localStorage.getItem(`game_${gameId}`);
|
|
return local ? JSON.parse(local) : null;
|
|
}
|
|
},
|
|
|
|
async joinGame(gameId: string, name: string, team: string): Promise<Player> {
|
|
try {
|
|
const res = await fetch(`${API_URL}/api/game/${gameId}/join`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ name, team }),
|
|
});
|
|
return await res.json();
|
|
} catch (e) {
|
|
const mockPlayer: Player = {
|
|
id: Math.random().toString(36).substr(2, 9),
|
|
name,
|
|
teamId: team,
|
|
status: 'PENDING',
|
|
score: 0,
|
|
correctAnswers: 0,
|
|
wrongAnswers: 0,
|
|
avgBuzzerMs: 0
|
|
};
|
|
return mockPlayer;
|
|
}
|
|
},
|
|
|
|
async postBuzz(gameId: string, playerId: string): Promise<void> {
|
|
try {
|
|
await fetch(`${API_URL}/api/game/${gameId}/buzz`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ playerId, timestamp: Date.now() }),
|
|
});
|
|
} catch (e) {
|
|
console.warn("API Offline: Buzz saved locally");
|
|
}
|
|
},
|
|
|
|
async updateGameState(gameId: string, updates: Partial<GameData>): Promise<void> {
|
|
// Persist locally regardless of backend status for immediate UI responsiveness
|
|
const existing = localStorage.getItem(`game_${gameId}`);
|
|
const data = existing ? JSON.parse(existing) : {};
|
|
localStorage.setItem(`game_${gameId}`, JSON.stringify({ ...data, ...updates }));
|
|
|
|
try {
|
|
await fetch(`${API_URL}/api/game/${gameId}/state`, {
|
|
method: 'PATCH',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(updates),
|
|
});
|
|
} catch (e) {
|
|
// Silently fail if offline, as localStorage has already handled the update
|
|
}
|
|
}
|
|
};
|