Fleet Live · Dispatch Board

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_157":158,"_159":160},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_118":-5,"_20":119,"_22":120,"_121":122,"_123":124,"_26":125,"_24":126,"_127":-5,"_128":-5,"_129":52,"_130":131,"_132":43,"_133":-5,"_134":-5,"_135":136},"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","setupsession","name","Demo","branchName","main","version","path","main.ts","project",{"_33":60,"_13":14,"_44":61,"_62":-5,"_63":52,"_64":65,"_66":65,"_67":-5,"_68":-5,"_69":70,"_71":36,"_72":43,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":96,"_97":98,"_99":100,"_101":52},"tree",[55],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","687a59d7-be4d-4cdf-b33d-a4b3e5ed90bf","fileId","4a8c7266-85fa-11f1-9a03-1607ee4eb77e","parentId","branchId","6f7da00f-f681-4552-a49e-efe4617934f9","branchVersion",13,"latest",true,"createdAt",["D",1787860545735],12,"fileType","http","content","/**\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`;","deleted",false,"label",[19],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":56,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_57":58,"_18":59},["D",1787860545735],"children",[],[19],"56b9598e-214d-43e3-938d-dc38526a4fbb",["D",1784744546395],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","6f4653ca-91ce-462b-b564-88910ea8912b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8a8f-1bc1-742a-86b8-adcfc6461f3f","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,"_117":113},"org",{"_11":12,"_110":111,"_112":113,"_69":70,"_114":115,"_116":52},"branch",{"_17":41,"_13":16,"_33":39,"_102":60,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":14,"_109":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Sohrab Amin","avatar","https://lh3.googleusercontent.com/a/ACg8ocL6tPQ1N1ZfujjCdQANzeVaqOdaOjenv4purBVWZhevYNwAMS0=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":60,"_13":14,"_44":152,"_62":-5,"_63":52,"_64":65,"_66":65,"_67":-5,"_68":-5,"_69":70,"_71":36,"_72":43,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":153,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":154,"_97":155,"_99":156,"_101":52},[149],"files",[149],"counts",{"_138":76,"_139":140,"_141":76,"_32":142,"_143":144},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":137},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches",3,"forks",{"_145":147,"_148":76},"connections",{"_145":76,"_146":76},"count","unfilledCount",8,"emptyCount",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":56,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_57":150,"_18":151},[],[19],["D",1784744546395],["D",1789473046147],{"_11":12,"_117":113},{"_11":12,"_110":111,"_112":113,"_69":70,"_114":115,"_116":52},{"_17":41,"_13":16,"_33":39,"_102":60,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":14,"_109":12},"ctx",{"_95":-5,"_134":190,"_191":192,"_193":194,"_195":52,"_196":52,"_197":52,"_198":43,"_199":-5,"_200":-7,"_201":-7,"_202":76,"_203":52,"_204":52,"_205":-5,"_206":52,"_207":52,"_208":52,"_209":-5},"ENV",{"_161":162,"_163":164,"_165":16,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189},"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"]