import { state } from './state.js';
import { connectWS } from './ws.js';
import { onMessage } from './handlers.js';
import { wireUi } from './ui.js';
import { $nameLobby } from './dom.js';

// Initialize UI and open WebSocket connection
wireUi();
connectWS(onMessage);

// Restore name/id immediately for initial render smoothness
(() => {
  try {
    const savedPid = localStorage.getItem('playerId');
    if (savedPid && !state.playerId) {
      state.playerId = savedPid;
    }
  } catch {}
  const saved = localStorage.getItem('playerName');
  if (saved && $nameLobby && $nameLobby.value !== saved) {
    $nameLobby.value = saved;
  }
})();