const STORAGE_KEY = "levelup-typing-save-v1";

function readSave() {
  const raw = localStorage.getItem(STORAGE_KEY);
  if (!raw) return null;

  try {
    return JSON.parse(raw);
  } catch (error) {
    return null;
  }
}

function setText(id, value) {
  const el = document.getElementById(id);
  if (el) el.textContent = value;
}

function renderHistory(recentRounds) {
  const list = document.getElementById("historyList");
  if (!list) return;

  list.innerHTML = "";

  if (!recentRounds || recentRounds.length === 0) {
    const item = document.createElement("li");
    item.className = "history-item";
    item.textContent = "no rounds played yet... complete a run to see your history!";
    list.appendChild(item);
    return;
  }

  recentRounds.forEach((round) => {
    const item = document.createElement("li");
    item.className = "history-item";

    const date = new Date(round.stamp || Date.now());
    const when = `${date.toLocaleDateString()} ${date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`;

    item.textContent = `${when} | ${round.wpm || 0} wpm / ${round.accuracy || 0}% acc / combo ${round.bestCombo || 0} / +${round.xp || 0} xp / ${(round.difficulty || "normal").toLowerCase()}`;
    list.appendChild(item);
  });
}

function boot() {
  const save = readSave() || {};
  const stats = save.stats || {};

  setText("sTotalRounds", String(stats.totalRounds || 0));
  setText("sBestWpm", String(stats.bestWpm || 0));
  setText("sBestAcc", `${Math.round(stats.bestAccuracy || 0)}%`);
  setText("sAvgWpm", String(Math.round(stats.averageWpm || 0)));
  setText("sAvgAcc", `${Math.round(stats.averageAccuracy || 0)}%`);

  renderHistory(Array.isArray(save.recentRounds) ? save.recentRounds : []);
}

boot();