⚡ AST Next — Dashboard

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_187":188,"_189":190},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_120":-5,"_19":121,"_122":123,"_124":125,"_126":127,"_128":129,"_21":130,"_131":-5,"_132":-5,"_133":24,"_134":135,"_136":83,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","justinray7","name","AST","branchName","main","path","index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":100,"_101":102,"_103":104,"_105":24},"file",{"_62":63,"_13":18,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","51fe8ab2-5efd-11f1-8e62-1607ee4eb77e","branchId","5b5f5d62-5efc-11f1-8972-1607ee4eb77e","createdAt",["D",1780457752026],"version",2,"orgId","019e8af9-9a37-71eb-94e0-71912aae9fa8","parentId","5b63d950-5efc-11f1-8972-1607ee4eb77e","incomingCommitId","aiChatMessageId","fe15c029-5475-40fd-bfb0-0a5aa3202cdc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_62":63,"_13":18,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","51fbca3e-5efd-11f1-8e62-1607ee4eb77e","fileType","deleted","d78ece2f-cdb5-4801-9a4d-620c470cc562","avatar","","deletedAtVersion","5b5de9fa-5efc-11f1-8972-1607ee4eb77e",["D",1780457338283],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Real-time All Sports Tournament planner & live scoreboard","imageUrl","pinnedFileId","5b624838-5efc-11f1-8972-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_119":68},"org",{"_11":12,"_115":68,"_67":68,"_30":66,"_116":117,"_118":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",5,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":183,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":184,"_101":185,"_103":186,"_105":24},"tree",[160,161,162],"files",[160,161,162],"counts",{"_149":26,"_150":151,"_152":26,"_153":154,"_155":156},"contents",[],{"_32":141,"_13":18,"_62":63,"_42":-5,"_34":35,"_142":39,"_143":83,"_36":144,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_17":148},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"51fbc98a-5efd-11f1-8e62-1607ee4eb77e","branchVersion","latest",["D",1780457752026],"content","\n\n\n\n\n⚡ AST Next — Dashboard\n\n\n\n\n\n\n

\n\n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_157":26,"_159":26},"connections",{"_157":26,"_158":26},"count","unfilledCount","emptyCount",{"_32":174,"_13":175,"_62":176,"_42":-5,"_34":35,"_142":177,"_143":83,"_36":178,"_38":26,"_64":179,"_145":180,"_65":24,"_147":-5,"_168":181,"_17":182},{"_32":141,"_13":18,"_62":63,"_42":-5,"_34":35,"_142":39,"_143":83,"_36":171,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_168":172,"_17":173},{"_32":163,"_13":164,"_62":81,"_42":-5,"_34":35,"_142":106,"_143":83,"_36":165,"_38":39,"_64":166,"_145":167,"_65":24,"_147":-5,"_168":169,"_17":170},"9050d202-5efd-11f1-aa99-1607ee4eb77e","main.ts",["D",1780457856597],"http","import { blob } from \"https://esm.town/v/std/blob\";\nimport { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"https://esm.sh/hono@4\";\n\n// ─────────────────────────────────────────────────────────────\n// CONSTANTS\n// ─────────────────────────────────────────────────────────────\nconst BLOB_KEY = \"ast_next_data_v1\";\n\nconst PLAYERS = [\"Heath Hagan\", \"Jason Lewis\", \"Brack Watters\", \"Justin Ray\"];\nconst SPORTS = [\"Golf\", \"Basketball Shooting\", \"Disc Golf\", \"Pickleball\", \"Bocce Ball\", \"Cornhole\"];\n\n// ─────────────────────────────────────────────────────────────\n// DEFAULT STATE\n// ─────────────────────────────────────────────────────────────\nfunction defaultState() {\n const sportVotes: Record> = {};\n const dateVotes: Record> = {};\n const locationVotes: Record = {};\n const suggestions: Record = {};\n PLAYERS.forEach((p) => {\n sportVotes[p] = {};\n dateVotes[p] = {};\n locationVotes[p] = \"\";\n suggestions[p] = \"\";\n });\n return {\n sportVotes,\n dateVotes,\n locationVotes,\n suggestions,\n proposedDates: [] as string[],\n events: SPORTS.map((s) => ({\n name: s,\n scores: Object.fromEntries(PLAYERS.map((p) => [p, \"\"])) as Record,\n })),\n customEvents: [] as { name: string; scores: Record }[],\n };\n}\n\ntype AppState = ReturnType;\n\nasync function getState(): Promise {\n const saved = (await blob.getJSON(BLOB_KEY)) as AppState | undefined;\n if (!saved) return defaultState();\n const def = defaultState();\n return { ...def, ...saved };\n}\n\nasync function saveState(s: AppState) {\n await blob.setJSON(BLOB_KEY, s);\n}\n\n// ─────────────────────────────────────────────────────────────\n// HONO APP\n// ─────────────────────────────────────────────────────────────\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// --- Static frontend ---------------------------------------------------------\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/app.tsx\", (c) => serveFile(\"/app.tsx\", import.meta.url));\n\n// \"view source\" link target (Val Town convention)\napp.get(\"/source\", (c) => {\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n});\n\n// --- API ---------------------------------------------------------------------\napp.get(\"/api/state\", async (c) => {\n const s = await getState();\n return c.json(s);\n});\n\napp.post(\"/api/vote/sport\", async (c) => {\n const { player, sport, value } = await c.req.json();\n const s = await getState();\n if (!s.sportVotes[player]) s.sportVotes[player] = {};\n s.sportVotes[player][sport] = value;\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/vote/location\", async (c) => {\n const { player, location } = await c.req.json();\n const s = await getState();\n s.locationVotes[player] = location;\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/vote/date\", async (c) => {\n const { player, date, value } = await c.req.json();\n const s = await getState();\n if (!s.dateVotes[player]) s.dateVotes[player] = {};\n s.dateVotes[player][date] = value;\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/suggest\", async (c) => {\n const { player, text } = await c.req.json();\n const s = await getState();\n s.suggestions[player] = text;\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/date/add\", async (c) => {\n const { date } = await c.req.json();\n const s = await getState();\n if (!s.proposedDates.includes(date)) s.proposedDates.push(date);\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/score\", async (c) => {\n const { eventName, player, value, isCustom } = await c.req.json();\n const s = await getState();\n const list = isCustom ? s.customEvents : s.events;\n const ev = list.find((e) => e.name === eventName);\n if (ev) ev.scores[player] = value;\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/event/add\", async (c) => {\n const { name } = await c.req.json();\n const s = await getState();\n if (!s.customEvents.find((e) => e.name === name)) {\n s.customEvents.push({ name, scores: Object.fromEntries(PLAYERS.map((p) => [p, \"\"])) });\n }\n await saveState(s);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/reset\", async (c) => {\n await saveState(defaultState());\n return c.json({ ok: true });\n});\n\nexport default app.fetch;\n","children",[],[164],["D",1780457752026],[],[18],"811d3b90-5efd-11f1-86f9-1607ee4eb77e","app.tsx","811d3c58-5efd-11f1-86f9-1607ee4eb77e",3,["D",1780457831090],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createElement as h, useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst PLAYERS = [\"Heath Hagan\", \"Jason Lewis\", \"Brack Watters\", \"Justin Ray\"];\nconst SPORTS = [\"Golf\", \"Basketball Shooting\", \"Disc Golf\", \"Pickleball\", \"Bocce Ball\", \"Cornhole\"];\nconst LOCS = [\"Conway\", \"Fayetteville\"];\nconst GOLD = \"#f5c518\";\nconst BG = \"#0a0a0a\";\n\nasync function api(path: string, body?: unknown) {\n const opts: RequestInit = body\n ? { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(body) }\n : { method: \"GET\" };\n const r = await fetch(path, opts);\n return r.json();\n}\n\nconst S: Record = {\n nav: {\n background: \"#0d0d0d\",\n borderBottom: `2px solid ${GOLD}`,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0 28px\",\n position: \"sticky\",\n top: 0,\n zIndex: 100,\n flexWrap: \"wrap\",\n },\n navTitle: {\n fontFamily: \"impact,'Arial Black',sans-serif\",\n fontSize: 26,\n letterSpacing: 6,\n color: GOLD,\n padding: \"14px 0\",\n textTransform: \"uppercase\",\n },\n tab: (a: boolean) => ({\n padding: \"16px 20px\",\n background: a ? GOLD : \"transparent\",\n color: a ? BG : \"#888\",\n border: \"none\",\n cursor: \"pointer\",\n fontFamily: \"'Barlow Condensed',sans-serif\",\n fontSize: 14,\n fontWeight: 700,\n letterSpacing: 3,\n textTransform: \"uppercase\",\n transition: \"all .15s\",\n }),\n wrap: { maxWidth: 960, margin: \"0 auto\", padding: \"36px 20px\" },\n sh: {\n fontFamily: \"impact,'Arial Black',sans-serif\",\n fontSize: 28,\n letterSpacing: 5,\n color: GOLD,\n textTransform: \"uppercase\",\n borderLeft: `5px solid ${GOLD}`,\n paddingLeft: 14,\n marginBottom: 20,\n },\n card: (glow?: boolean) => ({\n background: \"#111\",\n border: `1px solid ${glow ? GOLD : \"#2a2a2a\"}`,\n borderRadius: 6,\n padding: \"18px 22px\",\n marginBottom: 12,\n cursor: glow !== undefined ? \"pointer\" : \"default\",\n }),\n grid2: { display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14 },\n goldBtn: {\n background: GOLD,\n color: BG,\n border: \"none\",\n padding: \"10px 22px\",\n fontFamily: \"'Barlow Condensed',sans-serif\",\n fontSize: 14,\n fontWeight: 700,\n letterSpacing: 3,\n textTransform: \"uppercase\",\n cursor: \"pointer\",\n borderRadius: 3,\n },\n inp: {\n background: \"#1a1a1a\",\n border: \"1px solid #2a2a2a\",\n color: \"#fff\",\n padding: \"10px 14px\",\n fontFamily: \"'Barlow Condensed',sans-serif\",\n fontSize: 15,\n borderRadius: 3,\n outline: \"none\",\n },\n chip: (a: boolean) => ({\n padding: \"8px 16px\",\n borderRadius: 3,\n border: `2px solid ${a ? GOLD : \"#333\"}`,\n background: a ? `${GOLD}22` : \"transparent\",\n color: a ? GOLD : \"#555\",\n cursor: \"pointer\",\n fontFamily: \"'Barlow Condensed',sans-serif\",\n fontSize: 14,\n fontWeight: 700,\n letterSpacing: 2,\n transition: \"all .15s\",\n }),\n check: (a: boolean) => ({\n width: 28,\n height: 28,\n borderRadius: 4,\n background: a ? GOLD : \"#1a1a1a\",\n border: `2px solid ${a ? GOLD : \"#333\"}`,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: 16,\n color: BG,\n fontWeight: 900,\n flexShrink: 0,\n }),\n banner: {\n background: GOLD,\n color: BG,\n textAlign: \"center\",\n padding: \"16px 24px\",\n marginBottom: 28,\n fontFamily: \"impact,'Arial Black',sans-serif\",\n fontSize: 26,\n letterSpacing: 6,\n textTransform: \"uppercase\",\n },\n};\n\nfunction CheckCard({ label, checked, onClick }: any) {\n return h(\n \"div\",\n { style: { ...S.card(checked), display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }, onClick },\n h(\"span\", { style: { fontSize: 17, fontWeight: 700, letterSpacing: 2, textTransform: \"uppercase\" } }, label),\n h(\"div\", { style: S.check(checked) }, checked ? \"✓\" : \"\"),\n );\n}\n\nfunction VoteBar({ yes, total, color }: any) {\n const pct = total ? (yes / total) * 100 : 0;\n return h(\n \"div\",\n { style: { height: 7, background: \"#2a2a2a\", borderRadius: 4, overflow: \"hidden\", marginTop: 6 } },\n h(\"div\", { style: { height: \"100%\", width: `${pct}%`, background: color || GOLD, borderRadius: 4, transition: \"width .5s ease\" } }),\n );\n}\n\nfunction App() {\n const [tab, setTab] = useState(\"planning\");\n const [player, setPlayer] = useState(PLAYERS[0]);\n const [state, setState] = useState(null);\n const [saving, setSaving] = useState(false);\n const [draftDate, setDraftDate] = useState(\"\");\n const [draftSuggest, setDraftSuggest] = useState(\"\");\n const [newEvent, setNewEvent] = useState(\"\");\n\n // Tracks the most recent local change time so a poll doesn't overwrite\n // a value the user is in the middle of editing.\n const lastLocalEdit = useRef(0);\n // Tracks which score input is currently focused so polling skips it.\n const focusedInput = useRef(null);\n\n const load = useCallback(async (isPoll = false) => {\n const s = await api(\"/api/state\");\n setState((prev: any) => {\n // On a background poll, if the user changed something in the last 2s,\n // keep local state so we don't clobber an in-flight edit.\n if (isPoll && prev && Date.now() - lastLocalEdit.current < 2000) return prev;\n return s;\n });\n }, []);\n\n useEffect(() => {\n load();\n const id = setInterval(() => load(true), 1500);\n return () => clearInterval(id);\n }, [load]);\n\n async function mutate(path: string, body: unknown, updater: (s: any) => any) {\n lastLocalEdit.current = Date.now();\n setSaving(true);\n setState((s: any) => updater(s));\n await api(path, body);\n lastLocalEdit.current = Date.now();\n setSaving(false);\n }\n\n if (!state) {\n return h(\n \"div\",\n { style: { display: \"flex\", alignItems: \"center\", justifyContent: \"center\", height: \"100vh\", fontSize: 22, letterSpacing: 4, color: GOLD } },\n \"LOADING...\",\n );\n }\n\n const totals: Record = {};\n PLAYERS.forEach((p) => (totals[p] = 0));\n [...state.events, ...state.customEvents].forEach((ev: any) =>\n PLAYERS.forEach((p) => {\n const n = parseInt(ev.scores[p]);\n if (!isNaN(n)) totals[p] += n;\n })\n );\n const sorted = [...PLAYERS].sort((a, b) => totals[b] - totals[a]);\n const leader = sorted[0];\n const allDates = state.proposedDates || [];\n\n const PlanningTab = () => [\n h(\n \"div\",\n { style: { marginBottom: 32 }, key: \"ps\" },\n h(\"div\", { style: S.sh }, \"Who Are You?\"),\n h(\n \"div\",\n { style: { display: \"flex\", gap: 10, flexWrap: \"wrap\" } },\n PLAYERS.map((p) => h(\"button\", { key: p, style: S.chip(player === p), onClick: () => setPlayer(p) }, p)),\n ),\n ),\n h(\n \"div\",\n { style: { marginBottom: 32 }, key: \"sp\" },\n h(\"div\", { style: S.sh }, \"Sports — I'm In\"),\n h(\n \"div\",\n { style: S.grid2 },\n SPORTS.map((sport) => {\n const checked = !!(state.sportVotes?.[player]?.[sport]);\n return h(CheckCard, {\n key: sport,\n label: sport,\n checked,\n onClick: () =>\n mutate(\"/api/vote/sport\", { player, sport, value: !checked }, (s) => ({\n ...s,\n sportVotes: { ...s.sportVotes, [player]: { ...(s.sportVotes[player] || {}), [sport]: !checked } },\n })),\n });\n }),\n ),\n ),\n h(\n \"div\",\n { style: { marginBottom: 32 }, key: \"loc\" },\n h(\"div\", { style: S.sh }, \"Location\"),\n h(\n \"div\",\n { style: S.grid2 },\n LOCS.map((loc) => {\n const sel = state.locationVotes?.[player] === loc;\n return h(\n \"div\",\n {\n key: loc,\n style: { ...S.card(sel), textAlign: \"center\", padding: \"26px 22px\" },\n onClick: () =>\n mutate(\"/api/vote/location\", { player, location: loc }, (s) => ({\n ...s,\n locationVotes: { ...s.locationVotes, [player]: loc },\n })),\n },\n h(\n \"div\",\n { style: { fontSize: 22, fontWeight: 700, letterSpacing: 4, textTransform: \"uppercase\", color: sel ? GOLD : \"#fff\" } },\n sel ? \"★ \" + loc : loc,\n ),\n );\n }),\n ),\n ),\n h(\n \"div\",\n { style: { marginBottom: 32 }, key: \"dt\" },\n h(\"div\", { style: S.sh }, \"Dates That Work\"),\n allDates.length === 0 &&\n h(\"div\", { style: { color: \"#555\", fontSize: 14, letterSpacing: 2, marginBottom: 12 } }, \"No dates proposed yet.\"),\n h(\n \"div\",\n { style: S.grid2 },\n allDates.map((date: string) => {\n const checked = !!(state.dateVotes?.[player]?.[date]);\n return h(CheckCard, {\n key: date,\n label: date,\n checked,\n onClick: () =>\n mutate(\"/api/vote/date\", { player, date, value: !checked }, (s) => ({\n ...s,\n dateVotes: { ...s.dateVotes, [player]: { ...(s.dateVotes[player] || {}), [date]: !checked } },\n })),\n });\n }),\n ),\n h(\n \"div\",\n { style: { display: \"flex\", gap: 10, marginTop: 10 } },\n h(\"input\", {\n style: { ...S.inp, flex: 1, maxWidth: 320 },\n placeholder: \"Propose a date (e.g. July 4th weekend)\",\n value: draftDate,\n onChange: (e: any) => setDraftDate(e.target.value),\n onKeyDown: (e: any) => {\n if (e.key === \"Enter\" && draftDate.trim()) {\n mutate(\"/api/date/add\", { date: draftDate.trim() }, (s) => ({ ...s, proposedDates: [...s.proposedDates, draftDate.trim()] }));\n setDraftDate(\"\");\n }\n },\n }),\n h(\n \"button\",\n {\n style: S.goldBtn,\n onClick: () => {\n if (!draftDate.trim()) return;\n mutate(\"/api/date/add\", { date: draftDate.trim() }, (s) => ({ ...s, proposedDates: [...s.proposedDates, draftDate.trim()] }));\n setDraftDate(\"\");\n },\n },\n \"+ Add Date\",\n ),\n ),\n ),\n h(\n \"div\",\n { key: \"sug\" },\n h(\"div\", { style: S.sh }, \"Suggest Another Sport\"),\n h(\n \"div\",\n { style: { display: \"flex\", gap: 10, marginBottom: 14 } },\n h(\"input\", {\n style: { ...S.inp, flex: 1, maxWidth: 360 },\n placeholder: \"e.g. Flag Football, Archery...\",\n value: draftSuggest,\n onChange: (e: any) => setDraftSuggest(e.target.value),\n onKeyDown: (e: any) => {\n if (e.key === \"Enter\" && draftSuggest.trim()) {\n mutate(\"/api/suggest\", { player, text: draftSuggest.trim() }, (s) => ({ ...s, suggestions: { ...s.suggestions, [player]: draftSuggest.trim() } }));\n setDraftSuggest(\"\");\n }\n },\n }),\n h(\n \"button\",\n {\n style: S.goldBtn,\n onClick: () => {\n if (!draftSuggest.trim()) return;\n mutate(\"/api/suggest\", { player, text: draftSuggest.trim() }, (s) => ({ ...s, suggestions: { ...s.suggestions, [player]: draftSuggest.trim() } }));\n setDraftSuggest(\"\");\n },\n },\n \"Submit\",\n ),\n ),\n Object.entries(state.suggestions || {})\n .filter(([, v]) => v)\n .map(([p, sg]: any) =>\n h(\n \"div\",\n { key: p, style: { ...S.card(false), display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" } },\n h(\"span\", { style: { fontSize: 16 } }, sg),\n h(\"span\", { style: { fontSize: 12, letterSpacing: 3, color: GOLD, textTransform: \"uppercase\" } }, p),\n )\n ),\n ),\n ];\n\n const ResultsTab = () => [\n h(\n \"div\",\n { style: { marginBottom: 36 }, key: \"sv\" },\n h(\"div\", { style: S.sh }, \"Sport Votes\"),\n [...SPORTS]\n .sort(\n (a, b) =>\n PLAYERS.filter((p) => state.sportVotes?.[p]?.[b]).length - PLAYERS.filter((p) => state.sportVotes?.[p]?.[a]).length,\n )\n .map((sport) => {\n const yes = PLAYERS.filter((p) => state.sportVotes?.[p]?.[sport]).length;\n const voters = PLAYERS.filter((p) => state.sportVotes?.[p]?.[sport]).map((p) => p.split(\" \")[0]);\n return h(\n \"div\",\n { key: sport, style: { ...S.card(false), marginBottom: 8 } },\n h(\n \"div\",\n { style: { display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" } },\n h(\"span\", { style: { fontSize: 17, fontWeight: 700, letterSpacing: 2, textTransform: \"uppercase\" } }, sport),\n h(\"span\", { style: { color: GOLD, fontWeight: 700, fontSize: 20 } }, `${yes} / ${PLAYERS.length}`),\n ),\n h(VoteBar, { yes, total: PLAYERS.length }),\n h(\"div\", { style: { fontSize: 12, color: \"#666\", marginTop: 5, letterSpacing: 1 } }, voters.length ? voters.join(\", \") : \"No votes yet\"),\n );\n }),\n ),\n h(\n \"div\",\n { style: { marginBottom: 36 }, key: \"lv\" },\n h(\"div\", { style: S.sh }, \"Location Votes\"),\n h(\n \"div\",\n { style: S.grid2 },\n LOCS.map((loc) => {\n const count = PLAYERS.filter((p) => state.locationVotes?.[p] === loc).length;\n const voters = PLAYERS.filter((p) => state.locationVotes?.[p] === loc).map((p) => p.split(\" \")[0]);\n return h(\n \"div\",\n { key: loc, style: { ...S.card(false), textAlign: \"center\" } },\n h(\"div\", { style: { fontSize: 22, fontWeight: 700, letterSpacing: 4, textTransform: \"uppercase\", color: count ? GOLD : \"#444\" } }, loc),\n h(\"div\", { style: { fontSize: 44, fontWeight: 900, color: GOLD, margin: \"8px 0\" } }, count),\n h(\"div\", { style: { fontSize: 12, color: \"#666\", letterSpacing: 1 } }, voters.join(\", \") || \"—\"),\n );\n }),\n ),\n ),\n h(\n \"div\",\n { style: { marginBottom: 36 }, key: \"dv\" },\n h(\"div\", { style: S.sh }, \"Date Availability\"),\n allDates.length === 0 && h(\"div\", { style: { color: \"#555\", letterSpacing: 2 } }, \"No dates proposed yet.\"),\n [...allDates]\n .sort(\n (a: string, b: string) =>\n PLAYERS.filter((p) => state.dateVotes?.[p]?.[b]).length - PLAYERS.filter((p) => state.dateVotes?.[p]?.[a]).length,\n )\n .map((date: string) => {\n const yes = PLAYERS.filter((p) => state.dateVotes?.[p]?.[date]).length;\n const voters = PLAYERS.filter((p) => state.dateVotes?.[p]?.[date]).map((p) => p.split(\" \")[0]);\n const allIn = yes === PLAYERS.length;\n return h(\n \"div\",\n { key: date, style: { ...S.card(false), marginBottom: 8 } },\n h(\n \"div\",\n { style: { display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" } },\n h(\"span\", { style: { fontSize: 17 } }, date),\n h(\"span\", { style: { color: allIn ? \"#4caf50\" : GOLD, fontWeight: 700, fontSize: 17 } }, allIn ? \"✓ ALL IN\" : `${yes} / ${PLAYERS.length}`),\n ),\n h(VoteBar, { yes, total: PLAYERS.length, color: allIn ? \"#4caf50\" : GOLD }),\n h(\"div\", { style: { fontSize: 12, color: \"#666\", marginTop: 5, letterSpacing: 1 } }, voters.join(\", \") || \"No votes yet\"),\n );\n }),\n ),\n Object.values(state.suggestions || {}).some(Boolean) &&\n h(\n \"div\",\n { key: \"sg\" },\n h(\"div\", { style: S.sh }, \"Sport Suggestions\"),\n Object.entries(state.suggestions || {})\n .filter(([, v]) => v)\n .map(([p, sg]: any) =>\n h(\n \"div\",\n { key: p, style: { ...S.card(false), display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" } },\n h(\"span\", { style: { fontSize: 16 } }, sg),\n h(\"span\", { style: { fontSize: 12, letterSpacing: 3, color: GOLD, textTransform: \"uppercase\" } }, p),\n )\n ),\n ),\n ];\n\n const ScoreboardTab = () => [\n totals[leader] > 0 && h(\"div\", { key: \"banner\", style: S.banner }, `👑 LEADING: ${leader.split(\" \")[0]} — ${totals[leader]} PTS`),\n h(\n \"div\",\n { style: { marginBottom: 32 }, key: \"stand\" },\n h(\"div\", { style: S.sh }, \"Standings\"),\n h(\n \"div\",\n { style: S.grid2 },\n sorted.map((p, i) =>\n h(\n \"div\",\n { key: p, style: { ...S.card(i === 0 && totals[p] > 0), display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" } },\n h(\n \"div\",\n null,\n h(\"div\", { style: { fontSize: 12, letterSpacing: 3, color: \"#888\", textTransform: \"uppercase\" } }, `#${i + 1}`),\n h(\"div\", { style: { fontSize: 19, fontWeight: 700, letterSpacing: 1 } }, p),\n ),\n h(\"div\", { style: { fontSize: 46, fontWeight: 900, color: i === 0 && totals[p] > 0 ? GOLD : \"#fff\" } }, totals[p]),\n )\n ),\n ),\n ),\n h(\n \"div\",\n { style: { marginBottom: 28 }, key: \"table\" },\n h(\"div\", { style: S.sh }, \"Enter Scores\"),\n h(\n \"div\",\n { style: { overflowX: \"auto\" } },\n h(\n \"table\",\n { style: { width: \"100%\", borderCollapse: \"collapse\", fontSize: 14 } },\n h(\n \"thead\",\n null,\n h(\n \"tr\",\n { style: { background: GOLD, color: BG } },\n h(\"th\", { style: { padding: \"10px 14px\", textAlign: \"left\", letterSpacing: 2, textTransform: \"uppercase\" } }, \"Event\"),\n ...PLAYERS.map((p) => h(\"th\", { key: p, style: { padding: \"10px 14px\", textAlign: \"center\", letterSpacing: 1, textTransform: \"uppercase\" } }, p.split(\" \")[0])),\n ),\n ),\n h(\n \"tbody\",\n null,\n [...state.events, ...state.customEvents].map((ev: any, idx: number) => {\n const isCustom = idx >= state.events.length;\n return h(\n \"tr\",\n { key: ev.name, style: { borderBottom: \"1px solid #2a2a2a\", background: idx % 2 === 0 ? \"#0d0d0d\" : \"#111\" } },\n h(\"td\", { style: { padding: \"7px 14px\", fontWeight: 700, letterSpacing: 1, textTransform: \"uppercase\", whiteSpace: \"nowrap\" } }, ev.name),\n ...PLAYERS.map((p) =>\n h(\n \"td\",\n { key: p, style: { padding: \"5px 8px\", textAlign: \"center\" } },\n h(\"input\", {\n type: \"number\",\n min: \"0\",\n value: ev.scores[p] || \"\",\n onFocus: () => (focusedInput.current = `${ev.name}|${p}`),\n onBlur: () => (focusedInput.current = null),\n onChange: (e: any) => {\n const val = e.target.value;\n mutate(\"/api/score\", { eventName: ev.name, player: p, value: val, isCustom }, (s) => {\n const list = isCustom ? \"customEvents\" : \"events\";\n return { ...s, [list]: s[list].map((e2: any) => (e2.name === ev.name ? { ...e2, scores: { ...e2.scores, [p]: val } } : e2)) };\n });\n },\n style: {\n width: 50,\n padding: \"5px 7px\",\n textAlign: \"center\",\n background: \"#1a1a1a\",\n border: \"1px solid #2a2a2a\",\n color: \"#fff\",\n fontFamily: \"'Barlow Condensed',sans-serif\",\n fontSize: 15,\n borderRadius: 3,\n },\n }),\n )\n ),\n );\n }),\n ),\n ),\n ),\n ),\n h(\n \"div\",\n { key: \"addev\" },\n h(\"div\", { style: S.sh }, \"Add Event\"),\n h(\n \"div\",\n { style: { display: \"flex\", gap: 10 } },\n h(\"input\", {\n style: { ...S.inp, flex: 1, maxWidth: 300 },\n placeholder: \"Custom event name...\",\n value: newEvent,\n onChange: (e: any) => setNewEvent(e.target.value),\n onKeyDown: (e: any) => {\n if (e.key === \"Enter\" && newEvent.trim()) {\n mutate(\"/api/event/add\", { name: newEvent.trim() }, (s) => ({\n ...s,\n customEvents: [...s.customEvents, { name: newEvent.trim(), scores: Object.fromEntries(PLAYERS.map((p) => [p, \"\"])) }],\n }));\n setNewEvent(\"\");\n }\n },\n }),\n h(\n \"button\",\n {\n style: S.goldBtn,\n onClick: () => {\n if (!newEvent.trim()) return;\n mutate(\"/api/event/add\", { name: newEvent.trim() }, (s) => ({\n ...s,\n customEvents: [...s.customEvents, { name: newEvent.trim(), scores: Object.fromEntries(PLAYERS.map((p) => [p, \"\"])) }],\n }));\n setNewEvent(\"\");\n },\n },\n \"+ Add Event\",\n ),\n ),\n ),\n ];\n\n return h(\n \"div\",\n null,\n h(\n \"div\",\n { style: S.nav },\n h(\"div\", { style: S.navTitle }, \"⚡ AST NEXT\"),\n h(\n \"div\",\n { style: { display: \"flex\", gap: 0 } },\n [[\"planning\", \"📋 Planning\"], [\"results\", \"📊 Results\"], [\"scoreboard\", \"🏆 Scoreboard\"]].map(([t, label]) =>\n h(\"button\", { key: t, style: S.tab(tab === t), onClick: () => setTab(t) }, label)\n ),\n ),\n h(\n \"div\",\n { style: { display: \"flex\", alignItems: \"center\", gap: 14, paddingLeft: 20 } },\n h(\"span\", { style: { fontSize: 11, color: \"#4caf50\", letterSpacing: 2 } }, \"● LIVE\"),\n saving && h(\"span\", { style: { fontSize: 12, color: \"#666\", letterSpacing: 2 } }, \"SAVING...\"),\n ),\n ),\n h(\n \"div\",\n { style: S.wrap },\n tab === \"planning\" ? h(\"div\", null, ...PlanningTab()) : tab === \"results\" ? h(\"div\", null, ...ResultsTab()) : h(\"div\", null, ...ScoreboardTab()),\n h(\n \"div\",\n { style: { textAlign: \"center\", marginTop: 40, paddingTop: 20, borderTop: \"1px solid #1a1a1a\" } },\n h(\"a\", { href: \"/source\", style: { color: \"#444\", fontSize: 12, letterSpacing: 2, textDecoration: \"none\" } }, \"view source\"),\n ),\n ),\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render(h(App));\n",[],[175],["D",1780457338283],{"_11":12,"_119":68},{"_11":12,"_115":68,"_67":68,"_30":66,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_52":-5,"_138":220,"_221":222,"_223":224,"_225":24,"_226":24,"_227":24,"_228":83,"_229":-5,"_230":-7,"_231":-7,"_232":26,"_233":24,"_234":24,"_235":-5,"_236":24,"_237":24,"_238":24,"_239":-5},"ENV",{"_191":192,"_193":194,"_195":16,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219},"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 · index.html