[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_157":158,"_159":160},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_119":-5,"_20":120,"_22":121,"_122":123,"_124":125,"_25":126,"_24":-5,"_127":-5,"_128":-5,"_129":53,"_130":131,"_132":44,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","prusu01","name","pical","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":97,"_98":99,"_100":101,"_102":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","146d211a-764b-4a69-975f-c058e61dca42","pickle.val.ts","fileId","874f771c-64d9-11f1-9502-1607ee4eb77e","parentId","branchId","e5f6ffad-5edb-4a75-b6df-8288227ead4d","branchVersion",14,"latest",true,"createdAt",["D",1781188337077],9,"fileType","http","content","// Pickleball Matchmaking — a single Val.town HTTP val.\n// It serves the website AND stores the shared board on the same origin,\n// so everyone who opens the link sees the same players & matches, live.\n//\n// HOW TO DEPLOY (≈1 minute):\n// 1. Go to https://www.val.town and sign in (GitHub login).\n// 2. Click \"New\" → \"HTTP val\".\n// 3. Delete the sample code, paste THIS ENTIRE FILE.\n// 4. Save. The URL shown (…web.val.run) is your shareable link.\n// Share that URL with everyone — adds, removes and matches sync for all.\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst KEY = \"pickle_state_v1\";\nconst EVENTS_KEY = \"pickle_events_v1\";\n\ntype Event = {\n at: number; // epoch ms\n iso: string; // human-readable UTC timestamp\n type: string; // add | remove | generate | clearMatches | reset\n name?: string; // player name (for add)\n id?: string; // player id (for add/remove)\n ip?: string; // requester IP (best-effort)\n country?: string; // requester country (best-effort)\n};\n\nasync function loadEvents(): Promise {\n try {\n const e = (await blob.getJSON(EVENTS_KEY)) as Event[] | undefined;\n if (Array.isArray(e)) return e;\n } catch (_e) {\n // fall through\n }\n return [];\n}\n\nasync function logEvent(ev: Event): Promise {\n const events = await loadEvents();\n events.push(ev);\n // keep the log from growing unbounded\n const trimmed = events.slice(-1000);\n await blob.setJSON(EVENTS_KEY, trimmed);\n console.log(\"EVENT\", JSON.stringify(ev));\n}\n\ntype Player = { id: string; name: string };\ntype Match = { court: number; teamA: Player[]; teamB: Player[] };\ntype State = {\n players: Player[];\n matches: Match[];\n byes: Player[];\n w;\n version: number;\n updatedAt: number;\n};\n\nfunction emptyState(): State {\n return { players: [], matches: [], byes: [], version: 0, updatedAt: 0 };\n}\n\nasync function load(): Promise {\n try {\n const s = (await blob.getJSON(KEY)) as State | undefined;\n if (s && Array.isArray(s.players)) {\n // defensive defaults in case of an older shape\n s.matches = Array.isArray(s.matches) ? s.matches : [];\n s.byes = Array.isArray(s.byes) ? s.byes : [];\n s.version = typeof s.version === \"number\" ? s.version : 0;\n return s;\n }\n } catch (_e) {\n // fall through to empty\n }\n return emptyState();\n}\n\nasync function save(s: State): Promise {\n s.version = (s.version || 0) + 1;\n s.updatedAt = Date.now();\n await blob.setJSON(KEY, s);\n return s;\n}\n\nfunction rid(): string {\n return Math.random().toString(36).slice(2, 8) +\n Date.now().toString(36).slice(-4);\n}\n\nfunction shuffle(arr: T[]): T[] {\n const a = arr.slice();\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n const t = a[i];\n a[i] = a[j];\n a[j] = t;\n }\n return a;\n}\n\nfunction generate(s: State): State {\n const players = shuffle(s.players);\n const matches: Match[] = [];\n const byes: Player[] = [];\n let court = 1;\n // Each 2v2 match needs 4 players. Take them four at a time.\n let i = 0;\n for (; i + 4 <= players.length; i += 4) {\n matches.push({\n court: court++,\n teamA: [players[i], players[i + 1]],\n teamB: [players[i + 2], players[i + 3]],\n });\n }\n // Anyone left over (1–3 players) can't fill a full doubles court — they sit out.\n for (; i < players.length; i++) {\n byes.push(players[i]);\n }\n s.matches = matches;\n s.byes = byes;\n return s;\n}\n\ntype Action =\n | { type: \"add\"; name?: string }\n | { type: \"remove\"; id?: string }\n | { type: \"generate\" }\n | { type: \"clearMatches\" }\n | { type: \"reset\" };\n\n// Coerce any incoming value to a clean string name. Guards against the\n// \"Cannot convert object to primitive value\" crash when someone POSTs an\n// array/object as the name (e.g. [\"a\",\"b\"]).\nfunction toName(v: unknown): string {\n if (typeof v === \"string\") return v.trim().slice(0, 40);\n if (v == null) return \"\";\n if (Array.isArray(v)) return v.map((x) => toName(x)).filter(Boolean).join(\", \").slice(0, 40);\n try {\n return String(v).trim().slice(0, 40);\n } catch (_e) {\n return \"\";\n }\n}\n\nasync function handleAction(body: Action, meta: { ip?: string; country?: string }): Promise {\n let s = await load();\n const now = Date.now();\n const base = { at: now, iso: new Date(now).toISOString(), ip: meta.ip, country: meta.country };\n switch (body.type) {\n case \"add\": {\n const name = toName(body.name);\n if (name) {\n const id = rid();\n s.players.push({ id, name });\n await logEvent({ ...base, type: \"add\", name, id });\n }\n break;\n }\n case \"remove\": {\n const id = body.id;\n const removed = s.players.find((p) => p.id === id);\n s.players = s.players.filter((p) => p.id !== id);\n s.matches = s.matches.filter(\n (m) =>\n ![...(m.teamA || []), ...(m.teamB || [])].some((p) => p.id === id),\n );\n s.byes = s.byes.filter((p) => p.id !== id);\n await logEvent({ ...base, type: \"remove\", id, name: removed?.name });\n break;\n }\n case \"generate\":\n s = generate(s);\n await logEvent({ ...base, type: \"generate\" });\n break;\n case \"clearMatches\":\n s.matches = [];\n s.byes = [];\n await logEvent({ ...base, type: \"clearMatches\" });\n break;\n case \"reset\":\n s = emptyState();\n await logEvent({ ...base, type: \"reset\" });\n break;\n }\n return await save(s);\n}\n\nfunction json(o: unknown): Response {\n return new Response(JSON.stringify(o), {\n headers: { \"content-type\": \"application/json; charset=utf-8\" },\n });\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (path === \"/api/state\" && req.method === \"GET\") {\n return json(await load());\n }\n // View the recorded event log: who added/removed players and when.\n // Newest first. e.g. open …/api/events in your browser in a few days.\n if (path === \"/api/events\" && req.method === \"GET\") {\n const events = await loadEvents();\n return json(events.slice().reverse());\n }\n if (path === \"/api/action\" && req.method === \"POST\") {\n const body = (await req.json().catch(() => ({}))) as Action;\n const ip = req.headers.get(\"cf-connecting-ip\") ||\n (req.headers.get(\"x-forwarded-for\") || \"\").split(\",\")[0].trim() ||\n undefined;\n const country = req.headers.get(\"cf-ipcountry\") || undefined;\n return json(await handleAction(body, { ip, country }));\n }\n return new Response(HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// ---------------------------------------------------------------------------\n// Front-end. Note: client JS below uses string concatenation (no backticks /\n// no ${}) on purpose, so it can live safely inside this template literal.\n// ---------------------------------------------------------------------------\nconst HTML = `\n\n\n\n\n🥒🍆🍑 Pickleball Matchmaking\n\n\n\n

🥒🥒🍆🍑 Pickleball Matchmaking

\n live\n

Share this link — everyone who opens it sees the same board. Add or remove players and generate 2v2 doubles matches; changes sync for everyone.

\n\n

Players

\n \n \n

\n\n

\n \n \n \n

\n\n

Current Round

\n\n \n

\n\n\n\n`;","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1781188337077],"children",[],[35],"b9695b81-1a57-450f-8324-005f445c558f",["D",1781102026625],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","8545a22b-f740-4b6a-8762-08bf206cda93","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eb1f3-07fa-7799-97c9-9e29a4677e7a","tursoName","b9695b811a57450f8324005f445c558f","tursoHostname","b9695b811a57450f8324005f445c558f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489912439],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_118":114},"org",{"_11":12,"_111":112,"_113":114,"_70":71,"_115":116,"_117":53},"branch",{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Paisie Rusu","avatar","https://avatars.githubusercontent.com/u/52623295?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":152,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":153,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":154,"_98":155,"_100":156,"_102":53},[149],"files",[149],"counts",{"_139":77,"_140":141,"_142":77,"_31":143,"_144":145},[137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":138},[35],"pulls","branches",1,"forks",{"_146":77,"_148":77},"connections",{"_146":77,"_147":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":150,"_18":151},[],[35],["D",1781102026625],["D",1789489912439],{"_11":12,"_118":114},{"_11":12,"_111":112,"_113":114,"_70":71,"_115":116,"_117":53},{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"ctx",{"_96":-5,"_134":190,"_191":192,"_193":194,"_195":53,"_196":53,"_197":53,"_198":44,"_199":-5,"_200":-7,"_201":-7,"_202":77,"_203":53,"_204":53,"_205":-5,"_206":53,"_207":53,"_208":53,"_209":-5},"ENV",{"_161":162,"_163":164,"_165":16,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189},"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