${sport.toUpperCase()}

\n \n ${games\n .map((game) => {\n const clock = shiftByOffset(new Date(game.start_time), clientOffsetSeconds).toLocaleTimeString(\n \"en-US\",\n { timeZone: \"UTC\", hour: \"numeric\", minute: \"2-digit\" },\n );\n const time = `${clock} ${offsetLabel(clientOffsetSeconds)}`;\n const ch = game.channel;\n const channelText =\n ch.category === \"unknown\"\n ? \"TBD\"\n : `${ch.name}${ch.directv_channel ? ` · DirecTV ${ch.directv_channel}` : ch.note ? ` (${ch.note})` : \"\"}`;\n return ``;\n })\n .join(\"\")}\n

${game.away} @ ${game.home}

${time}

${channelText}

`,\n )\n .join(\"\");\n\n const body = bySport.length ? rows : `

No games ${dateLabel}.

`;\n\n return `

${dateLabel[0].toUpperCase()}${dateLabel.slice(1)}'s Games

${body}`;\n}\n\nexport function renderHtml(bySport: GamesBySport, dateLabel: string, clientOffsetSeconds?: number): Response {\n return new Response(htmlDocument(bySport, dateLabel, clientOffsetSeconds), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[192,259],"9a8a3622-061f-4a25-974f-5b55524bc4da","configHtml.ts","8db12db6-a242-11f1-b7c0-1607ee4eb77e",110,["D",1787860874190],"// The helper's server-rendered config picker — plain HTML forms, no\n// client-side JS, the same \"template string\" shape render/html.ts already\n// uses for the games view. `configPageDocument` is pure and is what the\n// tests assert against; main.ts wraps it in a Response (Hono's `c.html`).\n//\n// Checkboxes are generated from lib/catalog.ts's SPORTS/TEAMS — the same\n// tables lib/params.ts validates `/`'s sports[]/teams[] against. That's what\n// makes an invalid selection structurally hard to submit here, rather than\n// something a second validator has to catch on write. See\n// docs/widget-config-plan.md's \"Validation\" section for why there's\n// deliberately no rejection/echo mechanism on this page: the real safety net\n// is resolveParams, which still runs when /config/resolve's redirect lands\n// on `/`.\n\nimport { SPORTS, TEAMS } from \"../lib/catalog.ts\";\nimport { type StoredConfig } from \"../lib/config.ts\";\nimport { titleCase } from \"../lib/text.ts\";\n\n// Deliberately not imported from lib/configStore.ts (the module that\n// actually produces these) — this file stays decoupled from the impure\n// sqlite layer the same way it's decoupled from Sleeper, matching the\n// StoredConfig-from-lib/config.ts pattern below.\nexport type PairedDeviceView = { deviceId: string; name: string | null };\n\nexport type ConfigPageOptions = {\n formAction: string;\n config: StoredConfig;\n // Omitted on the \"create a new config\" page — minting a pairing code needs\n // an id to mint it against, which doesn't exist until the config is saved.\n codeActionPath?: string;\n pairing?: { code: string; expiresAt: number } | null;\n saved?: boolean;\n // Omitted on the \"create a new config\" page for the same reason as\n // codeActionPath — nothing can be paired to a config that isn't saved yet.\n devices?: PairedDeviceView[];\n deviceActionPath?: (deviceId: string) => string;\n};\n\n// device names and ids both originate as free-form input from whatever\n// called POST /pair, not from the closed catalogs sports/team checkboxes\n// draw from — so, unlike the rest of this file, they need escaping before\n// landing in HTML.\nfunction escapeHtml(value: string): string {\n return value.replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n}\n\nfunction sportCheckboxes(selected: string[]): string {\n return SPORTS.map((sport) => {\n const checked = selected.includes(sport) ? \" checked\" : \"\";\n return ` ${sport.toUpperCase()}`;\n }).join(\" \");\n}\n\n// Grouped by sport (SPORTS order) rather than one flat ~110-entry list —\n// the same \"pick a sport, then a team\" structure widget-ios-brief.md\n// explicitly rejected for the *receiver's* seven-team picker doesn't apply\n// here: the helper is choosing from the full catalog, not a small starter\n// list, and a flat list of 110 checkboxes is the harder one to scan.\nfunction teamCheckboxesBySport(selected: string[]): string {\n return SPORTS.map((sport) => {\n const slugs = Object.entries(TEAMS)\n .filter(([, ref]) => ref.sport === sport)\n .map(([slug]) => slug);\n if (!slugs.length) return \"\";\n const boxes = slugs\n .map((slug) => {\n const checked = selected.includes(slug) ? \" checked\" : \"\";\n return ` ${titleCase(slug)}`;\n })\n .join(\" \");\n return `

${sport.toUpperCase()}${boxes}

`;\n }).join(\"\");\n}\n\n// One row per paired device, each its own form so naming one doesn't\n// require re-submitting the others. Blank means never named — the\n// placeholder, not a value, so an unnamed device saves as null rather than\n// the literal placeholder text.\nfunction devicesSection(devices: PairedDeviceView[] | undefined, actionPath?: (deviceId: string) => string): string {\n if (!devices?.length || !actionPath) return \"\";\n const rows = devices\n .map((device) => {\n const safeId = escapeHtml(device.deviceId);\n const safeName = device.name ? escapeHtml(device.name) : \"\";\n return `

\n \n

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

Paired devices

${rows}

`;\n}\n\nconst PAGE_STYLE = `\n body { font-family: system-ui, -apple-system, sans-serif; max-width: 640px; margin: 2rem auto; padding: 0 1rem; color: #1a1a1a; line-height: 1.4; }\n h1 { font-size: 1.4rem; }\n h2 { font-size: 1.1rem; }\n fieldset { border: 1px solid #ddd; border-radius: 6px; margin: 0.75rem 0; padding: 0.5rem 1rem; }\n legend { font-weight: 600; padding: 0 0.25rem; }\n label { display: inline-block; margin: 0.3rem 0.85rem 0.3rem 0; }\n button { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 0.5rem 1rem; font-size: 0.95rem; cursor: pointer; }\n button:hover { background: #1d4ed8; }\n section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee; }\n ul.devices { list-style: none; padding: 0; }\n ul.devices li { margin: 0.4rem 0; }\n ul.devices form { display: flex; gap: 0.5rem; }\n input[type=\"text\"] { flex: 1; padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; }\n`;\n\nexport function configPageDocument(opts: ConfigPageOptions): string {\n const { formAction, config, codeActionPath, pairing, saved, devices, deviceActionPath } = opts;\n\n const pairingSection = codeActionPath\n ? `

\n \n ${\n pairing\n ? `

Code: ${pairing.code} — enter this in the app. Expires ${\n new Date(pairing.expiresAt * 1000).toLocaleString()\n }. Reusable until then, so the same code can pair more than one device.

`\n : \"\"\n }\n

`\n : \"\";\n\n return `\n\n\n\n\nWidget favorites\n\n\n\n

Widget favorites

\n ${saved ? \"

Saved.

\" : \"\"}\n \n ${pairingSection}\n ${devicesSection(devices, deviceActionPath)}\n\n`;\n}\n",[],[192,267],["D",1787180481312],[277,278,279,280,281,282,283,284,285,286,287],[19],{"_36":156,"_13":157,"_72":158,"_74":75,"_76":77,"_78":159,"_80":81,"_38":318,"_17":161,"_84":85,"_86":162,"_88":52,"_89":-5,"_181":319,"_18":320},{"_36":149,"_13":150,"_72":151,"_74":75,"_76":77,"_78":152,"_80":81,"_38":315,"_17":83,"_84":85,"_86":154,"_88":52,"_89":-5,"_181":316,"_18":317},{"_36":142,"_13":143,"_72":144,"_74":75,"_76":77,"_78":145,"_80":81,"_38":312,"_17":83,"_84":85,"_86":147,"_88":52,"_89":-5,"_181":313,"_18":314},{"_36":135,"_13":136,"_72":137,"_74":75,"_76":77,"_78":138,"_80":81,"_38":309,"_17":83,"_84":85,"_86":140,"_88":52,"_89":-5,"_181":310,"_18":311},{"_36":128,"_13":129,"_72":130,"_74":75,"_76":77,"_78":131,"_80":81,"_38":306,"_17":32,"_84":85,"_86":133,"_88":52,"_89":-5,"_181":307,"_18":308},{"_36":121,"_13":122,"_72":123,"_74":75,"_76":77,"_78":124,"_80":81,"_38":303,"_17":118,"_84":85,"_86":126,"_88":52,"_89":-5,"_181":304,"_18":305},{"_36":113,"_13":114,"_72":115,"_74":75,"_76":77,"_78":116,"_80":81,"_38":300,"_17":118,"_84":85,"_86":119,"_88":52,"_89":-5,"_181":301,"_18":302},{"_36":106,"_13":107,"_72":108,"_74":75,"_76":77,"_78":109,"_80":81,"_38":297,"_17":83,"_84":85,"_86":111,"_88":52,"_89":-5,"_181":298,"_18":299},{"_36":99,"_13":100,"_72":101,"_74":75,"_76":77,"_78":102,"_80":81,"_38":294,"_17":83,"_84":85,"_86":104,"_88":52,"_89":-5,"_181":295,"_18":296},{"_36":91,"_13":92,"_72":93,"_74":75,"_76":77,"_78":94,"_80":81,"_38":291,"_17":96,"_84":85,"_86":97,"_88":52,"_89":-5,"_181":292,"_18":293},{"_36":70,"_13":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_38":288,"_17":83,"_84":85,"_86":87,"_88":52,"_89":-5,"_181":289,"_18":290},["D",1787180491819],[],[19,71],["D",1787278008735],[],[19,92],["D",1787180573637],[],[19,100],["D",1787180570664],[],[19,107],["D",1787784718152],[],[19,114],["D",1787772864445],[],[19,122],["D",1788040413205],[],[19,129],["D",1787854184588],[],[19,136],["D",1787180498254],[],[19,143],["D",1787180537247],[],[19,150],["D",1787199431374],[],[19,157],["D",1787009561780],"legacyEnvVars","httpPrivacy","description","The main web app and server API for Clark View","imageUrl","userId","b0a8da26-58e7-4d19-8b5c-eedf487df9a9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","27c7d3498dc04ddf82883f5cab6fe8a0","tursoHostname","27c7d3498dc04ddf82883f5cab6fe8a0-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789445472057],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_365":361},"org",{"_11":12,"_359":-5,"_360":361,"_327":328,"_362":363,"_364":52},"branch",{"_17":176,"_13":16,"_36":77,"_43":44,"_46":37,"_47":79,"_356":54,"_357":44,"_358":57,"_58":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yVHpab25kTlBTM3M3WmpCa3NMSTd5akVwWksuanBlZyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":491,"_50":-5,"_322":52,"_53":54,"_323":54,"_324":325,"_326":-5,"_327":328,"_329":-5,"_330":52,"_331":-5,"_332":-5,"_333":83,"_56":57,"_334":335,"_336":337,"_338":492,"_340":-5,"_341":342,"_343":342,"_344":345,"_346":345,"_347":345,"_348":342,"_349":342,"_350":493,"_352":494,"_354":495,"_51":52},[422,434,443,444],"files",[422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442,443,444],"counts",{"_411":83,"_412":413,"_414":83,"_35":415,"_416":417},[389,390,391,392,393,394,395,396,397,398,399],{"_36":164,"_13":19,"_72":75,"_74":-5,"_76":77,"_78":165,"_80":81,"_38":166,"_17":83,"_84":167,"_86":-5,"_88":52,"_89":-5,"_18":388},"upstreamProject","upstreamBranch",{"_36":37,"_38":386,"_40":387,"_13":42,"_43":44,"_17":45,"_46":-5,"_47":-5,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1787009561780],["D",1789505418345],[19],{"_36":156,"_13":157,"_72":158,"_74":75,"_76":77,"_78":159,"_80":81,"_38":160,"_17":161,"_84":85,"_86":162,"_88":52,"_89":-5,"_18":410},{"_36":149,"_13":150,"_72":151,"_74":75,"_76":77,"_78":152,"_80":81,"_38":153,"_17":83,"_84":85,"_86":154,"_88":52,"_89":-5,"_18":409},{"_36":142,"_13":143,"_72":144,"_74":75,"_76":77,"_78":145,"_80":81,"_38":146,"_17":83,"_84":85,"_86":147,"_88":52,"_89":-5,"_18":408},{"_36":135,"_13":136,"_72":137,"_74":75,"_76":77,"_78":138,"_80":81,"_38":139,"_17":83,"_84":85,"_86":140,"_88":52,"_89":-5,"_18":407},{"_36":128,"_13":129,"_72":130,"_74":75,"_76":77,"_78":131,"_80":81,"_38":132,"_17":32,"_84":85,"_86":133,"_88":52,"_89":-5,"_18":406},{"_36":121,"_13":122,"_72":123,"_74":75,"_76":77,"_78":124,"_80":81,"_38":125,"_17":118,"_84":85,"_86":126,"_88":52,"_89":-5,"_18":405},{"_36":113,"_13":114,"_72":115,"_74":75,"_76":77,"_78":116,"_80":81,"_38":117,"_17":118,"_84":85,"_86":119,"_88":52,"_89":-5,"_18":404},{"_36":106,"_13":107,"_72":108,"_74":75,"_76":77,"_78":109,"_80":81,"_38":110,"_17":83,"_84":85,"_86":111,"_88":52,"_89":-5,"_18":403},{"_36":99,"_13":100,"_72":101,"_74":75,"_76":77,"_78":102,"_80":81,"_38":103,"_17":83,"_84":85,"_86":104,"_88":52,"_89":-5,"_18":402},{"_36":91,"_13":92,"_72":93,"_74":75,"_76":77,"_78":94,"_80":81,"_38":95,"_17":96,"_84":85,"_86":97,"_88":52,"_89":-5,"_18":401},{"_36":70,"_13":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_38":82,"_17":83,"_84":85,"_86":87,"_88":52,"_89":-5,"_18":400},[19,71],[19,92],[19,100],[19,107],[19,114],[19,122],[19,129],[19,136],[19,143],[19,150],[19,157],"pulls","branches",50,"forks",{"_418":420,"_421":83},"connections",{"_418":161,"_419":83},"count","unfilledCount",17,"emptyCount",{"_36":164,"_13":19,"_72":75,"_74":-5,"_76":77,"_78":165,"_80":81,"_38":274,"_17":83,"_84":167,"_86":-5,"_88":52,"_89":-5,"_181":489,"_18":490},{"_36":156,"_13":157,"_72":158,"_74":75,"_76":77,"_78":159,"_80":81,"_38":318,"_17":161,"_84":85,"_86":162,"_88":52,"_89":-5,"_181":487,"_18":488},{"_36":149,"_13":150,"_72":151,"_74":75,"_76":77,"_78":152,"_80":81,"_38":315,"_17":83,"_84":85,"_86":154,"_88":52,"_89":-5,"_181":485,"_18":486},{"_36":142,"_13":143,"_72":144,"_74":75,"_76":77,"_78":145,"_80":81,"_38":312,"_17":83,"_84":85,"_86":147,"_88":52,"_89":-5,"_181":483,"_18":484},{"_36":135,"_13":136,"_72":137,"_74":75,"_76":77,"_78":138,"_80":81,"_38":309,"_17":83,"_84":85,"_86":140,"_88":52,"_89":-5,"_181":481,"_18":482},{"_36":128,"_13":129,"_72":130,"_74":75,"_76":77,"_78":131,"_80":81,"_38":306,"_17":32,"_84":85,"_86":133,"_88":52,"_89":-5,"_181":479,"_18":480},{"_36":121,"_13":122,"_72":123,"_74":75,"_76":77,"_78":124,"_80":81,"_38":303,"_17":118,"_84":85,"_86":126,"_88":52,"_89":-5,"_181":477,"_18":478},{"_36":113,"_13":114,"_72":115,"_74":75,"_76":77,"_78":116,"_80":81,"_38":300,"_17":118,"_84":85,"_86":119,"_88":52,"_89":-5,"_181":475,"_18":476},{"_36":106,"_13":107,"_72":108,"_74":75,"_76":77,"_78":109,"_80":81,"_38":297,"_17":83,"_84":85,"_86":111,"_88":52,"_89":-5,"_181":473,"_18":474},{"_36":99,"_13":100,"_72":101,"_74":75,"_76":77,"_78":102,"_80":81,"_38":294,"_17":83,"_84":85,"_86":104,"_88":52,"_89":-5,"_181":471,"_18":472},{"_36":91,"_13":92,"_72":93,"_74":75,"_76":77,"_78":94,"_80":81,"_38":291,"_17":96,"_84":85,"_86":97,"_88":52,"_89":-5,"_181":469,"_18":470},{"_36":70,"_13":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_38":288,"_17":83,"_84":85,"_86":87,"_88":52,"_89":-5,"_181":467,"_18":468},{"_36":191,"_13":192,"_72":193,"_74":-5,"_76":77,"_78":194,"_80":81,"_38":195,"_17":83,"_84":167,"_86":-5,"_88":52,"_89":-5,"_181":465,"_18":466},{"_36":266,"_13":267,"_72":268,"_74":193,"_76":77,"_78":269,"_80":81,"_38":270,"_17":161,"_84":85,"_86":271,"_88":52,"_89":-5,"_181":463,"_18":464},{"_36":258,"_13":259,"_72":260,"_74":193,"_76":77,"_78":261,"_80":81,"_38":262,"_17":96,"_84":85,"_86":263,"_88":52,"_89":-5,"_181":461,"_18":462},{"_36":249,"_13":250,"_72":251,"_74":193,"_76":77,"_78":252,"_80":81,"_38":253,"_17":254,"_84":85,"_86":255,"_88":52,"_89":-5,"_181":459,"_18":460},{"_36":241,"_13":242,"_72":243,"_74":193,"_76":77,"_78":244,"_80":81,"_38":245,"_17":96,"_84":85,"_86":246,"_88":52,"_89":-5,"_181":457,"_18":458},{"_36":232,"_13":233,"_72":234,"_74":193,"_76":77,"_78":235,"_80":81,"_38":236,"_17":237,"_84":85,"_86":238,"_88":52,"_89":-5,"_181":455,"_18":456},{"_36":223,"_13":224,"_72":225,"_74":193,"_76":77,"_78":226,"_80":81,"_38":227,"_17":228,"_84":85,"_86":229,"_88":52,"_89":-5,"_181":453,"_18":454},{"_36":214,"_13":215,"_72":216,"_74":193,"_76":77,"_78":217,"_80":81,"_38":218,"_17":219,"_84":85,"_86":220,"_88":52,"_89":-5,"_181":451,"_18":452},{"_36":206,"_13":207,"_72":208,"_74":193,"_76":77,"_78":209,"_80":81,"_38":210,"_17":83,"_84":85,"_86":211,"_88":52,"_89":-5,"_181":449,"_18":450},{"_36":184,"_13":185,"_72":186,"_74":-5,"_76":77,"_78":187,"_80":81,"_38":188,"_17":83,"_84":167,"_86":-5,"_88":52,"_89":-5,"_181":447,"_18":448},{"_36":173,"_13":174,"_72":175,"_74":-5,"_76":77,"_78":176,"_80":81,"_38":177,"_17":178,"_84":179,"_86":180,"_88":52,"_89":-5,"_181":445,"_18":446},[],[174],[],[185],[],[192,207],[],[192,215],[],[192,224],[],[192,233],[],[192,242],[],[192,250],[],[192,259],[],[192,267],[435,436,437,438,439,440,441,442],[192],[],[19,71],[],[19,92],[],[19,100],[],[19,107],[],[19,114],[],[19,122],[],[19,129],[],[19,136],[],[19,143],[],[19,150],[],[19,157],[423,424,425,426,427,428,429,430,431,432,433],[19],["D",1787009561780],["D",1789445472057],{"_11":12,"_365":361},{"_11":12,"_359":-5,"_360":361,"_327":328,"_362":363,"_364":52},{"_17":176,"_13":16,"_36":77,"_43":44,"_46":37,"_47":79,"_356":54,"_357":44,"_358":57,"_58":14,"_55":12},"ctx",{"_350":-5,"_383":529,"_530":531,"_532":533,"_534":52,"_535":52,"_536":52,"_537":81,"_538":-5,"_539":-7,"_540":-7,"_541":83,"_542":52,"_543":52,"_544":-5,"_545":52,"_546":52,"_547":52,"_548":-5},"ENV",{"_500":501,"_502":503,"_504":42,"_505":506,"_507":508,"_509":510,"_511":512,"_513":514,"_515":516,"_517":518,"_519":520,"_521":522,"_523":524,"_525":526,"_527":528},"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"]