squares · live NBA pool

\n \n\n\n",[18,69],"df554742-5be8-11f1-9864-ee650bb23af1",["D",1780119116252],"const $app = document.getElementById(\"app\");\nconst $toast = document.getElementById(\"toast\");\nconst path = location.pathname.replace(/^\\//, \"\").replace(/\\/+$/, \"\").toLowerCase();\nconst slug = path && /^[a-z0-9]{2,8}$/.test(path) ? path : \"\";\nlet me = JSON.parse(localStorage.getItem(\"squares:me\") || \"{}\"); // { name, venmo, cashapp }\nlet state = null; // { room, live }\nlet pollTimer = null;\nlet lastHash = \"\"; // skip re-render if nothing changed (preserves focus + typing)\n\nfunction toast(msg) {\n $toast.textContent = msg;\n $toast.classList.add(\"show\");\n clearTimeout(toast._t);\n toast._t = setTimeout(() => $toast.classList.remove(\"show\"), 2400);\n}\nwindow.toast = toast;\n\nasync function api(p, body) {\n const opts = body\n ? { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify(body) }\n : {};\n const res = await fetch(\"/api\" + p, opts);\n return res.json();\n}\n\nfunction saveMe() {\n localStorage.setItem(\"squares:me\", JSON.stringify(me));\n}\n\n// ── views ────────────────────────────────────────────────────────────────\n\nfunction viewCreate() {\n $app.innerHTML = `\n \n

Start a squares pool

Pick a short URL. Share the link. Friends pick squares from their phones — winners settle automatically from the live NBA score.

Short URL

\n ${location.host}/\n \n

Matchup label

\n \n

Away tricode

\n \n

Home tricode

\n \n

Stake per square ($)

\n \n

No account. Open the room URL to share.

view source

\n `;\n document.getElementById(\"create\").onclick = onCreate;\n}\n\nasync function onCreate() {\n const s = document.getElementById(\"slug\").value.trim();\n const label = document.getElementById(\"label\").value.trim();\n const away = document.getElementById(\"away\").value.trim().toUpperCase();\n const home = document.getElementById(\"home\").value.trim().toUpperCase();\n const stake = Number(document.getElementById(\"stake\").value) || 5;\n if (!s || !home || !away) return toast(\"slug + home + away required\");\n const r = await api(\"/create\", { slug: s, label, home, away, stake });\n if (r.error) return toast(r.error);\n location.href = \"/\" + r.slug;\n}\n\nfunction viewRoom() {\n if (!state || !state.room) {\n $app.innerHTML = `

Room not found

Double-check the URL.

Start a new room

`;\n return;\n }\n if (!state.room.locked) return viewPicking();\n return viewLive();\n}\n\nfunction viewPicking() {\n const room = state.room;\n const filled = Object.keys(room.squares).length;\n const meName = (me.name || \"\").toLowerCase();\n const myPicks = Object.entries(room.squares).filter(([, n]) => n === meName).map(([i]) => Number(i));\n\n $app.innerHTML = `\n \n

${esc(room.label)}

$${room.stake} per square · Q1 ${pct(room.payouts.q1)} · Q2 ${pct(room.payouts.q2)} · Q3 ${pct(room.payouts.q3)} · Final ${pct(room.payouts.final)}

Your name (appears on your squares)

\n \n

Venmo

\n \n

Cash App

\n \n

\n\n

Pick squares — tap to claim, tap again to release

${room.home}→

\n ${Array.from({ length: 10 }).map(() => '

').join(\"\")}\n

${room.away}↓

\n ${Array.from({ length: 9 }).map(() => '

').join(\"\")}\n

You own ${myPicks.length} · $${myPicks.length * room.stake}

\n \n

\n\n

Share / admin

${location.href}

\n \n \n

view source

\n `;\n\n const $grid = document.getElementById(\"grid\");\n for (let i = 0; i < 100; i++) {\n const owner = room.squares[String(i)];\n const player = owner ? room.players[owner] : null;\n const isMine = owner && owner === meName;\n const btn = document.createElement(\"button\");\n btn.className = \"sq\" + (owner ? \" taken\" : \"\") + (isMine ? \" mine\" : \"\");\n btn.style.background = player ? player.color : \"\";\n btn.textContent = player ? initials(player.name) : \"\";\n btn.dataset.idx = String(i);\n btn.onclick = () => toggleSquare(i);\n $grid.appendChild(btn);\n }\n\n document.getElementById(\"save-me\").onclick = () => {\n me = {\n name: document.getElementById(\"me-name\").value.trim(),\n venmo: document.getElementById(\"me-venmo\").value.trim(),\n cashapp: document.getElementById(\"me-cashapp\").value.trim(),\n };\n if (!me.name) return toast(\"add your name\");\n saveMe();\n api(\"/\" + room.slug + \"/join\", { name: me.name, venmo: me.venmo, cashapp: me.cashapp, picks: [] })\n .then(() => { toast(\"saved\"); refresh(); });\n };\n\n document.getElementById(\"lock\").onclick = async () => {\n if (filled < 100) return;\n if (!confirm(\"Lock the board and roll numbers? Cannot undo.\")) return;\n const r = await api(\"/\" + room.slug + \"/lock\", {});\n if (r.error) return toast(r.error);\n refresh();\n };\n\n document.getElementById(\"copy-url\").onclick = () => {\n navigator.clipboard.writeText(location.href);\n toast(\"copied\");\n };\n document.getElementById(\"reset-room\").onclick = () => {\n if (confirm(\"Reset all squares + unlock?\")) {\n api(\"/\" + room.slug + \"/reset\", {}).then(() => location.reload());\n }\n };\n\n const $pres = document.getElementById(\"presence\");\n Object.values(room.players).forEach((p) => {\n const a = document.createElement(\"div\");\n a.className = \"avatar\";\n a.style.background = p.color;\n a.textContent = initials(p.name);\n a.title = p.name;\n $pres.appendChild(a);\n });\n}\n\nasync function toggleSquare(idx) {\n const room = state.room;\n if (!me.name) {\n toast(\"add your name first\");\n document.getElementById(\"me-name\").focus();\n return;\n }\n const meKey = me.name.toLowerCase();\n const owner = room.squares[String(idx)];\n if (owner && owner !== meKey) return toast(\"taken by \" + room.players[owner].name);\n if (owner === meKey) {\n await api(\"/\" + room.slug + \"/release\", { name: me.name, idx });\n } else {\n await api(\"/\" + room.slug + \"/join\", { name: me.name, venmo: me.venmo, cashapp: me.cashapp, picks: [idx] });\n }\n refresh();\n}\n\nfunction viewLive() {\n const { room, live } = state;\n const meName = (me.name || \"\").toLowerCase();\n const pot = 100 * room.stake;\n const homePts = live ? live.home.score : 0;\n const awayPts = live ? live.away.score : 0;\n const period = live ? live.period : 0;\n const clock = live ? formatClock(live.clock) : \"\";\n const statusText = !live\n ? \"waiting for tip-off\"\n : live.status === 1 ? \"pre-game\"\n : live.status === 3 ? \"FINAL\"\n : (period <= 4 ? \"Q\" + period : \"OT\" + (period - 4));\n const liveCell = live && room.locked ? cellForScore(room, homePts, awayPts) : -1;\n const hotWinner = liveCell >= 0 ? room.squares[String(liveCell)] : null;\n const hotPlayer = hotWinner ? room.players[hotWinner] : null;\n\n const settled = room.settled || {};\n const quarters = [\"q1\", \"q2\", \"q3\", \"final\"];\n\n const totals = {};\n for (const [qk, share] of Object.entries(room.payouts)) {\n const s = settled[qk];\n if (s) totals[s.winner] = (totals[s.winner] || 0) + share * pot;\n }\n const lbRows = Object.values(room.players)\n .map((p) => ({ p, won: totals[p.name.toLowerCase()] || 0 }))\n .sort((a, b) => b.won - a.won);\n\n $app.innerHTML = `\n \n

${esc(room.label)}

Pot: $${pot} · share at ${location.host}/${room.slug}

\n\n

${room.away}${awayPts}

${statusText}

${clock}

${room.home}${homePts}

\n\n ${renderJustSettled(room, meName, pot)}\n\n

${room.home}→

\n ${room.colDigits.map((d) => `

${d}

`).join(\"\")}\n

${room.away}↓

\n ${room.rowDigits.map((d) => `

${d}

`).join(\"\")}\n

\n ${hotPlayer ? `

If ${statusText} ends now${esc(hotPlayer.name)} · $${Math.round((room.payouts[currentQKey(period)] || 0) * pot)}

` : \"\"}\n

\n\n

Leaderboard

\n ${lbRows.map(({ p, won }) => `

${esc(p.name)}$${won.toFixed(0)}

`).join(\"\") || '

No payouts yet.

'}\n

\n\n

Quarter ledger

\n ${quarters.map((qk) => {\n const s = settled[qk];\n const share = room.payouts[qk];\n const amt = Math.round(share * pot);\n if (!s) return `

${qLabel(qk)}TBD · $${amt}

`;\n const winnerName = room.players[s.winner].name;\n return `

${qLabel(qk)} · ${esc(winnerName)} (${s.awayDigit}-${s.homeDigit})$${amt}

`;\n }).join(\"\")}\n

\n\n

Share / admin

${location.href}

\n \n

view source

\n `;\n\n const $grid = document.getElementById(\"grid\");\n for (let i = 0; i < 100; i++) {\n const owner = room.squares[String(i)];\n const player = owner ? room.players[owner] : null;\n const isMine = owner === meName;\n const isHot = i === liveCell;\n const isWin = Object.values(settled).some((s) => s && s.squareIdx === i);\n const btn = document.createElement(\"button\");\n btn.className = \"sq taken\" + (isMine ? \" mine\" : \"\") + (isHot || isWin ? \" win\" : \"\");\n btn.disabled = true;\n btn.style.background = player ? player.color : \"#ffffff14\";\n btn.textContent = player ? initials(player.name) : \"\";\n $grid.appendChild(btn);\n }\n\n const $copy = document.getElementById(\"copy-url\");\n if ($copy) $copy.onclick = () => { navigator.clipboard.writeText(location.href); toast(\"copied\"); };\n}\n\nfunction renderJustSettled(room, meName, pot) {\n const settled = room.settled || {};\n const recent = Object.entries(settled)\n .map(([qk, s]) => ({ qk, s }))\n .filter(({ s }) => s && Date.now() - s.recordedAt < 90000)\n .sort((a, b) => b.s.recordedAt - a.s.recordedAt)[0];\n if (!recent) return \"\";\n const { qk, s } = recent;\n const winner = room.players[s.winner];\n const amt = Math.round(room.payouts[qk] * pot);\n const isYou = s.winner === meName;\n return `

${qLabel(qk)} winner

${esc(winner.name)} · ${s.awayDigit}-${s.homeDigit}

+$${amt}

\n ${isYou ? \"\" : payoutLinks(winner, room, meName, amt)}\n

`;\n}\n\nfunction payoutLinks(winner, room, meName, amt) {\n const meP = room.players[meName];\n if (!meP) return \"\";\n let html = '

';\n if (meP.venmo && winner.venmo) {\n const url = `https://venmo.com/${winner.venmo}?txn=pay&amount=${amt}¬e=${encodeURIComponent(room.label + \" squares\")}`;\n html += `Pay ${esc(winner.name)} $${amt} · Venmo`;\n }\n if (meP.cashapp && winner.cashapp) {\n const url = `https://cash.app/$${winner.cashapp}/${amt}`;\n html += `Pay ${esc(winner.name)} $${amt} · Cash App`;\n }\n html += \"

\";\n return html;\n}\n\nfunction cellForScore(room, homePts, awayPts) {\n const hd = homePts % 10;\n const ad = awayPts % 10;\n const rowIdx = room.rowDigits.indexOf(ad);\n const colIdx = room.colDigits.indexOf(hd);\n if (rowIdx < 0 || colIdx < 0) return -1;\n return rowIdx * 10 + colIdx;\n}\n\nfunction currentQKey(period) {\n if (period <= 1) return \"q1\";\n if (period === 2) return \"q2\";\n if (period === 3) return \"q3\";\n return \"final\";\n}\nfunction qLabel(qk) { return { q1: \"Q1\", q2: \"Q2 / Half\", q3: \"Q3\", final: \"Final\" }[qk]; }\nfunction pct(x) { return Math.round(x * 100) + \"%\"; }\nfunction initials(name) { return name.trim().slice(0, 2).toUpperCase(); }\nfunction esc(s) {\n return String(s || \"\").replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]));\n}\nfunction formatClock(c) {\n if (!c) return \"\";\n const m = c.match(/PT(\\d+)M([\\d.]+)S/);\n if (!m) return c;\n return m[1] + \":\" + String(Math.floor(Number(m[2]))).padStart(2, \"0\");\n}\n\n// ── lifecycle ──────────────────────────────────────────────────────────────\n\nasync function refresh() {\n if (!slug) return viewCreate();\n const r = await api(\"/\" + slug + \"/state\");\n if (r.error) {\n $app.innerHTML = `

Room \"${esc(slug)}\" not found

Need a different room URL? Start one below.

Start a new room

`;\n return;\n }\n state = r;\n const hash = JSON.stringify([r.room, r.live]);\n if (hash === lastHash) return;\n const focused = document.activeElement;\n const typing = focused && (focused.tagName === \"INPUT\" || focused.tagName === \"TEXTAREA\");\n if (typing && lastHash !== \"\") return; // active typing → defer redraw to next poll\n lastHash = hash;\n viewRoom();\n}\n\nrefresh();\npollTimer = setInterval(refresh, 4000);\ndocument.addEventListener(\"visibilitychange\", () => {\n if (document.hidden) {\n clearInterval(pollTimer);\n pollTimer = null;\n } else if (!pollTimer) {\n refresh();\n pollTimer = setInterval(refresh, 4000);\n }\n});\n",[18,83],"pulls","branches","forks","envVars",{"_214":26,"_216":26},"connections",{"_214":26,"_215":26},"count","unfilledCount","emptyCount",{"_37":281,"_13":256,"_67":250,"_47":-5,"_39":40,"_185":200,"_186":24,"_41":282,"_43":26,"_70":111,"_188":-5,"_71":30,"_189":-5,"_232":283,"_17":284},{"_37":273,"_13":274,"_67":124,"_47":250,"_39":40,"_185":275,"_186":24,"_41":276,"_43":200,"_70":277,"_188":278,"_71":30,"_189":-5,"_232":279,"_17":280},{"_37":265,"_13":266,"_67":267,"_47":250,"_39":40,"_185":268,"_186":24,"_41":269,"_43":26,"_70":84,"_188":270,"_71":30,"_189":-5,"_232":271,"_17":272},{"_37":257,"_13":258,"_67":259,"_47":250,"_39":40,"_185":260,"_186":24,"_41":261,"_43":26,"_70":84,"_188":262,"_71":30,"_189":-5,"_232":263,"_17":264},{"_37":247,"_13":248,"_67":249,"_47":250,"_39":40,"_185":251,"_186":24,"_41":252,"_43":26,"_70":84,"_188":253,"_71":30,"_189":-5,"_232":254,"_17":255},{"_37":184,"_13":18,"_67":110,"_47":-5,"_39":40,"_185":44,"_186":24,"_41":244,"_43":26,"_70":111,"_188":-5,"_71":30,"_189":-5,"_232":245,"_17":246},{"_37":203,"_13":83,"_67":82,"_47":110,"_39":40,"_185":105,"_186":24,"_41":241,"_43":200,"_70":84,"_188":205,"_71":30,"_189":-5,"_232":242,"_17":243},{"_37":198,"_13":69,"_67":68,"_47":110,"_39":40,"_185":98,"_186":24,"_41":238,"_43":200,"_70":21,"_188":201,"_71":30,"_189":-5,"_232":239,"_17":240},{"_37":194,"_13":95,"_67":94,"_47":110,"_39":40,"_185":87,"_186":24,"_41":235,"_43":26,"_70":21,"_188":196,"_71":30,"_189":-5,"_232":236,"_17":237},{"_37":227,"_13":228,"_67":229,"_47":-5,"_39":40,"_185":148,"_186":24,"_41":230,"_43":26,"_70":21,"_188":231,"_71":30,"_189":-5,"_232":233,"_17":234},"f0fe3b52-5be8-11f1-9a96-ee650bb23af1","README.md","f0fe3c42-5be8-11f1-9a96-ee650bb23af1",["D",1780119145867],"# 🏀 Gameday Squares\n\nA live NBA squares pool you run from a link. Create a room, share the short URL,\nfriends pick squares from their phones, and winners settle **automatically** off\nthe live NBA score — no manual scorekeeping.\n\n## How to play\n\n1. Open the app and **create a room** — pick a short slug (e.g. `okc`), the team\n tricodes (away + home), and a stake per square.\n2. Share `your-app-url/okc`. Each person enters their name and **taps squares** to\n claim them. Tap again to release.\n3. When the board hits **100/100**, anyone can **Lock + roll numbers** — the row\n (away) and column (home) digits are shuffled `0–9`.\n4. During the game, the app polls the public NBA scoreboard. At the end of each\n quarter it derives the winning square from the **last digit of each team's\n cumulative score** and credits the payout share. Q1/Q2/Q3/Final shares are\n configurable (default 15/25/15/45%).\n5. Winners show up on a **leaderboard** with one-tap **Venmo / Cash App** payment\n links between players.\n\n## Architecture\n\n```mermaid\nflowchart TD\n U[Phone browser] -->|poll every 4s| H[backend/index.ts · Hono]\n H -->|read/write rooms| B[(std/blob)]\n H -->|locked rooms only| N[backend/nba.ts]\n N -->|20s cache| CDN[cdn.nba.com scoreboard]\n N -->|derive quarter winners| S[settle → blob]\n H -->|serve| F[frontend: index.html · app.js · style.css]\n```\n\n## Files\n\n| File | Role |\n|------|------|\n| `backend/index.ts` | Hono HTTP handler — REST API + serves the frontend |\n| `backend/nba.ts` | NBA scoreboard fetch (cached 20s) + quarter settlement |\n| `backend/store.ts` | Blob-backed room storage + number shuffle |\n| `backend/types.ts` | Shared types + the avatar color palette |\n| `frontend/index.html` | App shell |\n| `frontend/app.js` | Vanilla-JS SPA: pick view, live view, leaderboard |\n| `frontend/style.css` | Dark, mobile-first styling |\n\n## API\n\n| Method & path | Purpose |\n|---------------|---------|\n| `POST /api/create` | Create a room `{ slug, label, home, away, stake }` |\n| `GET /api/:slug/state` | Room + live score (settles quarters when locked) |\n| `POST /api/:slug/join` | Register player / claim squares |\n| `POST /api/:slug/release` | Release one of your squares |\n| `POST /api/:slug/lock` | Lock board + roll the 0–9 digits |\n| `POST /api/:slug/reset` | Unlock + clear numbers/settlements |\n\n## Notes\n\n- State lives in **blob storage** keyed by slug — no database setup needed.\n- Scores come from the public `cdn.nba.com` live scoreboard (no API key). It only\n contains **today's** games, so lock a room on game day.\n- Sync is **poll-based** (4s) since Val Town doesn't accept inbound WebSockets.\n- Money flows are just deep links — the app never touches funds.\n","children",[],[228],["D",1780119051265],[],[18,95],["D",1780119055106],[],[18,69],["D",1780119116252],[],[18,83],["D",1780118937735],[223,224,225],[18],"90a76ea4-5be8-11f1-87fa-ee650bb23af1","types.ts","90a76f62-5be8-11f1-87fa-ee650bb23af1","a8b44d52-6eee-4b44-b78f-e99f8945f6e9",4,["D",1780118984255],"export type Player = {\n name: string;\n venmo?: string;\n cashapp?: string;\n color: string;\n};\n\nexport type SettleEntry = {\n homeDigit: number;\n awayDigit: number;\n squareIdx: number;\n winner: string; // lowercase player key\n homeScore: number;\n awayScore: number;\n recordedAt: number;\n};\n\nexport type Room = {\n slug: string;\n createdAt: number;\n home: string; // tricode, e.g. \"OKC\"\n away: string; // tricode, e.g. \"SAS\"\n label: string; // \"Thunder vs Spurs · Game 5\"\n stake: number; // dollars per square\n payouts: { q1: number; q2: number; q3: number; final: number }; // shares of pot, sum=1\n players: Record; // by name (lowercased key)\n squares: Record; // grid index \"0\"..\"99\" → player name (lowercase)\n locked: boolean;\n rowDigits: number[]; // length 10, digit for row index (away team)\n colDigits: number[]; // length 10, digit for col index (home team)\n settled: { q1?: SettleEntry; q2?: SettleEntry; q3?: SettleEntry; final?: SettleEntry };\n};\n\nexport type LiveGame = {\n status: 0 | 1 | 2 | 3; // 0 unknown, 1 scheduled, 2 in progress, 3 final\n period: number; // 0..4+\n clock: string;\n home: { tricode: string; score: number; periods: { period: number; score: number }[] };\n away: { tricode: string; score: number; periods: { period: number; score: number }[] };\n};\n\nexport const PALETTE = [\n \"#ff5a1f\", \"#4ade80\", \"#60a5fa\", \"#fbbf24\", \"#f472b6\",\n \"#a78bfa\", \"#22d3ee\", \"#fb7185\", \"#facc15\", \"#34d399\",\n];\n",[],[256,248],"backend","92689024-5be8-11f1-a095-ee650bb23af1","store.ts","926890d8-5be8-11f1-a095-ee650bb23af1",5,["D",1780118987198],"import { blob } from \"https://esm.town/v/std/blob\";\nimport type { Room } from \"./types.ts\";\n\nconst roomKey = (slug: string) => `squares:room:${slug.toLowerCase()}`;\n\nexport async function getRoom(slug: string): Promise {\n try {\n return (await blob.getJSON(roomKey(slug))) as Room;\n } catch {\n return null;\n }\n}\n\nexport async function saveRoom(r: Room): Promise {\n await blob.setJSON(roomKey(r.slug), r);\n}\n\nexport function shuffled10(): number[] {\n const a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n}\n",[],[256,258],"9cfd38b4-5be8-11f1-87fa-ee650bb23af1","nba.ts","9cfd3990-5be8-11f1-87fa-ee650bb23af1",6,["D",1780119004950],"import { blob } from \"https://esm.town/v/std/blob\";\nimport type { LiveGame, Room } from \"./types.ts\";\nimport { saveRoom } from \"./store.ts\";\n\nconst NBA_SCOREBOARD =\n \"https://cdn.nba.com/static/json/liveData/scoreboard/todaysScoreboard_00.json\";\nconst NBA_UA =\n \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\";\nconst SCORE_CACHE_SECS = 20;\n\nconst scoreKey = (home: string, away: string) => `squares:score:${home}:${away}`;\n\nexport async function fetchLive(home: string, away: string): Promise {\n const cacheK = scoreKey(home, away);\n try {\n const cached = (await blob.getJSON(cacheK)) as { ts: number; game: LiveGame };\n if (cached && Date.now() - cached.ts < SCORE_CACHE_SECS * 1000) {\n return cached.game;\n }\n } catch {}\n\n let game: LiveGame | null = null;\n try {\n const res = await fetch(NBA_SCOREBOARD, {\n headers: { \"User-Agent\": NBA_UA, Referer: \"https://www.nba.com/\" },\n });\n const data = await res.json();\n const games = data?.scoreboard?.games ?? [];\n const match = games.find(\n (g: any) =>\n g?.homeTeam?.teamTricode?.toUpperCase() === home.toUpperCase() &&\n g?.awayTeam?.teamTricode?.toUpperCase() === away.toUpperCase(),\n );\n if (match) {\n game = {\n status: match.gameStatus ?? 1,\n period: match.period ?? 0,\n clock: match.gameClock ?? \"\",\n home: {\n tricode: match.homeTeam.teamTricode,\n score: match.homeTeam.score ?? 0,\n periods: (match.homeTeam.periods ?? []).map((p: any) => ({\n period: p.period,\n score: p.score ?? 0,\n })),\n },\n away: {\n tricode: match.awayTeam.teamTricode,\n score: match.awayTeam.score ?? 0,\n periods: (match.awayTeam.periods ?? []).map((p: any) => ({\n period: p.period,\n score: p.score ?? 0,\n })),\n },\n };\n }\n } catch (e) {\n console.error(\"NBA fetch failed\", e);\n }\n\n if (game) await blob.setJSON(cacheK, { ts: Date.now(), game });\n return game;\n}\n\nfunction cumulativeAtEndOfPeriod(periods: { period: number; score: number }[], n: number) {\n let total = 0;\n for (const p of periods) if (p.period <= n) total += p.score;\n return total;\n}\n\n// Derive quarter winners from cumulative score at end of each Q. Mutates + persists room.\nexport async function settle(room: Room, live: LiveGame): Promise {\n if (!room.locked || !live) return room;\n const periodsDone = live.status === 3 ? 4 : Math.max(0, live.period - 1);\n\n const qKeys = [\"q1\", \"q2\", \"q3\", \"final\"] as const;\n let changed = false;\n\n for (let i = 0; i < Math.min(periodsDone, 4); i++) {\n const qk = qKeys[i];\n if (room.settled[qk]) continue;\n const homeCum = cumulativeAtEndOfPeriod(live.home.periods, i + 1);\n const awayCum = cumulativeAtEndOfPeriod(live.away.periods, i + 1);\n const hd = homeCum % 10;\n const ad = awayCum % 10;\n const rowIdx = room.rowDigits.indexOf(ad);\n const colIdx = room.colDigits.indexOf(hd);\n if (rowIdx < 0 || colIdx < 0) continue;\n const sqIdx = rowIdx * 10 + colIdx;\n const winner = room.squares[String(sqIdx)];\n if (!winner) continue;\n room.settled[qk] = {\n homeDigit: hd,\n awayDigit: ad,\n squareIdx: sqIdx,\n winner,\n homeScore: homeCum,\n awayScore: awayCum,\n recordedAt: Date.now(),\n };\n changed = true;\n }\n\n // final settle when game is final and 4th hasn't recorded yet\n if (live.status === 3 && !room.settled.final) {\n const hd = live.home.score % 10;\n const ad = live.away.score % 10;\n const rowIdx = room.rowDigits.indexOf(ad);\n const colIdx = room.colDigits.indexOf(hd);\n if (rowIdx >= 0 && colIdx >= 0) {\n const sqIdx = rowIdx * 10 + colIdx;\n const winner = room.squares[String(sqIdx)];\n if (winner) {\n room.settled.final = {\n homeDigit: hd,\n awayDigit: ad,\n squareIdx: sqIdx,\n winner,\n homeScore: live.home.score,\n awayScore: live.away.score,\n recordedAt: Date.now(),\n };\n changed = true;\n }\n }\n }\n\n if (changed) await saveRoom(room);\n return room;\n}\n",[],[256,266],"a7ede520-5be8-11f1-9864-ee650bb23af1","index.ts",7,["D",1780119023292],"http","import { Hono } from \"npm:hono@4\";\nimport { readFile, serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport type { Room } from \"./types.ts\";\nimport { PALETTE } from \"./types.ts\";\nimport { getRoom, saveRoom, shuffled10 } from \"./store.ts\";\nimport { fetchLive, settle } from \"./nba.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// ── API ──────────────────────────────────────────────────────────────────\n\napp.post(\"/api/create\", async (c) => {\n const body = await c.req.json();\n const slug = String(body.slug || \"\").toLowerCase().replace(/[^a-z0-9]/g, \"\").slice(0, 8);\n if (slug.length < 2) return c.json({ error: \"slug must be 2–8 alphanumeric chars\" });\n if (await getRoom(slug)) return c.json({ error: \"slug already in use, try another\" });\n\n const home = String(body.home || \"\").toUpperCase().slice(0, 4);\n const away = String(body.away || \"\").toUpperCase().slice(0, 4);\n if (!home || !away) return c.json({ error: \"home and away tricodes required\" });\n\n const room: Room = {\n slug,\n createdAt: Date.now(),\n home,\n away,\n label: String(body.label || `${away} @ ${home}`).slice(0, 80),\n stake: Number(body.stake) || 5,\n payouts: body.payouts || { q1: 0.15, q2: 0.25, q3: 0.15, final: 0.45 },\n players: {},\n squares: {},\n locked: false,\n rowDigits: [],\n colDigits: [],\n settled: {},\n };\n await saveRoom(room);\n return c.json({ ok: true, slug });\n});\n\napp.get(\"/api/:slug/state\", async (c) => {\n const room = await getRoom(c.req.param(\"slug\"));\n if (!room) return c.json({ error: \"room not found\" });\n let live = null;\n if (room.locked) {\n live = await fetchLive(room.home, room.away);\n if (live) await settle(room, live);\n }\n return c.json({ room, live });\n});\n\napp.post(\"/api/:slug/join\", async (c) => {\n const room = await getRoom(c.req.param(\"slug\"));\n if (!room) return c.json({ error: \"room not found\" });\n if (room.locked) return c.json({ error: \"room is locked\" });\n const body = await c.req.json();\n const name = String(body.name || \"\").trim();\n if (!name) return c.json({ error: \"name required\" });\n const key = name.toLowerCase();\n const picks: number[] = (body.picks || [])\n .map((n: any) => Number(n))\n .filter((n: number) => n >= 0 && n < 100);\n\n if (!room.players[key]) {\n room.players[key] = {\n name,\n venmo: body.venmo ? String(body.venmo).replace(/^@/, \"\") : undefined,\n cashapp: body.cashapp ? String(body.cashapp).replace(/^\\$/, \"\") : undefined,\n color: PALETTE[Object.keys(room.players).length % PALETTE.length],\n };\n } else {\n if (body.venmo !== undefined) room.players[key].venmo = String(body.venmo).replace(/^@/, \"\") || undefined;\n if (body.cashapp !== undefined) room.players[key].cashapp = String(body.cashapp).replace(/^\\$/, \"\") || undefined;\n }\n\n for (const idx of picks) {\n if (!room.squares[String(idx)]) room.squares[String(idx)] = key;\n }\n await saveRoom(room);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/:slug/release\", async (c) => {\n const room = await getRoom(c.req.param(\"slug\"));\n if (!room) return c.json({ error: \"room not found\" });\n if (room.locked) return c.json({ error: \"room is locked\" });\n const body = await c.req.json();\n const name = String(body.name || \"\").trim().toLowerCase();\n const idx = Number(body.idx);\n if (!name || isNaN(idx)) return c.json({ error: \"name and idx required\" });\n if (room.squares[String(idx)] === name) {\n delete room.squares[String(idx)];\n await saveRoom(room);\n }\n return c.json({ ok: true });\n});\n\napp.post(\"/api/:slug/lock\", async (c) => {\n const room = await getRoom(c.req.param(\"slug\"));\n if (!room) return c.json({ error: \"room not found\" });\n if (room.locked) return c.json({ error: \"already locked\" });\n room.locked = true;\n room.rowDigits = shuffled10();\n room.colDigits = shuffled10();\n await saveRoom(room);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/:slug/reset\", async (c) => {\n const room = await getRoom(c.req.param(\"slug\"));\n if (!room) return c.json({ error: \"room not found\" });\n room.locked = false;\n room.rowDigits = [];\n room.colDigits = [];\n room.settled = {};\n await saveRoom(room);\n return c.json({ ok: true });\n});\n\n// ── Static frontend ────────────────────────────────────────────────────────\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/frontend/app.js\", (c) => serveFile(\"/frontend/app.js\", import.meta.url));\napp.get(\"/frontend/style.css\", (c) => serveFile(\"/frontend/style.css\", import.meta.url));\n\n// Any other path serves the SPA shell (room slug is read client-side from the URL)\napp.get(\"*\", async (c) => c.html(await readFile(\"/frontend/index.html\", import.meta.url)));\n\nexport default app.fetch;\n",[],[256,274],"6807f96e-5be8-11f1-84d7-ee650bb23af1",["D",1780118916090],[218,219,220,221],[256],["D",1780118895460],{"_11":12,"_162":74},{"_11":12,"_157":158,"_73":74,"_31":72,"_159":160,"_161":30},{"_43":148,"_13":16,"_37":40,"_149":113,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"ctx",{"_57":-5,"_181":322,"_323":324,"_325":326,"_327":30,"_328":30,"_329":30,"_330":24,"_331":-5,"_332":-7,"_333":-7,"_334":26,"_335":30,"_336":30,"_337":-5,"_338":30,"_339":30,"_340":30,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":16,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend