[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_105":86,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":24,"_120":121,"_122":24,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/useBoard.ts","latestPath","fileId","caf21268-9cb0-11f1-a139-1607ee4eb77e","name","useBoard.ts","fileType","script","content","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","createdAt",["D",1787241855811],"branchVersion","branchId","422aee85-73dc-4033-8e0e-b6b8762d792c","id","a0957927-a898-4e38-89eb-05a24a9fdeee","estonia-departures",["D",1787241762566],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Live departures from Estonia stop, Tallinn","imageUrl","29ea2fe8-d740-430c-b39a-3a9433234677","pinnedFileId","fc107aba-9cb0-11f1-9bd0-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","80eb574a-7b58-4daa-8f08-50b653042052","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",37,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","maltsev","handle","displayName","Kirill","avatar","https://images.clerk.dev/oauth_github/img_2PCDuzOrv5ielaEcqlJHncS3HrV.jpeg","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":217,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":218,"_80":219,"_82":220,"_84":24},"tree",[170,172,175,177],"files",[170,171,172,173,174,175,176,177],"counts",{"_160":62,"_161":135,"_162":62,"_163":164,"_165":166},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":154,"_31":155,"_29":156,"_134":-5,"_40":41,"_39":157,"_136":58,"_37":158,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_26":159},{"_42":148,"_31":149,"_29":150,"_134":-5,"_40":41,"_39":151,"_136":58,"_37":152,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_26":153},{"_42":141,"_31":142,"_29":143,"_134":-5,"_40":41,"_39":144,"_136":58,"_37":145,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_26":147},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":24,"_37":137,"_13":62,"_33":20,"_35":138,"_23":24,"_139":-5,"_26":140},"4014ad99-c593-4a66-96fd-4872b56851b4","README.md","936e40fa-9cb0-11f1-a343-1607ee4eb77e","parentId",1,"latest",["D",1787241762672],"# Estonia stop — live departures\n\nReal-time departure board for the **Estonia** stop cluster in Tallinn, using data from https://transport.tallinn.ee/\n","label",[132],"909b2b18-d339-41e8-80f0-5b0ac7bb548e","shared","40e5fa6a-77ec-478e-9d78-a0e3ea3d1825",4,["D",1787241808418],"directory",[142],"7fc12dd5-9641-453d-ac74-e11c6ce858ff","frontend","b82b1064-e718-4e15-9cca-3b550b278df2",3,["D",1787241806271],[149],"749e621b-2b9a-465b-8dc6-6158b0af36d6","backend","f2395d0a-1222-4e26-a641-ea006f31d5d1",2,["D",1787241786738],[155],"pulls","branches","forks","envVars",{"_167":62,"_169":62},"connections",{"_167":62,"_168":62},"count","unfilledCount","emptyCount",{"_42":154,"_31":155,"_29":156,"_134":-5,"_40":41,"_39":157,"_136":58,"_37":214,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_179":215,"_26":216},{"_42":206,"_31":207,"_29":208,"_134":156,"_40":41,"_39":209,"_136":24,"_37":210,"_13":157,"_33":34,"_35":211,"_23":24,"_139":-5,"_179":212,"_26":213},{"_42":148,"_31":149,"_29":150,"_134":-5,"_40":41,"_39":151,"_136":58,"_37":203,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_179":204,"_26":205},{"_42":196,"_31":197,"_29":198,"_134":150,"_40":41,"_39":151,"_136":24,"_37":199,"_13":62,"_33":34,"_35":200,"_23":24,"_139":-5,"_179":201,"_26":202},{"_42":192,"_31":32,"_29":30,"_134":150,"_40":41,"_39":14,"_136":58,"_37":193,"_13":62,"_33":34,"_35":36,"_23":24,"_139":-5,"_179":194,"_26":195},{"_42":141,"_31":142,"_29":143,"_134":-5,"_40":41,"_39":144,"_136":58,"_37":189,"_13":62,"_33":146,"_35":-5,"_23":24,"_139":-5,"_179":190,"_26":191},{"_42":182,"_31":183,"_29":184,"_134":143,"_40":41,"_39":144,"_136":24,"_37":185,"_13":62,"_33":34,"_35":186,"_23":24,"_139":-5,"_179":187,"_26":188},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":24,"_37":178,"_13":62,"_33":20,"_35":138,"_23":24,"_139":-5,"_179":180,"_26":181},["D",1787241762672],"children",[],[132],"5b115073-a096-4153-8148-2d077bc55c1f","types.ts","aebca11c-9cb0-11f1-87a4-1607ee4eb77e",["D",1787241808418],"/** 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 label: string;\n lat: number;\n lng: number;\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 platformLabel: 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",[],[142,183],["D",1787241808418],[176],[142],"1dfcc309-060c-49d0-8a95-e2391d7be215",["D",1787241855811],[],[149,32],"c852894f-902f-49e0-8f26-4f98d80fceae","format.ts","ad6c369c-9cb0-11f1-b9bb-1607ee4eb77e",["D",1787241806271],"import type { Mode } from \"../shared/types.ts\";\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",[],[149,197],["D",1787241806271],[173,174],[149],"0dfb7764-20e7-4b6b-acbb-9bafa2896760","tallinn.ts","a1c6665a-9cb0-11f1-abd0-1607ee4eb77e",6,["D",1787241829309],"/**\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 */\nexport const PLATFORMS: Platform[] = [\n { code: \"21201-1\", siriId: \"1627\", label: \"Estonia pst\", lat: 59.43459, lng: 24.75237 },\n { code: \"21203-2\", siriId: \"1628\", label: \"Teatri väljak\", lat: 59.43386, lng: 24.75258 },\n { code: \"21203-1\", siriId: \"14969\", label: \"Estonia pst (opposite)\", lat: 59.43368, lng: 24.75282 },\n { code: \"21204-1\", siriId: \"1629\", label: \"Pärnu mnt\", lat: 59.43353, lng: 24.75192 },\n { code: \"21205-1\", siriId: \"1630\", label: \"Rävala pst\", 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 byCode = new Map(PLATFORMS.map((p) => [p.siriId, p]));\n const departures: Departure[] = [];\n let platform: Platform | undefined;\n\n for (const line of lines) {\n const f = line.split(\",\");\n if (f[0] === \"stop\") {\n platform = byCode.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 platformLabel: platform.label,\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,\n departures,\n };\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",[],[155,207],["D",1787241786738],[171],[155],["D",1787241762566],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":254,"_255":256,"_257":258,"_259":24,"_260":24,"_261":24,"_262":58,"_263":-5,"_264":-7,"_265":-7,"_266":62,"_267":24,"_268":24,"_269":-5,"_270":24,"_271":24,"_272":24,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":86,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v7