Fleet Live · Dispatch Board

\n Fleet Live\n / chicago terminal\n

LIVE

—

In transit

—

At dock

Delivered

—

Avg MPH

—

Local

\n\n

\n \n

Coverage area

Chicago, IL — Metro

\n In transit\n At dock\n \n

\n\n \n

\n\n\n\n\n`;","label","children",[69],"contentHash","5536a8a60e663d42275f0a70e79752173831548ead04f90bb4cc87aac6dee6da","687a59d7-be4d-4cdf-b33d-a4b3e5ed90bf","4a8c7266-85fa-11f1-9a03-1607ee4eb77e",["D",1787860545735],12,"/**\n * fleetLiveMap.ts — Val Town HTTP val\n *\n * Live trucking visualization: a dark \"dispatch board\" map of Chicago with a\n * fleet of trucks driving real streets, a live fleet roster, and an event feed.\n *\n * Routes are fetched server-side from the public OSRM demo router so the trucks\n * follow actual road geometry. If OSRM is unreachable, a synthetic Chicago-style\n * street grid is generated instead, so the page always renders something moving.\n *\n * Endpoints:\n * GET / -> the app\n * GET /api/routes -> { source, routes: [[ [lat,lng], ... ], ...] }\n */\n\n// ---------------------------------------------------------------------------\n// Config\n// ---------------------------------------------------------------------------\n\nconst CHICAGO = { lat: 41.8781, lng: -87.6298 };\nconst BBOX = {\n minLat: 41.815,\n maxLat: 41.955,\n minLng: -87.735,\n maxLng: -87.605,\n};\nconst ROUTE_COUNT = 18;\nconst CACHE_MS = 10 * 60 * 1000;\n\nlet routeCache: { at: number; source: string; routes: number[][][] } | null =\n null;\n\n// ---------------------------------------------------------------------------\n// Route generation\n// ---------------------------------------------------------------------------\n\nfunction randIn(min: number, max: number) {\n return min + Math.random() * (max - min);\n}\n\nfunction randPoint() {\n return {\n lat: randIn(BBOX.minLat, BBOX.maxLat),\n lng: randIn(BBOX.minLng, BBOX.maxLng),\n };\n}\n\nasync function osrmRoute(signal: AbortSignal): Promise {\n const a = randPoint();\n const b = randPoint();\n // Keep routes long enough to be interesting.\n if (Math.abs(a.lat - b.lat) + Math.abs(a.lng - b.lng) < 0.05) return null;\n\n const url = `https://router.project-osrm.org/route/v1/driving/` +\n `${a.lng.toFixed(5)},${a.lat.toFixed(5)};${b.lng.toFixed(5)},${\n b.lat.toFixed(5)\n }` +\n `?overview=full&geometries=geojson&alternatives=false&steps=false`;\n\n const res = await fetch(url, { signal });\n if (!res.ok) return null;\n const json = await res.json();\n const coords = json?.routes?.[0]?.geometry?.coordinates;\n if (!Array.isArray(coords) || coords.length < 20) return null;\n return coords.map((c: number[]) => [c[1], c[0]]); // [lat, lng]\n}\n\n/** Manhattan-style walk over a Chicago-spaced grid. Used only if OSRM fails. */\nfunction gridRoute(): number[][] {\n const dLat = 0.0042; // ~1/8 mile\n const dLng = 0.0056;\n const cols = Math.floor((BBOX.maxLng - BBOX.minLng) / dLng);\n const rows = Math.floor((BBOX.maxLat - BBOX.minLat) / dLat);\n\n let c = Math.floor(Math.random() * cols);\n let r = Math.floor(Math.random() * rows);\n const pts: number[][] = [];\n const push = () => pts.push([BBOX.minLat + r * dLat, BBOX.minLng + c * dLng]);\n push();\n\n const legs = 10 + Math.floor(Math.random() * 8);\n let horizontal = Math.random() < 0.5;\n for (let i = 0; i < legs; i++) {\n const run = 2 + Math.floor(Math.random() * 7);\n const dir = Math.random() < 0.5 ? 1 : -1;\n for (let s = 0; s < run; s++) {\n if (horizontal) c = Math.max(0, Math.min(cols - 1, c + dir));\n else r = Math.max(0, Math.min(rows - 1, r + dir));\n push();\n }\n horizontal = !horizontal;\n }\n return pts;\n}\n\nasync function buildRoutes() {\n if (routeCache && Date.now() - routeCache.at < CACHE_MS) return routeCache;\n\n const routes: number[][][] = [];\n const ctrl = new AbortController();\n const timer = setTimeout(() => ctrl.abort(), 12000);\n\n // Small concurrency: the public OSRM demo server rate-limits bursts.\n try {\n const CONCURRENCY = 4;\n for (let round = 0; round < 6 && routes.length < ROUTE_COUNT; round++) {\n const batch = await Promise.all(\n Array.from(\n { length: CONCURRENCY },\n () => osrmRoute(ctrl.signal).catch(() => null),\n ),\n );\n for (const r of batch) {\n if (r && routes.length < ROUTE_COUNT) routes.push(r);\n }\n }\n } catch {\n /* fall through */\n }\n clearTimeout(timer);\n\n const osrmCount = routes.length;\n while (routes.length < ROUTE_COUNT) routes.push(gridRoute());\n const source = osrmCount >= ROUTE_COUNT\n ? \"osrm\"\n : osrmCount > 0\n ? \"mixed\"\n : \"grid\";\n\n routeCache = { at: Date.now(), source, routes };\n return routeCache;\n}\n\n// ---------------------------------------------------------------------------\n// Handler\n// ---------------------------------------------------------------------------\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api/routes\") {\n const data = await buildRoutes();\n return new Response(\n JSON.stringify({ source: data.source, routes: data.routes }),\n {\n headers: {\n \"content-type\": \"application/json; charset=utf-8\",\n \"cache-control\": \"public, max-age=300\",\n },\n },\n );\n }\n\n return new Response(PAGE, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// ---------------------------------------------------------------------------\n// Frontend\n// ---------------------------------------------------------------------------\n\nconst PAGE = /* html */ `\n\n\n\n\nFleet Live · Dispatch Board\n\n\n\n\n\n\n\n

\n Fleet Live\n / chicago terminal\n

LIVE

—

In transit

—

At dock

Delivered

—

Avg MPH

—

Local

\n\n

\n \n

Coverage area

Chicago, IL — Metro

\n In transit\n At dock\n \n

\n\n \n

\n\n\n\n\n`;",[69],"64873e7b824a4b748f1f697a435ef4afc01a17c1437ec48330cdc48c1bfedb8e",["D",1784744546395],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","6f4653ca-91ce-462b-b564-88910ea8912b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","56b9598e214d43e3938ddc38526a4fbb","tursoHostname","56b9598e214d43e3938ddc38526a4fbb-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789473046147],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_131":132,"_133":134,"_103":104,"_135":136,"_137":49},"branch","displayName","Sohrab Amin","avatar","https://lh3.googleusercontent.com/a/ACg8ocL6tPQ1N1ZfujjCdQANzeVaqOdaOjenv4purBVWZhevYNwAMS0=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":181,"_47":-5,"_99":49,"_50":51,"_100":51,"_101":-5,"_102":-5,"_103":104,"_105":92,"_106":26,"_107":-5,"_108":-5,"_109":22,"_53":54,"_110":111,"_112":113,"_114":182,"_116":-5,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_126":183,"_128":184,"_130":185,"_48":49},"tree",[178],"files",[178],"counts",{"_167":22,"_168":169,"_170":22,"_171":172,"_173":174},"contents",[164],"file","upstreamProject","upstreamBranch",{"_32":33,"_34":162,"_36":163,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1784744546402],["D",1787860545735],{"_32":74,"_13":69,"_75":76,"_77":-5,"_78":57,"_79":56,"_80":26,"_34":165,"_41":20,"_82":83,"_84":85,"_63":49,"_86":-5,"_68":166},["D",1787861576745],[69],"pulls","branches",3,"forks","envVars",{"_175":20,"_177":22},"connections",{"_175":22,"_176":22},"count","unfilledCount","emptyCount",{"_32":74,"_13":69,"_75":76,"_77":-5,"_78":57,"_79":56,"_80":26,"_34":81,"_41":20,"_82":83,"_84":85,"_63":49,"_86":-5,"_87":179,"_68":180},[],[69],["D",1784744546395],["D",1789473046147],{"_11":12,"_138":134},{"_11":12,"_131":132,"_133":134,"_103":104,"_135":136,"_137":49},{"_41":56,"_13":16,"_32":57,"_39":40,"_43":33,"_44":42,"_58":51,"_59":40,"_60":54,"_55":14,"_52":12},"ctx",{"_126":-5,"_159":219,"_220":221,"_222":223,"_224":49,"_225":49,"_226":49,"_227":26,"_228":-5,"_229":-7,"_230":-7,"_231":22,"_232":49,"_233":49,"_234":-5,"_235":49,"_236":49,"_237":49,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":38,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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"]

Compare

Mergeteal-accent-518b99intomain

Hmain.ts+9-9