${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",[],[373,417],"c095b27c-80e8-4d3b-8226-f4d39260dd94","configHtml.ts","01a05e7d-7cce-72dc-86b9-59be08754c98",["D",1788291677393],"// 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. Every `config*Document` export here is pure and\n// is what the tests assert against; main.ts wraps each in a Response\n// (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//\n// ---- one page per concern, not one page for everything ----\n//\n// This used to be a single `configPageDocument` rendering the settings\n// form, the pairing-code section, and the device list all inline on\n// GET/POST /config/:id — every helper action landed back on that one\n// giant page. It's now six documents behind six routes (main.ts):\n// GET /config (configIndexDocument, every config row), GET/POST /config/:id\n// (configSettingsDocument, the sports/teams form only), GET/POST\n// /config/:id/personalization (configPersonalizationDocument, presentation\n// settings — see its own header for why this is a separate document/row\n// column from Settings rather than a field bolted onto that form),\n// GET /config/:id/devices (configDevicesDocument, list + rename),\n// GET/POST /config/:id/pair plus POST /config/:id/code\n// (configPairDocument, link an existing device or mint/show a code), and\n// GET /config/:id/preview (configPreviewDocument, a\n// read-only render of what /config/resolve would currently hand the widget\n// for this config — see its own header below for how it gets that data).\n// The five id-scoped documents share one persistent top nav (`configNav`)\n// so a helper can move between them without going back through the index.\n// GET /config/new keeps its own document (configNewDocument): there's no\n// id yet to hang a nav on, and nothing paired, codeable, or previewable\n// until the config is actually saved.\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 = {\n deviceId: string;\n name: string | null;\n createdAt: string;\n pushRegistered: boolean;\n tokenUpdatedAt: string | null;\n};\n\n// What GET /config/:id/pair's expired-codes section lists — past pairing\n// codes for this config that are no longer usable.\nexport type ExpiredCodeView = {\n code: string;\n createdAt: string;\n expiresAt: string;\n};\n\n// Mirrors lib/config.ts's Personalization, same redeclare-don't-import\n// convention as ConfigPreviewItem below.\nexport type PersonalizationView = { intradayFilter: boolean };\n\n// Mirrors render/json.ts's WidgetItem — deliberately redeclared rather than\n// imported. render/json.ts is pure, so importing its type wouldn't break\n// the decoupling this file otherwise keeps from impure modules, but this\n// file's own convention (ConfigRow beside ConfigSummary, PairedDeviceView\n// beside PairedDevice) is a view type per document, not a shared one, so\n// the preview stays consistent with that rather than being the one\n// exception.\nexport type ConfigPreviewItem = {\n id: string;\n mainText: string;\n subText: string;\n caption: string | null;\n emphasized: boolean;\n timestamp: number;\n};\n\n// What GET /config lists — one row per config, enough to tell them apart\n// without opening each one. `deviceCount` is the only field that isn't a\n// direct column read (lib/configStore.ts's listAllConfigs joins it), kept\n// here anyway since disambiguating configs is this page's entire job.\nexport type ConfigRow = {\n id: string;\n name: string | null;\n sports: string[];\n teams: string[];\n updatedAt: string;\n deviceCount: number;\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 most of this file, they need escaping before\n// landing in HTML. Config ids are UUIDs this val mints itself\n// (crypto.randomUUID() in lib/configStore.ts), never free text, so they're\n// interpolated as-is everywhere below, same as formAction always has been.\nfunction escapeHtml(value: string): string {\n return value.replace(/&/g, \"&\").replace(//g,\n \">\",\n ).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 ` ${\n titleCase(slug)\n }`;\n })\n .join(\" \");\n return `

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

`;\n }).join(\"\");\n}\n\n// The index's one-line summary of what a config actually resolves to —\n// same \"empty means all sports, teams beat sports\" precedence buildResolvedUrl\n// (lib/config.ts) and `/`'s resolveParams apply at request time, just\n// described in words instead of computed into a redirect.\nfunction summarizeSelection(config: StoredConfig): string {\n if (config.teams.length) {\n return config.teams.map((slug) => titleCase(slug)).join(\", \");\n }\n if (config.sports.length) {\n return config.sports.map((sport) => sport.toUpperCase()).join(\", \");\n }\n return \"All sports\";\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. Metadata (device id, paired-since, push\n// status) is read-only context alongside the rename form — this page is\n// still the only place a helper can tell paired devices apart.\nfunction deviceListMarkup(\n devices: PairedDeviceView[],\n actionPath: (deviceId: string) => string,\n): string {\n if (!devices.length) return \"

No devices paired yet.

\";\n const rows = devices\n .map((device) => {\n const safeId = escapeHtml(device.deviceId);\n const safeName = device.name ? escapeHtml(device.name) : \"\";\n const pairedSince = escapeHtml(\n new Date(device.createdAt).toLocaleString(),\n );\n const pushStatus = device.pushRegistered\n ? `Push registered${\n device.tokenUpdatedAt\n ? ` (updated ${\n escapeHtml(new Date(device.tokenUpdatedAt).toLocaleString())\n })`\n : \"\"\n }`\n : \"Push not registered\";\n return `

Device: ${safeId}
Paired since: ${pairedSince}
Push: ${pushStatus}

\n \n

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

${rows}`;\n}\n\n// Below the current live code (if any) on GET /config/:id/pair — old codes\n// for this config that no longer work, so a helper can tell \"this one's\n// dead, mint a new one\" from \"did I already send this code.\"\nfunction expiredCodesMarkup(codes: ExpiredCodeView[]): string {\n if (!codes.length) return \"\";\n const rows = codes\n .map((c) => {\n return `\n ${escapeHtml(c.code)}\n ${escapeHtml(new Date(c.createdAt).toLocaleString())}\n ${escapeHtml(new Date(c.expiresAt).toLocaleString())}\n `;\n })\n .join(\"\");\n return `

Expired codes

\n \n \n ${rows}\n

Code	Created	Expired

`;\n}\n\n// GET /config/:id/preview's item table — the same WidgetItem shape\n// render/json.ts's widgetPayload emits, laid out the way the widget itself\n// would present it (a local time instead of a raw unix timestamp) so a\n// helper can sanity-check ordering and text without decoding the JSON by\n// eye.\nfunction previewItemsMarkup(items: ConfigPreviewItem[]): string {\n if (!items.length) {\n return \"

No items — nothing in this config's window right now.

\";\n }\n const rows = items\n .map((item) => {\n const when = escapeHtml(new Date(item.timestamp * 1000).toLocaleString());\n return `\n ${when}\n ${escapeHtml(item.mainText)}\n ${escapeHtml(item.subText)}\n ${item.caption ? escapeHtml(item.caption) : \"\"}\n ${item.emphasized ? \"Yes\" : \"\"}\n `;\n })\n .join(\"\");\n return `\n \n ${rows}\n

When	Main	Sub	Caption	Emphasized

`;\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.9rem 0; padding-bottom: 0.9rem; border-bottom: 1px solid #eee; }\n ul.devices form { display: flex; gap: 0.5rem; }\n dl.device-meta { display: flex; flex-wrap: wrap; gap: 0 1.5rem; margin: 0 0 0.5rem; }\n dl.device-meta div { display: flex; gap: 0.35rem; }\n dl.device-meta dt { color: #666; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }\n dl.device-meta dd { margin: 0; font-size: 0.85rem; }\n dl.device-meta dd.device-id { font-family: ui-monospace, monospace; }\n input[type=\"text\"] { flex: 1; padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; }\n select { padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; background: #fff; }\n .link-device-form { display: flex; flex-wrap: wrap; gap: 0.5rem; }\n .link-device-form select { flex: 1; min-width: 12rem; }\n .breadcrumb { margin: 0 0 0.75rem; }\n .breadcrumb a { color: #2563eb; text-decoration: none; font-size: 0.9rem; }\n nav.config-nav { display: flex; gap: 1.25rem; margin: 0 0 1.5rem; border-bottom: 1px solid #ddd; }\n nav.config-nav a { color: #2563eb; text-decoration: none; padding-bottom: 0.6rem; font-size: 0.95rem; }\n nav.config-nav a.active { color: #1a1a1a; font-weight: 600; border-bottom: 2px solid #2563eb; }\n table.config-index { width: 100%; border-collapse: collapse; margin-top: 1rem; }\n table.config-index th, table.config-index td { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #eee; font-size: 0.95rem; }\n table.config-index th { color: #666; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }\n table.config-index td:first-child:not(:has(.config-id)) { font-family: ui-monospace, monospace; font-size: 0.85rem; }\n .config-id { font-family: ui-monospace, monospace; font-size: 0.8rem; color: #666; }\n pre { background: #f6f6f6; border: 1px solid #eee; border-radius: 6px; padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.8rem; line-height: 1.5; }\n`;\n\nfunction pageShell(title: string, body: string): string {\n return `\n\n\n\n\n${title}\n\n\n\n${body}\n\n`;\n}\n\ntype ConfigNavActive =\n | \"preview\"\n | \"settings\"\n | \"personalization\"\n | \"devices\"\n | \"pair\";\n\n// The persistent top nav every id-scoped sub-page shares, so moving between\n// the form, personalization, the device list, the pairing flow, and the\n// preview never routes back through the index. `active` just marks which\n// tab is current — every route is a real page, not a client-side view\n// swap, so this is plain server-rendered markup with no JS involved.\nfunction configNav(id: string, active: ConfigNavActive): string {\n const tabs: { key: ConfigNavActive; href: string; label: string }[] = [\n { key: \"preview\", href: `/config/${id}/preview`, label: \"Preview\" },\n { key: \"settings\", href: `/config/${id}`, label: \"Settings\" },\n {\n key: \"personalization\",\n href: `/config/${id}/personalization`,\n label: \"Personalization\",\n },\n { key: \"devices\", href: `/config/${id}/devices`, label: \"Devices\" },\n { key: \"pair\", href: `/config/${id}/pair`, label: \"Pair\" },\n ];\n const links = tabs\n .map((tab) =>\n `${tab.label}`\n )\n .join(\"\");\n return ``;\n}\n\n// GET /config. Prototype-stage only: this lists every config's id as a live\n// link, which is exactly the \"unguessable capability URL\" every other page\n// in this file (and docs/valtown-brief.md) otherwise treats as sensitive —\n// bookmark-only, never logged, never enumerable. Explicitly requested as an\n// acceptable bypass while there's no auth story yet; do not carry this\n// page's behavior forward once /config gets real access control.\nexport function configIndexDocument(configs: ConfigRow[]): string {\n const rows = configs\n .map((row) => {\n const safeId = escapeHtml(row.id);\n // A named config leads with that name (what generateConfigName gave\n // it, or whatever the configurator renamed it to) and keeps the id\n // underneath in monospace — still visible and copyable, just not the\n // headline anymore. A pre-migration config with no name yet falls\n // back to exactly the old behavior: the id as the link text, nothing\n // underneath.\n const label = row.name ? escapeHtml(row.name) : safeId;\n const idSubtext = row.name\n ? `
${safeId}`\n : \"\";\n return `\n ${label}${idSubtext}\n ${escapeHtml(summarizeSelection(row))}\n ${row.deviceCount}\n ${escapeHtml(new Date(row.updatedAt).toLocaleString())}\n `;\n })\n .join(\"\");\n const body = `\n

All configs

+ New config

\n \n \n ${rows || ``}\n

Config	Favorites	Devices	Updated
No configs yet.

`;\n return pageShell(\"Widget favorites — All configs\", body);\n}\n\nexport type DeviceConfigRow = {\n deviceId: string;\n name: string | null;\n configId: string;\n configName: string | null;\n configFound: boolean;\n createdAt: string;\n};\n\n// GET /devices is intentionally not linked from the current configurator\n// layout. It is a read-only view of device_configs, with a config link only\n// when the LEFT JOIN in configStore confirms the referenced row still exists.\nexport function deviceConfigIndexDocument(devices: DeviceConfigRow[]): string {\n const rows = devices.map((device) => {\n const safeDeviceId = escapeHtml(device.deviceId);\n const safeConfigId = escapeHtml(device.configId);\n const safeName = device.name ? escapeHtml(device.name) : \"—\";\n const configLabel = device.configName ? escapeHtml(device.configName) : safeConfigId;\n const configIdSubtext = device.configName\n ? `
${safeConfigId}`\n : \"\";\n const configCell = device.configFound\n ? `${configLabel}${configIdSubtext}`\n : `${safeConfigId}
Missing config`;\n return `\n ${safeDeviceId}\n ${safeName}\n ${configCell}\n ${escapeHtml(new Date(device.createdAt).toLocaleString())}\n `;\n }).join(\"\");\n const body = `\n

Devices

\n \n \n ${rows || ``}\n

Device	Name	Config	Linked
No devices yet.

`;\n return pageShell(\"Widget favorites — Devices\", body);\n}\n\nexport type ConfigNewOptions = {\n formAction: string;\n config: StoredConfig;\n name: string;\n};\n\n// GET /config/new. No id yet, so no top nav — Settings/Devices/Pair/Preview\n// only make sense once POST /config/new has actually created a row. `name`\n// is generated eagerly by the caller (main.ts calls\n// lib/configStore.ts's generateConfigName before rendering this page, not\n// after creating the row) so the configurator sees the default here and\n// can edit or clear it before the config even exists, rather than only\n// discovering it after the fact on the Settings page.\nexport function configNewDocument(opts: ConfigNewOptions): string {\n const { formAction, config, name } = opts;\n const body = `\n \n

Widget favorites

\n `;\n return pageShell(\"Widget favorites — New\", body);\n}\n\nexport type ConfigSettingsOptions = {\n id: string;\n formAction: string;\n config: StoredConfig;\n name: string | null;\n saved?: boolean;\n};\n\n// GET/POST /config/:id. The sports/teams form, plus the config's own name\n// — auto-generated at creation (lib/configStore.ts's generateConfigName)\n// but editable here like any other setting, in the same submit. Device\n// list and pairing moved to their own routes/documents below.\nexport function configSettingsDocument(opts: ConfigSettingsOptions): string {\n const { id, formAction, config, name, saved } = opts;\n const safeName = name ? escapeHtml(name) : \"\";\n const body = `\n ${configNav(id, \"settings\")}\n

Widget favorites

\n ${saved ? \"

Saved.

\" : \"\"}\n `;\n return pageShell(\"Widget favorites — Settings\", body);\n}\n\nexport type ConfigPersonalizationOptions = {\n id: string;\n formAction: string;\n personalization: PersonalizationView;\n saved?: boolean;\n};\n\n// GET/POST /config/:id/personalization — presentation settings, kept\n// separate from Settings' sports/teams (\"what to show\") on purpose: this\n// is \"how to show it,\" a different question with its own growth path\n// (lib/configStore.ts's configs.personalization is a JSON column\n// specifically so more of these can land here later without touching the\n// sports/teams half of the row or this route's URL). The first setting is\n// the intraday-vs-day filter: whether a completed game keeps showing\n// (captioned END) for the rest of its day, or disappears from the list\n// the moment it ends. Rendered as a always submits one of its two\n// named values.\nexport function configPersonalizationDocument(\n opts: ConfigPersonalizationOptions,\n): string {\n const { id, formAction, personalization, saved } = opts;\n const body = `\n ${configNav(id, \"personalization\")}\n

Personalization

\n ${saved ? \"

Saved.

\" : \"\"}\n `;\n return pageShell(\"Widget favorites — Personalization\", body);\n}\n\nexport type ConfigDevicesOptions = {\n id: string;\n devices: PairedDeviceView[];\n deviceActionPath: (deviceId: string) => string;\n};\n\n// GET /config/:id/devices.\nexport function configDevicesDocument(opts: ConfigDevicesOptions): string {\n const { id, devices, deviceActionPath } = opts;\n const body = `\n ${configNav(id, \"devices\")}\n

Paired devices

\n ${deviceListMarkup(devices, deviceActionPath)}`;\n return pageShell(\"Widget favorites — Devices\", body);\n}\n\nexport type LinkableDeviceView = { deviceId: string; name: string | null };\n\nexport type ConfigPairOptions = {\n id: string;\n codeActionPath: string;\n linkActionPath: string;\n devices: LinkableDeviceView[];\n pairing?: { code: string; expiresAt: string } | null;\n expiredCodes: ExpiredCodeView[];\n linked?: boolean;\n};\n\n// GET /config/:id/pair, POST /config/:id/pair, and POST\n// /config/:id/code share this page. The select only contains existing device\n// rows owned by another config; submitting it reassigns that association.\nexport function configPairDocument(opts: ConfigPairOptions): string {\n const {\n id,\n codeActionPath,\n linkActionPath,\n devices,\n pairing,\n expiredCodes,\n linked,\n } = opts;\n const deviceOptions = devices.map((device) => {\n const safeId = escapeHtml(device.deviceId);\n const label = device.name\n ? `${escapeHtml(device.name)} — ${safeId}`\n : safeId;\n return ``;\n }).join(\"\");\n const linkForm = deviceOptions\n ? ``\n : \"

Every known device is already linked to this config.

\";\n const body = `\n ${configNav(id, \"pair\")}\n

Pair a device

\n ${linked ? \"

Device linked.

\" : \"\"}\n

Link an existing device

\n ${linkForm}\n

Pair with a code

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

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

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

\n ${expiredCodesMarkup(expiredCodes)}`;\n return pageShell(\"Widget favorites — Pair a device\", body);\n}\n\nexport type ConfigPreviewOptions =\n | { id: string; ok: true; items: ConfigPreviewItem[]; rawJson: string }\n | { id: string; ok: false; error: string };\n\n// GET /config/:id/preview — a read-only render of what /config/resolve\n// would currently hand the widget for this exact config: the same items\n// list as a table (for a quick sanity check) plus the full response\n// pretty-printed in a

 (for inspecting the exact contract, the way a\n// helper would otherwise need curl or the browser's devtools to see). This\n// is genuinely live: main.ts's handler runs the same slate-picking path\n// `/` itself does — real outbound Sleeper calls, not a canned fixture — so\n// `ok: false` is a real possibility (e.g. Sleeper unreachable) that gets\n// its own error state rather than a broken page.\nexport function configPreviewDocument(opts: ConfigPreviewOptions): string {\n  const { id } = opts;\n  const body = `\n    ${configNav(id, \"preview\")}\n    Preview
\n    ${\n    opts.ok\n      ? `${previewItemsMarkup(opts.items)}\n    \n      Raw response
\n      ${escapeHtml(opts.rawJson)}
\n    
`\n      : `Couldn't build a preview: ${escapeHtml(opts.error)}
`\n  }`;\n  return pageShell(\"Widget favorites — Preview\", body);\n}",[],[373,424],"e41be3ad-dd18-4233-ae27-553fb5d589bd",["D",1788291677393],[339,340,341,342,343,344,345,346,347],[373],["D",1788291677393],[],[18,87],["D",1788291677393],[],[18,99],["D",1788291677393],[],[18,105],["D",1788291677393],[],[18,111],["D",1788291677393],[],[18,117],["D",1788291677393],[],[18,123],["D",1788291677393],[],[18,129],["D",1788291677393],[],[18,135],["D",1788291677393],[],[18,141],["D",1788291677393],[],[18,147],["D",1788291677393],[],[18,153],["D",1788291677393],[],[18,158],["D",1788291677393],[326,327,328,329,330,331,332,333,334,335,336,337],[18],"d57c2b22-9464-491c-aa6c-d73aa11d0aea","root.ts","32e600ec-a63d-11f1-a956-1607ee4eb77e","21803e30-a63d-11f1-9a9f-1607ee4eb77e",6,["D",1788291720215],"// Public root and explicit sports render formats.\n\nimport { Hono } from \"npm:hono\";\nimport { gamesResponse } from \"../handlers/games.ts\";\n\nexport const rootRoutes = new Hono();\n\nrootRoutes.get(\"/\", (c) => {\n  const format = c.req.query(\"format\");\n  if (format === \"json\" || format === \"png\") {\n    return gamesResponse(c.req.raw);\n  }\n  return c.text(\"hello\");\n});\n",[],[354,482,474],"routes","9a75e001-6467-4e93-8cb4-2afeb5ddb570","devices.ts","3d431f34-a63d-11f1-be7a-1607ee4eb77e",7,["D",1788291737610],"// Device management and app-facing pairing/token endpoints.\n\nimport { Hono } from \"npm:hono\";\nimport {\n  listAllDeviceConfigs,\n  pairDevice,\n  saveDeviceToken,\n} from \"../../lib/configStore.ts\";\nimport { deviceConfigIndexDocument } from \"../../render/configHtml.ts\";\n\nexport const deviceRoutes = new Hono();\n\ndeviceRoutes.get(\"/devices\", async (c) => {\n  const devices = await listAllDeviceConfigs();\n  return c.html(deviceConfigIndexDocument(devices));\n});\n\ndeviceRoutes.post(\"/pair\", async (c) => {\n  let body: unknown;\n  try {\n    body = await c.req.json();\n  } catch {\n    return c.json({ ok: false }, 400);\n  }\n\n  const { code, device } = (body ?? {}) as {\n    code?: unknown;\n    device?: unknown;\n  };\n  if (typeof code !== \"string\" || typeof device !== \"string\") {\n    return c.json({ ok: false }, 400);\n  }\n\n  const result = await pairDevice(code, device);\n  if (result.ok) return c.json(result, 200);\n  if (result.reason === \"expired\") {\n    return c.json({ ok: false, message: \"expired\" }, 422);\n  }\n  return c.json({ ok: false }, 404);\n});\n\ndeviceRoutes.post(\"/device/token\", async (c) => {\n  let body: unknown;\n  try {\n    body = await c.req.json();\n  } catch {\n    return c.json({ ok: false }, 400);\n  }\n\n  const { device, token } = (body ?? {}) as {\n    device?: unknown;\n    token?: unknown;\n  };\n  if (typeof device !== \"string\" || typeof token !== \"string\") {\n    return c.json({ ok: false }, 400);\n  }\n\n  await saveDeviceToken(device, token);\n  return c.json({ ok: true });\n});\n",[],[354,482,484],"8de93f4a-7c11-4347-b3a6-2dc1aa53dcb3","5c2d992e-a63d-11f1-8442-1607ee4eb77e",8,["D",1788291789479],"// Browser-managed configuration routes and the widget resolve/status API.\n\nimport { Hono } from \"npm:hono\";\nimport { SPORTS, TEAMS } from \"../../lib/catalog.ts\";\nimport {\n  buildResolvedUrl,\n  DEFAULT_PERSONALIZATION,\n  type StoredConfig,\n} from \"../../lib/config.ts\";\nimport {\n  createConfig,\n  createPairingCode,\n  generateConfigName,\n  getConfig,\n  getDeviceStatus,\n  getPersonalization,\n  linkExistingDevice,\n  listAllConfigs,\n  listDevicesForConfig,\n  listExpiredPairingCodes,\n  listLinkableDevices,\n  renameConfig,\n  renameDevice,\n  resolveDevice,\n  updateConfig,\n  updatePersonalization,\n} from \"../../lib/configStore.ts\";\nimport { notifyConfigDevices } from \"../../lib/push.ts\";\nimport {\n  configDevicesDocument,\n  configIndexDocument,\n  configNewDocument,\n  configPairDocument,\n  configPersonalizationDocument,\n  configPreviewDocument,\n  type ConfigPreviewItem,\n  configSettingsDocument,\n} from \"../../render/configHtml.ts\";\nimport { gamesResponse } from \"../handlers/games.ts\";\n\nfunction asArray(value: unknown): string[] {\n  if (Array.isArray(value)) {\n    return value.filter((item): item is string => typeof item === \"string\");\n  }\n  return typeof value === \"string\" ? [value] : [];\n}\n\nfunction filterKnown(values: string[], allowed: string[]): string[] {\n  return values.filter((value) => allowed.includes(value));\n}\n\nfunction deviceActionPath(id: string): (deviceId: string) => string {\n  return (deviceId) => `/config/${id}/devices/${\n    encodeURIComponent(deviceId)\n  }`;\n}\n\nconst TEAM_SLUGS = Object.keys(TEAMS);\n\n// Unpaired installs keep the product's deliberate starter-team fallback.\nconst LEGACY_DEFAULT_CONFIG: StoredConfig = {\n  sports: [],\n  teams: [\"fever\", \"sparks\", \"dodgers\"],\n};\n\nexport const configRoutes = new Hono();\n\nconfigRoutes.get(\"/\", async (c) => {\n  const configs = await listAllConfigs();\n  return c.html(configIndexDocument(configs));\n});\n\nconfigRoutes.get(\"/new\", (c) => {\n  return c.html(\n    configNewDocument({\n      formAction: \"/config/new\",\n      config: { sports: [], teams: [] },\n      name: generateConfigName(),\n    }),\n  );\n});\n\nconfigRoutes.post(\"/new\", async (c) => {\n  const body = await c.req.parseBody({ all: true });\n  const config = {\n    sports: filterKnown(asArray(body[\"sports[]\"]), SPORTS),\n    teams: filterKnown(asArray(body[\"teams[]\"]), TEAM_SLUGS),\n  };\n  const name = typeof body[\"name\"] === \"string\"\n    ? body[\"name\"].trim() || null\n    : null;\n  const { id } = await createConfig(config, name);\n  return c.redirect(`/config/${id}`);\n});\n\nconfigRoutes.get(\"/resolve\", async (c) => {\n  const url = new URL(c.req.url);\n  const deviceId = url.searchParams.get(\"device\");\n  const stored = deviceId ? await resolveDevice(deviceId) : null;\n  const target = buildResolvedUrl(\n    stored ?? LEGACY_DEFAULT_CONFIG,\n    stored?.personalization ?? DEFAULT_PERSONALIZATION,\n    {\n      d: url.searchParams.get(\"d\"),\n      tz: url.searchParams.get(\"tz\"),\n    },\n  );\n  return new Response(null, {\n    status: 302,\n    headers: { Location: target, \"cache-control\": \"no-store\" },\n  });\n});\n\nconfigRoutes.get(\"/status/:deviceId\", async (c) => {\n  const deviceId = c.req.param(\"deviceId\");\n  const status = await getDeviceStatus(deviceId);\n  if (!status) return c.json({ deviceId, paired: false });\n  return c.json({\n    deviceId,\n    paired: true,\n    configId: status.configId,\n    name: status.name,\n    sports: status.sports,\n    teams: status.teams,\n  });\n});\n\nconfigRoutes.get(\"/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  return c.html(\n    configSettingsDocument({\n      id,\n      formAction: `/config/${id}`,\n      config,\n      name: config.name,\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const existing = await getConfig(id);\n  if (!existing) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody({ all: true });\n  const config = {\n    sports: filterKnown(asArray(body[\"sports[]\"]), SPORTS),\n    teams: filterKnown(asArray(body[\"teams[]\"]), TEAM_SLUGS),\n  };\n  const name = typeof body[\"name\"] === \"string\" ? body[\"name\"] : \"\";\n  await updateConfig(id, config);\n  await renameConfig(id, name);\n  await notifyConfigDevices(id).catch(() => undefined);\n  return c.html(\n    configSettingsDocument({\n      id,\n      formAction: `/config/${id}`,\n      config,\n      name: name.trim() || null,\n      saved: true,\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/personalization\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const personalization = await getPersonalization(id);\n  return c.html(\n    configPersonalizationDocument({\n      id,\n      formAction: `/config/${id}/personalization`,\n      personalization,\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id/personalization\", async (c) => {\n  const id = c.req.param(\"id\");\n  const existing = await getConfig(id);\n  if (!existing) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody({ all: true });\n  const personalization = {\n    intradayFilter: body[\"intradayFilter\"] === \"intraday\",\n  };\n  await updatePersonalization(id, personalization);\n  await notifyConfigDevices(id).catch(() => undefined);\n  return c.html(\n    configPersonalizationDocument({\n      id,\n      formAction: `/config/${id}/personalization`,\n      personalization,\n      saved: true,\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/devices\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const devices = await listDevicesForConfig(id);\n  return c.html(\n    configDevicesDocument({\n      id,\n      devices,\n      deviceActionPath: deviceActionPath(id),\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/pair\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const [expiredCodes, devices] = await Promise.all([\n    listExpiredPairingCodes(id),\n    listLinkableDevices(id),\n  ]);\n  return c.html(\n    configPairDocument({\n      id,\n      codeActionPath: `/config/${id}/code`,\n      linkActionPath: `/config/${id}/pair`,\n      devices,\n      expiredCodes,\n      linked: c.req.query(\"linked\") === \"1\",\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id/pair\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody();\n  const deviceId = String(body.deviceId ?? \"\").trim();\n  if (!deviceId) return c.text(\"Choose a device\", 400);\n\n  const linked = await linkExistingDevice(id, deviceId);\n  if (!linked) return c.text(\"Device not available\", 422);\n  return c.redirect(`/config/${id}/pair?linked=1`);\n});\n\nconfigRoutes.post(\"/:id/code\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const pairing = await createPairingCode(id);\n  const [expiredCodes, devices] = await Promise.all([\n    listExpiredPairingCodes(id),\n    listLinkableDevices(id),\n  ]);\n  return c.html(\n    configPairDocument({\n      id,\n      codeActionPath: `/config/${id}/code`,\n      linkActionPath: `/config/${id}/pair`,\n      devices,\n      pairing,\n      expiredCodes,\n    }),\n  );\n});\n\n// Preview reuses the widget pipeline rather than approximating its output.\nconfigRoutes.get(\"/:id/preview\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  try {\n    const personalization = await getPersonalization(id);\n    const target = buildResolvedUrl(config, personalization);\n    const response = await gamesResponse(\n      new Request(new URL(target, c.req.url)),\n    );\n    const payload = (await response.json()) as {\n      items: ConfigPreviewItem[];\n    };\n    return c.html(\n      configPreviewDocument({\n        id,\n        ok: true,\n        items: payload.items,\n        rawJson: JSON.stringify(payload, null, 2),\n      }),\n    );\n  } catch (err) {\n    return c.html(\n      configPreviewDocument({\n        id,\n        ok: false,\n        error: err instanceof Error ? err.message : String(err),\n      }),\n    );\n  }\n});\n\nconfigRoutes.post(\"/:id/devices/:deviceId\", async (c) => {\n  const id = c.req.param(\"id\");\n  const deviceId = c.req.param(\"deviceId\");\n  const body = await c.req.parseBody({ all: true });\n  const name = typeof body[\"name\"] === \"string\" ? body[\"name\"] : \"\";\n  await renameDevice(deviceId, name);\n  return c.redirect(`/config/${id}/devices`);\n});\n",[],[354,482,141],"18e54f6e-73f0-4abe-bda1-6c6946de4a41","1e1962da-a63d-11f1-8f21-1607ee4eb77e",4,["D",1788291691034],[322,323,324],[354,482],"369b3911-14b8-4859-a6df-82fb27590edb","2e20fa76-a63d-11f1-96e1-1607ee4eb77e","1fb5bd64-a63d-11f1-b784-1607ee4eb77e",5,["D",1788291712211],"// Shared sports pipeline for widget JSON, PNG diagnostics, and config previews.\n// Query validation and slate selection stay centralized so callers cannot drift.\n\nimport {\n  formatDateLabel,\n  resolveClientOffsetSeconds,\n  windowDatesFor,\n} from \"../../lib/dates.ts\";\nimport { pickNextSlate } from \"../../lib/games.ts\";\nimport { resolveParams } from \"../../lib/params.ts\";\nimport { fetchScores } from \"../../lib/sleeper.ts\";\nimport { renderJson } from \"../../render/json.ts\";\nimport { renderPng } from \"../../render/png.ts\";\nimport { backgroundForHue, randomHue } from \"../../render/theme.ts\";\n\nexport async function gamesResponse(req: Request): Promise {\n  const url = new URL(req.url);\n  const dayParam = url.searchParams.get(\"day\");\n  const day = dayParam === \"today\"\n    ? \"today\"\n    : dayParam === \"tomorrow\"\n    ? \"tomorrow\"\n    : \"next\";\n  const format = url.searchParams.get(\"format\");\n\n  const resolved = resolveParams(\n    url.searchParams.getAll(\"sports[]\"),\n    url.searchParams.getAll(\"teams[]\"),\n  );\n  if (\n    dayParam !== null && dayParam !== \"today\" && dayParam !== \"tomorrow\" &&\n    dayParam !== \"next\"\n  ) {\n    resolved.rejected.push(`day:${dayParam}`);\n  }\n\n  const { offsetSeconds: clientOffsetSeconds, rejected: rejectedTz } =\n    resolveClientOffsetSeconds(url.searchParams.get(\"tz\"));\n  if (rejectedTz) resolved.rejected.push(rejectedTz);\n\n  const dates = windowDatesFor(day, clientOffsetSeconds);\n  const gamesByDate = await Promise.all(\n    dates.map((date) => fetchScores(date, resolved.sports)),\n  );\n  const picked = pickNextSlate(\n    dates,\n    gamesByDate,\n    resolved.sports,\n    resolved.teams,\n  );\n  const date = picked?.date ?? dates[0];\n  const bySport = picked?.bySport ?? [];\n  const resolvedDate = picked?.date ?? null;\n  const hideCompleted = url.searchParams.get(\"hideCompleted\") === \"1\";\n\n  if (format === \"json\") {\n    return renderJson(\n      bySport,\n      day,\n      resolved,\n      clientOffsetSeconds,\n      resolvedDate,\n      hideCompleted,\n    );\n  }\n  if (format === \"png\") {\n    return renderPng({\n      bySport,\n      dateLabel: formatDateLabel(date, day),\n      width: Number(url.searchParams.get(\"w\")) || 329,\n      height: Number(url.searchParams.get(\"h\")) || 155,\n      background: backgroundForHue(randomHue()),\n      rejected: resolved.rejected,\n      clientOffsetSeconds,\n    });\n  }\n  return new Response(\"Unsupported format\", { status: 400 });\n}\n",[],[354,512,123],"handlers","57942b85-172a-4624-9820-f8693bb6a86b",3,["D",1788291687999],[320],[354,512],"c16d1bbe-7031-4587-a865-bd2a5e0790d9",2,["D",1788291685324],[319,321],[354],["D",1787009561780],["D",1789532458193],{"_11":12,"_212":93},{"_11":12,"_208":-5,"_92":93,"_31":91,"_209":210,"_211":30},{"_39":198,"_13":16,"_33":36,"_199":162,"_200":81,"_201":202,"_203":166,"_204":162,"_205":42,"_206":14,"_207":12},"ctx",{"_54":-5,"_232":561,"_562":563,"_564":565,"_566":30,"_567":30,"_568":30,"_569":24,"_570":-5,"_571":-7,"_572":-7,"_573":26,"_574":30,"_575":30,"_576":-5,"_577":30,"_578":30,"_579":30,"_580":-5},"ENV",{"_532":533,"_534":535,"_536":82,"_537":538,"_539":540,"_541":542,"_543":544,"_545":546,"_547":548,"_549":550,"_551":552,"_553":554,"_555":556,"_557":558,"_559":560},"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"]

History · lib