const GAME_COMPONENTS = { snake: () => , memory: () => , tictactoe: () => , bricks: () => , game2048: () => , wham: () => , tetris: () => , pong: () => , space: () => , gta_augusto: () => , minecraft_augusto: () => , wwe_augusto: () => , }; function GameModal({ game, onClose, onScore }) { const GameComp = GAME_COMPONENTS[game.id]; const isIframeGame = ['gta_augusto','minecraft_augusto','wwe_augusto'].includes(game.id); React.useEffect(() => { // Listen for score events from games const handler = e => { if (e.detail.game === game.id) { onScore(e.detail.game, e.detail.score); } }; window.addEventListener('ag_score', handler); return () => window.removeEventListener('ag_score', handler); }, [game.id, onScore]); React.useEffect(() => { const esc = e => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', esc); return () => window.removeEventListener('keydown', esc); }, [onClose]); return (
{/* Top bar */}
{game.emoji}
{game.title}
{game.catLabel} ·⭐ {game.rating} ·🎮 {game.plays}
{/* Best score badge */} {(() => { const best = getScores(game.id)[0]; return best ? (
🏆 Récord: {best.score.toLocaleString()}
) : null; })()}
ESC para salir
{/* Game area */}
{GameComp && }
); } // Score notification toast function ScoreToast({ score, game, onDone }) { React.useEffect(() => { const t = setTimeout(onDone, 2800); return () => clearTimeout(t); }, []); return (
{game.emoji}
{game.title} — ¡Partida guardada!
{score.toLocaleString()} pts
); } function App() { const [activeGame, setActiveGame] = React.useState(() => { try { const s=localStorage.getItem('ag_active_game'); return s?JSON.parse(s):null; } catch{return null;} }); const [toast, setToast] = React.useState(null); const openGame = g => { setActiveGame(g); localStorage.setItem('ag_active_game', JSON.stringify(g)); }; const closeGame = () => { setActiveGame(null); localStorage.removeItem('ag_active_game'); }; const handleScore = React.useCallback((gameId, score) => { if (!score || score <= 0) return; saveScore(gameId, score); const game = GAMES_DATA.find(g => g.id === gameId); if (game) setToast({ score, game }); window.dispatchEvent(new Event('ag_profile_update')); }, []); // Listen to postMessage from iframe-based games (Augusto City / Minecraft / WWE) React.useEffect(() => { const onMsg = (e) => { const d = e.data; if (!d || d.type !== 'ag_score' || !d.game) return; const s = parseInt(d.score, 10); if (!isFinite(s) || s <= 0) return; handleScore(d.game, s); }; window.addEventListener('message', onMsg); return () => window.removeEventListener('message', onMsg); }, [handleScore]); return ( <> {activeGame && } {toast && setToast(null)} />} ); } const root = ReactDOM.createRoot(document.getElementById('root')); root.render();