[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_331":332,"_333":334},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_107":87,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":121,"_122":24,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",44,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","render/png-tree.ts","latestPath","fileId","54f0ddbc-9c22-11f1-8181-1607ee4eb77e","name","png-tree.ts","fileType","script","content","// The png render target's *pure* half: everything from a slate of games to\n// the satori element tree, with no wasm, no font fetch and no network. That\n// split is the point — every png bug this file's comments describe (clipping,\n// the undercounted \"+N more\", the channel name running off the side) was a\n// tree-and-layout bug, and this way tests/png-tree.test.ts can catch the next\n// one without a rendering runtime. png.ts is the impure half.\n//\n// Sized and weighted for low-vision scannability rather than the dense\n// multi-game table the html/json formats use: each game is two side-by-side\n// panels — the two teams stacked bold and large on the left (white on\n// near-black, ~19.5:1), time over channel muted on the right.\n\nimport { flattenByStartTime, type EnrichedGame, type GamesBySport } from \"../lib/games.ts\";\nimport { teamLabel } from \"../lib/teams.ts\";\nimport { MAX_GAMES_SHOWN, pngLayout } from \"./layout.ts\";\nimport { BORDER, FG, MUTED } from \"./theme.ts\";\n\n// Satori's element shape. Deliberately loose on `children` — the tree nests\n// nodes, arrays of nodes and bare strings, and pinning that precisely buys\n// nothing here (nothing type-checks this file; bin/ci strips types rather\n// than compiling them).\nexport type SatoriNode = {\n type: string;\n props: { style?: Record; children?: unknown };\n};\n\n// `background` is passed in, never computed here: the hue is randomised per\n// request, and a tree that reached for Math.random would not be assertable.\n// main.ts injects the resolved color — see randomHue in theme.ts.\nexport type PngCard = {\n bySport: GamesBySport;\n dateLabel: string;\n width: number;\n height: number;\n background: string;\n rejected?: string[];\n};\n\n// Time and channel are separate values, not one string, because the row\n// draws them as two stacked right-justified lines. Kept to two lines per\n// game — the thing that made this legible in the first place.\nexport function formatTime(game: EnrichedGame): string {\n return new Date(game.start_time).toLocaleTimeString(\"en-US\", {\n timeZone: \"America/Los_Angeles\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n}\n\n// The channel's name *and* its DirecTV number — \"ESPN · 206\", where this\n// line used to carry the bare number as \"CH 206\". The number is the half\n// that took real work to get right (NATIONAL_CHANNELS hard-codes locally\n// assigned numbers for the affiliates that have no true national one), so\n// the name is added beside it rather than in place of it.\n//\n// Uses `label`, not `name`: the display form, dictionary-mapped down to\n// something widget-sized (\"Amazon Prime Video\" → \"AMZN\") and chopped if it\n// is regional free text. `name` keeps the raw string for the json format.\n//\n// `channelInfo` fills this in for national, streaming *and* regional\n// channels, so the only silent case left is a game Sleeper sent no channel\n// for at all. That flips this line from rare to near-universal: under the\n// bare-number version most rows drew nothing here, since the dictionary's\n// coverage is deliberately partial. The right panel is therefore usually two\n// lines now, which costs no height (it is still shorter than the team stack\n// that sets ROW_HEIGHT) but does compete for width.\n//\n// No \"TBD\" for the empty case — an absent line already reads as unknown, and\n// the HTML view's \"TBD\" belongs to a surface with room for it.\nexport function channelLabel(game: EnrichedGame): string | null {\n const { label, directv_channel } = game.channel;\n if (!label) return null;\n return directv_channel ? `${label} · ${directv_channel}` : label;\n}\n\n// Drawn only when something was rejected, so the normal card is unchanged\n// and the appearance of this line is itself the signal. Kept in MUTED rather\n// than a new warning colour: every colour on this card has to clear contrast\n// against a randomised background hue, and MUTED is already covered by the\n// 360-hue assertions in tests/theme.test.ts.\n// Deliberately just a count, not the offending values. This has to fit on\n// ONE line at every canvas width — listing the tokens wrapped to two lines\n// on a large widget and pushed the card past its padding. The PNG's job is\n// to say \"something is wrong\"; `effective.rejected` in the json format is\n// where you find out what.\nexport function rejectionNote(rejected: string[]): string {\n return `! ${rejected.length} ignored`;\n}\n\nexport function pngTree({ bySport, dateLabel, width, height, background, rejected = [] }: PngCard): SatoriNode {\n // Pass the full slate size to pngLayout, not a slice of it —\n // MAX_GAMES_SHOWN goes in as a ceiling on rendered rows so that games\n // above it still get counted into \"+N more\" rather than dropping out of\n // the total silently.\n // Chronological, not sport-grouped — this canvas has no sport headings, so\n // grouping here reads as a broken sort and biases truncation. See\n // flattenByStartTime.\n const games = flattenByStartTime(bySport);\n const layout = pngLayout(width, height, games.length, MAX_GAMES_SHOWN, rejected.length ? 1 : 0);\n const visible = games.slice(0, layout.shown);\n\n // Two panels side by side rather than two stacked full-width lines: teams\n // stack left-justified on the left, time over channel stacks right-\n // justified on the right. The teams carry no \"@\"/\"vs\" — their stacking is\n // what says they're a matchup, and dropping the separator buys width for\n // the bigger type. Alignment is done with flex (alignItems), not\n // textAlign: satori implements only a subset of CSS and flex alignment is\n // the part that's reliable there.\n // lineHeight 1.0 and no gap between the two team codes: they are all-caps\n // with no descenders, so the tight leading costs nothing legible, and the\n // pair reads as one unit rather than two unrelated lines. It is also what\n // pays for the second game on a medium widget — at 1.1 leading the row\n // costs 121pt against a 109pt budget and 329x155 silently falls back to a\n // one-game card. See ROW_HEIGHT in layout.ts.\n const teamLine = (label: string | null) => ({\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.matchupFontSize, fontWeight: 700, lineHeight: 1 },\n children: label,\n },\n });\n\n // No overflow/ellipsis styling here on purpose. Nothing in this layout\n // models *width*, only height, so a long channel name on a big canvas ran\n // off the side — three games at 1100x1146 scale up to ~120px type (the\n // height budget fills the canvas), at which point \"Amazon Prime Video\" was\n // wider than the row. The css route made it worse: `minWidth: 0` let the\n // panel box shrink, but the text inside kept its own width and spilled\n // *leftward* out of the shrunken box, so the two panels overlapped instead\n // of one truncating. The fix is upstream in lib/channels.ts — channel names\n // are a small bounded set, so they get a mapping to short forms plus a hard\n // character cap, and the string that arrives here is already short enough\n // to lay out normally.\n const metaLine = (text: string) => ({\n type: \"div\",\n props: { style: { display: \"flex\", fontSize: layout.timeFontSize, lineHeight: 1.1 }, children: text },\n });\n\n const row = (game: EnrichedGame) => {\n const channel = channelLabel(game);\n return {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n width: \"100%\",\n // A gutter the two panels cannot close, so a wide row degrades into\n // \"tight\" rather than \"touching\".\n gap: layout.gap,\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", alignItems: \"flex-start\" },\n // Real names where TEAMS knows one, raw Sleeper code otherwise.\n // Only the png substitutes: `away`/`home` stay as the API's\n // codes in the json format, which is the drift-detection\n // surface and has to keep reporting what Sleeper actually sent.\n children: [\n teamLine(teamLabel(game.sport, game.away)),\n teamLine(teamLabel(game.sport, game.home)),\n ],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n gap: layout.rowGap,\n color: MUTED,\n },\n children: [metaLine(formatTime(game)), ...(channel ? [metaLine(channel)] : [])],\n },\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 return {\n type: \"div\",\n props: {\n style: {\n width,\n height,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n backgroundColor: background,\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 ...(rejected.length\n ? [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.moreFontSize, color: MUTED },\n children: rejectionNote(rejected),\n },\n },\n ]\n : []),\n ],\n },\n };\n}\n","createdAt",["D",1787180669290],"branchVersion","branchId","7d1335ab-536c-4187-ba86-1f32d496f378","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",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":43,"_95":62,"_96":44,"_97":98},"isOwned",122,"dev","projectId","forkedBranchId","9635267c-e84d-4621-be8a-af9e5052d6d5","forkedBranchVersion",31,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","plusjade","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yVHpab25kTlBTM3M3WmpCa3NMSTd5akVwWksuanBlZyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":326,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":327,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":328,"_81":329,"_83":330,"_85":24},"tree",[188,198,204,205],"files",[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205],"counts",{"_175":60,"_176":177,"_178":60,"_179":180,"_181":182},"contents",[138,139,140,141],"upstreamProject","upstreamBranch",{"_42":90,"_37":131,"_132":133,"_31":134,"_88":43,"_13":135,"_89":-5,"_91":-5,"_136":137,"_46":-5,"_85":24,"_48":49,"_97":98,"_61":62,"_96":44},"emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},["D",1787009561780],"updatedAt",["D",1789505418345],"main",346,"lockfileKey","1789505418551-esm.town_v_plusjade_app-clarkview@346-main",{"_42":169,"_31":170,"_29":171,"_145":-5,"_40":41,"_39":172,"_147":126,"_37":173,"_13":60,"_33":167,"_35":-5,"_23":24,"_152":-5,"_26":174},{"_42":162,"_31":163,"_29":164,"_145":-5,"_40":41,"_39":165,"_147":126,"_37":166,"_13":60,"_33":167,"_35":-5,"_23":24,"_152":-5,"_26":168},{"_42":154,"_31":155,"_29":156,"_145":-5,"_40":41,"_39":157,"_147":24,"_37":158,"_13":159,"_33":34,"_35":160,"_23":24,"_152":-5,"_26":161},{"_42":142,"_31":143,"_29":144,"_145":-5,"_40":41,"_39":146,"_147":24,"_37":148,"_13":149,"_33":150,"_35":151,"_23":24,"_152":-5,"_26":153},"868bc0a8-e69c-4eef-a84b-b08000073318","main.ts","01a017c6-27e3-7032-a672-9574e1be4250","parentId",28,"latest",["D",1787126126891],15,"http","// 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// ?sports[]=nfl|wnba|mlb|nba (repeated; default: all four)\n// ?teams[]=sparks|fever|dodgers|... (repeated; see TEAMS in core.ts)\n//\n// teams[] wins: any valid team switches to team mode, where sports[] is\n// ignored and the fetch list is derived from the selected teams. Unknown\n// values are dropped, never fatal — a 4xx renders as a broken image in\n// WidgetKit — and echoed back in `effective` (json) plus a \"! ignored:\" line\n// on the png, so a typo in the iOS repo is visible instead of silent.\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 rather than\n// the dense multi-game table the HTML/JSON formats use: each game is two\n// side-by-side panels — the two teams stacked bold and large on the left\n// (white on near-black, ~19.5:1), time over channel muted on the right.\n\nimport satori from \"npm:satori\";\nimport { Resvg, initWasm } from \"npm:@resvg/resvg-wasm\";\nimport {\n backgroundForHue,\n fetchScores,\n flattenByStartTime,\n formatDateLabel,\n pngLayout,\n randomHue,\n resolveParams,\n slateDateFor,\n teamLabel,\n transformScores,\n type ResolvedParams,\n BORDER,\n FG,\n MUTED,\n type EnrichedGame,\n type GamesBySport,\n} from \"./core.ts\";\n\n// ---- rendering ----\n\n// `effective` is the drift detector. The iOS app builds these URLs in a\n// different repo with nothing testing the seam, and every unknown value here\n// is dropped rather than erroring — so without an echo a Swift-side typo\n// returns a healthy 200 with quietly wrong content, which is exactly how the\n// PNG clipping bug survived every status check. See docs/widget-ios-brief.md.\nfunction renderJson(bySport: GamesBySport, dateLabel: string, resolved: ResolvedParams) {\n return Response.json({\n date_label: dateLabel,\n effective: {\n mode: resolved.mode,\n sports: resolved.sports,\n teams: resolved.teams.map((t) => `${t.sport}:${t.code}`),\n rejected: resolved.rejected,\n },\n games_by_sport: bySport,\n });\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

${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// Backstop only — pngLayout's legibility floor is the real limiter now that\n// it scales with render density. At every actual widget size the floor binds\n// first (a large widget tops out at 6 games, a medium at 2, whatever density\n// it's rendered at), so this ceiling never fires in practice. It stays as a\n// guard against a pathological ?w=/?h= producing a canvas tall enough to ask\n// for dozens of rows.\n//\n// Do not lower it to shape what the widget shows — that's the floor's job,\n// and a ceiling applied here would cap `shown` without telling pngLayout,\n// which is how \"+N more\" undercounted before.\nconst MAX_GAMES_SHOWN = 10;\n\n// Time and channel are separate values, not one string, because the row\n// draws them as two stacked right-justified lines. Kept to two lines per\n// game — the thing that made this legible in the first place.\nfunction formatTime(game: EnrichedGame): string {\n return new Date(game.start_time).toLocaleTimeString(\"en-US\", {\n timeZone: \"America/Los_Angeles\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n}\n\n// The channel's name *and* its DirecTV number — \"ESPN · 206\", where this\n// line used to carry the bare number as \"CH 206\". The number is the half\n// that took real work to get right (NATIONAL_CHANNELS hard-codes locally\n// assigned numbers for the affiliates that have no true national one), so\n// the name is added beside it rather than in place of it.\n//\n// Uses `label`, not `name`: the display form, dictionary-mapped down to\n// something widget-sized (\"Amazon Prime Video\" → \"AMZN\") and chopped if it\n// is regional free text. `name` keeps the raw string for the json format.\n//\n// `channelInfo` fills this in for national, streaming *and* regional\n// channels, so the only silent case left is a game Sleeper sent no channel\n// for at all. That flips this line from rare to near-universal: under the\n// bare-number version most rows drew nothing here, since the dictionary's\n// coverage is deliberately partial. The right panel is therefore usually two\n// lines now, which costs no height (it is still shorter than the team stack\n// that sets ROW_HEIGHT) but does compete for width.\n//\n// No \"TBD\" for the empty case — an absent line already reads as unknown, and\n// the HTML view's \"TBD\" belongs to a surface with room for it.\nfunction channelLabel(game: EnrichedGame): string | null {\n const { label, directv_channel } = game.channel;\n if (!label) return null;\n return directv_channel ? `${label} · ${directv_channel}` : label;\n}\n\n// Drawn only when something was rejected, so the normal card is unchanged\n// and the appearance of this line is itself the signal. Kept in MUTED rather\n// than a new warning colour: every colour on this card has to clear contrast\n// against a randomised background hue, and MUTED is already covered by the\n// 360-hue assertions in test-core.ts.\n// Deliberately just a count, not the offending values. This has to fit on\n// ONE line at every canvas width — listing the tokens wrapped to two lines\n// on a large widget and pushed the card past its padding. The PNG's job is\n// to say \"something is wrong\"; `effective.rejected` in the json format is\n// where you find out what.\nfunction rejectionNote(rejected: string[]): string {\n return `! ${rejected.length} ignored`;\n}\n\nasync function renderPng(\n bySport: GamesBySport,\n dateLabel: string,\n width: number,\n height: number,\n rejected: string[] = [],\n) {\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 // Chronological, not sport-grouped — this canvas has no sport headings, so\n // grouping here reads as a broken sort and biases truncation. See\n // flattenByStartTime.\n const games = flattenByStartTime(bySport);\n const layout = pngLayout(width, height, games.length, MAX_GAMES_SHOWN, rejected.length ? 1 : 0);\n const visible = games.slice(0, layout.shown);\n\n // Two panels side by side rather than two stacked full-width lines: teams\n // stack left-justified on the left, time over channel stacks right-\n // justified on the right. The teams carry no \"@\"/\"vs\" — their stacking is\n // what says they're a matchup, and dropping the separator buys width for\n // the bigger type. Alignment is done with flex (alignItems), not\n // textAlign: satori implements only a subset of CSS and flex alignment is\n // the part that's reliable there.\n // lineHeight 1.0 and no gap between the two team codes: they are all-caps\n // with no descenders, so the tight leading costs nothing legible, and the\n // pair reads as one unit rather than two unrelated lines. It is also what\n // pays for the second game on a medium widget — at 1.1 leading the row\n // costs 121pt against a 109pt budget and 329x155 silently falls back to a\n // one-game card. See ROW_HEIGHT in core.ts.\n const teamLine = (label: string | null) => ({\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.matchupFontSize, fontWeight: 700, lineHeight: 1 },\n children: label,\n },\n });\n\n // No overflow/ellipsis styling here on purpose. Nothing in this layout\n // models *width*, only height, so a long channel name on a big canvas ran\n // off the side — three games at 1100x1146 scale up to ~120px type (the\n // height budget fills the canvas), at which point \"Amazon Prime Video\" was\n // wider than the row. The css route made it worse: `minWidth: 0` let the\n // panel box shrink, but the text inside kept its own width and spilled\n // *leftward* out of the shrunken box, so the two panels overlapped instead\n // of one truncating. The fix is upstream in core.ts — channel names are a\n // small bounded set, so they get a mapping to short forms plus a hard\n // character cap, and the string that arrives here is already short enough\n // to lay out normally.\n const metaLine = (text: string) => ({\n type: \"div\",\n props: { style: { display: \"flex\", fontSize: layout.timeFontSize, lineHeight: 1.1 }, children: text },\n });\n\n const row = (game: EnrichedGame) => {\n const channel = channelLabel(game);\n return {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"flex-start\",\n width: \"100%\",\n // A gutter the two panels cannot close, so a wide row degrades into\n // \"tight\" rather than \"touching\".\n gap: layout.gap,\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", alignItems: \"flex-start\" },\n // Real names where TEAMS knows one, raw Sleeper code otherwise.\n // Only the png substitutes: `away`/`home` stay as the API's\n // codes in the json format, which is the drift-detection\n // surface and has to keep reporting what Sleeper actually sent.\n children: [\n teamLine(teamLabel(game.sport, game.away)),\n teamLine(teamLabel(game.sport, game.home)),\n ],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n gap: layout.rowGap,\n color: MUTED,\n },\n children: [metaLine(formatTime(game)), ...(channel ? [metaLine(channel)] : [])],\n },\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 ...(rejected.length\n ? [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.moreFontSize, color: MUTED },\n children: rejectionNote(rejected),\n },\n },\n ]\n : []),\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 // Repeated params (`?teams[]=sparks&teams[]=lakers`), matching Sleeper's\n // own convention rather than a comma-joined list.\n const resolved = resolveParams(url.searchParams.getAll(\"sports[]\"), url.searchParams.getAll(\"teams[]\"));\n\n const date = slateDateFor(day);\n const games = await fetchScores(date, resolved.sports);\n const bySport = transformScores(games, resolved.sports, resolved.teams);\n\n if (format === \"json\") return renderJson(bySport, day, resolved);\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, resolved.rejected);\n }\n return renderHtml(bySport, day);\n}\n","label",[143],"273b5cf3-0c4c-4c10-9d22-b3d84209180a","core.ts","e500b9b2-9b74-11f1-8823-1607ee4eb77e",26,["D",1787125462032],11,"// 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\n// Doubles as the fetch list, the allowlist for the `sports[]` param, and\n// the group order in the rendered output. Order is display order, not\n// significance — nfl first because it's the one with a hard weekly cadence.\n//\n// Growing this from nfl+wnba to four sports makes an unfiltered slate large\n// (mlb+wnba alone returned 19 games on 2026-08-18), which is the whole\n// reason the `teams[]` filter exists — see docs/widget-param-contract.md.\nexport const SPORTS = [\"nfl\", \"wnba\", \"mlb\", \"nba\"];\n\n// Ported 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).\n//\n// `label` is this file's own addition, not in the Rails port: the short form\n// the png draws. It exists because Sleeper's raw strings are not sized for a\n// widget — \"Amazon Prime Video\" is 18 characters and ran off the side of a\n// large card. The values are a small bounded set, so they get a mapping\n// rather than a measuring algorithm. AMZN is Sleeper's own abbreviation for\n// that channel (it sends both forms, hence the dual key below), so this\n// shortens to something the source already uses rather than inventing one.\nexport const NATIONAL_CHANNELS: Record = {\n abc: { label: \"ABC\", directv_channel: 4, note: null },\n cbs: { label: \"CBS\", directv_channel: 2, note: null },\n espn: { label: \"ESPN\", directv_channel: 206, note: null },\n ion: { label: \"ION\", directv_channel: 305, note: null },\n nbatv: { label: \"NBATV\", directv_channel: 216, note: null },\n nbc: { label: \"NBC\", directv_channel: 4, note: null },\n tbs: { label: \"TBS\", directv_channel: 247, note: null },\n usa: { label: \"USA\", directv_channel: 242, note: null },\n sportsnet: { label: \"SportsNet\", directv_channel: 691, note: null },\n};\n\nexport const STREAMING_CHANNELS: Record = {\n amzn: { label: \"AMZN\", note: \"computer only\" },\n amazon: { label: \"AMZN\", note: \"computer only\" },\n peacock: { label: \"Peacock\", note: \"computer only\" },\n};\n\n// The backstop for the one category that has no mapping: a regional channel\n// is whatever free text Sleeper sent, so it cannot be bounded by a\n// dictionary the way the two above are. Real values are already short\n// (SNY, MARQ, NESN, MASN, NBCS-PH), so this only fires on something\n// unusual — a blunt chop rather than a width measurement, which is all a\n// backstop needs to be.\nexport const MAX_CHANNEL_LABEL = 10;\n\nexport function chop(text: string, max: number): string {\n return text.length <= max ? text : `${text.slice(0, max - 1)}…`;\n}\n\n// `name` stays the raw string Sleeper sent — it is the drift-detection\n// value, and the json format has to keep reporting what actually arrived.\n// `label` is the display form: dictionary-mapped where there is a mapping,\n// chopped raw text where there isn't.\nexport type ChannelInfo = {\n category: string;\n name: string | null;\n label: 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, label: 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 {\n category: \"regional\",\n name: rawChannel,\n label: chop(rawChannel, MAX_CHANNEL_LABEL),\n directv_channel: null,\n note: null,\n };\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\"]`.\n//\n// Named for what it returns: Sleeper's abbreviation (\"IND\"), not a name.\n// `teamLabel` below is the one that turns that into \"Fever\".\nfunction teamCode(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, teams: TeamRef[] = []): GamesBySport {\n let enriched: EnrichedGame[] = (games ?? []).map((game) => ({\n ...game,\n away: teamCode(game.metadata?.away_team),\n home: teamCode(game.metadata?.home_team),\n channel: channelInfo(game.metadata?.channel),\n }));\n\n // Matched on the (sport, code) pair, never the bare code — `IND` is three\n // different franchises across wnba/nfl/nba, so a code-only match makes\n // \"fever\" quietly include Colts and Pacers games.\n if (teams.length) {\n enriched = enriched.filter((game) =>\n teams.some((t) => t.sport === game.sport && (game.away === t.code || game.home === t.code)),\n );\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// ---- favorite teams ----\n//\n// Slug -> (sport, Sleeper code). The pair matters: Sleeper's abbreviations\n// are NOT unique across sports. `IND` is the Fever (wnba), the Colts (nfl)\n// and the Pacers (nba) — all three confirmed in live data and captured in\n// test/fixtures/files/sleeper/. Matching a bare code would make \"fever\" pull\n// in Colts and Pacers games. `WAS` (nfl + wnba, while mlb uses `WSH`) plus\n// ATL/MIN/CHI/DET/HOU/TOR/BOS/TB are the same trap as this list grows.\n//\n// The URL carries slugs, not codes, and this table is the only place the\n// mapping lives. That's deliberate: the iOS app ships a picker, and every\n// app-side change costs a build-number bump on both the app and the widget\n// extension plus an upload. Adding a team here is a val deploy instead. See\n// docs/widget-ios-brief.md.\n//\n// Every code here is asserted against a real captured fixture for its sport\n// — but a fixture only proves the code was valid on its capture date, not\n// that Sleeper still uses it. The runtime echo (rejected/unmatched surfaced\n// to the caller) is the actual drift detector.\nexport type TeamRef = { sport: string; code: string };\n\nexport const TEAMS: Record = {\n sparks: { sport: \"wnba\", code: \"LAS\" },\n fever: { sport: \"wnba\", code: \"IND\" },\n dodgers: { sport: \"mlb\", code: \"LAD\" },\n lakers: { sport: \"nba\", code: \"LAL\" },\n warriors: { sport: \"nba\", code: \"GSW\" },\n rams: { sport: \"nfl\", code: \"LAR\" },\n panthers: { sport: \"nfl\", code: \"CAR\" },\n};\n\n// A widget that can't show more than ~6 games has no use for a longer list;\n// this exists to bound a malformed URL, not to express a preference.\nexport const MAX_TEAMS = 12;\n\n// ---- display names ----\n//\n// Derived from TEAMS rather than declared as a second table, and that is the\n// whole point: a parallel TEAM_NAMES would carry the same (sport, code) pairs\n// a second time, and the two would drift the first time someone corrected a\n// code in one of them. Adding a team to TEAMS now buys both the favorites\n// filter and the display name in one edit.\n//\n// Keyed on `sport:code`, never on the bare code, for the reason spelled out\n// above TEAMS: `IND` is the Fever, the Colts *and* the Pacers, so a bare-code\n// index would label a Colts game \"Fever\". The key includes the sport for the\n// same reason the favorites table stores a pair.\nconst TEAM_LABELS: Record = Object.fromEntries(\n Object.entries(TEAMS).map(([slug, ref]) => [`${ref.sport}:${ref.code}`, titleCase(slug)]),\n);\n\nfunction titleCase(slug: string): string {\n return slug\n .split(\"-\")\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n}\n\n// Falls back to the raw code, which is the honest thing to draw for a team\n// this table doesn't cover yet — coverage is currently 7 of ~120 teams, so\n// the fallback is the common case, and a card mixes \"Dodgers\" with \"COL\".\n// Callers get whatever TEAMS knows and nothing is invented.\nexport function teamLabel(sport: string, code: string | null): string | null {\n if (!code) return code;\n return TEAM_LABELS[`${sport}:${code}`] ?? code;\n}\n\nexport type ResolvedParams = {\n mode: \"teams\" | \"sports\";\n sports: string[];\n teams: TeamRef[];\n rejected: string[];\n};\n\n// Turns raw `sports[]` / `teams[]` query values into what to fetch and what\n// to keep. Pure — no I/O — so the whole contract is testable under bin/ci.\n//\n// Two modes, not an intersection. Any valid team puts us in team mode, where\n// `sports[]` is ignored and the fetch list is derived from the selected\n// teams instead. Intersecting them lets `sports[]=nfl&teams[]=dodgers`\n// produce an empty widget that looks exactly like a quiet day.\n//\n// Nothing here throws or signals an error status: a 4xx renders as a broken\n// image in WidgetKit, which is worse than slightly wrong content. Unknown\n// values are dropped into `rejected` for the caller to echo, which is what\n// makes drift between the iOS repo and this one visible instead of silent.\nexport function resolveParams(sportsParam: string[] = [], teamsParam: string[] = []): ResolvedParams {\n const rejected: string[] = [];\n\n const clean = (values: string[]) => [\n ...new Set(values.map((v) => v.trim().toLowerCase()).filter(Boolean)),\n ];\n\n // Sports are validated even in team mode, where they're otherwise unused:\n // a typo should surface as drift rather than hide behind a team filter.\n const sports = clean(sportsParam).filter((s) => {\n if (SPORTS.includes(s)) return true;\n rejected.push(s);\n return false;\n });\n\n const teams: TeamRef[] = [];\n for (const slug of clean(teamsParam)) {\n if (!TEAMS[slug]) rejected.push(slug);\n else if (teams.length >= MAX_TEAMS) rejected.push(slug);\n else teams.push(TEAMS[slug]);\n }\n\n // Every requested team was unknown -> fall through to sports mode rather\n // than rendering an empty card. The slugs are already in `rejected`, so\n // the caller can still say something went wrong.\n if (teams.length === 0) {\n return { mode: \"sports\", sports: sports.length ? orderBySports(sports) : [...SPORTS], teams: [], rejected };\n }\n\n const derived = orderBySports([...new Set(teams.map((t) => t.sport))]);\n return { mode: \"teams\", sports: derived, teams, rejected };\n}\n\n// Keeps fetch/group order stable and independent of the order params arrived\n// in, so two widgets with the same selection produce the same card.\nfunction orderBySports(sports: string[]): string[] {\n return SPORTS.filter((s) => sports.includes(s));\n}\n\n// Flattens the sport groups into one chronological list, for renderers that\n// don't draw sport headings.\n//\n// The PNG is that renderer. Flattening in SPORTS order instead produced a\n// list that looked time-sorted but wasn't (a 4:30pm wnba game above a 9:35am\n// mlb one, with nothing on the card explaining the jump), and — worse — made\n// truncation sport-biased: whichever sport sorts first claims the visible\n// rows, so a medium widget showing 2 of 17 gave both slots to wnba and put\n// all 15 mlb games behind \"+15 more\". With four sports that can make a whole\n// sport structurally unreachable on the smaller canvases.\n//\n// The HTML view still groups by sport deliberately — it has headings, so the\n// grouping is legible there.\nexport function flattenByStartTime(bySport: GamesBySport): EnrichedGame[] {\n return bySport.flatMap((group) => group.games).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 plus the gap above it. The row is two side-by-side panels —\n// away over home (bold, matchup size) on the left, time over channel (muted)\n// on the right — so its height is the *taller* panel, the left one: two\n// matchup-size lines at lineHeight 1, tight against each other. The right\n// panel is shorter and never binds.\n//\n// 108 is not slack: a medium widget's whole budget for two games is\n// (153/0.43 - CHROME_HEIGHT - MORE_ROW_HEIGHT) / 2 = 109.9, so anything that\n// adds 2pt to this row — 1.1 leading on the team lines, or a gap between\n// them — drops 329x155 back to a single game. Measured against the render,\n// not derived: row pitch at 1100x1146 came out 187px at scale 1.544\n// (121 * 1.544 = 186.8) for the 1.1-leading version this replaced.\nexport const ROW_HEIGHT = 108;\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, as a **fraction of the canvas's natural scale** — not an\n// absolute scale value. This design exists for at-a-glance, low-vision\n// reading; below roughly this fraction the matchup line stops being\n// scannable. Games that don't fit above the floor are dropped to a \"+N more\"\n// count rather than shrunk into illegibility.\n//\n// Why a fraction and not an absolute number: the caller passes *pixels*, but\n// a widget's legibility is about *points*. The same physical widget rendered\n// at @3x has 3x the pixels, and an absolute floor let those extra pixels buy\n// extra rows instead of sharper text. Measured under the old absolute floor,\n// the same medium widget showed 2 games at 329x155 (19pt matchup line) and 8\n// games at 987x465 (7pt) — pixel density silently changing how much content\n// a widget holds, and shrinking the text to a size this design exists to\n// avoid. Multiplying by widthScale makes the floor track the render density,\n// so a given physical widget shows the same games at 1x, 2x and 3x.\n//\n// 0.43 is a deliberate trade made by the user, calibrated at 329x155 where\n// widthScale is exactly 1.0 and this therefore still means an absolute 0.43\n// (≈19px matchup line): it fits 2 games instead of 1 at the default medium\n// widget size. Raise it toward 0.6 if the smaller line turns out to be hard\n// 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.\n// `noteRows` budgets any extra single-line rows the renderer will draw below\n// the games (currently just the \"! N ignored\" drift marker). They must be\n// declared here rather than appended by the caller: the marker was first\n// drawn outside this budget and immediately ate the bottom padding on a\n// medium canvas, where chrome + 2 rows + \"+N more\" already fills the height\n// exactly. That is the clipping bug this function exists to prevent.\nexport function pngLayout(\n width: number,\n height: number,\n count: number,\n maxShown = Infinity,\n noteRows = 0,\n): PngLayout {\n const widthScale = Math.min(width / BASE_WIDTH, MAX_SCALE);\n const usable = height - BORDER_HEIGHT;\n\n // Relative to the canvas, so the floor means the same physical text size\n // whatever density the caller renders at. At BASE_WIDTH this is exactly\n // MIN_SCALE, which is where the 0.43 trade was calibrated.\n const minScale = MIN_SCALE * widthScale;\n\n const budget = (rows: number, withMore: boolean) =>\n CHROME_HEIGHT + rows * ROW_HEIGHT + (withMore ? MORE_ROW_HEIGHT : 0) + noteRows * MORE_ROW_HEIGHT;\n\n const scaleFor = (rows: number, withMore: boolean) => Math.min(widthScale, usable / budget(rows, withMore));\n\n let shown = 0;\n for (let n = Math.min(count, maxShown); n >= 1; n--) {\n if (scaleFor(n, n < count) >= minScale) {\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 / budget(1, hidden > 0))\n : Math.max(scaleFor(shown, hidden > 0), minScale);\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, sports: string[] = SPORTS): 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",[155],"506628e8-fc6b-413d-8ee1-c99f8bdcf1b2","render","e632db3c-9c21-11f1-9e9d-1607ee4eb77e",30,["D",1787180483479],"directory",[163],"d77af718-138b-47f4-a069-8a5b7dbd22e4","lib","e4e43de8-9c21-11f1-b0d7-1607ee4eb77e",29,["D",1787180481312],[170],"pulls","branches",50,"forks","envVars",{"_183":186,"_187":60},"connections",{"_183":184,"_185":60},"count",1,"unfilledCount",17,"emptyCount",{"_42":169,"_31":170,"_29":171,"_145":-5,"_40":41,"_39":172,"_147":126,"_37":323,"_13":60,"_33":167,"_35":-5,"_23":24,"_152":-5,"_207":324,"_26":325},{"_42":315,"_31":316,"_29":317,"_145":171,"_40":41,"_39":318,"_147":24,"_37":319,"_13":60,"_33":34,"_35":320,"_23":24,"_152":-5,"_207":321,"_26":322},{"_42":307,"_31":308,"_29":309,"_145":171,"_40":41,"_39":310,"_147":126,"_37":311,"_13":60,"_33":34,"_35":312,"_23":24,"_152":-5,"_207":313,"_26":314},{"_42":299,"_31":300,"_29":301,"_145":171,"_40":41,"_39":302,"_147":126,"_37":303,"_13":60,"_33":34,"_35":304,"_23":24,"_152":-5,"_207":305,"_26":306},{"_42":291,"_31":292,"_29":293,"_145":171,"_40":41,"_39":294,"_147":24,"_37":295,"_13":60,"_33":34,"_35":296,"_23":24,"_152":-5,"_207":297,"_26":298},{"_42":283,"_31":284,"_29":285,"_145":171,"_40":41,"_39":286,"_147":24,"_37":287,"_13":60,"_33":34,"_35":288,"_23":24,"_152":-5,"_207":289,"_26":290},{"_42":275,"_31":276,"_29":277,"_145":171,"_40":41,"_39":278,"_147":126,"_37":279,"_13":60,"_33":34,"_35":280,"_23":24,"_152":-5,"_207":281,"_26":282},{"_42":267,"_31":268,"_29":269,"_145":171,"_40":41,"_39":270,"_147":126,"_37":271,"_13":60,"_33":34,"_35":272,"_23":24,"_152":-5,"_207":273,"_26":274},{"_42":259,"_31":260,"_29":261,"_145":171,"_40":41,"_39":262,"_147":24,"_37":263,"_13":60,"_33":34,"_35":264,"_23":24,"_152":-5,"_207":265,"_26":266},{"_42":252,"_31":253,"_29":254,"_145":171,"_40":41,"_39":92,"_147":126,"_37":255,"_13":60,"_33":34,"_35":256,"_23":24,"_152":-5,"_207":257,"_26":258},{"_42":162,"_31":163,"_29":164,"_145":-5,"_40":41,"_39":165,"_147":126,"_37":249,"_13":60,"_33":167,"_35":-5,"_23":24,"_152":-5,"_207":250,"_26":251},{"_42":241,"_31":242,"_29":243,"_145":164,"_40":41,"_39":244,"_147":24,"_37":245,"_13":60,"_33":34,"_35":246,"_23":24,"_152":-5,"_207":247,"_26":248},{"_42":233,"_31":234,"_29":235,"_145":164,"_40":41,"_39":236,"_147":24,"_37":237,"_13":60,"_33":34,"_35":238,"_23":24,"_152":-5,"_207":239,"_26":240},{"_42":225,"_31":226,"_29":227,"_145":164,"_40":41,"_39":228,"_147":24,"_37":229,"_13":60,"_33":34,"_35":230,"_23":24,"_152":-5,"_207":231,"_26":232},{"_42":221,"_31":32,"_29":30,"_145":164,"_40":41,"_39":14,"_147":24,"_37":222,"_13":60,"_33":34,"_35":36,"_23":24,"_152":-5,"_207":223,"_26":224},{"_42":213,"_31":214,"_29":215,"_145":164,"_40":41,"_39":216,"_147":126,"_37":217,"_13":60,"_33":34,"_35":218,"_23":24,"_152":-5,"_207":219,"_26":220},{"_42":154,"_31":155,"_29":156,"_145":-5,"_40":41,"_39":157,"_147":24,"_37":210,"_13":159,"_33":34,"_35":160,"_23":24,"_152":-5,"_207":211,"_26":212},{"_42":142,"_31":143,"_29":144,"_145":-5,"_40":41,"_39":146,"_147":24,"_37":206,"_13":149,"_33":150,"_35":151,"_23":24,"_152":-5,"_207":208,"_26":209},["D",1787126126891],"children",[],[143],["D",1787125462032],[],[155],"c44b80a5-8d97-4dd0-99dc-c12f595aefb4","theme.ts","23a8ef42-9c22-11f1-ad4d-1607ee4eb77e",40,["D",1787180586600],"// ---- 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//\n// The color *math* lives in lib/color.ts. This file is the palette built on\n// top of it — the values, not the conversions.\n\nimport { hslToRgb } from \"../lib/color.ts\";\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\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.\n// main.ts is that caller: it picks the hue and passes the resolved color\n// down, which is what keeps the png tree deterministic and assertable.\nexport function randomHue(): number {\n return Math.floor(Math.random() * 360);\n}\n",[],[163,214],"1b34d7a9-9d43-4c6f-8a11-fa71db01bc2f",["D",1787180669290],[],[163,32],"84370ee6-856d-4cb4-983a-fb1c1dcc33da","layout.ts","35856060-9c22-11f1-8f46-1607ee4eb77e",41,["D",1787180616572],"// ---- png layout ----\n//\n// Pure, so tests/layout.test.ts can cover it without a rendering runtime.\n// It sits beside png-tree.ts rather than under lib/ because the two are one\n// unit: the tree derives every font size and gap from the same numbers this\n// fit calculation uses, and when they lived apart the layout silently\n// 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 the tests assert against these numbers rather than their own\n// copy of them — a private constant plus a duplicate in the test is how a\n// layout guard silently goes stale.\nexport const CHROME_HEIGHT = 94;\n\n// One game row plus the gap above it. The row is two side-by-side panels —\n// away over home (bold, matchup size) on the left, time over channel (muted)\n// on the right — so its height is the *taller* panel, the left one: two\n// matchup-size lines at lineHeight 1, tight against each other. The right\n// panel is shorter and never binds.\n//\n// 108 is not slack: a medium widget's whole budget for two games is\n// (153/0.43 - CHROME_HEIGHT - MORE_ROW_HEIGHT) / 2 = 109.9, so anything that\n// adds 2pt to this row — 1.1 leading on the team lines, or a gap between\n// them — drops 329x155 back to a single game. Measured against the render,\n// not derived: row pitch at 1100x1146 came out 187px at scale 1.544\n// (121 * 1.544 = 186.8) for the 1.1-leading version this replaced.\nexport const ROW_HEIGHT = 108;\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, as a **fraction of the canvas's natural scale** — not an\n// absolute scale value. This design exists for at-a-glance, low-vision\n// reading; below roughly this fraction the matchup line stops being\n// scannable. Games that don't fit above the floor are dropped to a \"+N more\"\n// count rather than shrunk into illegibility.\n//\n// Why a fraction and not an absolute number: the caller passes *pixels*, but\n// a widget's legibility is about *points*. The same physical widget rendered\n// at @3x has 3x the pixels, and an absolute floor let those extra pixels buy\n// extra rows instead of sharper text. Measured under the old absolute floor,\n// the same medium widget showed 2 games at 329x155 (19pt matchup line) and 8\n// games at 987x465 (7pt) — pixel density silently changing how much content\n// a widget holds, and shrinking the text to a size this design exists to\n// avoid. Multiplying by widthScale makes the floor track the render density,\n// so a given physical widget shows the same games at 1x, 2x and 3x.\n//\n// 0.43 is a deliberate trade made by the user, calibrated at 329x155 where\n// widthScale is exactly 1.0 and this therefore still means an absolute 0.43\n// (≈19px matchup line): it fits 2 games instead of 1 at the default medium\n// widget size. Raise it toward 0.6 if the smaller line turns out to be hard\n// 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\n// Backstop only — the legibility floor above is the real limiter now that it\n// scales with render density. At every actual widget size the floor binds\n// first (a large widget tops out at 6 games, a medium at 2, whatever density\n// it's rendered at), so this ceiling never fires in practice. It stays as a\n// guard against a pathological ?w=/?h= producing a canvas tall enough to ask\n// for dozens of rows.\n//\n// Do not lower it to shape what the widget shows — that's the floor's job,\n// and a ceiling applied outside pngLayout would cap `shown` without telling\n// it, which is how \"+N more\" undercounted before. It is passed as `maxShown`\n// for exactly that reason.\nexport const MAX_GAMES_SHOWN = 10;\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.\n// `noteRows` budgets any extra single-line rows the renderer will draw below\n// the games (currently just the \"! N ignored\" drift marker). They must be\n// declared here rather than appended by the caller: the marker was first\n// drawn outside this budget and immediately ate the bottom padding on a\n// medium canvas, where chrome + 2 rows + \"+N more\" already fills the height\n// exactly. That is the clipping bug this function exists to prevent.\nexport function pngLayout(\n width: number,\n height: number,\n count: number,\n maxShown = Infinity,\n noteRows = 0,\n): PngLayout {\n const widthScale = Math.min(width / BASE_WIDTH, MAX_SCALE);\n const usable = height - BORDER_HEIGHT;\n\n // Relative to the canvas, so the floor means the same physical text size\n // whatever density the caller renders at. At BASE_WIDTH this is exactly\n // MIN_SCALE, which is where the 0.43 trade was calibrated.\n const minScale = MIN_SCALE * widthScale;\n\n const budget = (rows: number, withMore: boolean) =>\n CHROME_HEIGHT + rows * ROW_HEIGHT + (withMore ? MORE_ROW_HEIGHT : 0) + noteRows * MORE_ROW_HEIGHT;\n\n const scaleFor = (rows: number, withMore: boolean) => Math.min(widthScale, usable / budget(rows, withMore));\n\n let shown = 0;\n for (let n = Math.min(count, maxShown); n >= 1; n--) {\n if (scaleFor(n, n < count) >= minScale) {\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 / budget(1, hidden > 0))\n : Math.max(scaleFor(shown, hidden > 0), minScale);\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",[],[163,226],"e07c78df-d64c-4638-bf87-cc29bf169081","json.ts","3874e26e-9c22-11f1-a24c-1607ee4eb77e",42,["D",1787180621510],"// The json render target. `jsonPayload` is pure and is what the tests\n// assert against; `renderJson` is the one-line Response wrapper.\n\nimport { type GamesBySport } from \"../lib/games.ts\";\nimport { type ResolvedParams } from \"../lib/params.ts\";\n\n// `effective` is the drift detector. The iOS app builds these URLs in a\n// different repo with nothing testing the seam, and every unknown value here\n// is dropped rather than erroring — so without an echo a Swift-side typo\n// returns a healthy 200 with quietly wrong content, which is exactly how the\n// PNG clipping bug survived every status check. See docs/widget-ios-brief.md.\nexport function jsonPayload(bySport: GamesBySport, dateLabel: string, resolved: ResolvedParams) {\n return {\n date_label: dateLabel,\n effective: {\n mode: resolved.mode,\n sports: resolved.sports,\n teams: resolved.teams.map((t) => `${t.sport}:${t.code}`),\n rejected: resolved.rejected,\n },\n games_by_sport: bySport,\n };\n}\n\nexport function renderJson(bySport: GamesBySport, dateLabel: string, resolved: ResolvedParams): Response {\n return Response.json(jsonPayload(bySport, dateLabel, resolved));\n}\n",[],[163,234],"647fe1ea-a979-4bcb-bd21-4d4b2c5f6d6f","html.ts","3bd8cff6-9c22-11f1-9f07-1607ee4eb77e",43,["D",1787180627201],"// The html render target — the dense, sport-grouped table, as opposed to\n// the png's two-panel card. `htmlDocument` is pure and is what the tests\n// assert against; `renderHtml` is the Response wrapper.\n\nimport { type GamesBySport } from \"../lib/games.ts\";\n\nexport function htmlDocument(bySport: GamesBySport, dateLabel: string): string {\n const rows = bySport\n .map(\n ({ sport, games }) => `\n

${sport.toUpperCase()}

${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): Response {\n return new Response(htmlDocument(bySport, dateLabel), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[163,242],["D",1787180483479],[199,200,201,202,203],[163],"46a5fbce-ea9d-42b5-87d7-46324b13f2f9","text.ts","eb298d02-9c21-11f1-a308-1607ee4eb77e",["D",1787180491819],"// Pure string helpers. Domain-free: nothing here knows about games,\n// channels or teams, which is what keeps them safe to call from anywhere\n// in lib/ without creating an import cycle.\n\n// A blunt chop rather than a width measurement — see MAX_CHANNEL_LABEL in\n// catalog.ts for why that is all this needs to be.\nexport function chop(text: string, max: number): string {\n return text.length <= max ? text : `${text.slice(0, max - 1)}…`;\n}\n\nexport function titleCase(slug: string): string {\n return slug\n .split(\"-\")\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n}\n",[],[170,253],"c4c3fbcd-1c7f-4050-baad-04bd536e0b52","teams.ts","09b616f0-9c22-11f1-a65b-1607ee4eb77e",36,["D",1787180542965],"// Display names for the teams catalog.ts knows about. Pure.\n\nimport { TEAMS } from \"./catalog.ts\";\nimport { titleCase } from \"./text.ts\";\n\n// ---- display names ----\n//\n// Derived from TEAMS rather than declared as a second table, and that is the\n// whole point: a parallel TEAM_NAMES would carry the same (sport, code) pairs\n// a second time, and the two would drift the first time someone corrected a\n// code in one of them. Adding a team to TEAMS now buys both the favorites\n// filter and the display name in one edit.\n//\n// Keyed on `sport:code`, never on the bare code, for the reason spelled out\n// above TEAMS: `IND` is the Fever, the Colts *and* the Pacers, so a bare-code\n// index would label a Colts game \"Fever\". The key includes the sport for the\n// same reason the favorites table stores a pair.\nconst TEAM_LABELS: Record = Object.fromEntries(\n Object.entries(TEAMS).map(([slug, ref]) => [`${ref.sport}:${ref.code}`, titleCase(slug)]),\n);\n\n// Falls back to the raw code, which is the honest thing to draw for a team\n// this table doesn't cover yet — coverage is currently 7 of ~120 teams, so\n// the fallback is the common case, and a card mixes \"Dodgers\" with \"COL\".\n// Callers get whatever TEAMS knows and nothing is invented.\nexport function teamLabel(sport: string, code: string | null): string | null {\n if (!code) return code;\n return TEAM_LABELS[`${sport}:${code}`] ?? code;\n}\n",[],[170,260],"6232654e-94fe-4ec7-b6ad-d4f9baf06377","sleeper.ts","1beb9fd4-9c22-11f1-ab8c-1607ee4eb77e",39,["D",1787180573637],"// The val's only outbound I/O. Everything else under lib/ is pure, which is\n// what lets tests/ run the whole slate pipeline against captured fixtures\n// with no network — this file is the seam they stop at, and the deployed\n// endpoint is what covers it (see docs/HANDOFF.md).\n\nimport { SPORTS } from \"./catalog.ts\";\nimport { type Game } from \"./games.ts\";\n\nexport async function fetchScores(date: string, sports: string[] = SPORTS): 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",[],[170,268],"82880f70-316a-4401-8787-6f602a3a9588","params.ts","1a265bda-9c22-11f1-96f6-1607ee4eb77e",38,["D",1787180570664],"// The URL contract: raw `sports[]` / `teams[]` query values in, a resolved\n// fetch-and-filter plan out. Pure — no I/O — so the whole contract is\n// testable under bin/ci.\n\nimport { MAX_TEAMS, SPORTS, TEAMS, type TeamRef } from \"./catalog.ts\";\n\nexport type ResolvedParams = {\n mode: \"teams\" | \"sports\";\n sports: string[];\n teams: TeamRef[];\n rejected: string[];\n};\n\n// Two modes, not an intersection. Any valid team puts us in team mode, where\n// `sports[]` is ignored and the fetch list is derived from the selected\n// teams instead. Intersecting them lets `sports[]=nfl&teams[]=dodgers`\n// produce an empty widget that looks exactly like a quiet day.\n//\n// Nothing here throws or signals an error status: a 4xx renders as a broken\n// image in WidgetKit, which is worse than slightly wrong content. Unknown\n// values are dropped into `rejected` for the caller to echo, which is what\n// makes drift between the iOS repo and this one visible instead of silent.\nexport function resolveParams(sportsParam: string[] = [], teamsParam: string[] = []): ResolvedParams {\n const rejected: string[] = [];\n\n const clean = (values: string[]) => [\n ...new Set(values.map((v) => v.trim().toLowerCase()).filter(Boolean)),\n ];\n\n // Sports are validated even in team mode, where they're otherwise unused:\n // a typo should surface as drift rather than hide behind a team filter.\n const sports = clean(sportsParam).filter((s) => {\n if (SPORTS.includes(s)) return true;\n rejected.push(s);\n return false;\n });\n\n const teams: TeamRef[] = [];\n for (const slug of clean(teamsParam)) {\n if (!TEAMS[slug]) rejected.push(slug);\n else if (teams.length >= MAX_TEAMS) rejected.push(slug);\n else teams.push(TEAMS[slug]);\n }\n\n // Every requested team was unknown -> fall through to sports mode rather\n // than rendering an empty card. The slugs are already in `rejected`, so\n // the caller can still say something went wrong.\n if (teams.length === 0) {\n return { mode: \"sports\", sports: sports.length ? orderBySports(sports) : [...SPORTS], teams: [], rejected };\n }\n\n const derived = orderBySports([...new Set(teams.map((t) => t.sport))]);\n return { mode: \"teams\", sports: derived, teams, rejected };\n}\n\n// Keeps fetch/group order stable and independent of the order params arrived\n// in, so two widgets with the same selection produce the same card.\nfunction orderBySports(sports: string[]): string[] {\n return SPORTS.filter((s) => sports.includes(s));\n}\n",[],[170,276],"22266cc3-9a57-4cdf-981c-15fe135c6796","games.ts","140ff760-9c22-11f1-bbdd-1607ee4eb77e",37,["D",1787180560428],"// The game slate: Sleeper's raw /scores payload in, enriched and grouped\n// games out. Pure — the fetch that produces the input lives in sleeper.ts.\n\nimport { SPORTS, type TeamRef } from \"./catalog.ts\";\nimport { channelInfo, type ChannelInfo } from \"./channels.ts\";\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\"]`.\n//\n// Named for what it returns: Sleeper's abbreviation (\"IND\"), not a name.\n// `teamLabel` in teams.ts is the one that turns that into \"Fever\".\nfunction teamCode(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, teams: TeamRef[] = []): GamesBySport {\n let enriched: EnrichedGame[] = (games ?? []).map((game) => ({\n ...game,\n away: teamCode(game.metadata?.away_team),\n home: teamCode(game.metadata?.home_team),\n channel: channelInfo(game.metadata?.channel),\n }));\n\n // Matched on the (sport, code) pair, never the bare code — `IND` is three\n // different franchises across wnba/nfl/nba, so a code-only match makes\n // \"fever\" quietly include Colts and Pacers games.\n if (teams.length) {\n enriched = enriched.filter((game) =>\n teams.some((t) => t.sport === game.sport && (game.away === t.code || game.home === t.code)),\n );\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// Flattens the sport groups into one chronological list, for renderers that\n// don't draw sport headings.\n//\n// The PNG is that renderer. Flattening in SPORTS order instead produced a\n// list that looked time-sorted but wasn't (a 4:30pm wnba game above a 9:35am\n// mlb one, with nothing on the card explaining the jump), and — worse — made\n// truncation sport-biased: whichever sport sorts first claims the visible\n// rows, so a medium widget showing 2 of 17 gave both slots to wnba and put\n// all 15 mlb games behind \"+15 more\". With four sports that can make a whole\n// sport structurally unreachable on the smaller canvases.\n//\n// The HTML view still groups by sport deliberately — it has headings, so the\n// grouping is legible there.\nexport function flattenByStartTime(bySport: GamesBySport): EnrichedGame[] {\n return bySport.flatMap((group) => group.games).toSorted((a, b) => a.start_time - b.start_time);\n}\n",[],[170,284],"a22f3d63-7c43-4253-a00f-1605c9699625","dates.ts","f32505d6-9c21-11f1-ae4c-1607ee4eb77e",33,["D",1787180505138],"// Pure date math for the Sleeper slate. No formatting of games, no I/O —\n// every function here takes an explicit `now` or an ISO string, which is\n// what lets tests/dates.test.ts pin behaviour without freezing the clock.\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",[],[170,292],"7c9bc674-364a-4a03-9492-1398f1e2e84a","color.ts","eefe09e4-9c21-11f1-affe-1607ee4eb77e",32,["D",1787180498254],"// Pure color math — HSL conversion and WCAG contrast. Domain-free: this\n// file knows nothing about the widget's palette, only how to convert and\n// measure. The palette itself lives in render/theme.ts, which is what makes\n// the 360-hue contrast assertions in tests/theme.test.ts possible without\n// pulling in a renderer.\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",[],[170,300],"51fa156d-04af-4253-9988-977e0dfefc10","channels.ts","063c2abe-9c22-11f1-b1ac-1607ee4eb77e",35,["D",1787180537247],"// Turns Sleeper's raw channel string into the shape every render target\n// reads. Pure — the dictionaries it consults live in catalog.ts.\n\nimport { MAX_CHANNEL_LABEL, NATIONAL_CHANNELS, STREAMING_CHANNELS } from \"./catalog.ts\";\nimport { chop } from \"./text.ts\";\n\n// `name` stays the raw string Sleeper sent — it is the drift-detection\n// value, and the json format has to keep reporting what actually arrived.\n// `label` is the display form: dictionary-mapped where there is a mapping,\n// chopped raw text where there isn't.\nexport type ChannelInfo = {\n category: string;\n name: string | null;\n label: 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, label: 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 {\n category: \"regional\",\n name: rawChannel,\n label: chop(rawChannel, MAX_CHANNEL_LABEL),\n directv_channel: null,\n note: null,\n };\n}\n",[],[170,308],"b05e9609-b4fa-4fdc-bc11-7a04bde76319","catalog.ts","01f010d8-9c22-11f1-8892-1607ee4eb77e",34,["D",1787180530039],"// The static tables the rest of the val reads: what sports exist, how\n// channels map to display forms and DirecTV numbers, and which team slugs\n// the URL accepts. Data only — no functions, no I/O — so every other module\n// can import it without dragging behaviour along.\n//\n// Ported from app/controllers/games_controller.rb.\n\n// Doubles as the fetch list, the allowlist for the `sports[]` param, and\n// the group order in the rendered output. Order is display order, not\n// significance — nfl first because it's the one with a hard weekly cadence.\n//\n// Growing this from nfl+wnba to four sports makes an unfiltered slate large\n// (mlb+wnba alone returned 19 games on 2026-08-18), which is the whole\n// reason the `teams[]` filter exists — see docs/widget-param-contract.md.\nexport const SPORTS = [\"nfl\", \"wnba\", \"mlb\", \"nba\"];\n\n// Ported 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).\n//\n// `label` is this file's own addition, not in the Rails port: the short form\n// the png draws. It exists because Sleeper's raw strings are not sized for a\n// widget — \"Amazon Prime Video\" is 18 characters and ran off the side of a\n// large card. The values are a small bounded set, so they get a mapping\n// rather than a measuring algorithm. AMZN is Sleeper's own abbreviation for\n// that channel (it sends both forms, hence the dual key below), so this\n// shortens to something the source already uses rather than inventing one.\nexport const NATIONAL_CHANNELS: Record = {\n abc: { label: \"ABC\", directv_channel: 4, note: null },\n cbs: { label: \"CBS\", directv_channel: 2, note: null },\n espn: { label: \"ESPN\", directv_channel: 206, note: null },\n ion: { label: \"ION\", directv_channel: 305, note: null },\n nbatv: { label: \"NBATV\", directv_channel: 216, note: null },\n nbc: { label: \"NBC\", directv_channel: 4, note: null },\n tbs: { label: \"TBS\", directv_channel: 247, note: null },\n usa: { label: \"USA\", directv_channel: 242, note: null },\n sportsnet: { label: \"SportsNet\", directv_channel: 691, note: null },\n};\n\nexport const STREAMING_CHANNELS: Record = {\n amzn: { label: \"AMZN\", note: \"computer only\" },\n amazon: { label: \"AMZN\", note: \"computer only\" },\n peacock: { label: \"Peacock\", note: \"computer only\" },\n};\n\n// The backstop for the one category that has no mapping: a regional channel\n// is whatever free text Sleeper sent, so it cannot be bounded by a\n// dictionary the way the two above are. Real values are already short\n// (SNY, MARQ, NESN, MASN, NBCS-PH), so this only fires on something\n// unusual — a blunt chop rather than a width measurement, which is all a\n// backstop needs to be.\nexport const MAX_CHANNEL_LABEL = 10;\n\n// ---- favorite teams ----\n//\n// Slug -> (sport, Sleeper code). The pair matters: Sleeper's abbreviations\n// are NOT unique across sports. `IND` is the Fever (wnba), the Colts (nfl)\n// and the Pacers (nba) — all three confirmed in live data and captured in\n// test/fixtures/files/sleeper/. Matching a bare code would make \"fever\" pull\n// in Colts and Pacers games. `WAS` (nfl + wnba, while mlb uses `WSH`) plus\n// ATL/MIN/CHI/DET/HOU/TOR/BOS/TB are the same trap as this list grows.\n//\n// The URL carries slugs, not codes, and this table is the only place the\n// mapping lives. That's deliberate: the iOS app ships a picker, and every\n// app-side change costs a build-number bump on both the app and the widget\n// extension plus an upload. Adding a team here is a val deploy instead. See\n// docs/widget-ios-brief.md.\n//\n// Every code here is asserted against a real captured fixture for its sport\n// — but a fixture only proves the code was valid on its capture date, not\n// that Sleeper still uses it. The runtime echo (rejected/unmatched surfaced\n// to the caller) is the actual drift detector.\nexport type TeamRef = { sport: string; code: string };\n\nexport const TEAMS: Record = {\n sparks: { sport: \"wnba\", code: \"LAS\" },\n fever: { sport: \"wnba\", code: \"IND\" },\n dodgers: { sport: \"mlb\", code: \"LAD\" },\n lakers: { sport: \"nba\", code: \"LAL\" },\n warriors: { sport: \"nba\", code: \"GSW\" },\n rams: { sport: \"nfl\", code: \"LAR\" },\n panthers: { sport: \"nfl\", code: \"CAR\" },\n};\n\n// A widget that can't show more than ~6 games has no use for a longer list;\n// this exists to bound a malformed URL, not to express a preference.\nexport const MAX_TEAMS = 12;\n",[],[170,316],["D",1787180481312],[189,190,191,192,193,194,195,196,197],[170],["D",1787009561780],["D",1789532458193],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":43,"_95":62,"_96":44,"_97":98},"ctx",{"_79":-5,"_128":364,"_365":366,"_367":368,"_369":24,"_370":24,"_371":24,"_372":126,"_373":-5,"_374":-7,"_375":-7,"_376":60,"_377":24,"_378":24,"_379":-5,"_380":24,"_381":24,"_382":24,"_383":-5},"ENV",{"_335":336,"_337":338,"_339":134,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v44