{node}

));\n}\n\nfunction Timestamp({ value }: { value: string }): React.ReactElement {\n return {value};\n}\n\nfunction isRecord(value: unknown): value is JsonObject {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction humanize(value: string): string {\n return value\n .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n .replace(/[_-]+/g, \" \")\n .replace(/\\bId\\b/g, \"ID\")\n .replace(/^./, (letter) => letter.toUpperCase());\n}\n\nfunction settingCount(schema: unknown): number {\n if (!isRecord(schema) || !isRecord(schema.properties)) return 0;\n return Object.keys(schema.properties).length;\n}\n\nfunction Value({ value }: { value: unknown }): React.ReactElement {\n if (Array.isArray(value)) {\n if (value.length === 0) return None;\n return (\n

\n );\n }\n if (isRecord(value)) return ;\n if (typeof value === \"boolean\") return {value ? \"Yes\" : \"No\"};\n if (value == null) return None;\n return {String(value)};\n}\n\nfunction Settings({ value }: { value: unknown }): React.ReactElement {\n if (!isRecord(value) || Object.keys(value).length === 0) {\n return

No settings.

;\n }\n return (\n

{humanize(key)}

\n );\n}\n\nfunction schemaType(definition: JsonObject): string {\n if (definition.type === \"array\" && isRecord(definition.items)) {\n return `Array of ${String(definition.items.type ?? \"values\")}`;\n }\n return humanize(String(definition.type ?? \"value\"));\n}\n\nfunction Schema({ value }: { value: unknown }): React.ReactElement {\n if (!isRecord(value)) {\n return (\n <>\n

The stored schema is not valid JSON.

{String(value)}

\n \n );\n }\n\n const properties = isRecord(value.properties) ? value.properties : {};\n const required = new Set(\n Array.isArray(value.required)\n ? value.required.filter((item): item is string => typeof item === \"string\")\n : [],\n );\n\n return (\n <>\n {Object.keys(properties).length === 0\n ?

No configurable settings.

\n : (\n

{name}

\n {schemaType(definition)}\n {\" · \"}\n {required.has(name) ? \"Required\" : \"Optional\"}\n {definition.readOnly === true ? \" · Read only\" : \"\"}\n

\n {typeof definition.description === \"string\" &&\n

{definition.description}

}\n {Object.hasOwn(definition, \"default\") &&\n

Default:

}\n {Array.isArray(definition.enum) &&\n

Allowed:

}\n {definition.uniqueItems === true &&\n

Values must be unique.

}\n

\n )}\n\n

Raw schema

{JSON.stringify(value, null, 2)}

\n \n );\n}\n\nexport function sourceIndexDocument(sources: SourceSummary[]): string {\n return documentMarkup(\n \"Widget favorites — Sources\",\n <>\n

Sources

Available feed definitions and their current device use.

\n \n \n \n \n \n \n \n \n \n \n {sources.length === 0\n ? \n : sources.map((source) => (\n \n \n \n \n \n \n ))}\n \n

Source	Description	Settings	Devices
No sources yet.
\n {humanize(source.kind)}\n \n Source {source.id}\n	{source.description}	{settingCount(source.settingsSchema)}	{source.deviceCount}

\n ,\n );\n}\n\nexport function sourceShowDocument(source: SourceDetail): string {\n return documentMarkup(\n `Widget favorites — ${humanize(source.kind)}`,\n <>\n

← All sources

{humanize(source.kind)}

{source.description}

\n\n

Source: {source.id}
Devices: {source.deviceCount}
Created
Updated

\n\n

Available settings

Schema fields define the shape accepted by each device assignment.

\n \n

\n\n

Attached devices

\n {source.devices.length === 0\n ?

No devices attached.

\n : (\n \n \n \n \n \n \n \n \n \n \n {source.devices.map((device) => (\n \n \n \n \n \n \n ))}\n \n

Device	Priority	Settings	Updated
\n {device.name}\n \n {device.installId}\n	{device.priority}	\n \n View settings \n \n \n

\n )}\n

\n ,\n );\n}\n\nexport function sourceNotFoundDocument(): string {\n return documentMarkup(\n \"Widget favorites — Source not found\",\n <>\n

← All sources

Source not found

No source exists with that internal ID.

\n ,\n );\n}\n",[],[586,595],"9745cfda-4a98-4232-aede-7f0711460b41","rootHtml.ts","01a064da-0b2e-7418-95dc-a5e161fdbe73",["D",1788398406448],"// Static shell for the browser-managed app entry point.\n\nexport function rootHtml(): string {\n return `\n\n \n \n \n Sports Today\n \n \n \n \n \n`;\n}\n",[],[586,602],"3d62d335-7fa0-463a-832b-d77a4f8197d5","png.ts","01a064da-0b2e-7418-95dc-a023ed0f5f9b",["D",1788398406448],"// The png render target's *impure* half: wasm init, font fetch, satori and\n// resvg. Nothing here decides what the card says — that is png-tree.ts,\n// which is pure and covered by tests/png-tree.test.ts. This file is only\n// covered by hitting the deployed endpoint.\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.\n\nimport satori from \"npm:satori\";\nimport { Resvg, initWasm } from \"npm:@resvg/resvg-wasm\";\nimport { pngTree, type PngCard } from \"./png-tree.ts\";\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/jetbrains-mono@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\n// 800, not 700: JetBrains Mono's own bold reads noticeably lighter than\n// Inter's did at the same weight number — a monospace face's stems have to\n// share the cell with more whitespace per glyph on average, so matching\n// Inter's visual punch on the team-name line took the heaviest weight\n// fontsource serves this font at. Picked by eye against the render.\nfunction boldFont() {\n return (boldFontPromise ??= fetchFont(800));\n}\n\nexport async function renderPng(card: PngCard): Promise {\n await ensureWasm();\n\n const svg = await satori(pngTree(card), {\n width: card.width,\n height: card.height,\n fonts: [\n { name: \"mono\", data: await regularFont(), weight: 400, style: \"normal\" },\n { name: \"mono\", data: await boldFont(), weight: 800, 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",[],[586,609],"0c6fd1ef-f4ac-4170-bed7-553f84be27d9","png-tree.ts","01a064da-0b2e-7418-95dc-9e05d74bee42",["D",1788398406448],"// 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 { DEFAULT_CLIENT_OFFSET_SECONDS, shiftByOffset } from \"../lib/dates.ts\";\nimport { flattenByStartTime, type EnrichedGame, type GamesBySport } from \"../lib/games.ts\";\nimport { teamLabel } from \"../lib/teams.ts\";\nimport {\n CHANNEL_UNIT,\n type ContentWidths,\n EMPTY_UNIT,\n GAP_UNIT,\n HEADER_UNIT,\n MATCHUP_UNIT,\n MAX_GAMES_SHOWN,\n MERIDIEM_GAP_UNIT,\n MERIDIEM_UNIT,\n MORE_UNIT,\n TIME_UNIT,\n pngLayout,\n} from \"./layout.ts\";\nimport { textWidth } from \"./metrics.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 // Display-only: the GMT offset (seconds east of GMT) game times render in.\n // The resolution of `?tz=` (or its default) happens once, in main.ts, and\n // flows down to here and to formatDateLabel's caller alike, so a request\n // never mixes times from two different offsets on one card.\n clientOffsetSeconds?: number;\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.\n//\n// The clock and the meridiem come back apart because the row draws them at\n// different sizes, \"AM\" superscripted off the clock. Split on any whitespace\n// rather than on a literal \" \": recent ICU puts U+202F (narrow no-break\n// space) in this position, and the val runs on a Deno whose ICU is not the\n// one bin/ci runs these tests under. `\\s` covers both, and neither half\n// carries the separator into the width budget afterwards.\nexport function timeParts(\n game: EnrichedGame,\n offsetSeconds: number = DEFAULT_CLIENT_OFFSET_SECONDS,\n): { clock: string; meridiem: string } {\n const [clock, meridiem = \"\"] = shiftByOffset(new Date(game.start_time), offsetSeconds)\n .toLocaleTimeString(\"en-US\", { timeZone: \"UTC\", hour: \"numeric\", minute: \"2-digit\" })\n .split(/\\s+/);\n return { clock, meridiem };\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\n// Tracked here rather than inline in the style below because the width\n// budget has to account for it: satori adds it after every character, so a\n// ten-character date carries ten more pixels than its glyphs measure.\nconst HEADER_LETTER_SPACING = 1;\n\nconst EMPTY_LABEL = \"No games\";\n\n// ---- how wide this card wants to be ----\n//\n// The layout used to model only height, and satori's response to a row that\n// is too wide is to shrink the panels — clipping the time, or dropping it\n// entirely. pngLayout now caps the scale so that cannot happen, and these\n// are the numbers it caps against: the natural width of every line, at scale\n// 1, measured through render/metrics.ts.\n//\n// It lives on this side of the seam because width is a fact about the *tree*\n// — which string is drawn at which size, and which panels sit beside each\n// other — and pngLayout should not have to know that a row is a team stack\n// next to a time stack. Keep the two in step: a line added to the tree\n// without a matching term here is a line the budget cannot see.\n\n// A row is the widest team line, a gutter, then the widest meta line. Both\n// panels are their own natural width (neither wraps), so the row is their\n// sum and not the larger of them.\nexport function rowWidth(game: EnrichedGame, offsetSeconds: number = DEFAULT_CLIENT_OFFSET_SECONDS): number {\n const teams = Math.max(\n textWidth(teamLabel(game.sport, game.away) ?? \"\", MATCHUP_UNIT, 800),\n textWidth(teamLabel(game.sport, game.home) ?? \"\", MATCHUP_UNIT, 800),\n );\n const { clock, meridiem } = timeParts(game, offsetSeconds);\n const time = textWidth(clock, TIME_UNIT) + (meridiem ? MERIDIEM_GAP_UNIT + textWidth(meridiem, MERIDIEM_UNIT) : 0);\n const channel = channelLabel(game);\n const meta = Math.max(time, channel ? textWidth(channel, CHANNEL_UNIT) : 0);\n return teams + GAP_UNIT + meta;\n}\n\n// `chrome` is every line whose presence does not depend on how many games\n// were budgeted. \"+N more\" is measured against the whole slate rather than\n// the eventual hidden count — that count is what pngLayout is being asked to\n// decide, and the full count is an upper bound on its digits.\nexport function contentWidths(\n games: EnrichedGame[],\n dateLabel: string,\n rejected: string[],\n offsetSeconds: number = DEFAULT_CLIENT_OFFSET_SECONDS,\n): ContentWidths {\n const header = textWidth(dateLabel.toUpperCase(), HEADER_UNIT) + dateLabel.length * HEADER_LETTER_SPACING;\n return {\n chrome: Math.max(\n header,\n textWidth(`+${games.length} more`, MORE_UNIT),\n rejected.length ? textWidth(rejectionNote(rejected), MORE_UNIT) : 0,\n games.length ? 0 : textWidth(EMPTY_LABEL, EMPTY_UNIT),\n ),\n rows: games.map((g) => rowWidth(g, offsetSeconds)),\n };\n}\n\nexport function pngTree({\n bySport,\n dateLabel,\n width,\n height,\n background,\n rejected = [],\n clientOffsetSeconds = DEFAULT_CLIENT_OFFSET_SECONDS,\n}: 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(\n width,\n height,\n games.length,\n MAX_GAMES_SHOWN,\n rejected.length ? 1 : 0,\n contentWidths(games, dateLabel, rejected, clientOffsetSeconds),\n );\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 120pt 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: 800, lineHeight: 1 },\n children: label,\n },\n });\n\n // No overflow or ellipsis styling here, and none needed: the panels are\n // flexShrink 0 and pngLayout has already picked a scale at which the whole\n // row fits, measured through render/metrics.ts. That is the fix for the\n // spill this comment used to describe — a long channel name on a big canvas\n // running off the side. Two earlier answers to it are worth not repeating:\n // `minWidth: 0` made it worse (the box shrank, the text kept its width and\n // spilled leftward, so the panels overlapped instead of one truncating),\n // and shortening the channel label upstream in lib/channels.ts helped that\n // one line while leaving the time — which is not bounded by\n // MAX_CHANNEL_LABEL — to overflow first. Shortening the strings is still\n // worth doing for its own sake; it just cannot be the guard.\n //\n // flexShrink 0 is also the fallback if the budget is ever wrong: checked by\n // rendering with the budget deliberately disabled, a row too wide now spills\n // past the right edge and is visibly cut, where before it silently lost the\n // whole panel. Visible-and-wrong beats missing-and-quiet.\n const metaLine = (text: string, fontSize: number) => ({\n type: \"div\",\n props: { style: { display: \"flex\", fontSize, lineHeight: 1.1 }, children: text },\n });\n\n // \"10:10\" at the meta size with \"AM\" riding above it, rather than one\n // \"10:10 AM\" string. Top-aligned in a flex row: satori has no baseline\n // alignment and no vertical-align, and this reads as a superscript because\n // the two line boxes start together. The meridiem is the least informative\n // part of the line — the card covers one day — so it gives up its size to\n // the clock and its width to the row.\n const timeLine = (game: EnrichedGame) => {\n const { clock, meridiem } = timeParts(game, clientOffsetSeconds);\n return {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"row\", alignItems: \"flex-start\", gap: layout.meridiemGap },\n children: [\n metaLine(clock, layout.timeFontSize),\n ...(meridiem ? [metaLine(meridiem, layout.meridiemFontSize)] : []),\n ],\n },\n };\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\", flexShrink: 0 },\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 flexShrink: 0,\n gap: layout.rowGap,\n color: MUTED,\n },\n children: [timeLine(game), ...(channel ? [metaLine(channel, layout.channelFontSize)] : [])],\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 // ---- the eyebrow ----\n //\n // A navigation header, not the first line of the content: pinned to the top\n // edge, full width, left justified. Left justification is the stretched\n // column child plus a text node that starts at its left — not textAlign,\n // which satori only partly implements.\n //\n // Pinning it is why the outer column stopped centering and the games moved\n // into their own `body` node below. Centering the whole stack put the\n // eyebrow wherever the content happened to end up, which on a card with\n // vertical slack (any canvas where the width cap or widthScale binds before\n // the height budget) floated it away from the top edge along with the rows.\n // Now the outer column is top-aligned and `body` claims the leftover height\n // with flexGrow, so the games stay centered in what is left while this line\n // stays put. The two halves of that are a pair — drop either and the\n // eyebrow silently goes back to riding with the rows.\n //\n // It carries \"TODAY ·\" / \"TOMORROW ·\" ahead of the date (see\n // formatDateLabel), which roughly doubles its width and can make it the\n // widest line on the card: \"TOMORROW · WED AUG 19\" measures 308 against a\n // widest real game row of ~261, so on a sparse slate it is now what the\n // width budget caps the scale against, costing about 6% of type size there.\n // Accounted for, not accidental — contentWidths measures this string, so\n // the cost is a slightly smaller card and never a clipped one.\n //\n // Two nodes, not one, and both flexShrink 0 — each defends a different\n // axis, which is also why the row panels carry the same property. The outer\n // one is a column item, so its 0 keeps the header's *height* from being\n // squeezed when the content overruns. The inner one is a row item, so its 0\n // keeps the text at its natural *width* rather than letting satori wrap it:\n // a bare string in a full-width div breaks to a second line, and a two-line\n // header silently blows CHROME_HEIGHT — the clipping class layout.ts exists\n // to prevent. Spilling visibly past the edge is the better failure.\n //\n // The type styling sits on the inner node rather than inheriting from the\n // outer, so that a width measured off this tree (tests/png-tree.test.ts\n // reads each node's own style) sees the same fontSize and letterSpacing\n // contentWidths budgeted for.\n const eyebrow = {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexShrink: 0, width: \"100%\" },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexShrink: 0,\n fontSize: layout.headerFontSize,\n color: MUTED,\n textTransform: \"uppercase\",\n letterSpacing: HEADER_LETTER_SPACING,\n },\n children: dateLabel,\n },\n },\n ],\n },\n };\n\n // Everything under the eyebrow, in one node so it can be centered\n // independently of it. The gap here is the same value the outer column\n // uses, so the vertical metrics are unchanged: the card still spends one\n // gap between the eyebrow and the first row, and one between every pair\n // below it. CHROME_HEIGHT and ROW_HEIGHT still describe this layout.\n const body = {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n flexGrow: 1,\n width: \"100%\",\n gap: layout.gap,\n },\n children: [\n ...(visible.length\n ? visible.map(row)\n : [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", fontSize: layout.emptyFontSize, color: MUTED },\n children: EMPTY_LABEL,\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 return {\n type: \"div\",\n props: {\n style: {\n width,\n height,\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: background,\n borderWidth: 1,\n borderStyle: \"solid\",\n borderColor: BORDER,\n color: FG,\n fontFamily: \"mono\",\n padding: layout.padding,\n gap: layout.gap,\n },\n children: [eyebrow, body],\n },\n };\n}\n",[],[586,616],"41d83970-c099-4fce-8197-1eb5bd01dea4","metrics.ts","01a064da-0b2e-7418-95dc-990378f4e7a5",["D",1788398406448],"// How wide a string will be when satori draws it. Pure, and the only reason\n// the png layout can model width at all.\n//\n// Why this exists: nothing in the layout used to model width, only height —\n// so a slate with few games picked a large scale and the row outgrew the\n// canvas sideways. It did not fail gracefully. Satori shrinks flex children\n// to fit, so a mild overflow clipped the time mid-glyph (\"10:10 AM\" cut to\n// \"10:10 AM|\") and a large one collapsed the whole right panel to zero width\n// and drew nothing at all — a card that silently omits the kickoff time,\n// which is most of what the widget is for. Both reproduced at 1100x1146 with\n// one game. See docs/widget-param-contract.md.\n//\n// Why a single constant, not a table: render/png.ts loads JetBrains Mono, a\n// true monospace face, and a monospace face gives every glyph the same\n// advance width by definition — measuring is summing per-character advances,\n// and the sum of N identical terms is just N times one of them. Verified\n// against the font's own hmtx table (tools/font-widths.mjs's read-out\n// method, run by hand against jetbrains-mono@latest): one distinct advance\n// value — 0.600em — across the full ASCII printable range, the four extra\n// glyphs this app draws (·, …, ’, —), and every weight from 100 to 800. The\n// one exception is combining diacritical marks, which the font correctly\n// gives a zero advance (they stack on the preceding base letter, monospace\n// or not) — charging 0.6em for one anyway is an over-measure, the same safe\n// direction the old per-glyph fallback erred in, and a smaller one.\n//\n// `weight` stays in the signature so call sites don't change and so a\n// future proportional face doesn't silently mismeasure — but it no longer\n// affects the answer, unlike the old Inter tables where bold ran up to 8%\n// wider than regular per character.\nconst ADVANCE = 0.6;\n\nexport function textWidth(text: string, fontSize: number, _weight = 400): number {\n return [...text].length * ADVANCE * fontSize;\n}\n",[],[586,623],"2620fe93-e0df-431e-ad8c-e76aa7a1b1cb","messageJson.ts","01a064da-0b2e-7418-95dc-9795ef26c933",["D",1788398406448],"// Maps stored messages onto the iOS widget's schema-versioned display contract.\n\nimport { type StoredMessage } from \"../lib/messageStore.ts\";\n\nfunction messageItem(message: StoredMessage) {\n const timestamp = Math.floor(Date.parse(message.timestamp) / 1000);\n if (!Number.isFinite(timestamp)) return null;\n return {\n id: `message-${message.id}`,\n mainText: message.main,\n subText: message.sub,\n caption: null,\n emphasized: false,\n timestamp,\n };\n}\n\nexport function renderMessageJson(\n messages: StoredMessage[],\n clientOffsetSeconds: number,\n effectiveDate: string,\n rejectedTz: string | null,\n): Response {\n return Response.json(\n {\n schemaVersion: 2,\n eyebrow: \"TODAY\",\n items: messages.flatMap((message) => {\n const item = messageItem(message);\n return item ? [item] : [];\n }),\n },\n {\n headers: {\n \"cache-control\": \"public, max-age=60\",\n \"x-effective-rejected\": rejectedTz ?? \"\",\n \"x-effective-utc-offset-seconds\": String(clientOffsetSeconds),\n \"x-effective-date\": effectiveDate,\n },\n },\n );\n}\n",[],[586,630],"c85cf4a8-dc20-4790-b98f-69dcd18e4b93","layout.ts","01a064da-0b2e-7418-95dc-9152098dc117",["D",1788398406448],"// ---- 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;\n\n// The 1px border costs 2px in each axis, unscaled.\nconst BORDER = 2;\n\n// ---- the card at scale 1 ----\n//\n// Every size the card draws, before scaling. They are named here rather than\n// left as literals in the returned object because the width budget below has\n// to know how wide the card's text will be at scale 1, and png-tree.ts is the\n// side that knows which string goes at which size. Both sides have to mean\n// the same numbers, so there is one copy of them.\n//\n// 14, not the 24 this started at. The iOS widget renders this card\n// full-bleed, so the padding is the whole margin — and the design is bold\n// type on a dark card, which does not want the airy inset a text-heavy app\n// would. It buys twice: 20pt of row width back for the budget below, and, on\n// a canvas where height sets the scale, 20pt of height that turns into\n// larger type instead of blank border. Rendered at 14, 18 and 24 and picked\n// by eye at 987x465; 14 leaves the header about 7pt off the corner, which is\n// still clear of a medium widget's ~22pt corner radius.\nexport const PADDING_UNIT = 14;\nexport const GAP_UNIT = 20;\nexport const ROW_GAP_UNIT = 4;\n// 18, down from 22: JetBrains Mono's even rhythm and taller x-height read\n// clearly at a smaller size than Inter did here, and the eyebrow is a\n// navigation label, not content — it can afford to give width back to the\n// budget. Picked by eye against the render, not derived.\nexport const HEADER_UNIT = 18;\nexport const MATCHUP_UNIT = 44;\nexport const TIME_UNIT = 28;\n// The meridiem rides above the clock as a superscript: same line, smaller\n// face, so \"10:10\" gets the size and \"AM\" only has to be present. Worth\n// doing because the clock is the second thing read on the card after the\n// teams, and \" AM\" was costing it a fifth of the row's meta width.\nexport const MERIDIEM_UNIT = 17;\nexport const MERIDIEM_GAP_UNIT = 3;\n// Deliberately the same number as MORE_UNIT rather than TIME_UNIT: the\n// channel is the lowest of the three priorities on a row (team, then time,\n// then channel), and it is the longest string — \"SportsNet · 691\" is wider\n// than either team line on a short matchup. Matching the \"+N more\" size\n// keeps the card at three type sizes rather than four while taking ~15% off\n// the widest thing the width budget has to fit.\n//\n// 20, down from 24, for the same reason as HEADER_UNIT above: a monospace\n// face's even, disambiguated glyphs (the dotted zero alone separates \"0\"\n// from \"O\" in a channel code) hold up at a smaller size than Inter's did,\n// and this is the widest string on most rows — every point given back here\n// is width the matchup line's scale can spend instead.\nexport const CHANNEL_UNIT = 20;\nexport const MORE_UNIT = 20;\nexport const EMPTY_UNIT = 32;\n\n// How much of the canvas's width the content is allowed to claim. The 3%\n// held back covers the two places this budget is approximate: satori's own\n// measurement rounds a text run to whole pixels (measured against\n// render/metrics.ts at up to 0.7% wider than predicted), and the font sizes\n// the card actually draws are these units *rounded*, not the exact product.\n// Both are sub-pixel per line; the margin is deliberately larger than the\n// error rather than tuned to it, because the cost of being wrong is a\n// clipped time and the cost of being conservative is 3% of a font size.\nconst WIDTH_FIT = 0.97;\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 = 74;\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 = 119.9, so 1.1 leading on\n// the team lines — which costs 121 — drops 329x155 back to a single game.\n// (That margin was 2pt before the padding came down to 14; the 10pt it\n// bought back is the only reason this is not still knife-edge.)\n//\n// Measured against the render, not derived: row pitch at 1100x1146 came out\n// 187px at scale 1.544 (121 * 1.544 = 186.8) for the 1.1-leading version\n// 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// It used to be knife-edge: at 24pt padding two games needed 153/352 =\n// 0.4347, so 0.44 would have rejected the second one and silently given back\n// the one-game card. Dropping the padding to 14 moved that threshold to\n// 153/332 = 0.4608, so there is now real room above this number — but the\n// same rule applies to spending it. Change this value by re-rendering and\n// 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\n// The card's *natural* width at scale 1: one entry per game in draw order,\n// plus the lines that are on the card whatever the game count (the date\n// header, \"+N more\", the drift marker, \"No games\"). The caller measures them\n// because it owns the strings — see contentWidths in png-tree.ts.\nexport type ContentWidths = { chrome: number; rows: number[] };\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 meridiemFontSize: number;\n meridiemGap: number;\n channelFontSize: number;\n moreFontSize: number;\n emptyFontSize: 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 widths: ContentWidths = { chrome: 0, rows: [] },\n): PngLayout {\n const widthScale = Math.min(width / BASE_WIDTH, MAX_SCALE);\n const usable = height - BORDER;\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 heightScale = forced\n ? Math.min(widthScale, usable / budget(1, hidden > 0))\n : Math.max(scaleFor(shown, hidden > 0), minScale);\n\n // ---- the width budget ----\n //\n // Everything above this line is about height. That used to be the whole\n // function, and it is why a card could still be wrong: fewer games means a\n // taller row budget, which means a bigger scale, which widens the row\n // against a canvas that never grew. Satori does not overflow gracefully —\n // it shrinks flex children to fit, so a mild overrun clipped the time\n // mid-glyph and a large one collapsed the right panel to zero width and\n // drew no time at all. One game at 1100x1146 did both, depending on how\n // long the team names were.\n //\n // Applied to the scale only, never to the row count, for two reasons. It\n // cannot help: dropping a game does not narrow the widest row that is\n // left. And letting it add rows instead would hand the extra height back as\n // more content at a smaller size, which is exactly the trade MIN_SCALE\n // exists to refuse. So `shown` is settled by height alone, and this can\n // only ever make the same card smaller.\n //\n // For the same reason it is allowed below the legibility floor: when a name\n // is too long for the canvas at any legible size, the choice is between\n // small and clipped, and the rest of this file already answers that one the\n // same way (see `forced` above). A clipped matchup reads as wrong; a small\n // one only reads as small.\n const widthCap = (rows: number) => {\n // Chrome first and a zero after it, so this is defined for the empty\n // slate (no rows at all) as well as for a caller that passes no widths.\n const natural = Math.max(widths.chrome, 0, ...widths.rows.slice(0, rows));\n if (natural <= 0) return Infinity;\n return ((width - BORDER) * WIDTH_FIT) / (natural + 2 * PADDING_UNIT);\n };\n\n const scale = Math.min(heightScale, widthCap(shown));\n\n return {\n shown,\n hidden,\n scale,\n padding: Math.round(PADDING_UNIT * scale),\n gap: Math.round(GAP_UNIT * scale),\n rowGap: Math.round(ROW_GAP_UNIT * scale),\n headerFontSize: Math.round(HEADER_UNIT * scale),\n matchupFontSize: Math.round(MATCHUP_UNIT * scale),\n timeFontSize: Math.round(TIME_UNIT * scale),\n meridiemFontSize: Math.round(MERIDIEM_UNIT * scale),\n meridiemGap: Math.round(MERIDIEM_GAP_UNIT * scale),\n channelFontSize: Math.round(CHANNEL_UNIT * scale),\n moreFontSize: Math.round(MORE_UNIT * scale),\n emptyFontSize: Math.round(EMPTY_UNIT * scale),\n };\n}\n",[],[586,637],"5ad1c3b7-4476-473d-b602-e6e89b8a7254","json.ts","01a064da-0b2e-7418-95dc-8d13d61685d3",["D",1788398406448],"// The json render target — the SwiftUI widget's real data contract, mirrored\n// by the Codable types at Shared/WidgetPayload.swift in the iOS repo (decoded\n// with dateDecodingStrategy = .secondsSince1970). `widgetPayload` is pure and\n// is what the tests assert against; `renderJson` adds the response headers\n// and wraps it in a Response.\n//\n// schemaVersion 2 replaces the earlier away/home/score/status shape (see git\n// history / docs/valtown-brief.md for what schemaVersion 1 looked like).\n// This is now a *view* contract, not a data contract: the server decides\n// exactly what text to show (mainText/subText/caption/eyebrow) and the\n// client is a dumb template with no knowledge of \"teams\", \"scores\" or\n// \"games\". There is deliberately no away/home object and no score field, and\n// no `effective` echo in the body — the spec that drove this is explicit\n// that the response is scoped to exactly {schemaVersion, eyebrow, items[]},\n// since the body no longer echoes any team id for a client to cross-check\n// against. The old debug echo (mode/sports/teams/rejected/tz/date) still\n// exists, as `x-effective-*` response headers instead of a body field —\n// outside the Codable contract, so it costs the client nothing, and it's\n// what docs/valtown-brief.md's dev-vs-prod diff step now reads.\n//\n// Schema changes: only add fields, never remove/repurpose one, without\n// bumping schemaVersion.\n//\n// ---- the games-data -> view-text boundary (render/templates.ts) ----\n//\n// mainText/subText/caption used to be built with inline template-literal\n// string concatenation right here — the one presentation this val could\n// produce was however this file happened to construct those three strings.\n// That construction now goes through render/templates.ts's\n// WidgetItemTemplate instead: widgetItem() computes the *data* (team\n// display names, channel text, live/final/scheduled status — all real\n// TypeScript, since that's genuine branching logic, not text arrangement)\n// into a TemplateContext, then renders each free-text field through the\n// template. Every export below takes an optional `template` parameter\n// defaulting to DEFAULT_WIDGET_TEMPLATE, so every existing caller (main.ts\n// never passes one) gets byte-identical output — \"customized in isolation\"\n// per render/templates.ts's header means constructing a different\n// WidgetItemTemplate value and passing it explicitly; there's no lookup or\n// registry yet.\n\nimport { SPORT_EMOJI } from \"../lib/catalog.ts\";\nimport { type ChannelInfo } from \"../lib/channels.ts\";\nimport { flattenByStartTime, type EnrichedGame, type GamesBySport } from \"../lib/games.ts\";\nimport { type ResolvedParams } from \"../lib/params.ts\";\nimport { teamLabel } from \"../lib/teams.ts\";\nimport {\n DEFAULT_WIDGET_TEMPLATE,\n renderField,\n type TemplateContext,\n type WidgetItemTemplate,\n} from \"./templates.ts\";\n\ntype Status = \"scheduled\" | \"live\" | \"final\";\n\n// Sleeper's own vocabulary is inconsistent across sports and even across\n// captures of the same sport (nfl games have shown up as both \"scheduled\"\n// and \"pre_game\" for the same not-yet-started state — confirmed against\n// live captures and test/fixtures/files/sleeper/scores_nfl_wnba.json). This\n// maps every value seen live to the three states the widget cares about;\n// anything else falls back to \"scheduled\" (never fatal — an item the\n// client can't parse is worse than one that's guessed wrong) and is echoed\n// via the `x-effective-rejected` header so a genuine drift in Sleeper's\n// vocabulary is visible instead of silently swallowed.\nconst STATUS_MAP: Record = {\n scheduled: \"scheduled\",\n pre_game: \"scheduled\",\n postponed: \"scheduled\",\n delayed: \"scheduled\",\n in_game: \"live\",\n in_progress: \"live\",\n live: \"live\",\n halftime: \"live\",\n complete: \"final\",\n final: \"final\",\n closed: \"final\",\n // lib/fiba.ts's adapter sets game.status to ESPN's already-3-valued\n // status.type.state (\"pre\"/\"in\"/\"post\") rather than its noisier\n // status.type.name (\"STATUS_SCHEDULED\" etc.) — exact and free to map,\n // unlike Sleeper's vocabulary above. Live/final accuracy for fiba still\n // depends on how recently source_cache was re-ingested, since nothing\n // fetches it live; presence (a game is on the slate at all) is this\n // source's real contract, not intraday state freshness.\n pre: \"scheduled\",\n in: \"live\",\n post: \"final\",\n};\n\nfunction normalizeStatus(raw: string | null): { status: Status; rejected: string | null } {\n if (raw && STATUS_MAP[raw]) return { status: STATUS_MAP[raw], rejected: null };\n return { status: \"scheduled\", rejected: raw ? `status:${raw}` : null };\n}\n\ntype WidgetItem = {\n id: string;\n mainText: string;\n subText: string;\n caption: string | null;\n emphasized: boolean;\n timestamp: number;\n};\n\n// `caption: null` is a protocol value, not just \"no status\" — it tells the\n// client to format `timestamp` itself as a local start time. Only the live\n// case is emphasized; scheduled and final both get the dim treatment. The\n// live/final caption *text* comes from the template; which state gets\n// emphasis, and that \"scheduled\" gets no caption at all, stays here — that\n// part isn't text arrangement, it's the status/emphasis decision itself.\nfunction captionFor(\n status: Status,\n template: WidgetItemTemplate,\n context: TemplateContext,\n): { caption: string | null; emphasized: boolean } {\n if (status === \"live\") return { caption: renderField(template.caption.live, context), emphasized: true };\n if (status === \"final\") return { caption: renderField(template.caption.final, context), emphasized: false };\n return { caption: null, emphasized: false };\n}\n\n// subText's channel metadata, built from exactly what channelInfo already\n// gives every other render target — nothing invented for this format. A\n// national channel's directv_channel is the differentiator (that's the one\n// number lib/catalog.ts had to hand-assign for affiliates with no true\n// national one); a streaming channel has no directv_channel but does carry\n// a device note (\"computer only\"). \"TBD\" matches render/html.ts's fallback\n// for the one case channelInfo can't fill in at all: no channel string sent.\n//\n// This is real branching logic, not text arrangement, so it stays plain\n// TypeScript rather than moving into the template — its result feeds the\n// template as the `channelText` context value instead.\nfunction channelText(channel: ChannelInfo): string {\n if (!channel.label) return \"TBD\";\n if (channel.directv_channel) return `${channel.label} · ${channel.directv_channel}`;\n if (channel.note) return `${channel.label} · ${channel.note}`;\n return channel.label;\n}\n\nfunction widgetItem(\n game: EnrichedGame,\n template: WidgetItemTemplate,\n): { item: WidgetItem; status: Status; rejectedStatus: string | null } {\n const { status, rejected } = normalizeStatus(game.statusRaw);\n const away = teamLabel(game.sport, game.away) ?? game.away ?? \"\";\n const home = teamLabel(game.sport, game.home) ?? game.home ?? \"\";\n // Trailing space folded in here, not the template, so DEFAULT_WIDGET_\n // TEMPLATE's \"{{sportEmoji}}{{away}} @ {{home}}\" never has to special-case\n // an empty emoji into a leading blank.\n const emoji = SPORT_EMOJI[game.sport];\n const context: TemplateContext = {\n away,\n home,\n sport: game.sport,\n channel: game.channel,\n channelText: channelText(game.channel),\n sportEmoji: emoji ? `${emoji} ` : \"\",\n };\n const { caption, emphasized } = captionFor(status, template, context);\n return {\n item: {\n // Falls back to a value that's at least stable across polls of the\n // same game (the contract's actual requirement) on the rare chance\n // Sleeper omits game_id — real captures always carry it.\n id: game.id ?? `${game.sport}:${game.away}-${game.home}:${game.start_time}`,\n mainText: renderField(template.mainText, context),\n subText: renderField(template.subText, context),\n caption,\n emphasized,\n // Unix epoch seconds, UTC — game.start_time is Sleeper's own\n // milliseconds. Getting this wrong (sending ms) decodes on the client\n // as a timestamp ~57,000 years out; nothing in a passing TS-side test\n // would catch that, only a pinned integer does.\n timestamp: Math.floor(game.start_time / 1000),\n },\n status,\n rejectedStatus: rejected,\n };\n}\n\n// `hideCompleted` is the intraday-vs-day-granularity personalization\n// (lib/config.ts's Personalization, carried here via /config/resolve's\n// `hideCompleted=1` query param — see buildResolvedUrl). Filtering on the\n// status this function already computes, not on caption text: a final\n// game's caption is template-configurable (\"END\" is just\n// DEFAULT_WIDGET_TEMPLATE's choice), so it isn't a reliable filter key,\n// while `status` is the actual live/final/scheduled classification.\nfunction buildItems(\n bySport: GamesBySport,\n hideCompleted = false,\n template: WidgetItemTemplate = DEFAULT_WIDGET_TEMPLATE,\n): { item: WidgetItem; status: Status; rejectedStatus: string | null }[] {\n const built = flattenByStartTime(bySport).map((game) => widgetItem(game, template));\n return hideCompleted ? built.filter((b) => b.status !== \"final\") : built;\n}\n\n// `eyebrow` is deprecated per the ios-client spec (2026-08-26): the client\n// now derives per-game timing display from each item's own `timestamp`\n// rather than reading the card-level word. Still populated — schemaVersion\n// 2 requires it and dropping the key needs its own bump — but it stays the\n// same bare `day.toUpperCase()` literal (\"TODAY\"/\"TOMORROW\"/\"NEXT\") it always\n// was; nothing has to carry the resolved date for `day=next` here, since\n// each item already does via `timestamp`.\nexport function widgetPayload(\n bySport: GamesBySport,\n day: string,\n hideCompleted = false,\n template: WidgetItemTemplate = DEFAULT_WIDGET_TEMPLATE,\n) {\n return {\n schemaVersion: 2,\n eyebrow: day.toUpperCase(),\n items: buildItems(bySport, hideCompleted, template).map((b) => b.item),\n };\n}\n\n// The drift-detection echo that used to live in the json body's `effective`\n// block, now as header values (strings only — headers can't carry nested\n// JSON). Pure, so it's testable without constructing a Response.\nexport function effectiveHeaders(\n resolved: ResolvedParams,\n statusRejections: string[],\n clientOffsetSeconds: number,\n resolvedDate: string | null,\n): Record {\n return {\n \"x-effective-mode\": resolved.mode,\n \"x-effective-sports\": resolved.sports.join(\",\"),\n \"x-effective-teams\": resolved.teams.map((t) => `${t.sport}:${t.code}`).join(\",\"),\n \"x-effective-rejected\": [...resolved.rejected, ...statusRejections].join(\",\"),\n \"x-effective-utc-offset-seconds\": String(clientOffsetSeconds),\n \"x-effective-date\": resolvedDate ?? \"\",\n };\n}\n\nexport function renderJson(\n bySport: GamesBySport,\n day: string,\n resolved: ResolvedParams,\n clientOffsetSeconds: number,\n resolvedDate: string | null,\n hideCompleted = false,\n template: WidgetItemTemplate = DEFAULT_WIDGET_TEMPLATE,\n): Response {\n const built = buildItems(bySport, hideCompleted, template);\n const payload = {\n schemaVersion: 2,\n eyebrow: day.toUpperCase(),\n items: built.map((b) => b.item),\n };\n const statusRejections = built.map((b) => b.rejectedStatus).filter((s): s is string => s !== null);\n return Response.json(payload, {\n headers: {\n \"cache-control\": \"public, max-age=60\",\n ...effectiveHeaders(resolved, statusRejections, clientOffsetSeconds, resolvedDate),\n },\n });\n}\n",[],[586,644],"c0fda39b-c6b1-46b4-8d6f-bbad424c9a5f","html.ts","01a064da-0b2e-7418-95dc-8bba27a94b6e",["D",1788398406448],"// 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 { DEFAULT_CLIENT_OFFSET_SECONDS, offsetLabel, shiftByOffset } from \"../lib/dates.ts\";\nimport { type GamesBySport } from \"../lib/games.ts\";\n\nexport function htmlDocument(\n bySport: GamesBySport,\n dateLabel: string,\n clientOffsetSeconds: number = DEFAULT_CLIENT_OFFSET_SECONDS,\n): string {\n const rows = bySport\n .map(\n ({ sport, games }) => `\n

${sport.toUpperCase()}

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

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

${time}

${channelText}

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

No games ${dateLabel}.

`;\n\n return `

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

${body}`;\n}\n\nexport function renderHtml(bySport: GamesBySport, dateLabel: string, clientOffsetSeconds?: number): Response {\n return new Response(htmlDocument(bySport, dateLabel, clientOffsetSeconds), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n",[],[586,651],"b32f6cba-4fed-490c-ab12-bc7c85649794","deviceHtml.tsx","01a064da-0b2e-7418-95dc-85bdd77629ba",["D",1788398406448],"// Read-only React documents for exploring devices and their ordered sources.\n\nimport React, { type ReactNode } from \"npm:react@18.2.0\";\nimport { renderToStaticMarkup } from \"npm:react-dom@18.2.0/server\";\nimport type { DeviceDetail, DeviceSummary } from \"../lib/deviceStore.ts\";\nimport { pageShell } from \"./configHtml.ts\";\n\nfunction documentMarkup(title: string, node: ReactNode): string {\n return pageShell(title, renderToStaticMarkup(

{node}

));\n}\n\nfunction Timestamp({ value }: { value: string }): React.ReactElement {\n return {value};\n}\n\nfunction humanize(key: string): string {\n return key\n .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n .replace(/[_-]+/g, \" \")\n .replace(/\\bId\\b/g, \"ID\")\n .replace(/^./, (letter) => letter.toUpperCase());\n}\n\nfunction isRecord(value: unknown): value is Record {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction SettingValue({ value }: { value: unknown }): React.ReactElement {\n if (Array.isArray(value)) {\n if (value.length === 0) return None;\n return (\n

\n );\n }\n\n if (isRecord(value)) return ;\n\n if (typeof value === \"boolean\") return {value ? \"Yes\" : \"No\"};\n if (value == null) return None;\n\n return {String(value)};\n}\n\nfunction Settings({ value }: { value: unknown }): React.ReactElement {\n if (!isRecord(value) || Object.keys(value).length === 0) {\n return

No settings.

;\n }\n\n return (\n

{humanize(key)}

\n );\n}\n\nexport function deviceIndexDocument(devices: DeviceSummary[]): string {\n return documentMarkup(\n \"Widget favorites — Devices\",\n <>\n

Devices

\n \n \n \n \n \n \n \n \n \n {devices.length === 0\n ? \n : devices.map((device) => (\n \n \n \n \n \n ))}\n \n

Device	Sources	Updated
No devices yet.
\n {device.name}\n \n {device.installId}\n	{device.sourceCount}

\n ,\n );\n}\n\nexport function deviceShowDocument(device: DeviceDetail): string {\n return documentMarkup(\n `Widget favorites — ${device.name}`,\n <>\n

← All devices

{device.name}

\n\n

Device: {device.installId}
Sources: {device.sourceCount}
Created
Updated

\n\n

Sources

Lower priority runs first; ties use assignment ID.

\n\n {device.sources.length === 0\n ?

No sources assigned.

\n : (\n

\n
\n
{humanize(source.kind)}
\n
{source.description}
\n
\n
\n
Priority
\n
{source.priority}
\n
\n
\n
Source
\n
{source.sourceId}
\n
\n
\n
Assignment
\n
{source.assignmentId}
\n
\n
\n
Updated
\n
\n
\n
\n
Settings
\n \n
\n

\n )}\n

\n ,\n );\n}\n\nexport function deviceNotFoundDocument(): string {\n return documentMarkup(\n \"Widget favorites — Device not found\",\n <>\n

← All devices

Device not found

No device exists with that internal ID.

\n ,\n );\n}\n",[],[586,658],"4603bc38-0460-4bc8-bee7-3acee0f75017","configHtml.ts","01a064da-0b2e-7418-95dc-83943ebac8fe",["D",1788398406448],"// The helper's server-rendered config picker — plain HTML forms, the same\n// \"template string\" shape render/html.ts already uses for the games view,\n// plus one small inline script (PAGE_SCRIPT below) whose only job is\n// localizing timestamps in the browser actually looking at the page — see\n// timeMarkup's header for why that can't happen server-side. Every\n// `config*Document` export here is pure and is what the tests assert\n// against; main.ts wraps each in a Response (Hono's `c.html`).\n//\n// Checkboxes are generated from lib/catalog.ts's SPORTS/TEAMS — the same\n// tables lib/params.ts validates `/`'s sports[]/teams[] against. That's what\n// makes an invalid selection structurally hard to submit here, rather than\n// something a second validator has to catch on write. See\n// docs/widget-config-plan.md's \"Validation\" section for why there's\n// deliberately no rejection/echo mechanism on this page: the real safety net\n// is resolveParams, which still runs when /config/resolve's redirect lands\n// on `/`.\n//\n// ---- one page per concern, not one page for everything ----\n//\n// This used to be a single `configPageDocument` rendering the settings\n// form, the pairing-code section, and the device list all inline on\n// GET/POST /config/:id — every helper action landed back on that one\n// giant page. It's now six documents behind six routes (main.ts):\n// GET /config (configIndexDocument, every config row), GET/POST /config/:id\n// (configSettingsDocument, the sports/teams form only), GET/POST\n// /config/:id/personalization (configPersonalizationDocument, presentation\n// settings — see its own header for why this is a separate document/row\n// column from Settings rather than a field bolted onto that form),\n// GET /config/:id/devices (configDevicesDocument, list + rename),\n// GET/POST /config/:id/pair plus POST /config/:id/code\n// (configPairDocument, link an existing device or mint/show a code), and\n// GET /config/:id/preview (configPreviewDocument, a\n// read-only render of what /config/resolve would currently hand the widget\n// for this config — see its own header below for how it gets that data).\n// The five id-scoped documents share one persistent top nav (`configNav`)\n// so a helper can move between them without going back through the index.\n// GET /config/new keeps its own document (configNewDocument): there's no\n// id yet to hang a nav on, and nothing paired, codeable, or previewable\n// until the config is actually saved.\n\nimport { SPORTS, TEAMS } from \"../lib/catalog.ts\";\nimport { type StoredConfig } from \"../lib/config.ts\";\nimport { titleCase } from \"../lib/text.ts\";\n\n// Deliberately not imported from lib/configStore.ts (the module that\n// actually produces these) — this file stays decoupled from the impure\n// sqlite layer the same way it's decoupled from Sleeper, matching the\n// StoredConfig-from-lib/config.ts pattern below.\nexport type PairedDeviceView = {\n deviceId: string;\n name: string | null;\n createdAt: string;\n pushRegistered: boolean;\n tokenUpdatedAt: string | null;\n};\n\n// What GET /config/:id/pair's expired-codes section lists — past pairing\n// codes for this config that are no longer usable.\nexport type ExpiredCodeView = {\n code: string;\n createdAt: string;\n expiresAt: string;\n};\n\n// Mirrors lib/config.ts's Personalization, same redeclare-don't-import\n// convention as ConfigPreviewItem below.\nexport type PersonalizationView = {\n intradayFilter: boolean;\n dataFeed: \"games\" | \"messages\";\n};\n\n// Mirrors render/json.ts's WidgetItem — deliberately redeclared rather than\n// imported. render/json.ts is pure, so importing its type wouldn't break\n// the decoupling this file otherwise keeps from impure modules, but this\n// file's own convention (ConfigRow beside ConfigSummary, PairedDeviceView\n// beside PairedDevice) is a view type per document, not a shared one, so\n// the preview stays consistent with that rather than being the one\n// exception.\nexport type ConfigPreviewItem = {\n id: string;\n mainText: string;\n subText: string;\n caption: string | null;\n emphasized: boolean;\n timestamp: number;\n};\n\n// What GET /config lists — one row per config, enough to tell them apart\n// without opening each one. `deviceCount` is the only field that isn't a\n// direct column read (lib/configStore.ts's listAllConfigs joins it), kept\n// here anyway since disambiguating configs is this page's entire job.\nexport type ConfigRow = {\n id: string;\n name: string | null;\n sports: string[];\n teams: string[];\n updatedAt: string;\n deviceCount: number;\n};\n\n// device names and ids both originate as free-form input from whatever\n// called POST /pair, not from the closed catalogs sports/team checkboxes\n// draw from — so, unlike most of this file, they need escaping before\n// landing in HTML. Config ids are UUIDs this val mints itself\n// (crypto.randomUUID() in lib/configStore.ts), never free text, so they're\n// interpolated as-is everywhere below, same as formAction always has been.\nfunction escapeHtml(value: string): string {\n return value.replace(/&/g, \"&\").replace(//g,\n \">\",\n ).replace(/\"/g, \""\");\n}\n\n// Every stored/derived timestamp this file displays (created_at, expires_at,\n// updated_at, a preview item's start time) is UTC. Formatting it with\n// `.toLocaleString()` server-side — the previous approach here — resolves\n// against *this val's* own runtime timezone, which has no relationship to\n// whoever's browser is actually looking at the page. `` ships the raw\n// ISO string as its text (still a real, readable value with JS disabled),\n// and PAGE_SCRIPT below re-renders that text client-side via the browser's\n// own Intl/timezone — the only place \"the viewer's local time\" is knowable.\nfunction timeMarkup(iso: string): string {\n const safe = escapeHtml(iso);\n return `${safe}`;\n}\n\nfunction sportCheckboxes(selected: string[]): string {\n return SPORTS.map((sport) => {\n const checked = selected.includes(sport) ? \" checked\" : \"\";\n return ` ${sport.toUpperCase()}`;\n }).join(\" \");\n}\n\n// Grouped by sport (SPORTS order) rather than one flat ~110-entry list —\n// the same \"pick a sport, then a team\" structure widget-ios-brief.md\n// explicitly rejected for the *receiver's* seven-team picker doesn't apply\n// here: the helper is choosing from the full catalog, not a small starter\n// list, and a flat list of 110 checkboxes is the harder one to scan.\nfunction teamCheckboxesBySport(selected: string[]): string {\n return SPORTS.map((sport) => {\n const slugs = Object.entries(TEAMS)\n .filter(([, ref]) => ref.sport === sport)\n .map(([slug]) => slug);\n if (!slugs.length) return \"\";\n const boxes = slugs\n .map((slug) => {\n const checked = selected.includes(slug) ? \" checked\" : \"\";\n return ` ${\n titleCase(slug)\n }`;\n })\n .join(\" \");\n return `

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

`;\n }).join(\"\");\n}\n\n// The index's one-line summary of what a config actually resolves to —\n// same \"empty means all sports, teams beat sports\" precedence buildResolvedUrl\n// (lib/config.ts) and `/`'s resolveParams apply at request time, just\n// described in words instead of computed into a redirect.\nfunction summarizeSelection(config: StoredConfig): string {\n if (config.teams.length) {\n return config.teams.map((slug) => titleCase(slug)).join(\", \");\n }\n if (config.sports.length) {\n return config.sports.map((sport) => sport.toUpperCase()).join(\", \");\n }\n return \"All sports\";\n}\n\n// One row per paired device, each its own form so naming one doesn't\n// require re-submitting the others. Blank means never named — the\n// placeholder, not a value, so an unnamed device saves as null rather than\n// the literal placeholder text. Metadata (device id, paired-since, push\n// status) is read-only context alongside the rename form — this page is\n// still the only place a helper can tell paired devices apart.\nfunction deviceListMarkup(\n devices: PairedDeviceView[],\n actionPath: (deviceId: string) => string,\n): string {\n if (!devices.length) return \"

No devices paired yet.

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

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

\n \n

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

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

Expired codes

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

Code	Created	Expired

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

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

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

When	Main	Sub	Caption	Emphasized

`;\n}\n\nconst PAGE_STYLE = `\n body { font-family: system-ui, -apple-system, sans-serif; max-width: 640px; margin: 2rem auto; padding: 0 1rem; color: #1a1a1a; line-height: 1.4; }\n main { min-width: 0; }\n h1 { font-size: 1.4rem; line-height: 1.2; margin: 0 0 1rem; }\n h2 { font-size: 1.1rem; line-height: 1.25; margin: 0 0 0.5rem; }\n h3 { font-size: 0.95rem; line-height: 1.3; margin: 1rem 0 0.4rem; }\n p { margin: 0.5rem 0 1rem; }\n code { font-family: ui-monospace, monospace; font-size: 0.85em; overflow-wrap: anywhere; }\n details { margin-top: 0.75rem; }\n summary { cursor: pointer; font-weight: 600; }\n dl.schema-fields { margin: 0.75rem 0 0; }\n dl.schema-fields > div { padding: 0.75rem 0; border-bottom: 1px solid #eee; }\n dl.schema-fields dt { font-weight: 600; }\n dl.schema-fields dd { margin: 0.25rem 0 0; }\n dl.schema-fields p { margin: 0.25rem 0; }\n .schema-detail { color: #666; font-size: 0.85rem; }\n fieldset { border: 1px solid #ddd; border-radius: 6px; margin: 0.75rem 0; padding: 0.5rem 1rem; }\n legend { font-weight: 600; padding: 0 0.25rem; }\n label { display: inline-block; margin: 0.3rem 0.85rem 0.3rem 0; }\n button { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 0.5rem 1rem; font-size: 0.95rem; cursor: pointer; }\n button:hover { background: #1d4ed8; }\n section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee; }\n ul.devices { list-style: none; padding: 0; }\n ul.devices li { margin: 0.9rem 0; padding-bottom: 0.9rem; border-bottom: 1px solid #eee; }\n ul.devices form { display: flex; gap: 0.5rem; }\n dl.device-meta { display: flex; flex-wrap: wrap; gap: 0 1.5rem; margin: 0 0 0.5rem; }\n dl.device-meta div { display: flex; gap: 0.35rem; }\n dl.device-meta dt { color: #666; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }\n dl.device-meta dd { margin: 0; font-size: 0.85rem; }\n dl.device-meta dd.device-id { font-family: ui-monospace, monospace; }\n input[type=\"text\"] { flex: 1; padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; }\n select { padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; background: #fff; }\n .link-device-form { display: flex; flex-wrap: wrap; gap: 0.5rem; }\n .link-device-form select { flex: 1; min-width: 12rem; }\n .breadcrumb { margin: 0 0 0.75rem; }\n .breadcrumb a { color: #2563eb; text-decoration: none; font-size: 0.9rem; }\n nav.config-nav { display: flex; gap: 1.25rem; margin: 0 0 1.5rem; border-bottom: 1px solid #ddd; }\n nav.config-nav a { color: #2563eb; text-decoration: none; padding-bottom: 0.6rem; font-size: 0.95rem; }\n nav.config-nav a.active { color: #1a1a1a; font-weight: 600; border-bottom: 2px solid #2563eb; }\n table.config-index { width: 100%; border-collapse: collapse; margin-top: 1rem; }\n table.config-index th, table.config-index td { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #eee; font-size: 0.95rem; }\n table.config-index th { color: #666; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }\n table.config-index td:first-child:not(:has(.config-id)) { font-family: ui-monospace, monospace; font-size: 0.85rem; }\n .config-id { font-family: ui-monospace, monospace; font-size: 0.8rem; color: #666; }\n pre { background: #f6f6f6; border: 1px solid #eee; border-radius: 6px; padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.8rem; line-height: 1.5; }\n`;\n\n// Runs once per page load: every `` element (timeMarkup's\n// output) starts out holding its raw ISO string so the page is still\n// meaningful with JS disabled or before this runs; this replaces that text\n// with the same instant formatted in the browser's own locale/timezone,\n// which is the one piece of information the server never has.\nconst PAGE_SCRIPT = `\n document.querySelectorAll(\"time[datetime]\").forEach(function (el) {\n var d = new Date(el.getAttribute(\"datetime\"));\n if (!isNaN(d.getTime())) el.textContent = d.toLocaleString();\n });\n document.querySelectorAll(\"form[data-iso-timestamp]\").forEach(function (form) {\n var local = form.querySelector('input[name=\"timestampLocal\"]');\n var iso = form.querySelector('input[name=\"timestamp\"]');\n if (!local || !iso) return;\n if (!local.value) {\n var now = new Date();\n var localNow = new Date(now.getTime() - now.getTimezoneOffset() * 60000);\n local.value = localNow.toISOString().slice(0, 16);\n }\n form.addEventListener(\"submit\", function () {\n var parsed = new Date(local.value);\n if (!isNaN(parsed.getTime())) iso.value = parsed.toISOString();\n });\n });\n`;\n\nexport function pageShell(title: string, body: string): string {\n return `\n\n\n\n\n${title}\n\n\n\n${body}\n\n\n`;\n}\n\ntype ConfigNavActive =\n | \"preview\"\n | \"settings\"\n | \"personalization\"\n | \"messages\"\n | \"devices\"\n | \"pair\";\n\n// The persistent top nav every id-scoped sub-page shares, so moving between\n// the form, personalization, the device list, the pairing flow, and the\n// preview never routes back through the index. `active` just marks which\n// tab is current — every route is a real page, not a client-side view\n// swap, so this is plain server-rendered markup with no JS involved.\nfunction configNav(id: string, active: ConfigNavActive): string {\n const tabs: { key: ConfigNavActive; href: string; label: string }[] = [\n { key: \"preview\", href: `/config/${id}/preview`, label: \"Preview\" },\n { key: \"settings\", href: `/config/${id}`, label: \"Settings\" },\n {\n key: \"personalization\",\n href: `/config/${id}/personalization`,\n label: \"Personalization\",\n },\n { key: \"messages\", href: `/config/${id}/messages`, label: \"Messages\" },\n { key: \"devices\", href: `/config/${id}/devices`, label: \"Devices\" },\n { key: \"pair\", href: `/config/${id}/pair`, label: \"Pair\" },\n ];\n const links = tabs\n .map((tab) =>\n `${tab.label}`\n )\n .join(\"\");\n return ``;\n}\n\n// GET /config. Prototype-stage only: this lists every config's id as a live\n// link, which is exactly the \"unguessable capability URL\" every other page\n// in this file (and docs/valtown-brief.md) otherwise treats as sensitive —\n// bookmark-only, never logged, never enumerable. Explicitly requested as an\n// acceptable bypass while there's no auth story yet; do not carry this\n// page's behavior forward once /config gets real access control.\nexport function configIndexDocument(configs: ConfigRow[]): string {\n const rows = configs\n .map((row) => {\n const safeId = escapeHtml(row.id);\n // A named config leads with that name (what generateConfigName gave\n // it, or whatever the configurator renamed it to) and keeps the id\n // underneath in monospace — still visible and copyable, just not the\n // headline anymore. A pre-migration config with no name yet falls\n // back to exactly the old behavior: the id as the link text, nothing\n // underneath.\n const label = row.name ? escapeHtml(row.name) : safeId;\n const idSubtext = row.name\n ? `
${safeId}`\n : \"\";\n return `\n ${label}${idSubtext}\n ${escapeHtml(summarizeSelection(row))}\n ${row.deviceCount}\n ${timeMarkup(row.updatedAt)}\n `;\n })\n .join(\"\");\n const body = `\n

All configs

+ New config

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

Config	Favorites	Devices	Updated
No configs yet.

`;\n return pageShell(\"Widget favorites — All configs\", body);\n}\n\nexport type DeviceConfigRow = {\n deviceId: string;\n name: string | null;\n configId: string;\n configName: string | null;\n configFound: boolean;\n createdAt: string;\n};\n\nexport type DeviceConfigGroup = {\n configId: string;\n configName: string | null;\n configFound: boolean;\n devices: DeviceConfigRow[];\n};\n\n// listAllDeviceConfigs orders rows by device name, not by config, so one\n// config's devices can arrive scattered through the flat list — this just\n// buckets them by configId as they're seen, then sorts the buckets (found\n// configs alphabetically by label, orphaned ones last) so the page reads\n// as one section per config instead of a flat table a helper has to\n// cross-reference by eye to find a config's device family.\nfunction groupDevicesByConfig(devices: DeviceConfigRow[]): DeviceConfigGroup[] {\n const groups = new Map();\n for (const device of devices) {\n let group = groups.get(device.configId);\n if (!group) {\n group = {\n configId: device.configId,\n configName: device.configName,\n configFound: device.configFound,\n devices: [],\n };\n groups.set(device.configId, group);\n }\n group.devices.push(device);\n }\n return [...groups.values()].sort((a, b) => {\n if (a.configFound !== b.configFound) return a.configFound ? -1 : 1;\n const labelA = (a.configName ?? a.configId).toLowerCase();\n const labelB = (b.configName ?? b.configId).toLowerCase();\n return labelA < labelB ? -1 : labelA > labelB ? 1 : 0;\n });\n}\n\n// GET /devices is intentionally not linked from the current configurator\n// layout. It is a read-only view of device_configs, grouped into one\n// section per config (groupDevicesByConfig) so devices sharing a config\n// are visibly clustered under it instead of scattered through a flat,\n// device-ordered table. A config link only appears when the LEFT JOIN in\n// configStore confirms the referenced row still exists; devices whose\n// config_id no longer resolves fall into their own \"missing config\"\n// section rather than being dropped.\nexport function deviceConfigIndexDocument(devices: DeviceConfigRow[]): string {\n const groups = groupDevicesByConfig(devices);\n const sections = groups.map((group) => {\n const safeConfigId = escapeHtml(group.configId);\n const heading = group.configFound\n ? group.configName\n ? `${\n escapeHtml(group.configName)\n } ${safeConfigId}`\n : `${safeConfigId}`\n : `${safeConfigId} — missing config`;\n const rows = group.devices.map((device) => {\n const safeDeviceId = escapeHtml(device.deviceId);\n const safeName = device.name ? escapeHtml(device.name) : \"—\";\n return `\n ${safeDeviceId}\n ${safeName}\n ${timeMarkup(device.createdAt)}\n `;\n }).join(\"\");\n return `

${heading}

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

Device	Name	Linked

`;\n }).join(\"\");\n const body = `\n

Devices

\n ${sections || \"

No devices yet.

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

Widget favorites

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

Widget favorites

\n ${saved ? \"

Saved.

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

Personalization

\n ${saved ? \"

Saved.

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

Paired devices

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

Every known device is already linked to this config.

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

Pair a device

\n ${linked ? \"

Device linked.

\" : \"\"}\n

Link an existing device

\n ${linkForm}\n

Pair with a code

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

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

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

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

 (for inspecting the exact contract, the way a\n// helper would otherwise need curl or the browser's devtools to see). This\n// is genuinely live: main.ts's handler runs the same slate-picking path\n// `/` itself does — real outbound Sleeper calls, not a canned fixture — so\n// `ok: false` is a real possibility (e.g. Sleeper unreachable) that gets\n// its own error state rather than a broken page.\nexport function configPreviewDocument(opts: ConfigPreviewOptions): string {\n  const { id } = opts;\n  const body = `\n    ${configNav(id, \"preview\")}\n    Preview
\n    ${\n    opts.ok\n      ? `${previewItemsMarkup(opts.items)}\n    \n      Raw response
\n      ${escapeHtml(opts.rawJson)}
\n    
`\n      : `Couldn't build a preview: ${escapeHtml(opts.error)}
`\n  }`;\n  return pageShell(\"Widget favorites — Preview\", body);\n}\n\nexport type ConfigMessageView = {\n  id: number;\n  main: string;\n  sub: string;\n  timestamp: string;\n};\n\nexport type ConfigMessagesOptions = {\n  id: string;\n  formAction: string;\n  messages: ConfigMessageView[];\n  added?: boolean;\n};\n\n// GET/POST /config/:id/messages. The browser converts datetime-local input\n// to UTC ISO at submit time, matching the storage format used elsewhere.\nexport function configMessagesDocument(opts: ConfigMessagesOptions): string {\n  const { id, formAction, messages, added } = opts;\n  const rows = messages.map((message) =>\n    `\n      ${escapeHtml(message.main)}\n      ${escapeHtml(message.sub)}\n      ${timeMarkup(message.timestamp)}\n    `\n  ).join(\"\");\n  const body = `\n    ${configNav(id, \"messages\")}\n    Messages
\n    ${added ? \"Message added.
\" : \"\"}\n    \n      \n        Add a message\n        Main \n        Sub \n        Time \n        \n      
\n      \n    
\n    \n      Existing messages
\n      \n        \n        ${rows || ''}\n      Main Sub Time
No messages yet.
\n    
`;\n  return pageShell(\"Widget favorites — Messages\", body);\n}\n",[],[586,665],"2bcc9f36-fb86-4d57-a4ee-fcd9df86a195",["D",1788398406448],[517,518,519,520,521,522,523,524,525,526,527,528,529],[586],["D",1788398406448],[],[18,177],["D",1788398406448],[],[18,189],["D",1788398406448],[],[18,195],["D",1788398406448],[],[18,201],["D",1788398406448],[],[18,207],["D",1788398582182],[],[18,212],["D",1788398406448],[],[18,105],["D",1788398426399],[],[18,117],["D",1788398406448],[],[18,123],["D",1788398406448],[],[18,129],["D",1788398406448],[],[18,135],["D",1788398560749],[],[18,141],["D",1788398406448],[],[18,147],["D",1788398406448],[],[18,153],["D",1788398492229],[],[18,159],["D",1788398406448],[],[18,165],["D",1788398406448],[],[18,171],["D",1788398406448],[],[18,183],["D",1788398406448],[498,499,500,501,502,503,504,505,506,507,508,509,510,511,512,513,514,515],[18],"0a889b50-31ec-4cee-af9a-83b681518c45","sources.ts","01a064da-0b2e-7418-95dc-2aef0336b864","01a064da-0b2e-7418-95dc-2ddee48df065",["D",1788398406448],"// Read-only source-definition browser routes.\n\nimport { Hono } from \"npm:hono\";\nimport { getSource, listSources } from \"../../lib/sourceStore.ts\";\nimport {\n  sourceIndexDocument,\n  sourceNotFoundDocument,\n  sourceShowDocument,\n} from \"../../render/sourceHtml.tsx\";\n\nexport const sourceRoutes = new Hono();\n\nsourceRoutes.get(\"/sources\", async (c) => {\n  const sources = await listSources();\n  return c.html(sourceIndexDocument(sources));\n});\n\nsourceRoutes.get(\"/sources/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  if (!Number.isSafeInteger(id) || id < 1) {\n    return c.html(sourceNotFoundDocument(), 404);\n  }\n\n  const source = await getSource(id);\n  if (!source) return c.html(sourceNotFoundDocument(), 404);\n  return c.html(sourceShowDocument(source));\n});\n",[],[540,740,733],"routes","a798c94e-4d37-469f-8d8c-d52957cbef3d","root.ts","01a064da-0b2e-7418-95dc-240197c70595",["D",1788398406448],"// Public root and explicit sports render formats.\n\nimport { Hono } from \"npm:hono\";\nimport { gamesResponse } from \"../handlers/games.ts\";\nimport { rootHtml } from \"../../render/rootHtml.ts\";\n\nexport const rootRoutes = new Hono();\n\nrootRoutes.get(\"/\", (c) => {\n  const format = c.req.query(\"format\");\n  if (format === \"json\" || format === \"png\") {\n    return gamesResponse(c.req.raw);\n  }\n  return c.html(rootHtml());\n});\n",[],[540,740,742],"72fb60ab-bdf6-4393-8e6d-3e06fc5a13ae","messages.ts","01a064da-0b2e-7418-95dc-22d3ef3bfbd3",["D",1788398538821],"// Shared Messages source consumed by devices whose selected source is messages.\n\nimport { Hono } from \"npm:hono\";\nimport { messagesResponse } from \"../handlers/messages.ts\";\n\nexport const messageRoutes = new Hono();\n\nmessageRoutes.get(\"/messages\", (c) => messagesResponse(c.req.raw));\n",[],[540,740,749],"7ae7f62e-c046-402f-823a-dfd025dd5082","ingest.ts","01a064da-0b2e-7418-95dc-1f7b574a7a51",["D",1788398406448],"// Write path for lib/sourceCache.ts — deliberately separate from the\n// widget-facing routes in root.ts/config.ts/devices.ts, which only ever\n// read. Nothing in this val calls these routes; an external process does\n// (an agent session, or a script run locally, from a network that isn't\n// blocked the way this val's own egress is — see lib/sourceCache.ts's\n// header). That external/live split is the whole point: keep it separate\n// rather than folding ingestion into an existing route group.\n\nimport { Hono } from \"npm:hono\";\nimport { saveSourcePayload } from \"../../lib/sourceCache.ts\";\n\nexport const ingestRoutes = new Hono();\n\n// Bearer-token gated because this val is public by default and this is the\n// one route group that accepts arbitrary writes. A single shared secret\n// (INGEST_TOKEN) is adequate for a single-operator ingest script; it is not\n// a per-caller credential and shouldn't be treated as one if this ever\n// grows more callers.\ningestRoutes.post(\"/ingest/:source/:dateKey\", async (c) => {\n  const expected = Deno.env.get(\"INGEST_TOKEN\");\n  if (!expected) return c.json({ ok: false, error: \"INGEST_TOKEN not configured\" }, 503);\n\n  const provided = c.req.header(\"authorization\")?.replace(/^Bearer\\s+/i, \"\");\n  if (provided !== expected) return c.json({ ok: false, error: \"unauthorized\" }, 401);\n\n  const { source, dateKey } = c.req.param();\n  let payload: unknown;\n  try {\n    payload = await c.req.json();\n  } catch {\n    return c.json({ ok: false, error: \"invalid JSON body\" }, 400);\n  }\n\n  await saveSourcePayload(source, dateKey, payload);\n  return c.json({ ok: true, source, dateKey });\n});\n",[],[540,740,756],"5f5a7a7f-fefa-4a16-8910-663435566da9","devices.ts","01a064da-0b2e-7418-95dc-1b6905f923f0",["D",1788398406448],"// Device management and app-facing pairing/token endpoints.\n\nimport { Hono } from \"npm:hono\";\nimport {\n  pairDevice,\n  saveDeviceToken,\n} from \"../../lib/configStore.ts\";\nimport { getDevice, listDevices } from \"../../lib/deviceStore.ts\";\nimport {\n  deviceIndexDocument,\n  deviceNotFoundDocument,\n  deviceShowDocument,\n} from \"../../render/deviceHtml.tsx\";\n\nexport const deviceRoutes = new Hono();\n\ndeviceRoutes.get(\"/devices\", async (c) => {\n  const devices = await listDevices();\n  return c.html(deviceIndexDocument(devices));\n});\n\ndeviceRoutes.get(\"/devices/:id\", async (c) => {\n  const id = Number(c.req.param(\"id\"));\n  if (!Number.isSafeInteger(id) || id < 1) {\n    return c.html(deviceNotFoundDocument(), 404);\n  }\n\n  const device = await getDevice(id);\n  if (!device) return c.html(deviceNotFoundDocument(), 404);\n  return c.html(deviceShowDocument(device));\n});\n\ndeviceRoutes.post(\"/pair\", async (c) => {\n  let body: unknown;\n  try {\n    body = await c.req.json();\n  } catch {\n    return c.json({ ok: false }, 400);\n  }\n\n  const { code, device } = (body ?? {}) as {\n    code?: unknown;\n    device?: unknown;\n  };\n  if (typeof code !== \"string\" || typeof device !== \"string\") {\n    return c.json({ ok: false }, 400);\n  }\n\n  const result = await pairDevice(code, device);\n  if (result.ok) return c.json(result, 200);\n  if (result.reason === \"expired\") {\n    return c.json({ ok: false, message: \"expired\" }, 422);\n  }\n  return c.json({ ok: false }, 404);\n});\n\ndeviceRoutes.post(\"/device/token\", async (c) => {\n  let body: unknown;\n  try {\n    body = await c.req.json();\n  } catch {\n    return c.json({ ok: false }, 400);\n  }\n\n  const { device, token } = (body ?? {}) as {\n    device?: unknown;\n    token?: unknown;\n  };\n  if (typeof device !== \"string\" || typeof token !== \"string\") {\n    return c.json({ ok: false }, 400);\n  }\n\n  await saveDeviceToken(device, token);\n  return c.json({ ok: true });\n});\n",[],[540,740,763],"99394a24-ba14-450e-bb1c-751f789932e1","01a064da-0b2e-7418-95dc-14d76ece37a8",16,["D",1788398531246],"// Browser-managed configuration routes and the widget resolve/status API.\n\nimport { Hono } from \"npm:hono\";\nimport { SPORTS, TEAMS } from \"../../lib/catalog.ts\";\nimport {\n  buildResolvedUrl,\n  DEFAULT_PERSONALIZATION,\n  resolveInputForSource,\n  type StoredConfig,\n} from \"../../lib/config.ts\";\nimport {\n  createConfig,\n  createPairingCode,\n  generateConfigName,\n  getConfig,\n  getDeviceStatus,\n  getPersonalization,\n  linkExistingDevice,\n  listAllConfigs,\n  listDevicesForConfig,\n  listExpiredPairingCodes,\n  listLinkableDevices,\n  renameConfig,\n  renameDevice,\n  resolveDevice,\n  updateConfig,\n  updatePersonalization,\n} from \"../../lib/configStore.ts\";\nimport { getPrimaryDeviceSource } from \"../../lib/deviceSourceStore.ts\";\nimport {\n  createMessage,\n  listMessages,\n} from \"../../lib/messageStore.ts\";\nimport {\n  notifyConfigDevices,\n  notifySourceDevices,\n} from \"../../lib/push.ts\";\nimport {\n  configDevicesDocument,\n  configIndexDocument,\n  configMessagesDocument,\n  configNewDocument,\n  configPairDocument,\n  configPersonalizationDocument,\n  configPreviewDocument,\n  type ConfigPreviewItem,\n  configSettingsDocument,\n} from \"../../render/configHtml.ts\";\nimport { gamesResponse } from \"../handlers/games.ts\";\nimport { messagesResponse } from \"../handlers/messages.ts\";\n\nfunction asArray(value: unknown): string[] {\n  if (Array.isArray(value)) {\n    return value.filter((item): item is string => typeof item === \"string\");\n  }\n  return typeof value === \"string\" ? [value] : [];\n}\n\nfunction filterKnown(values: string[], allowed: string[]): string[] {\n  return values.filter((value) => allowed.includes(value));\n}\n\nfunction deviceActionPath(id: string): (deviceId: string) => string {\n  return (deviceId) => `/config/${id}/devices/${\n    encodeURIComponent(deviceId)\n  }`;\n}\n\nconst TEAM_SLUGS = Object.keys(TEAMS);\n\n// Unpaired installs keep the product's deliberate starter-team fallback.\nconst LEGACY_DEFAULT_CONFIG: StoredConfig = {\n  sports: [],\n  teams: [\"fever\", \"sparks\", \"dodgers\"],\n};\n\nexport const configRoutes = new Hono();\n\nconfigRoutes.get(\"/\", async (c) => {\n  const configs = await listAllConfigs();\n  return c.html(configIndexDocument(configs));\n});\n\nconfigRoutes.get(\"/new\", (c) => {\n  return c.html(\n    configNewDocument({\n      formAction: \"/config/new\",\n      config: { sports: [], teams: [] },\n      name: generateConfigName(),\n    }),\n  );\n});\n\nconfigRoutes.post(\"/new\", async (c) => {\n  const body = await c.req.parseBody({ all: true });\n  const config = {\n    sports: filterKnown(asArray(body[\"sports[]\"]), SPORTS),\n    teams: filterKnown(asArray(body[\"teams[]\"]), TEAM_SLUGS),\n  };\n  const name = typeof body[\"name\"] === \"string\"\n    ? body[\"name\"].trim() || null\n    : null;\n  const { id } = await createConfig(config, name);\n  return c.redirect(`/config/${id}`);\n});\n\nconfigRoutes.get(\"/resolve\", async (c) => {\n  const url = new URL(c.req.url);\n  const installId = url.searchParams.get(\"device\");\n  const source = installId ? await getPrimaryDeviceSource(installId) : null;\n  const resolved = source ? resolveInputForSource(source) : null;\n  // Pairing still writes the legacy association until bunch-code registration\n  // lands, so only devices absent from the new model use the old read seam.\n  const legacy = !resolved && installId ? await resolveDevice(installId) : null;\n  const target = buildResolvedUrl(\n    resolved?.config ?? legacy ?? LEGACY_DEFAULT_CONFIG,\n    resolved?.personalization ?? legacy?.personalization ??\n      DEFAULT_PERSONALIZATION,\n    {\n      d: url.searchParams.get(\"d\"),\n      tz: url.searchParams.get(\"tz\"),\n    },\n  );\n  return new Response(null, {\n    status: 302,\n    headers: { Location: target, \"cache-control\": \"no-store\" },\n  });\n});\n\nconfigRoutes.get(\"/status/:deviceId\", async (c) => {\n  const deviceId = c.req.param(\"deviceId\");\n  const status = await getDeviceStatus(deviceId);\n  if (!status) return c.json({ deviceId, paired: false });\n  return c.json({\n    deviceId,\n    paired: true,\n    configId: status.configId,\n    name: status.name,\n    sports: status.sports,\n    teams: status.teams,\n  });\n});\n\nconfigRoutes.get(\"/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  return c.html(\n    configSettingsDocument({\n      id,\n      formAction: `/config/${id}`,\n      config,\n      name: config.name,\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const existing = await getConfig(id);\n  if (!existing) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody({ all: true });\n  const config = {\n    sports: filterKnown(asArray(body[\"sports[]\"]), SPORTS),\n    teams: filterKnown(asArray(body[\"teams[]\"]), TEAM_SLUGS),\n  };\n  const name = typeof body[\"name\"] === \"string\" ? body[\"name\"] : \"\";\n  await updateConfig(id, config);\n  await renameConfig(id, name);\n  await notifyConfigDevices(id).catch(() => undefined);\n  return c.html(\n    configSettingsDocument({\n      id,\n      formAction: `/config/${id}`,\n      config,\n      name: name.trim() || null,\n      saved: true,\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/personalization\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const personalization = await getPersonalization(id);\n  return c.html(\n    configPersonalizationDocument({\n      id,\n      formAction: `/config/${id}/personalization`,\n      personalization,\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id/personalization\", async (c) => {\n  const id = c.req.param(\"id\");\n  const existing = await getConfig(id);\n  if (!existing) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody({ all: true });\n  const personalization = {\n    intradayFilter: body[\"intradayFilter\"] === \"intraday\",\n    dataFeed: body[\"dataFeed\"] === \"messages\" ? \"messages\" as const : \"games\" as const,\n  };\n  await updatePersonalization(id, personalization);\n  await notifyConfigDevices(id).catch(() => undefined);\n  return c.html(\n    configPersonalizationDocument({\n      id,\n      formAction: `/config/${id}/personalization`,\n      personalization,\n      saved: true,\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/messages\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const messages = await listMessages();\n  return c.html(\n    configMessagesDocument({\n      id,\n      formAction: `/config/${id}/messages`,\n      messages,\n      added: c.req.query(\"added\") === \"1\",\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id/messages\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody();\n  const main = String(body.main ?? \"\").trim();\n  const sub = String(body.sub ?? \"\").trim();\n  const submittedIso = String(body.timestamp ?? \"\").trim();\n  const submittedLocal = String(body.timestampLocal ?? \"\").trim();\n  const parsed = new Date(submittedIso || `${submittedLocal}:00Z`);\n  if (!main || !Number.isFinite(parsed.getTime())) {\n    return c.text(\"Main and a valid timestamp are required\", 400);\n  }\n\n  await createMessage({\n    main,\n    sub,\n    timestamp: parsed.toISOString(),\n  });\n  await notifySourceDevices(\"messages\").catch(() => undefined);\n  return c.redirect(`/config/${id}/messages?added=1`, 303);\n});\n\nconfigRoutes.get(\"/:id/devices\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const devices = await listDevicesForConfig(id);\n  return c.html(\n    configDevicesDocument({\n      id,\n      devices,\n      deviceActionPath: deviceActionPath(id),\n    }),\n  );\n});\n\nconfigRoutes.get(\"/:id/pair\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n  const [expiredCodes, devices] = await Promise.all([\n    listExpiredPairingCodes(id),\n    listLinkableDevices(id),\n  ]);\n  return c.html(\n    configPairDocument({\n      id,\n      codeActionPath: `/config/${id}/code`,\n      linkActionPath: `/config/${id}/pair`,\n      devices,\n      expiredCodes,\n      linked: c.req.query(\"linked\") === \"1\",\n    }),\n  );\n});\n\nconfigRoutes.post(\"/:id/pair\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const body = await c.req.parseBody();\n  const deviceId = String(body.deviceId ?? \"\").trim();\n  if (!deviceId) return c.text(\"Choose a device\", 400);\n\n  const linked = await linkExistingDevice(id, deviceId);\n  if (!linked) return c.text(\"Device not available\", 422);\n  return c.redirect(`/config/${id}/pair?linked=1`);\n});\n\nconfigRoutes.post(\"/:id/code\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  const pairing = await createPairingCode(id);\n  const [expiredCodes, devices] = await Promise.all([\n    listExpiredPairingCodes(id),\n    listLinkableDevices(id),\n  ]);\n  return c.html(\n    configPairDocument({\n      id,\n      codeActionPath: `/config/${id}/code`,\n      linkActionPath: `/config/${id}/pair`,\n      devices,\n      pairing,\n      expiredCodes,\n    }),\n  );\n});\n\n// Preview reuses the widget pipeline rather than approximating its output.\nconfigRoutes.get(\"/:id/preview\", async (c) => {\n  const id = c.req.param(\"id\");\n  const config = await getConfig(id);\n  if (!config) return c.text(\"Not found\", 404);\n\n  try {\n    const personalization = await getPersonalization(id);\n    const target = buildResolvedUrl(config, personalization);\n    const request = new Request(new URL(target, c.req.url));\n    const response = personalization.dataFeed === \"messages\"\n      ? await messagesResponse(request)\n      : await gamesResponse(request);\n    const payload = (await response.json()) as {\n      items: ConfigPreviewItem[];\n    };\n    return c.html(\n      configPreviewDocument({\n        id,\n        ok: true,\n        items: payload.items,\n        rawJson: JSON.stringify(payload, null, 2),\n      }),\n    );\n  } catch (err) {\n    return c.html(\n      configPreviewDocument({\n        id,\n        ok: false,\n        error: err instanceof Error ? err.message : String(err),\n      }),\n    );\n  }\n});\n\nconfigRoutes.post(\"/:id/devices/:deviceId\", async (c) => {\n  const id = c.req.param(\"id\");\n  const deviceId = c.req.param(\"deviceId\");\n  const body = await c.req.parseBody({ all: true });\n  const name = typeof body[\"name\"] === \"string\" ? body[\"name\"] : \"\";\n  await renameDevice(deviceId, name);\n  return c.redirect(`/config/${id}/devices`);\n});\n",[],[540,740,159],"afa5579d-9a53-4147-84da-0f3a02a41a3d","01a064da-0b2e-7418-95dc-324b38768fdf",["D",1788398406448],[491,492,493,494,495,496],[540,740],"92d4f892-6b29-4936-ac6b-56646453e5f9","01a064da-0b2e-7418-95dc-0ddb48421a64","01a064da-0b2e-7418-95dc-118b9cdaef09",4,["D",1788398444745],"// Shared message pipeline for the widget endpoint and config preview.\n\nimport {\n  dateAtOffset,\n  dayBoundsAtOffset,\n  resolveClientOffsetSeconds,\n} from \"../../lib/dates.ts\";\nimport { listMessagesForRange } from \"../../lib/messageStore.ts\";\nimport { renderMessageJson } from \"../../render/messageJson.ts\";\n\nexport async function messagesResponse(req: Request): Promise {\n  const url = new URL(req.url);\n  const now = new Date();\n  const { offsetSeconds, rejected } = resolveClientOffsetSeconds(\n    url.searchParams.get(\"tz\"),\n    now,\n  );\n  const { startInclusive, endExclusive } = dayBoundsAtOffset(offsetSeconds, now);\n  const messages = await listMessagesForRange(\n    startInclusive,\n    endExclusive,\n  );\n\n  return renderMessageJson(\n    messages,\n    offsetSeconds,\n    dateAtOffset(offsetSeconds, now),\n    rejected,\n  );\n}\n",[],[540,789,749],"handlers","ca449437-cb8f-456a-8540-fc267dc88b2a","01a064da-0b2e-7418-95dc-09a801c4a9bd",["D",1788398406448],"// Shared sports pipeline for widget JSON, PNG diagnostics, and config previews.\n// Query validation and slate selection stay centralized so callers cannot drift.\n\nimport { SPORT_SOURCE } from \"../../lib/catalog.ts\";\nimport {\n  formatDateLabel,\n  resolveClientOffsetSeconds,\n  windowDatesFor,\n} from \"../../lib/dates.ts\";\nimport { fibaGamesForDate, listFutureFibaDateKeys } from \"../../lib/fiba.ts\";\nimport { type Game, pickNextSlate } from \"../../lib/games.ts\";\nimport { resolveParams } from \"../../lib/params.ts\";\nimport { fetchScores } from \"../../lib/sleeper.ts\";\nimport { renderJson } from \"../../render/json.ts\";\nimport { renderPng } from \"../../render/png.ts\";\nimport { backgroundForHue, randomHue } from \"../../render/theme.ts\";\n\n// Builds the date window and per-date games for every requested sport,\n// routing each sport to its source via SPORT_SOURCE instead of assuming\n// Sleeper serves all of them. The two sources keep their own window\n// policy: Sleeper's stays the fixed few-day scan windowDatesFor already\n// enforces (one live request per date, so it has to stay cheap); fiba's is\n// whatever source_cache actually has ingested from that same start date\n// forward (a local table scan, so there's no per-date cost to bound —\n// see lib/sourceCache.ts's listFutureDateKeys header). The two windows are\n// unioned into one `dates` array so pickNextSlate — which just walks\n// whatever dates/games arrays it's handed — needs no changes to treat a\n// fiba-only date past Sleeper's window the same as any other.\nasync function fetchGamesByDate(\n  day: string,\n  clientOffsetSeconds: number,\n  sports: string[],\n): Promise<{ dates: string[]; gamesByDate: Game[][] }> {\n  const sleeperSports = sports.filter((s) => SPORT_SOURCE[s] !== \"fiba\");\n  const wantsFiba = sports.includes(\"fiba\");\n\n  const sleeperDates = windowDatesFor(day, clientOffsetSeconds);\n  const fibaDates = wantsFiba ? await listFutureFibaDateKeys(sleeperDates[0]) : [];\n\n  const dates = [...new Set([...sleeperDates, ...fibaDates])].sort();\n  const sleeperDateSet = new Set(sleeperDates);\n\n  const gamesByDate = await Promise.all(\n    dates.map(async (date) => {\n      const [sleeperGames, fibaGames] = await Promise.all([\n        sleeperSports.length && sleeperDateSet.has(date) ? fetchScores(date, sleeperSports) : Promise.resolve([]),\n        wantsFiba ? fibaGamesForDate(date) : Promise.resolve([]),\n      ]);\n      return [...sleeperGames, ...fibaGames];\n    }),\n  );\n\n  return { dates, gamesByDate };\n}\n\nexport async function gamesResponse(req: Request): Promise {\n  const url = new URL(req.url);\n  const dayParam = url.searchParams.get(\"day\");\n  const day = dayParam === \"today\"\n    ? \"today\"\n    : dayParam === \"tomorrow\"\n    ? \"tomorrow\"\n    : \"next\";\n  const format = url.searchParams.get(\"format\");\n\n  const resolved = resolveParams(\n    url.searchParams.getAll(\"sports[]\"),\n    url.searchParams.getAll(\"teams[]\"),\n  );\n  if (\n    dayParam !== null && dayParam !== \"today\" && dayParam !== \"tomorrow\" &&\n    dayParam !== \"next\"\n  ) {\n    resolved.rejected.push(`day:${dayParam}`);\n  }\n\n  const { offsetSeconds: clientOffsetSeconds, rejected: rejectedTz } =\n    resolveClientOffsetSeconds(url.searchParams.get(\"tz\"));\n  if (rejectedTz) resolved.rejected.push(rejectedTz);\n\n  const { dates, gamesByDate } = await fetchGamesByDate(day, clientOffsetSeconds, resolved.sports);\n  const picked = pickNextSlate(\n    dates,\n    gamesByDate,\n    resolved.sports,\n    resolved.teams,\n  );\n  const date = picked?.date ?? dates[0];\n  const bySport = picked?.bySport ?? [];\n  const resolvedDate = picked?.date ?? null;\n  const hideCompleted = url.searchParams.get(\"hideCompleted\") === \"1\";\n\n  if (format === \"json\") {\n    return renderJson(\n      bySport,\n      day,\n      resolved,\n      clientOffsetSeconds,\n      resolvedDate,\n      hideCompleted,\n    );\n  }\n  if (format === \"png\") {\n    return renderPng({\n      bySport,\n      dateLabel: formatDateLabel(date, day),\n      width: Number(url.searchParams.get(\"w\")) || 329,\n      height: Number(url.searchParams.get(\"h\")) || 155,\n      background: backgroundForHue(randomHue()),\n      rejected: resolved.rejected,\n      clientOffsetSeconds,\n    });\n  }\n  return new Response(\"Unsupported format\", { status: 400 });\n}\n",[],[540,789,123],"812c0487-f187-4f8b-a208-422247a0522c",["D",1788398406448],[488,489],[540,789],"199099c1-4867-45aa-b7c1-e265494e5806",["D",1788398406448],[487,490],[540],["D",1787009561780],["D",1789532458193],{"_11":12,"_350":111},{"_11":12,"_346":-5,"_110":111,"_31":109,"_347":348,"_349":30},{"_51":293,"_13":16,"_45":48,"_337":301,"_338":99,"_339":340,"_341":305,"_342":301,"_343":54,"_344":14,"_345":12},"ctx",{"_66":-5,"_370":842,"_843":844,"_845":846,"_847":30,"_848":30,"_849":30,"_850":24,"_851":-5,"_852":-7,"_853":-7,"_854":26,"_855":30,"_856":30,"_857":-5,"_858":30,"_859":30,"_860":30,"_861":-5},"ENV",{"_813":814,"_815":816,"_817":100,"_818":819,"_820":821,"_822":823,"_824":825,"_826":827,"_828":829,"_830":831,"_832":833,"_834":835,"_836":837,"_838":839,"_840":841},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · lib