[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_108":107,"_33":55,"_116":98,"_28":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_21":-5,"_128":-5,"_129":-5,"_130":26,"_131":132,"_133":46,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_53":54,"_33":55,"_39":56,"_57":-5,"_58":26,"_59":60,"_61":60,"_62":63,"_64":-5,"_18":65,"_66":-5,"_67":26,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":26},"version",15,"changes",[19,20],"aiChatInfo","userId",{"_21":44,"_23":45,"_25":46,"_27":26,"_28":47,"_30":47},{"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_25":26},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","f0eeffb8-9a93-11f1-9bb6-1607ee4eb77e","name","fileType","http","content","// sports-today — val.town HTTP val (plusjade/sports-today, file main.ts)\n//\n// Live at: https://plusjade--f0eeffb89a9311f19bb61607ee4eb77e.web.val.run/\n//\n// That URL is derived from this file's val.town file id, NOT its path — so\n// this file must only ever be updated in place. Deleting and recreating\n// main.ts (or renaming it) mints a new id and a new URL, silently pointing\n// the iOS widget at a dead endpoint while the new one returns a healthy\n// 200. Verify `links.endpoint` still ends in f0eeffb8… after any deploy.\n//\n// Deploys: this repo is the source of truth, pushed via the val.town MCP\n// tools (update_file on this path, create_file for new ones) — no more\n// hand-copying into the web editor. Verify on the `dev` branch, which gets\n// its own isolated endpoint, then merge_branch into main. See\n// docs/DECISIONS.md.\n//\n// All schedule/channel logic lives in core.ts, which is deployed alongside\n// this file and covered by test-core.ts against real captured fixtures.\n// Port of app/controllers/games_controller.rb + app/views/games/today.html.erb.\n//\n// Usage:\n// ?day=today|tomorrow (default: today)\n// ?format=html|json|png (default: html)\n// ?w=&h= (png only, default 329x155 — an iOS \"medium\" widget-ish size)\n//\n// png shows as many games as fit legibly in the requested canvas, and\n// reports the rest as a \"+N more\" line rather than rendering them too small\n// to read (or, as it did before, overflowing the canvas and clipping them\n// away silently). Widen or heighten the canvas to see more games.\n//\n// The png format is the piece that answers the iOS-widget question: a\n// WidgetKit \"Image from URL\" timeline entry can point straight at\n// .../?format=png&day=today and the widget stays a dumb — all the\n// schedule/channel logic stays server-side, same as this app's existing\n// Rails view. Sized and weighted for low-vision scannability: one bold,\n// large, high-contrast matchup line per game (white on near-black,\n// ~19.5:1) rather than the dense multi-game table the HTML/JSON formats\n// use.\n\nimport satori from \"npm:satori\";\nimport { Resvg, initWasm } from \"npm:@resvg/resvg-wasm\";\nimport {\n fetchScores,\n formatDateLabel,\n pngLayout,\n slateDateFor,\n transformScores,\n type EnrichedGame,\n type GamesBySport,\n} from \"./core.ts\";\n\n// ---- rendering ----\n\nfunction renderJson(bySport: GamesBySport, dateLabel: string) {\n return Response.json({ date_label: dateLabel, games_by_sport: bySport });\n}\n\nfunction renderHtml(bySport: GamesBySport, dateLabel: string) {\n const rows = bySport\n .map(\n ({ sport, games }) => `\n

${sport.toUpperCase()}

\n \n ${games\n .map((game) => {\n const time = new Date(game.start_time).toLocaleTimeString(\"en-US\", {\n timeZone: \"America/Los_Angeles\",\n hour: \"numeric\",\n minute: \"2-digit\",\n timeZoneName: \"short\",\n });\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 new Response(`

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

${sport.toUpperCase()}

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

${time}

${channelText}

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

No games ${dateLabel}.

`;\n\n return new Response(`

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

${body}`, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// Module-scope caches: val.town reuses the Deno process across requests\n// when possible, so a cold WASM init / font fetch only has to happen once\n// per warm process, not once per request.\nlet wasmReady: Promise | null = null;\nlet regularFontPromise: Promise | null = null;\nlet boldFontPromise: Promise | null = null;\n\nfunction ensureWasm() {\n if (!wasmReady) wasmReady = initWasm(fetch(\"https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm\"));\n return wasmReady;\n}\n\nfunction fetchFont(weight: number) {\n return fetch(`https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-${weight}-normal.ttf`)\n .then((r) => r.arrayBuffer())\n .then((buf) => new Uint8Array(buf));\n}\n\nfunction regularFont() {\n return (regularFontPromise ??= fetchFont(400));\n}\n\nfunction boldFont() {\n return (boldFontPromise ??= fetchFont(700));\n}\n\n// Practical ceiling for a combined nfl+wnba day, not a display preference —\n// a full NFL Sunday can run well past this, and this image is meant for an\n// at-a-glance widget, not a full schedule view. How many of these actually\n// get drawn is decided by pngLayout, which fits them to the canvas.\nconst MAX_GAMES_SHOWN = 10;\n\n// DirecTV channel appended inline (not a third line) — keeps to two lines\n// per game, the thing that made this legible in the first place. Only\n// shown when a DirecTV number is actually known; streaming/regional/\n// unknown channels stay silent rather than cluttering the line.\nfunction formatTimeAndChannel(game: EnrichedGame): string {\n const time = new Date(game.start_time).toLocaleTimeString(\"en-US\", {\n timeZone: \"America/Los_Angeles\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n return game.channel.directv_channel ? `${time} · CH ${game.channel.directv_channel}` : time;\n}\n\nasync function renderPng(bySport: GamesBySport, dateLabel: string, width: number, height: number) {\n await ensureWasm();\n\n // Pass the full slate size, not a slice of it — MAX_GAMES_SHOWN goes in as\n // a ceiling on rendered rows so that games above it still get counted into\n // \"+N more\" rather than dropping out of the total silently.\n const games = bySport.flatMap((g) => g.games);\n const layout = pngLayout(width, height, games.length, MAX_GAMES_SHOWN);\n const visible = games.slice(0, layout.shown);\n\n const row = (game: EnrichedGame) => ({\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: layout.rowGap },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.matchupFontSize, fontWeight: 700, lineHeight: 1.1 },\n children: `${game.away} @ ${game.home}`,\n },\n },\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.timeFontSize, color: MUTED },\n children: formatTimeAndChannel(game),\n },\n },\n ],\n },\n });\n\n // Dropped games are counted, never silently omitted — the widget should\n // say \"there is more\" rather than imply the day is only this long.\n const moreRow = {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.moreFontSize, color: MUTED },\n children: `+${layout.hidden} more`,\n },\n };\n\n const tree = {\n type: \"div\",\n props: {\n style: {\n width,\n height,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n backgroundColor: backgroundForHue(randomHue()),\n borderWidth: 1,\n borderStyle: \"solid\",\n borderColor: BORDER,\n color: FG,\n fontFamily: \"sans\",\n padding: layout.padding,\n gap: layout.gap,\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n fontSize: layout.headerFontSize,\n color: MUTED,\n textTransform: \"uppercase\",\n letterSpacing: 1,\n },\n children: dateLabel,\n },\n },\n ...(visible.length\n ? visible.map(row)\n : [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: Math.round(32 * layout.scale), color: MUTED },\n children: \"No games\",\n },\n },\n ]),\n ...(layout.hidden > 0 ? [moreRow] : []),\n ],\n },\n };\n\n const svg = await satori(tree, {\n width,\n height,\n fonts: [\n { name: \"sans\", data: await regularFont(), weight: 400, style: \"normal\" },\n { name: \"sans\", data: await boldFont(), weight: 700, style: \"normal\" },\n ],\n });\n\n const png = new Resvg(svg).render().asPng();\n return new Response(png, { headers: { \"content-type\": \"image/png\", \"cache-control\": \"public, max-age=60\" } });\n}\n\n// ---- entry point ----\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const day = url.searchParams.get(\"day\") === \"tomorrow\" ? \"tomorrow\" : \"today\";\n const format = url.searchParams.get(\"format\") ?? \"html\";\n\n const date = slateDateFor(day);\n const games = await fetchScores(date);\n const bySport = transformScores(games);\n\n if (format === \"json\") return renderJson(bySport, day);\n if (format === \"png\") {\n const width = Number(url.searchParams.get(\"w\")) || 329;\n const height = Number(url.searchParams.get(\"h\")) || 155;\n return renderPng(bySport, formatDateLabel(date), width, height);\n }\n return renderHtml(bySport, day);\n}\n","createdAt",["D",1787107759932],"branchVersion","branchId","9635267c-e84d-4621-be8a-af9e5052d6d5",{"_31":48,"_33":47,"_34":49,"_36":51,"_39":52,"_41":14,"_42":43,"_25":26},{"_31":48,"_33":47,"_34":49,"_36":50},true,"core.ts","52c5b2a4-9b75-11f1-8abd-1607ee4eb77e","script","// Portable core: no runtime-specific imports, no rendering. Deployed to\n// val.town as a `script` file and imported by main.ts, so the code the\n// tests cover is literally the code that serves production — the earlier\n// core.mjs / games-today.val.ts split had these constants duplicated\n// verbatim and only tested the copy that never ran.\n//\n// Runs unchanged under Deno (val.town) and Node (test-core.ts, via\n// --experimental-strip-types). Keep it to erasable TypeScript — type\n// annotations and type aliases only, no enums/namespaces/parameter\n// properties — or Node's stripper rejects it.\n//\n// Ported from app/controllers/games_controller.rb.\n\nexport const SPORTS = [\"nfl\", \"wnba\"];\n\n// Ported verbatim from GamesController::NATIONAL_CHANNELS /\n// GamesController::STREAMING_CHANNELS. See that file for the reasoning\n// behind word-boundary matching (plain substring mislabels \"NBCS-PH\" as an\n// NBC affiliate) and the amzn/amazon dual-key (Sleeper sends the long form\n// for mlb/wnba).\nexport const NATIONAL_CHANNELS: Record = {\n abc: { directv_channel: 4, note: null },\n cbs: { directv_channel: 2, note: null },\n espn: { directv_channel: 206, note: null },\n ion: { directv_channel: 305, note: null },\n nbatv: { directv_channel: 216, note: null },\n nbc: { directv_channel: 4, note: null },\n tbs: { directv_channel: 247, note: null },\n usa: { directv_channel: 242, note: null },\n sportsnet: { directv_channel: 691, note: null },\n};\n\nexport const STREAMING_CHANNELS: Record = {\n amzn: { note: \"computer only\" },\n amazon: { note: \"computer only\" },\n peacock: { note: \"computer only\" },\n};\n\nexport type ChannelInfo = {\n category: string;\n name: string | null;\n directv_channel: number | null;\n note: string | null;\n};\n\nfunction channelMatches(rawChannel: string, key: string) {\n return new RegExp(`\\\\b${key.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}\\\\b`, \"i\").test(rawChannel);\n}\n\nexport function channelInfo(rawChannel: string | null | undefined): ChannelInfo {\n if (!rawChannel) return { category: \"unknown\", name: null, directv_channel: null, note: null };\n\n const nationalKey = Object.keys(NATIONAL_CHANNELS).find((key) => channelMatches(rawChannel, key));\n if (nationalKey) return { category: \"national\", name: rawChannel, ...NATIONAL_CHANNELS[nationalKey] };\n\n const streamingKey = Object.keys(STREAMING_CHANNELS).find((key) => channelMatches(rawChannel, key));\n if (streamingKey) {\n return { category: \"streaming\", name: rawChannel, directv_channel: null, ...STREAMING_CHANNELS[streamingKey] };\n }\n\n return { category: \"regional\", name: rawChannel, directv_channel: null, note: null };\n}\n\n// Sleeper buckets /scores by Eastern day, not UTC — same fact\n// Sleeper::Client.today_slate_date encodes. Anchored off real UTC \"now\",\n// not any app-local notion of \"today\".\nconst SCORES_SLATE_TIME_ZONE = \"America/New_York\";\n\nexport function todaySlateDate(now = new Date()): string {\n // en-CA gives YYYY-MM-DD directly, sorted the way ISO date math wants it.\n return now.toLocaleDateString(\"en-CA\", { timeZone: SCORES_SLATE_TIME_ZONE });\n}\n\nexport function addDays(isoDate: string, days: number): string {\n const [y, m, d] = isoDate.split(\"-\").map(Number);\n const date = new Date(Date.UTC(y, m - 1, d));\n date.setUTCDate(date.getUTCDate() + days);\n return date.toISOString().slice(0, 10);\n}\n\nconst DAY_OFFSETS: Record = { today: 0, tomorrow: 1 };\n\nexport function slateDateFor(term: string, now = new Date()): string {\n return addDays(todaySlateDate(now), DAY_OFFSETS[term] ?? 0);\n}\n\n// isoDate is a plain calendar y-m-d (no timezone info), so format it as UTC\n// to avoid drifting a day off depending on the runtime's local timezone.\nexport function formatDateLabel(isoDate: string): string {\n const [y, m, d] = isoDate.split(\"-\").map(Number);\n const date = new Date(Date.UTC(y, m - 1, d));\n const weekday = date.toLocaleDateString(\"en-US\", { timeZone: \"UTC\", weekday: \"short\" });\n const monthDay = date.toLocaleDateString(\"en-US\", { timeZone: \"UTC\", month: \"short\", day: \"numeric\" });\n return `${weekday} ${monthDay}`;\n}\n\n// away_team/home_team ships as a plain string for nfl but as\n// { record, team } for wnba (and mlb) — same shape hazard the Rails view\n// papers over with `dig(...) rescue metadata[\"away_team\"]`.\nfunction teamName(value: unknown): string | null {\n if (value && typeof value === \"object\") return (value as { team: string }).team;\n return (value as string) ?? null;\n}\n\nexport type Game = {\n sport: string;\n start_time: number;\n metadata: { away_team?: unknown; home_team?: unknown; channel?: string | null };\n};\n\nexport type EnrichedGame = Game & { away: string | null; home: string | null; channel: ChannelInfo };\n\nexport type GamesBySport = { sport: string; games: EnrichedGame[] }[];\n\n// sports: array like [\"nfl\", \"wnba\"]. games: raw Sleeper /scores payload\n// (already filtered to a single date server-side by the API call itself —\n// this function just shapes what was returned).\nexport function transformScores(games: Game[], sports: string[] = SPORTS): GamesBySport {\n const enriched: EnrichedGame[] = (games ?? []).map((game) => ({\n ...game,\n away: teamName(game.metadata?.away_team),\n home: teamName(game.metadata?.home_team),\n channel: channelInfo(game.metadata?.channel),\n }));\n\n const bySport = Object.groupBy(enriched, (g) => g.sport) as Record;\n\n return sports\n .filter((sport) => bySport[sport]?.length)\n .map((sport) => ({ sport, games: bySport[sport].toSorted((a, b) => a.start_time - b.start_time) }));\n}\n\n// ---- png layout ----\n//\n// Lives here, not in main.ts, for two reasons: it's pure (so test-core.ts\n// can cover it without a rendering runtime), and the renderer derives every\n// font size and gap from the same numbers the fit calculation uses — when\n// they lived apart the layout silently outgrew the canvas.\n//\n// The metrics below are the vertical cost of each piece at scale 1,\n// calibrated against actual satori output rather than derived from the font\n// sizes (satori's line-height and flex-gap rounding don't match a naive\n// fontSize * lineHeight sum closely enough to fit a 155px canvas).\n\nconst BASE_WIDTH = 329;\nconst BORDER_HEIGHT = 2; // 1px top + bottom, unscaled\n\n// Everything that isn't a game row: vertical padding + the date header +\n// the gap under it.\n// Exported so test-core.ts asserts against these numbers rather than its\n// own copy of them — a private constant plus a duplicate in the test is how\n// a layout guard silently goes stale.\nexport const CHROME_HEIGHT = 94;\n\n// One game row (bold matchup line + muted time/channel line) plus the gap\n// above it.\nexport const ROW_HEIGHT = 106;\n\n// The \"+N more\" line is a row of its own — budget it, or truncating puts\n// back the overflow it was meant to remove.\nexport const MORE_ROW_HEIGHT = 42;\n\n// Legibility floor. This design exists for at-a-glance, low-vision reading;\n// below roughly this scale the matchup line stops being scannable and the\n// image stops being worth rendering. Games that don't fit above the floor\n// are dropped to a \"+N more\" count rather than shrunk into illegibility.\nexport const MIN_SCALE = 0.6;\nconst MAX_SCALE = 6;\n\nexport type PngLayout = {\n shown: number;\n hidden: number;\n scale: number;\n padding: number;\n gap: number;\n rowGap: number;\n headerFontSize: number;\n matchupFontSize: number;\n timeFontSize: number;\n moreFontSize: number;\n};\n\n// Chooses how many games can be drawn at a legible size in the given\n// canvas, and the scale to draw them at. Never returns a count that\n// overflows: the previous version floored the scale at MIN_SCALE and\n// rendered every game regardless, so a 4-game slate at 329x155 produced\n// ~1.8x more content than canvas, centered — clipping the top matchup and\n// dropping the last game off the bottom with no indication either was lost.\n//\n// `count` must be the size of the WHOLE slate, not a pre-truncated slice:\n// `hidden` is derived from it, so passing an already-capped count makes the\n// \"+N more\" line undercount and games disappear unannounced — the same\n// failure, just moved. Use `maxShown` for any hard ceiling on rendered rows.\nexport function pngLayout(width: number, height: number, count: number, maxShown = Infinity): PngLayout {\n const widthScale = Math.min(width / BASE_WIDTH, MAX_SCALE);\n const usable = height - BORDER_HEIGHT;\n\n const scaleFor = (rows: number, withMore: boolean) =>\n Math.min(widthScale, usable / (CHROME_HEIGHT + rows * ROW_HEIGHT + (withMore ? MORE_ROW_HEIGHT : 0)));\n\n let shown = 0;\n for (let n = Math.min(count, maxShown); n >= 1; n--) {\n if (scaleFor(n, n < count) >= MIN_SCALE) {\n shown = n;\n break;\n }\n }\n\n // A canvas too small for even one legible row still shows that one game,\n // shrunk below the floor. A clipped matchup reads as wrong; a small one\n // only reads as small.\n const forced = count > 0 && shown === 0;\n if (forced) shown = 1;\n\n const hidden = count - shown;\n const scale = forced\n ? Math.min(widthScale, usable / (CHROME_HEIGHT + ROW_HEIGHT + (hidden > 0 ? MORE_ROW_HEIGHT : 0)))\n : Math.max(scaleFor(shown, hidden > 0), MIN_SCALE);\n\n return {\n shown,\n hidden,\n scale,\n padding: Math.round(24 * scale),\n gap: Math.round(20 * scale),\n rowGap: Math.round(4 * scale),\n headerFontSize: Math.round(22 * scale),\n matchupFontSize: Math.round(44 * scale),\n timeFontSize: Math.round(28 * scale),\n moreFontSize: Math.round(24 * scale),\n };\n}\n\nexport async function fetchScores(date: string): Promise {\n const url = new URL(\"https://api.sleeper.app/scores\");\n for (const sport of SPORTS) url.searchParams.append(\"sports[]\", sport);\n url.searchParams.set(\"date\", date);\n\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Sleeper /scores returned ${res.status}`);\n return (await res.json()) ?? [];\n}\n","// Portable core: no runtime-specific imports, no rendering. Deployed to\n// val.town as a `script` file and imported by main.ts, so the code the\n// tests cover is literally the code that serves production — the earlier\n// core.mjs / games-today.val.ts split had these constants duplicated\n// verbatim and only tested the copy that never ran.\n//\n// Runs unchanged under Deno (val.town) and Node (test-core.ts, via\n// --experimental-strip-types). Keep it to erasable TypeScript — type\n// annotations and type aliases only, no enums/namespaces/parameter\n// properties — or Node's stripper rejects it.\n//\n// Ported from app/controllers/games_controller.rb.\n\nexport const SPORTS = [\"nfl\", \"wnba\"];\n\n// Ported verbatim from GamesController::NATIONAL_CHANNELS /\n// GamesController::STREAMING_CHANNELS. See that file for the reasoning\n// behind word-boundary matching (plain substring mislabels \"NBCS-PH\" as an\n// NBC affiliate) and the amzn/amazon dual-key (Sleeper sends the long form\n// for mlb/wnba).\nexport const NATIONAL_CHANNELS: Record = {\n abc: { directv_channel: 4, note: null },\n cbs: { directv_channel: 2, note: null },\n espn: { directv_channel: 206, note: null },\n ion: { directv_channel: 305, note: null },\n nbatv: { directv_channel: 216, note: null },\n nbc: { directv_channel: 4, note: null },\n tbs: { directv_channel: 247, note: null },\n usa: { directv_channel: 242, note: null },\n sportsnet: { directv_channel: 691, note: null },\n};\n\nexport const STREAMING_CHANNELS: Record = {\n amzn: { note: \"computer only\" },\n amazon: { note: \"computer only\" },\n peacock: { note: \"computer only\" },\n};\n\nexport type ChannelInfo = {\n category: string;\n name: string | null;\n directv_channel: number | null;\n note: string | null;\n};\n\nfunction channelMatches(rawChannel: string, key: string) {\n return new RegExp(`\\\\b${key.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}\\\\b`, \"i\").test(rawChannel);\n}\n\nexport function channelInfo(rawChannel: string | null | undefined): ChannelInfo {\n if (!rawChannel) return { category: \"unknown\", name: null, directv_channel: null, note: null };\n\n const nationalKey = Object.keys(NATIONAL_CHANNELS).find((key) => channelMatches(rawChannel, key));\n if (nationalKey) return { category: \"national\", name: rawChannel, ...NATIONAL_CHANNELS[nationalKey] };\n\n const streamingKey = Object.keys(STREAMING_CHANNELS).find((key) => channelMatches(rawChannel, key));\n if (streamingKey) {\n return { category: \"streaming\", name: rawChannel, directv_channel: null, ...STREAMING_CHANNELS[streamingKey] };\n }\n\n return { category: \"regional\", name: rawChannel, directv_channel: null, note: null };\n}\n\n// Sleeper buckets /scores by Eastern day, not UTC — same fact\n// Sleeper::Client.today_slate_date encodes. Anchored off real UTC \"now\",\n// not any app-local notion of \"today\".\nconst SCORES_SLATE_TIME_ZONE = \"America/New_York\";\n\nexport function todaySlateDate(now = new Date()): string {\n // en-CA gives YYYY-MM-DD directly, sorted the way ISO date math wants it.\n return now.toLocaleDateString(\"en-CA\", { timeZone: SCORES_SLATE_TIME_ZONE });\n}\n\nexport function addDays(isoDate: string, days: number): string {\n const [y, m, d] = isoDate.split(\"-\").map(Number);\n const date = new Date(Date.UTC(y, m - 1, d));\n date.setUTCDate(date.getUTCDate() + days);\n return date.toISOString().slice(0, 10);\n}\n\nconst DAY_OFFSETS: Record = { today: 0, tomorrow: 1 };\n\nexport function slateDateFor(term: string, now = new Date()): string {\n return addDays(todaySlateDate(now), DAY_OFFSETS[term] ?? 0);\n}\n\n// isoDate is a plain calendar y-m-d (no timezone info), so format it as UTC\n// to avoid drifting a day off depending on the runtime's local timezone.\nexport function formatDateLabel(isoDate: string): string {\n const [y, m, d] = isoDate.split(\"-\").map(Number);\n const date = new Date(Date.UTC(y, m - 1, d));\n const weekday = date.toLocaleDateString(\"en-US\", { timeZone: \"UTC\", weekday: \"short\" });\n const monthDay = date.toLocaleDateString(\"en-US\", { timeZone: \"UTC\", month: \"short\", day: \"numeric\" });\n return `${weekday} ${monthDay}`;\n}\n\n// away_team/home_team ships as a plain string for nfl but as\n// { record, team } for wnba (and mlb) — same shape hazard the Rails view\n// papers over with `dig(...) rescue metadata[\"away_team\"]`.\nfunction teamName(value: unknown): string | null {\n if (value && typeof value === \"object\") return (value as { team: string }).team;\n return (value as string) ?? null;\n}\n\nexport type Game = {\n sport: string;\n start_time: number;\n metadata: { away_team?: unknown; home_team?: unknown; channel?: string | null };\n};\n\nexport type EnrichedGame = Game & { away: string | null; home: string | null; channel: ChannelInfo };\n\nexport type GamesBySport = { sport: string; games: EnrichedGame[] }[];\n\n// sports: array like [\"nfl\", \"wnba\"]. games: raw Sleeper /scores payload\n// (already filtered to a single date server-side by the API call itself —\n// this function just shapes what was returned).\nexport function transformScores(games: Game[], sports: string[] = SPORTS): GamesBySport {\n const enriched: EnrichedGame[] = (games ?? []).map((game) => ({\n ...game,\n away: teamName(game.metadata?.away_team),\n home: teamName(game.metadata?.home_team),\n channel: channelInfo(game.metadata?.channel),\n }));\n\n const bySport = Object.groupBy(enriched, (g) => g.sport) as Record;\n\n return sports\n .filter((sport) => bySport[sport]?.length)\n .map((sport) => ({ sport, games: bySport[sport].toSorted((a, b) => a.start_time - b.start_time) }));\n}\n\n// ---- palette ----\n//\n// The widget's whole reason for existing is at-a-glance, low-vision\n// scannability, so contrast is the constraint everything else bends around:\n// near-white text on a near-black card, ~19:1.\n\nexport const FG = \"#ffffff\";\nexport const MUTED = \"#c9c9d2\";\nexport const BORDER = \"rgba(255,255,255,0.14)\";\n\n// Background varies by hue per request, and *only* by hue. Lightness and\n// saturation are held fixed, which is what keeps the randomization safe:\n// perceived brightness is carried by lightness, so rotating hue at a\n// constant 5% lightness walks around the color wheel without ever getting\n// lighter. Every hue lands in a narrow contrast band (~18.9:1 to ~19.9:1\n// against FG) rather than one hue being readable and another washing out.\n//\n// Saturation is deliberately low. At 30% the tint reads as \"this card has a\n// color\" without becoming a colored card — above that, low lightness starts\n// looking muddy rather than tinted.\nconst BG_LIGHTNESS = 0.05;\nconst BG_SATURATION = 0.3;\n\n// Translucent, not solid: the iOS widget renders this full-bleed with no\n// rounding of our own, so an opaque fill would fight whatever corner\n// treatment the widget host applies. High opacity preserves the contrast\n// the low-vision case depends on regardless of what sits behind it.\nconst BG_ALPHA = 0.88;\n\n// Returns 0-255 channels. Standard HSL->RGB; h in degrees, s and l in 0..1.\nexport function hslToRgb(h: number, s: number, l: number): [number, number, number] {\n const c = (1 - Math.abs(2 * l - 1)) * s;\n const hp = (((h % 360) + 360) % 360) / 60;\n const x = c * (1 - Math.abs((hp % 2) - 1));\n const [r1, g1, b1] =\n hp < 1 ? [c, x, 0]\n : hp < 2 ? [x, c, 0]\n : hp < 3 ? [0, c, x]\n : hp < 4 ? [0, x, c]\n : hp < 5 ? [x, 0, c]\n : [c, 0, x];\n const m = l - c / 2;\n return [r1 + m, g1 + m, b1 + m].map((v) => Math.round(v * 255)) as [number, number, number];\n}\n\n// WCAG relative luminance. Channels in 0-255.\nexport function relativeLuminance([r, g, b]: [number, number, number]): number {\n const channel = (v: number) => {\n const s = v / 255;\n return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);\n };\n return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);\n}\n\n// WCAG contrast ratio between two relative luminances.\nexport function contrastRatio(a: number, b: number): number {\n const [hi, lo] = a > b ? [a, b] : [b, a];\n return (hi + 0.05) / (lo + 0.05);\n}\n\nexport function backgroundForHue(hue: number): string {\n const [r, g, b] = hslToRgb(hue, BG_SATURATION, BG_LIGHTNESS);\n return `rgba(${r},${g},${b},${BG_ALPHA})`;\n}\n\n// Kept separate from backgroundForHue so the color math stays pure and\n// testable across every hue, with the randomness injected at the caller.\nexport function randomHue(): number {\n return Math.floor(Math.random() * 360);\n}\n\n// ---- png layout ----\n//\n// Lives here, not in main.ts, for two reasons: it's pure (so test-core.ts\n// can cover it without a rendering runtime), and the renderer derives every\n// font size and gap from the same numbers the fit calculation uses — when\n// they lived apart the layout silently outgrew the canvas.\n//\n// The metrics below are the vertical cost of each piece at scale 1,\n// calibrated against actual satori output rather than derived from the font\n// sizes (satori's line-height and flex-gap rounding don't match a naive\n// fontSize * lineHeight sum closely enough to fit a 155px canvas).\n\nconst BASE_WIDTH = 329;\nconst BORDER_HEIGHT = 2; // 1px top + bottom, unscaled\n\n// Everything that isn't a game row: vertical padding + the date header +\n// the gap under it.\n// Exported so test-core.ts asserts against these numbers rather than its\n// own copy of them — a private constant plus a duplicate in the test is how\n// a layout guard silently goes stale.\nexport const CHROME_HEIGHT = 94;\n\n// One game row (bold matchup line + muted time/channel line) plus the gap\n// above it.\nexport const ROW_HEIGHT = 106;\n\n// The \"+N more\" line is a row of its own — budget it, or truncating puts\n// back the overflow it was meant to remove.\nexport const MORE_ROW_HEIGHT = 42;\n\n// Legibility floor. This design exists for at-a-glance, low-vision reading;\n// below roughly this scale the matchup line stops being scannable and the\n// image stops being worth rendering. Games that don't fit above the floor\n// are dropped to a \"+N more\" count rather than shrunk into illegibility.\n//\n// 0.43 (≈19px matchup line at the default 329x155) is a deliberate trade\n// made by the user: it fits 2 games instead of 1 at the default medium\n// widget size. That's roughly the text size the pre-fit version rendered at\n// — the difference being that this one actually fits inside the canvas\n// instead of being clipped by it. Raise it back toward 0.6 if the smaller\n// line turns out to be hard to read at a glance.\n//\n// Not 0.44: two games at 329x155 need exactly 153/348 = 0.4397, so a 0.44\n// floor rejects the second game by four ten-thousandths and silently gives\n// back the one-game layout. The margin here is genuinely that thin — change\n// this value by re-rendering and counting games, not by reasoning about it.\nexport const MIN_SCALE = 0.43;\nconst MAX_SCALE = 6;\n\nexport type PngLayout = {\n shown: number;\n hidden: number;\n scale: number;\n padding: number;\n gap: number;\n rowGap: number;\n headerFontSize: number;\n matchupFontSize: number;\n timeFontSize: number;\n moreFontSize: number;\n};\n\n// Chooses how many games can be drawn at a legible size in the given\n// canvas, and the scale to draw them at. Never returns a count that\n// overflows: the previous version floored the scale at MIN_SCALE and\n// rendered every game regardless, so a 4-game slate at 329x155 produced\n// ~1.8x more content than canvas, centered — clipping the top matchup and\n// dropping the last game off the bottom with no indication either was lost.\n//\n// `count` must be the size of the WHOLE slate, not a pre-truncated slice:\n// `hidden` is derived from it, so passing an already-capped count makes the\n// \"+N more\" line undercount and games disappear unannounced — the same\n// failure, just moved. Use `maxShown` for any hard ceiling on rendered rows.\nexport function pngLayout(width: number, height: number, count: number, maxShown = Infinity): PngLayout {\n const widthScale = Math.min(width / BASE_WIDTH, MAX_SCALE);\n const usable = height - BORDER_HEIGHT;\n\n const scaleFor = (rows: number, withMore: boolean) =>\n Math.min(widthScale, usable / (CHROME_HEIGHT + rows * ROW_HEIGHT + (withMore ? MORE_ROW_HEIGHT : 0)));\n\n let shown = 0;\n for (let n = Math.min(count, maxShown); n >= 1; n--) {\n if (scaleFor(n, n < count) >= MIN_SCALE) {\n shown = n;\n break;\n }\n }\n\n // A canvas too small for even one legible row still shows that one game,\n // shrunk below the floor. A clipped matchup reads as wrong; a small one\n // only reads as small.\n const forced = count > 0 && shown === 0;\n if (forced) shown = 1;\n\n const hidden = count - shown;\n const scale = forced\n ? Math.min(widthScale, usable / (CHROME_HEIGHT + ROW_HEIGHT + (hidden > 0 ? MORE_ROW_HEIGHT : 0)))\n : Math.max(scaleFor(shown, hidden > 0), MIN_SCALE);\n\n return {\n shown,\n hidden,\n scale,\n padding: Math.round(24 * scale),\n gap: Math.round(20 * scale),\n rowGap: Math.round(4 * scale),\n headerFontSize: Math.round(22 * scale),\n matchupFontSize: Math.round(44 * scale),\n timeFontSize: Math.round(28 * scale),\n moreFontSize: Math.round(24 * scale),\n };\n}\n\nexport async function fetchScores(date: string): Promise {\n const url = new URL(\"https://api.sleeper.app/scores\");\n for (const sport of SPORTS) url.searchParams.append(\"sports[]\", sport);\n url.searchParams.set(\"date\", date);\n\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Sleeper /scores returned ${res.status}`);\n return (await res.json()) ?? [];\n}\n",["D",1787107759932],"id","27c7d349-8dc0-4ddf-8288-3f5cab6fe8a0","app-clarkview",["D",1787009561780],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","The main web app and server API for Clark View","imageUrl","b0a8da26-58e7-4d19-8b5c-eedf487df9a9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","5a10edca-919b-4a78-babb-71908f69af93","tursoName","27c7d3498dc04ddf82883f5cab6fe8a0","tursoHostname","27c7d3498dc04ddf82883f5cab6fe8a0-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789532458193],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_108":107,"_115":111},"org",{"_108":107,"_109":-5,"_110":111,"_18":65,"_112":113,"_114":26},"branch",{"_13":97,"_33":98,"_53":43,"_99":54,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":55,"_106":107},"isOwned",347,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","plusjade","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yVHpab25kTlBTM3M3WmpCa3NMSTd5akVwWksuanBlZyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_53":54,"_33":55,"_39":173,"_57":-5,"_58":26,"_59":60,"_61":60,"_62":63,"_64":-5,"_18":65,"_66":-5,"_67":26,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":174,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":175,"_92":176,"_94":177,"_96":26},"tree",[164,165],"files",[164,165],"counts",{"_151":71,"_152":153,"_154":71,"_155":156,"_157":158},"contents",[138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_53":147,"_33":47,"_31":48,"_141":-5,"_42":43,"_41":14,"_142":26,"_39":148,"_13":149,"_34":49,"_36":51,"_25":26,"_145":-5,"_28":150},{"_53":140,"_33":29,"_31":32,"_141":-5,"_42":43,"_41":14,"_142":26,"_39":143,"_13":144,"_34":35,"_36":38,"_25":26,"_145":-5,"_28":146},"47a150a6-129c-4699-80b4-f23d9267e924","parentId","latest",["D",1787107759932],12,"label",[29],"28c63223-b5e2-461c-a44e-b2878ab09d61",["D",1787107759932],2,[47],"pulls","branches",50,"forks","envVars",{"_159":162,"_163":71},"connections",{"_159":160,"_161":71},"count",1,"unfilledCount",17,"emptyCount",{"_53":147,"_33":47,"_31":48,"_141":-5,"_42":43,"_41":14,"_142":26,"_39":170,"_13":149,"_34":49,"_36":51,"_25":26,"_145":-5,"_167":171,"_28":172},{"_53":140,"_33":29,"_31":32,"_141":-5,"_42":43,"_41":14,"_142":26,"_39":166,"_13":144,"_34":35,"_36":38,"_25":26,"_145":-5,"_167":168,"_28":169},["D",1787107759932],"children",[],[29],["D",1787107759932],[],[47],["D",1787009561780],["D",1789532458193],{"_108":107,"_115":111},{"_108":107,"_109":-5,"_110":111,"_18":65,"_112":113,"_114":26},{"_13":97,"_33":98,"_53":43,"_99":54,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":55,"_106":107},"ctx",{"_90":-5,"_135":211,"_212":213,"_214":215,"_216":26,"_217":26,"_218":26,"_219":46,"_220":-5,"_221":-7,"_222":-7,"_223":71,"_224":26,"_225":26,"_226":-5,"_227":26,"_228":26,"_229":26,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":98,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v15