first

public/stats.js

@@ -0,0 +1,58 @@
+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();