⚡ AST Next — Dashboard

\n\n\n\n",[59],"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",[66],{"_35":65,"_13":66,"_38":67,"_40":-5,"_41":42,"_43":68,"_45":46,"_47":83,"_17":62,"_50":70,"_52":71,"_54":55,"_56":-5,"_77":84,"_18":85},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":49,"_45":46,"_47":80,"_17":62,"_50":24,"_52":63,"_54":55,"_56":-5,"_77":81,"_18":82},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_77":78,"_18":79},["D",1780457856597],"children",[],[37],["D",1780457752026],[],[59],["D",1780457831090],[],[66],"5b5de9fa-5efc-11f1-8972-1607ee4eb77e",["D",1780457338283],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Real-time All Sports Tournament planner & live scoreboard","imageUrl","userId","d78ece2f-cdb5-4801-9a4d-620c470cc562","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e8af9-9a37-71eb-94e0-71912aae9fa8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":19},"org",{"_11":12,"_133":19,"_134":19,"_96":97,"_135":136,"_137":55},"branch",{"_17":44,"_13":16,"_35":42,"_125":86,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":14,"_132":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":86,"_13":14,"_47":182,"_88":-5,"_89":55,"_90":91,"_92":91,"_93":94,"_95":-5,"_96":97,"_98":39,"_99":46,"_100":-5,"_101":-5,"_102":62,"_103":104,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":110,"_111":110,"_112":113,"_114":113,"_115":113,"_116":110,"_117":110,"_118":183,"_120":184,"_122":185,"_124":55},[173,174,175],"files",[173,174,175],"counts",{"_163":62,"_164":165,"_166":62,"_31":167,"_168":169},[157,158,159],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":65,"_13":66,"_38":67,"_40":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":62,"_50":70,"_52":71,"_54":55,"_56":-5,"_18":162},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":49,"_45":46,"_47":61,"_17":62,"_50":24,"_52":63,"_54":55,"_56":-5,"_18":161},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":160},[37],[59],[66],"pulls","branches",1,"forks",{"_170":62,"_172":62},"connections",{"_170":62,"_171":62},"count","unfilledCount","emptyCount",{"_35":65,"_13":66,"_38":67,"_40":-5,"_41":42,"_43":68,"_45":46,"_47":83,"_17":62,"_50":70,"_52":71,"_54":55,"_56":-5,"_77":180,"_18":181},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":49,"_45":46,"_47":80,"_17":62,"_50":24,"_52":63,"_54":55,"_56":-5,"_77":178,"_18":179},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_77":176,"_18":177},[],[37],[],[59],[],[66],["D",1780457338283],{"_11":12,"_138":19},{"_11":12,"_133":19,"_134":19,"_96":97,"_135":136,"_137":55},{"_17":44,"_13":16,"_35":42,"_125":86,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":14,"_132":12},"ctx",{"_118":-5,"_154":219,"_220":221,"_222":223,"_224":55,"_225":55,"_226":55,"_227":46,"_228":-5,"_229":-7,"_230":-7,"_231":62,"_232":55,"_233":55,"_234":-5,"_235":55,"_236":55,"_237":55,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code