Fleet Live · Dispatch Board

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_104":105,"_106":107},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","setupsession","name","Demo","path","main.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":25,"_57":32,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/setupsession/Demo/code/main.ts","extension","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],"version",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",[14],"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",{"_9":10,"_103":99},"org",{"_9":10,"_96":97,"_98":99,"_54":55,"_100":101,"_102":42},"branch",{"_35":30,"_11":87,"_22":28,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":12,"_95":10},"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","ctx",{"_80":-5,"_137":138,"_139":140,"_141":142,"_143":42,"_144":42,"_145":42,"_146":32,"_147":-5,"_148":-7,"_149":-7,"_150":61,"_151":42,"_152":42,"_153":-5,"_154":42,"_155":42,"_156":42,"_157":-5},"ENV",{"_108":109,"_110":111,"_112":87,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]