import { Game } from './game';

// Initialize game when DOM is ready
window.addEventListener('DOMContentLoaded', () => {
  const game = new Game();
  game.init();
  
  // Expose to window for global access
  (window as any).game = game;
});

// Global function for menu buttons
(window as any).startGame = () => {
  const game = (window as any).game as Game;
  game.joinMatchmaking();
};

(window as any).showLeaderboard = async () => {
  try {
    const response = await fetch('http://localhost:3000/api/leaderboard');
    const leaderboard = await response.json();
    
    const message = leaderboard
      .slice(0, 10)
      .map((p: any, i: number) => `${i + 1}. ${p.username} - ${p.total_wins} wins`)
      .join('\n');
    
    alert('🏆 TOP 10 LEADERBOARD\n\n' + message);
  } catch (error) {
    alert('Failed to load leaderboard');
  }
};