[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_302":303,"_304":305},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_228":-5,"_20":229,"_22":230,"_231":232,"_233":234,"_26":235,"_24":236,"_237":-5,"_238":-5,"_239":55,"_240":241,"_242":46,"_243":-5,"_244":-5,"_245":246},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","maltsev","name","estonia-departures","branchName","main","version","path","backend","project",{"_34":173,"_13":14,"_47":174,"_175":-5,"_176":55,"_177":178,"_179":178,"_180":181,"_182":-5,"_183":184,"_185":71,"_186":46,"_187":-5,"_188":-5,"_189":61,"_190":191,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":197,"_198":197,"_199":200,"_201":200,"_202":200,"_203":197,"_204":197,"_205":206,"_207":208,"_209":210,"_211":55},"tree",[64,65,66,67,68],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","9dbf0097-92f6-42fa-9de0-4c6810bbc8a5","tallinn.ts","fileId","a1c6665a-9cb0-11f1-abd0-1607ee4eb77e","parentId","f2395d0a-1222-4e26-a641-ea006f31d5d1","branchId","422aee85-73dc-4033-8e0e-b6b8762d792c","branchVersion",22,"latest",true,"createdAt",["D",1787242033648],6,"fileType","script","content","/**\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","deleted",false,"label",[19,36],"749e621b-2b9a-465b-8dc6-6158b0af36d6",2,["D",1787241786738],0,"directory",[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":166,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":167,"_18":168},{"_34":104,"_13":105,"_37":106,"_39":-5,"_41":42,"_43":107,"_45":46,"_47":108,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":109,"_18":110},{"_34":88,"_13":89,"_37":90,"_39":-5,"_41":42,"_43":91,"_45":46,"_47":92,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":93,"_18":94},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":24,"_52":85,"_54":55,"_56":-5,"_76":86,"_18":87},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":59,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":77,"_18":78},"e5524611-444d-483a-b660-41a48ab8abb0","main.ts","fc107aba-9cb0-11f1-9bd0-1607ee4eb77e",16,["D",1787241950873],"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { fetchBoard } from \"./backend/tallinn.ts\";\nimport { Root } from \"./frontend/root.tsx\";\nimport type { Board } from \"./shared/types.ts\";\n\n/** Coalesce upstream hits: many viewers polling shouldn't mean many upstream requests. */\nconst CACHE_MS = 8_000;\nlet cached: { board: Board; at: number } | null = null;\n\nasync function board(): Promise {\n const now = Date.now();\n if (!cached || now - cached.at > CACHE_MS) {\n cached = { board: await fetchBoard(), at: now };\n }\n // Advance the source clock by the cache age so countdowns stay honest.\n const ageSec = (now - cached.at) / 1000;\n return { ...cached.board, serverTimeSec: cached.board.serverTimeSec + ageSec };\n}\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\n\napp.get(\"/api/departures\", async (c) => {\n try {\n return c.json(await board());\n } catch (e) {\n return c.json({ error: e instanceof Error ? e.message : String(e) }, 502);\n }\n});\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[70],"90dd56af-9534-415d-a7e3-6f0467c72aba","README.md","936e40fa-9cb0-11f1-a343-1607ee4eb77e",37,["D",1787242329768],1,"# Estonia stop — live departures\n\nReal-time departure board for the **Estonia** stop cluster in Tallinn, built on the\npublic feed at [transport.tallinn.ee](https://transport.tallinn.ee/).\n\n## How it works\n\n`GET https://transport.tallinn.ee/siri-stop-departures.php?stopid=` returns a\nflat text response — a header carrying the source's own clock (seconds since Tallinn\nmidnight), then one `stop,` line per platform followed by its departures:\n\n```\nTransport,RouteNum,ExpectedTimeInSeconds,ScheduleTimeInSeconds,68512,version20201024\nstop,1627\nbus,18,68512,68460,Viru keskus,38,Z\n```\n\n`backend/tallinn.ts` fetches all five platforms in one request and parses that into JSON.\nA departure counts as **live** when the expected time differs from the timetable — that\ndifference is the GPS-observed delay shown next to each row.\n\n## Platforms\n\nThe stop area `a21201-1` lists 14 member platforms, but only five carry service; the\n\"Estonia 1..7\" bays return nothing. Both `stops.txt` and GTFS name every platform simply\n\"Estonia\", and only two publish a street, so the rest are identified by code plus a\n`towards` list computed from what is actually departing there.\n\n| Code | SiriID | Street |\n| --- | --- | --- |\n| 21201-1 | 1627 | Estonia pst |\n| 21203-2 | 1628 | Teatri väljak |\n| 21203-1 | 14969 | — |\n| 21204-1 | 1629 | — |\n| 21205-1 | 1630 | — |\n\n## Routes\n\n- `/` — the board (React, polls every 15s; countdowns tick locally against the source clock)\n- `/api/departures` — JSON, upstream responses coalesced for 8s\n- `/source` — view the code\n",[],[80],"909b2b18-d339-41e8-80f0-5b0ac7bb548e","shared","40e5fa6a-77ec-478e-9d78-a0e3ea3d1825",4,["D",1787241808418],[95],[89],{"_34":96,"_13":97,"_37":98,"_39":90,"_41":42,"_43":99,"_45":46,"_47":100,"_17":59,"_50":51,"_52":101,"_54":55,"_56":-5,"_76":102,"_18":103},"48e9a0a9-e069-4f4e-bbcc-714d329a643d","types.ts","aebca11c-9cb0-11f1-87a4-1607ee4eb77e",18,["D",1787242000904],"/** Shapes shared by the API route and the browser client. */\n\nexport type Mode = \"bus\" | \"trol\" | \"tram\" | \"train\" | \"other\";\n\nexport type Platform = {\n code: string;\n siriId: string;\n /** Street name, where the operator publishes one — otherwise null */\n street: string | null;\n lat: number;\n lng: number;\n /** Terminus names currently served from this platform, most frequent first */\n towards: string[];\n};\n\nexport type Departure = {\n mode: Mode;\n route: string;\n destination: string;\n expectedSec: number;\n scheduledSec: number;\n delaySec: number | null;\n live: boolean;\n platformCode: string;\n};\n\nexport type Board = {\n stop: string;\n city: string;\n serverTimeSec: number;\n fetchedAt: string;\n platforms: Platform[];\n departures: Departure[];\n};\n",[],[89,97],"7fc12dd5-9641-453d-ac74-e11c6ce858ff","frontend","b82b1064-e718-4e15-9cca-3b550b278df2",3,["D",1787241806271],[111,112,113,114,115,116],[105],{"_34":157,"_13":158,"_37":159,"_39":106,"_41":42,"_43":160,"_45":46,"_47":161,"_17":162,"_50":51,"_52":163,"_54":55,"_56":-5,"_76":164,"_18":165},{"_34":149,"_13":150,"_37":151,"_39":106,"_41":42,"_43":152,"_45":46,"_47":153,"_17":91,"_50":51,"_52":154,"_54":55,"_56":-5,"_76":155,"_18":156},{"_34":141,"_13":142,"_37":143,"_39":106,"_41":42,"_43":144,"_45":46,"_47":145,"_17":84,"_50":51,"_52":146,"_54":55,"_56":-5,"_76":147,"_18":148},{"_34":133,"_13":134,"_37":135,"_39":106,"_41":42,"_43":136,"_45":46,"_47":137,"_17":61,"_50":51,"_52":138,"_54":55,"_56":-5,"_76":139,"_18":140},{"_34":125,"_13":126,"_37":127,"_39":106,"_41":42,"_43":128,"_45":46,"_47":129,"_17":61,"_50":51,"_52":130,"_54":55,"_56":-5,"_76":131,"_18":132},{"_34":117,"_13":118,"_37":119,"_39":106,"_41":42,"_43":120,"_45":46,"_47":121,"_17":61,"_50":51,"_52":122,"_54":55,"_56":-5,"_76":123,"_18":124},"1dfcc309-060c-49d0-8a95-e2391d7be215","useBoard.ts","caf21268-9cb0-11f1-a139-1607ee4eb77e",7,["D",1787241855811],"import { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Board } from \"../shared/types.ts\";\n\nconst POLL_MS = 15_000;\n\n/**\n * Polls the departures API and exposes a live `nowSec` clock.\n *\n * Countdowns are measured against the source's own clock, not the browser's:\n * we anchor `serverTimeSec` to the moment the response landed and advance it\n * locally, so a skewed device clock can't shift every departure.\n */\nexport function useBoard() {\n const [board, setBoard] = useState(null);\n const [anchoredAt, setAnchoredAt] = useState(0);\n const [error, setError] = useState(null);\n const [refreshing, setRefreshing] = useState(true);\n const [tick, setTick] = useState(() => Date.now());\n\n const refresh = useCallback(async () => {\n setRefreshing(true);\n try {\n const res = await fetch(\"/api/departures\");\n if (!res.ok) throw new Error(`API responded ${res.status}`);\n const next = (await res.json()) as Board;\n setBoard(next);\n setAnchoredAt(Date.now());\n setError(null);\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n } finally {\n setRefreshing(false);\n }\n }, []);\n\n useEffect(() => {\n refresh();\n const poll = setInterval(refresh, POLL_MS);\n const clock = setInterval(() => setTick(Date.now()), 1000);\n const onVisibility = () => {\n if (document.visibilityState === \"visible\") refresh();\n };\n document.addEventListener(\"visibilitychange\", onVisibility);\n return () => {\n clearInterval(poll);\n clearInterval(clock);\n document.removeEventListener(\"visibilitychange\", onVisibility);\n };\n }, [refresh]);\n\n const elapsed = anchoredAt ? (tick - anchoredAt) / 1000 : 0;\n\n return {\n board,\n error,\n refreshing,\n refresh,\n /** Seconds since Tallinn midnight, advanced locally between polls */\n nowSec: board ? board.serverTimeSec + elapsed : 0,\n /** How long ago the data was fetched, in seconds */\n ageSec: elapsed,\n };\n}\n",[],[105,118],"17fd8d12-a1ff-48f9-9b82-f9c690fc0e34","root.tsx","f19387d0-9cb0-11f1-9c48-1607ee4eb77e",13,["D",1787241920626],"/** @jsxImportSource https://esm.sh/hono@4.6.14/jsx */\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n/** Never-cached HTML shell; it stamps the entry module with the val's version. */\nexport function Root() {\n return (\n \n \n \n \n \n \n Estonia · live departures · Tallinn\n \n \n \n \n \n

\n \n \n \n );\n}\n",[],[105,126],"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",[],[105,134],"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",[],[105,142],"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",[],[105,150],"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",[],[105,158],["D",1787241786738],[169],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":170,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":171,"_18":172},["D",1787242033648],[],[19,36],"a0957927-a898-4e38-89eb-05a24a9fdeee",["D",1787241762566],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Live departures from Estonia stop, Tallinn","imageUrl","userId","29ea2fe8-d740-430c-b39a-3a9433234677","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","80eb574a-7b58-4daa-8f08-50b653042052","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_227":223},"org",{"_11":12,"_220":221,"_222":223,"_183":184,"_224":225,"_226":55},"branch",{"_17":82,"_13":16,"_34":42,"_212":173,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":-5,"_218":14,"_219":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kirill","avatar","https://images.clerk.dev/oauth_github/img_2PCDuzOrv5ielaEcqlJHncS3HrV.jpeg","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":173,"_13":14,"_47":298,"_175":-5,"_176":55,"_177":178,"_179":178,"_180":181,"_182":-5,"_183":184,"_185":71,"_186":46,"_187":-5,"_188":-5,"_189":61,"_190":191,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":197,"_198":197,"_199":200,"_201":200,"_202":200,"_203":197,"_204":197,"_205":299,"_207":300,"_209":301,"_211":55},[259,261,268,270,271],"files",[259,260,261,262,263,264,265,266,267,268,269,270,271],"counts",{"_250":61,"_251":84,"_252":61,"_32":253,"_254":255},[248],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":247},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":249},[19,36],"pulls","branches","forks",{"_256":61,"_258":61},"connections",{"_256":61,"_257":61},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":166,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":296,"_18":297},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":170,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":294,"_18":295},{"_34":104,"_13":105,"_37":106,"_39":-5,"_41":42,"_43":107,"_45":46,"_47":108,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":292,"_18":293},{"_34":157,"_13":158,"_37":159,"_39":106,"_41":42,"_43":160,"_45":46,"_47":161,"_17":162,"_50":51,"_52":163,"_54":55,"_56":-5,"_76":290,"_18":291},{"_34":149,"_13":150,"_37":151,"_39":106,"_41":42,"_43":152,"_45":46,"_47":153,"_17":91,"_50":51,"_52":154,"_54":55,"_56":-5,"_76":288,"_18":289},{"_34":141,"_13":142,"_37":143,"_39":106,"_41":42,"_43":144,"_45":46,"_47":145,"_17":84,"_50":51,"_52":146,"_54":55,"_56":-5,"_76":286,"_18":287},{"_34":133,"_13":134,"_37":135,"_39":106,"_41":42,"_43":136,"_45":46,"_47":137,"_17":61,"_50":51,"_52":138,"_54":55,"_56":-5,"_76":284,"_18":285},{"_34":125,"_13":126,"_37":127,"_39":106,"_41":42,"_43":128,"_45":46,"_47":129,"_17":61,"_50":51,"_52":130,"_54":55,"_56":-5,"_76":282,"_18":283},{"_34":117,"_13":118,"_37":119,"_39":106,"_41":42,"_43":120,"_45":46,"_47":121,"_17":61,"_50":51,"_52":122,"_54":55,"_56":-5,"_76":280,"_18":281},{"_34":88,"_13":89,"_37":90,"_39":-5,"_41":42,"_43":91,"_45":46,"_47":92,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":278,"_18":279},{"_34":96,"_13":97,"_37":98,"_39":90,"_41":42,"_43":99,"_45":46,"_47":100,"_17":59,"_50":51,"_52":101,"_54":55,"_56":-5,"_76":276,"_18":277},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":24,"_52":85,"_54":55,"_56":-5,"_76":274,"_18":275},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":59,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":272,"_18":273},[],[70],[],[80],[],[89,97],[269],[89],[],[105,118],[],[105,126],[],[105,134],[],[105,142],[],[105,150],[],[105,158],[262,263,264,265,266,267],[105],[],[19,36],[260],[19],["D",1787241762566],{"_11":12,"_227":223},{"_11":12,"_220":221,"_222":223,"_183":184,"_224":225,"_226":55},{"_17":82,"_13":16,"_34":42,"_212":173,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":-5,"_218":14,"_219":12},"ctx",{"_205":-5,"_244":335,"_336":337,"_338":339,"_340":55,"_341":55,"_342":55,"_343":46,"_344":-5,"_345":-7,"_346":-7,"_347":61,"_348":55,"_349":55,"_350":-5,"_351":55,"_352":55,"_353":55,"_354":-5},"ENV",{"_306":307,"_308":309,"_310":16,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334},"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"]