[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_158":159,"_160":161},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_107":88,"_27":53,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","pickle.val.ts","latestPath","fileId","874f771c-64d9-11f1-9502-1607ee4eb77e","name","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\";\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\nasync function handleAction(body: Action): Promise {\n let s = await load();\n switch (body.type) {\n case \"add\": {\n const name = String(body.name || \"\").trim().slice(0, 40);\n if (name) s.players.push({ id: rid(), name });\n break;\n }\n case \"remove\": {\n const id = body.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 break;\n }\n case \"generate\":\n s = generate(s);\n break;\n case \"clearMatches\":\n s.matches = [];\n s.byes = [];\n break;\n case \"reset\":\n s = emptyState();\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 if (path === \"/api/action\" && req.method === \"POST\") {\n const body = (await req.json().catch(() => ({}))) as Action;\n return json(await handleAction(body));\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`;","// 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\";\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\nasync function handleAction(body: Action): Promise {\n let s = await load();\n switch (body.type) {\n case \"add\": {\n const name = String(body.name || \"\").trim().slice(0, 40);\n if (name) s.players.push({ id: rid(), name });\n break;\n }\n case \"remove\": {\n const id = body.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 break;\n }\n case \"generate\":\n s = generate(s);\n break;\n case \"clearMatches\":\n s.matches = [];\n s.byes = [];\n break;\n case \"reset\":\n s = emptyState();\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 if (path === \"/api/action\" && req.method === \"POST\") {\n const body = (await req.json().catch(() => ({}))) as Action;\n return json(await handleAction(body));\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`;","createdAt",["D",1781102973755],"branchVersion","branchId","e5f6ffad-5edb-4a75-b6df-8288227ead4d","id","b9695b81-1a57-450f-8324-005f445c558f","pical",["D",1781102026625],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","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",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","prusu01","handle","displayName","Paisie Rusu","avatar","https://avatars.githubusercontent.com/u/52623295?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":153,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":154,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":155,"_82":156,"_84":157,"_86":25},"tree",[148],"files",[148],"counts",{"_137":61,"_138":139,"_140":61,"_141":142,"_143":144},"contents",[129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":130,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_132":25,"_38":133,"_13":134,"_33":34,"_35":37,"_24":25,"_135":-5,"_27":136},"c068c042-c249-46bd-8d01-b62e005040dd","parentId","latest",["D",1781102973755],5,"label",[28],"pulls","branches",1,"forks","envVars",{"_145":61,"_147":61},"connections",{"_145":61,"_146":61},"count","unfilledCount","emptyCount",{"_43":130,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_132":25,"_38":149,"_13":134,"_33":34,"_35":37,"_24":25,"_135":-5,"_150":151,"_27":152},["D",1781102973755],"children",[],[28],["D",1781102026625],["D",1789489912439],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_126":191,"_192":193,"_194":195,"_196":25,"_197":25,"_198":25,"_199":124,"_200":-5,"_201":-7,"_202":-7,"_203":61,"_204":25,"_205":25,"_206":-5,"_207":25,"_208":25,"_209":25,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":88,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"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"]

Diff · v10