Fleet Live · Dispatch Board

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":137,"_16":-7,"_138":-5,"_17":139,"_140":141,"_28":142,"_21":143,"_23":144,"_145":-5,"_146":-5,"_147":-5,"_148":35,"_149":150,"_151":38,"_152":-5,"_153":-5,"_154":155},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","setupsession","name","Demo","branchName","version","project",{"_39":79,"_13":14,"_50":80,"_81":-5,"_82":35,"_83":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":43,"_91":38,"_92":-5,"_93":-5,"_94":67,"_95":96,"_97":98,"_99":100,"_101":102,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":114,"_115":116,"_117":118,"_119":35},"tags",[],"counts",{"_66":67,"_68":69,"_70":67,"_71":72,"_73":74},"contents",[63],"readme","upstream","pull","files",[31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","687a59d7-be4d-4cdf-b33d-a4b3e5ed90bf","main.ts","fileId","4a8c7266-85fa-11f1-9a03-1607ee4eb77e","parentId","branchId","6f7da00f-f681-4552-a49e-efe4617934f9","branchVersion",13,"latest","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","label","children",[],"path",[41],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":65},["D",1787860545735],[41],"pulls",0,"branches",3,"forks","envVars",{"_75":77,"_78":67},"connections",{"_75":67,"_76":67},"count","unfilledCount",8,"emptyCount","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","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,"_136":132},"org",{"_11":12,"_129":130,"_131":132,"_88":89,"_133":134,"_135":35},"branch",{"_16":48,"_13":120,"_39":46,"_121":79,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":14,"_128":12},"isOwned","main","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",{"_39":79,"_13":14,"_50":163,"_81":-5,"_82":35,"_83":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":43,"_91":38,"_92":-5,"_93":-5,"_94":67,"_95":96,"_97":98,"_99":100,"_101":164,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":165,"_115":166,"_117":167,"_119":35},"tree",[160],[160],{"_66":67,"_68":69,"_70":67,"_71":158,"_73":159},[156],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":157},[41],{"_75":77,"_78":67},{"_75":67,"_76":67},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":161,"_61":162},[],[41],["D",1784744546395],["D",1789473046147],{"_11":12,"_136":132},{"_11":12,"_129":130,"_131":132,"_88":89,"_133":134,"_135":35},{"_16":48,"_13":120,"_39":46,"_121":79,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":14,"_128":12},"ctx",{"_113":-5,"_153":201,"_202":203,"_204":205,"_206":35,"_207":35,"_208":35,"_209":38,"_210":-5,"_211":-7,"_212":-7,"_213":67,"_214":35,"_215":35,"_216":-5,"_217":35,"_218":35,"_219":35,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":120,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"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"]