\n \n \n \n );\n}\n",[],[153,216],"72215ca9-3c56-439b-9be8-9a4a91d16176","index.tsx","ee2a3cf6-9cb0-11f1-aaca-1607ee4eb77e",12,["D",1787241914903],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[153,224],"2a6781a6-8865-4f6f-be4d-2204719747f7","format.ts","ad6c369c-9cb0-11f1-b9bb-1607ee4eb77e",23,["D",1787242045740],"import type { Mode, Platform } from \"../shared/types.ts\";\n\n/** Short platform label: the street when the operator publishes one, else the code. */\nexport function platformName(platform: Platform | undefined, code: string): string {\n return platform?.street ?? code;\n}\n\n/** \"→ Kadaka, Bussijaam, Seli\" — where service from a platform actually goes. */\nexport function towardsLabel(platform: Platform | undefined, limit = 3): string {\n const towards = platform?.towards ?? [];\n if (!towards.length) return \"\";\n const shown = towards.slice(0, limit).join(\", \");\n return towards.length > limit ? `→ ${shown}…` : `→ ${shown}`;\n}\n\n/** \"HH:MM\" for a seconds-since-Tallinn-midnight value (wraps past 24h). */\nexport function clockTime(sec: number): string {\n const s = ((Math.round(sec) % 86400) + 86400) % 86400;\n const h = Math.floor(s / 3600);\n const m = Math.floor((s % 3600) / 60);\n return `${String(h).padStart(2, \"0\")}:${String(m).padStart(2, \"0\")}`;\n}\n\n/** Countdown label: \"now\" / \"1 min\" / \"12 min\" / \"1h 05m\". */\nexport function countdown(sec: number): string {\n if (sec < 30) return \"now\";\n const mins = Math.floor(sec / 60);\n if (mins < 1) return \"<1 min\";\n if (mins < 60) return `${mins} min`;\n return `${Math.floor(mins / 60)}h ${String(mins % 60).padStart(2, \"0\")}m`;\n}\n\nexport function delayLabel(delaySec: number | null): string | null {\n if (delaySec === null) return null;\n const mins = Math.round(delaySec / 60);\n if (mins === 0) return \"on time\";\n return mins > 0 ? `+${mins} min` : `${mins} min`;\n}\n\nexport const MODE_ICON: Record = {\n bus: \"🚌\",\n trol: \"🚎\",\n tram: \"🚊\",\n train: \"🚆\",\n other: \"🚍\",\n};\n\nexport const MODE_NAME: Record = {\n bus: \"Bus\",\n trol: \"Trolleybus\",\n tram: \"Tram\",\n train: \"Train\",\n other: \"Other\",\n};\n\nexport const MODE_BADGE: Record = {\n bus: \"bg-sky-500/15 text-sky-300 ring-sky-400/30\",\n trol: \"bg-emerald-500/15 text-emerald-300 ring-emerald-400/30\",\n tram: \"bg-amber-500/15 text-amber-300 ring-amber-400/30\",\n train: \"bg-violet-500/15 text-violet-300 ring-violet-400/30\",\n other: \"bg-slate-500/15 text-slate-300 ring-slate-400/30\",\n};\n",[],[153,232],"88483126-76a4-45d2-83d5-b86359b8ba1f","DepartureRow.tsx","d022b2a6-9cb0-11f1-99e5-1607ee4eb77e",33,["D",1787242252352],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Departure, Platform } from \"../shared/types.ts\";\nimport {\n clockTime,\n countdown,\n delayLabel,\n MODE_BADGE,\n MODE_ICON,\n MODE_NAME,\n platformName,\n} from \"./format.ts\";\n\nexport function DepartureRow(\n { departure, platform, nowSec, showPlatform = true }: {\n departure: Departure;\n platform: Platform | undefined;\n nowSec: number;\n /** Off when a platform heading above the row already says where this is */\n showPlatform?: boolean;\n },\n) {\n const secondsUntil = departure.expectedSec - nowSec;\n const imminent = secondsUntil < 60;\n const delay = delayLabel(departure.delaySec);\n const late = (departure.delaySec ?? 0) > 60;\n const early = (departure.delaySec ?? 0) < -60;\n\n return (\n

\n \n {departure.route}\n \n\n

\n {MODE_ICON[departure.mode]}\n {departure.destination || \"—\"}\n

\n {showPlatform && (\n \n {platformName(platform, departure.platformCode)}\n \n )}\n {delay && (\n \n {delay}\n \n )}\n

\n\n

\n \n {countdown(secondsUntil)}\n

{clockTime(departure.expectedSec)}

\n \n

\n );\n}\n",[],[153,240],"dad2316e-0926-4beb-89a8-9bb7a9ba8bf6","App.tsx","e21f906e-9cb0-11f1-b640-1607ee4eb77e",36,["D",1787242295906],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type ReactNode, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Departure, Mode, Platform } from \"../shared/types.ts\";\nimport { DepartureRow } from \"./DepartureRow.tsx\";\nimport { clockTime, MODE_ICON, MODE_NAME, platformName, towardsLabel } from \"./format.ts\";\nimport { useBoard } from \"./useBoard.ts\";\n\n/** Keep a departure listed for a moment after its time passes. */\nconst GRACE_SEC = 60;\n\nconst MODE_ORDER: Mode[] = [\"bus\", \"trol\", \"tram\", \"train\", \"other\"];\n\ntype Grouping = \"time\" | \"platform\";\n\nexport function App() {\n const { board, error, refreshing, refresh, nowSec, ageSec } = useBoard();\n const [mode, setMode] = useState(\"all\");\n const [platform, setPlatform] = useState(\"all\");\n const [grouping, setGrouping] = useState(\"time\");\n\n // Fixed order, so the chips don't reshuffle when a poll happens to arrive\n // with a different mode first.\n const modes = useMemo(() => {\n const seen = new Set();\n for (const d of board?.departures ?? []) seen.add(d.mode);\n return MODE_ORDER.filter((m) => seen.has(m));\n }, [board]);\n\n const visible = useMemo(() => {\n return (board?.departures ?? []).filter((d) =>\n d.expectedSec - nowSec > -GRACE_SEC\n && (mode === \"all\" || d.mode === mode)\n && (platform === \"all\" || d.platformCode === platform)\n );\n }, [board, nowSec, mode, platform]);\n\n const platforms = board?.platforms ?? [];\n const byCode = useMemo(() => new Map(platforms.map((p) => [p.code, p])), [platforms]);\n\n /** Platforms that currently have service — the feed lists a few dormant ones. */\n const activePlatforms = useMemo(\n () => platforms.filter((p) => p.towards.length > 0),\n [platforms],\n );\n\n const groups = useMemo(\n () => groupDepartures(visible, grouping, activePlatforms),\n [visible, grouping, activePlatforms],\n );\n\n return (\n

Estonia

\n Tallinn · live departures\n

\n {board ? clockTime(nowSec) : \"--:--\"}\n

\n \n \n {error ? \"reconnecting\" : `updated ${Math.floor(ageSec)}s ago`}\n \n

\n\n

\n setMode(\"all\")}>All\n {modes.map((m) => (\n setMode(m)}>\n {MODE_ICON[m]} {MODE_NAME[m]}\n \n ))}\n \n setGrouping(grouping === \"platform\" ? \"time\" : \"platform\")}\n >\n By platform\n \n

\n\n {activePlatforms.length > 1 && (\n

\n setPlatform(\"all\")}>\n All platforms\n \n {activePlatforms.map((p) => (\n setPlatform(p.code)}\n title={`${p.code} ${towardsLabel(p, 6)}`}\n >\n {platformName(p, p.code)}\n \n ))}\n

\n )}\n\n {error && (\n

\n Couldn't reach the departures feed ({error}). Retrying automatically.\n

\n )}\n\n

\n {!board && !error &&

Loading departures…

}\n\n {board && visible.length === 0 && (\n

\n No departures scheduled right now.\n

\n )}\n\n {groups.map((group) => (\n

\n {group.title && (\n

\n {group.title}\n

\n )}\n

\n ))}\n

\n\n \n

\n );\n}\n\nfunction Chip(\n { active, onClick, title, children }: {\n active: boolean;\n onClick: () => void;\n title?: string;\n children: ReactNode;\n },\n) {\n return (\n \n {children}\n \n );\n}\n\nfunction groupDepartures(departures: Departure[], grouping: Grouping, platforms: Platform[]) {\n if (grouping === \"time\") {\n return departures.length ? [{ key: \"all\", title: null as string | null, departures }] : [];\n }\n return platforms\n .map((p) => ({\n key: p.code,\n title: [p.code, p.street, towardsLabel(p)].filter(Boolean).join(\" · \") as string | null,\n departures: departures.filter((d) => d.platformCode === p.code),\n }))\n .filter((g) => g.departures.length > 0);\n}\n",[],[153,248],"7fc12dd5-9641-453d-ac74-e11c6ce858ff",3,["D",1787241806271],[168,169,170,171,172,173],[153],"9dbf0097-92f6-42fa-9de0-4c6810bbc8a5","tallinn.ts","a1c6665a-9cb0-11f1-abd0-1607ee4eb77e","f2395d0a-1222-4e26-a641-ea006f31d5d1",22,["D",1787242033648],6,"/**\n * Departures for the \"Estonia\" stop cluster in Tallinn.\n *\n * Source: https://transport.tallinn.ee/siri-stop-departures.php?stopid=\n * Response is a flat CSV-ish text:\n *\n * Transport,RouteNum,ExpectedTimeInSeconds,ScheduleTimeInSeconds,,version20201024\n * stop,1627\n * bus,18,68512,68460,Viru keskus,38,Z\n * ...\n *\n * All times are seconds since midnight, Tallinn local time. `serverNow` in the\n * header is the source's own clock, which is what countdowns are measured against.\n */\n\nimport type { Board, Departure, Mode, Platform } from \"../shared/types.ts\";\n\nconst DEPARTURES_URL = \"https://transport.tallinn.ee/siri-stop-departures.php\";\n\n/**\n * The stop area `a21201-1` (\"Estonia\") lists 14 member platforms, but only these\n * five ever return departures — the rest (the \"Estonia 1..7\" bays) are inactive.\n *\n * Every platform is named just \"Estonia\" in both stops.txt and GTFS; only two\n * carry a street name. The rest are distinguished by code, plus the `towards`\n * list computed from whatever is actually departing there.\n */\ntype PlatformSpec = Omit;\n\nexport const PLATFORMS: PlatformSpec[] = [\n { code: \"21201-1\", siriId: \"1627\", street: \"Estonia pst\", lat: 59.43459, lng: 24.75237 },\n { code: \"21203-2\", siriId: \"1628\", street: \"Teatri väljak\", lat: 59.43386, lng: 24.75258 },\n { code: \"21203-1\", siriId: \"14969\", street: null, lat: 59.43368, lng: 24.75282 },\n { code: \"21204-1\", siriId: \"1629\", street: null, lat: 59.43353, lng: 24.75192 },\n { code: \"21205-1\", siriId: \"1630\", street: null, lat: 59.4339, lng: 24.75177 },\n];\n\nfunction parseMode(raw: string): Mode {\n switch (raw) {\n case \"bus\":\n case \"trol\":\n case \"tram\":\n case \"train\":\n return raw;\n default:\n return \"other\";\n }\n}\n\n/** Unwrap times that rolled past midnight so they stay comparable to `serverNow`. */\nfunction unwrap(sec: number, serverNow: number): number {\n return sec < serverNow - 3600 ? sec + 86400 : sec;\n}\n\nexport function parseBoard(text: string, fetchedAt: string): Board {\n const lines = text.split(\"\\n\").map((l) => l.trim()).filter(Boolean);\n const header = (lines.shift() ?? \"\").split(\",\");\n const serverTimeSec = Number(header[4]);\n\n const bySiriId = new Map(PLATFORMS.map((p) => [p.siriId, p]));\n const departures: Departure[] = [];\n let platform: PlatformSpec | undefined;\n\n for (const line of lines) {\n const f = line.split(\",\");\n if (f[0] === \"stop\") {\n platform = bySiriId.get(f[1]);\n continue;\n }\n if (!platform || f.length < 6) continue;\n\n const expectedSec = Number(f[2]);\n const scheduledSec = Number(f[3]);\n if (!Number.isFinite(expectedSec)) continue;\n\n const drift = expectedSec - scheduledSec;\n departures.push({\n mode: parseMode(f[0]),\n route: f[1],\n destination: f[4] ?? \"\",\n expectedSec: unwrap(expectedSec, serverTimeSec),\n scheduledSec: unwrap(scheduledSec, serverTimeSec),\n delaySec: drift === 0 ? null : drift,\n live: drift !== 0,\n platformCode: platform.code,\n });\n }\n\n departures.sort((a, b) => a.expectedSec - b.expectedSec);\n\n return {\n stop: \"Estonia\",\n city: \"Tallinn\",\n serverTimeSec,\n fetchedAt,\n platforms: PLATFORMS.map((p) => ({ ...p, towards: destinationsAt(departures, p.code) })),\n departures,\n };\n}\n\n/** Distinct terminus names at a platform, most frequently served first. */\nfunction destinationsAt(departures: Departure[], platformCode: string): string[] {\n const counts = new Map();\n for (const d of departures) {\n if (d.platformCode !== platformCode || !d.destination) continue;\n counts.set(d.destination, (counts.get(d.destination) ?? 0) + 1);\n }\n return [...counts.entries()].sort((a, b) => b[1] - a[1]).map(([name]) => name);\n}\n\nexport async function fetchBoard(): Promise {\n const stopid = PLATFORMS.map((p) => p.siriId).join(\",\");\n const res = await fetch(`${DEPARTURES_URL}?stopid=${stopid}`, {\n headers: { \"User-Agent\": \"val.town estonia-departures\" },\n });\n if (!res.ok) {\n throw new Error(`transport.tallinn.ee responded ${res.status}`);\n }\n return parseBoard(await res.text(), new Date().toISOString());\n}\n",[],[271,262],"backend","749e621b-2b9a-465b-8dc6-6158b0af36d6",["D",1787241786738],[166],[271],["D",1787241762566],{"_11":12,"_123":71},{"_11":12,"_118":119,"_70":71,"_30":69,"_120":121,"_122":24},{"_38":109,"_13":16,"_32":35,"_110":73,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"ctx",{"_53":-5,"_142":313,"_314":315,"_316":317,"_318":24,"_319":24,"_320":24,"_321":86,"_322":-5,"_323":-7,"_324":-7,"_325":26,"_326":24,"_327":24,"_328":-5,"_329":24,"_330":24,"_331":24,"_332":-5},"ENV",{"_284":285,"_286":287,"_288":16,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312},"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 · useBoard.ts