TrafficIQ — Real-Time Traffic & Routes

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_101":100,"_37":49,"_109":91,"_32":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":30,"_124":125,"_126":63,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":30},"version",5,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","4218a9cb-9af9-4c40-bea9-a2856eabd1b8","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":26,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","1bd5fe46-34d9-11f1-a30a-42b51c65c3df","name","index.html","fileType","content","\n\n\n \n \n TrafficIQ — Real-Time Traffic & Routes\n\n \n \n \n \n\n \n \n\n\n

\n \n\n\n","createdAt",["D",1775824250317],"branchVersion","branchId","abefd5de-34d8-11f1-b7f0-42b51c65c3df","id","abec1fac-34d8-11f1-b7f0-42b51c65c3df","TrafficIQ",["D",1775824062714],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Real-time traffic monitoring, incidents & smart route planning","imageUrl","ef159460-245e-11f0-8391-8dd03738580d","pinnedFileId","abf410d6-34d8-11f1-b7f0-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d751e982-0bf9-41c3-b996-d1ea784cce5b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_19":59,"_105":106,"_107":30},"branch",{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bartimeaus","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3TXgxN3hDUUVWU0lnN0xVQXI5bUVncVZYcyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":176,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":177,"_85":178,"_87":179,"_89":30},"tree",[162,164],"files",[162,163,164],"counts",{"_151":67,"_152":153,"_154":67,"_155":156,"_157":158},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":144,"_37":145,"_35":146,"_135":-5,"_45":46,"_44":147,"_137":63,"_42":148,"_13":67,"_39":149,"_40":-5,"_29":30,"_142":-5,"_32":150},{"_47":133,"_37":134,"_35":61,"_135":-5,"_45":46,"_44":136,"_137":63,"_42":138,"_13":139,"_39":140,"_40":141,"_29":30,"_142":-5,"_32":143},"17c9b3f6-34d9-11f1-ac14-42b51c65c3df","main.ts","parentId",3,"latest",["D",1775824243673],2,"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve frontend\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Source route\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ─── Traffic API Proxy ───────────────────────────────────────────────────────\n// TomTom free tier key provided by user via env, or fallback to demo\nconst TOMTOM_KEY = Deno.env.get(\"TOMTOM_API_KEY\") || \"\";\n\n// Flow segment data – real-time speed for a lat/lon point\napp.get(\"/api/flow\", async (c) => {\n const lat = c.req.query(\"lat\");\n const lon = c.req.query(\"lon\");\n if (!lat || !lon) return c.json({ error: \"lat/lon required\" }, 400);\n\n if (!TOMTOM_KEY) {\n // Return simulated data if no API key\n return c.json(simulateFlow(parseFloat(lat), parseFloat(lon)));\n }\n\n const url =\n `https://api.tomtom.com/traffic/services/4/flowSegmentData/absolute/10/json?point=${lat},${lon}&key=${TOMTOM_KEY}`;\n try {\n const res = await fetch(url);\n const data = await res.json();\n return c.json(data);\n } catch (e) {\n return c.json({ error: \"Traffic API error\" }, 500);\n }\n});\n\n// Traffic incidents in a bounding box\napp.get(\"/api/incidents\", async (c) => {\n const bbox = c.req.query(\"bbox\"); // minLon,minLat,maxLon,maxLat\n if (!bbox) return c.json({ error: \"bbox required\" }, 400);\n\n if (!TOMTOM_KEY) {\n return c.json(simulateIncidents(bbox));\n }\n\n const [minLon, minLat, maxLon, maxLat] = bbox.split(\",\");\n const url =\n `https://api.tomtom.com/traffic/services/5/incidentDetails?bbox=${minLon},${minLat},${maxLon},${maxLat}&fields={incidents{type,geometry{type,coordinates},properties{iconCategory,magnitudeOfDelay,events{description,code,iconCategory},startTime,endTime,from,to,length,delay,roadNumbers,timeValidity}}}&language=en-GB&key=${TOMTOM_KEY}`;\n try {\n const res = await fetch(url);\n const data = await res.json();\n return c.json(data);\n } catch (e) {\n return c.json({ error: \"Incidents API error\" }, 500);\n }\n});\n\n// Route calculation with traffic\napp.post(\"/api/route\", async (c) => {\n const body = await c.req.json();\n const { origin, destination } = body;\n if (!origin || !destination) return c.json({ error: \"origin/destination required\" }, 400);\n\n if (!TOMTOM_KEY) {\n return c.json(simulateRoute(origin, destination));\n }\n\n const locations = `${origin.lat},${origin.lon}:${destination.lat},${destination.lon}`;\n const url =\n `https://api.tomtom.com/routing/1/calculateRoute/${locations}/json?traffic=true&travelMode=car&routeType=fastest&key=${TOMTOM_KEY}`;\n try {\n const res = await fetch(url);\n const data = await res.json();\n return c.json(data);\n } catch (e) {\n return c.json({ error: \"Routing API error\" }, 500);\n }\n});\n\n// ─── Simulation helpers (used when no API key) ───────────────────────────────\nfunction simulateFlow(lat: number, lon: number) {\n const currentSpeed = Math.floor(20 + Math.random() * 80);\n const freeFlowSpeed = 90;\n return {\n flowSegmentData: {\n currentSpeed,\n freeFlowSpeed,\n currentTravelTime: Math.floor(60 + Math.random() * 120),\n freeFlowTravelTime: 45,\n confidence: 0.95,\n roadClosure: false,\n },\n simulated: true,\n };\n}\n\nfunction simulateIncidents(bbox: string) {\n const [minLon, minLat, maxLon, maxLat] = bbox.split(\",\").map(parseFloat);\n const incidents = [];\n const types = [\"ACCIDENT\", \"JAM\", \"ROAD_WORK\", \"HAZARD\", \"ROAD_CLOSURE\"];\n const descriptions = [\n \"Multi-vehicle collision blocking right lane\",\n \"Heavy congestion, expect 20min delay\",\n \"Road works — lane closed ahead\",\n \"Debris on road — caution advised\",\n \"Road closed for emergency repairs\",\n \"Accident cleared, residual delays\",\n \"Slow traffic due to broken-down vehicle\",\n \"Traffic lights out, police directing\",\n ];\n const count = Math.floor(2 + Math.random() * 5);\n for (let i = 0; i < count; i++) {\n const lat = minLat + Math.random() * (maxLat - minLat);\n const lon = minLon + Math.random() * (maxLon - minLon);\n const type = types[Math.floor(Math.random() * types.length)];\n incidents.push({\n type,\n lat,\n lon,\n description: descriptions[Math.floor(Math.random() * descriptions.length)],\n severity: Math.floor(1 + Math.random() * 4),\n delay: Math.floor(Math.random() * 30),\n });\n }\n return { incidents, simulated: true };\n}\n\nfunction simulateRoute(origin: any, destination: any) {\n return {\n routes: [\n {\n summary: {\n lengthInMeters: 12500,\n travelTimeInSeconds: 1320,\n trafficDelayInSeconds: 240,\n departureTime: new Date().toISOString(),\n arrivalTime: new Date(Date.now() + 1320 * 1000).toISOString(),\n },\n legs: [{ points: [] }],\n label: \"Fastest route\",\n delayMinutes: 4,\n },\n {\n summary: {\n lengthInMeters: 15800,\n travelTimeInSeconds: 1080,\n trafficDelayInSeconds: 60,\n departureTime: new Date().toISOString(),\n arrivalTime: new Date(Date.now() + 1080 * 1000).toISOString(),\n },\n legs: [{ points: [] }],\n label: \"Alternative via bypass\",\n delayMinutes: 1,\n },\n ],\n simulated: true,\n };\n}\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","label",[134],"180adc8c-34d9-11f1-99b5-42b51c65c3df","frontend","180add72-34d9-11f1-99b5-42b51c65c3df",4,["D",1775824244104],"directory",[145],"pulls","branches",1,"forks","envVars",{"_159":67,"_161":67},"connections",{"_159":67,"_160":67},"count","unfilledCount","emptyCount",{"_47":144,"_37":145,"_35":146,"_135":-5,"_45":46,"_44":147,"_137":63,"_42":173,"_13":67,"_39":149,"_40":-5,"_29":30,"_142":-5,"_166":174,"_32":175},{"_47":169,"_37":38,"_35":36,"_135":146,"_45":46,"_44":14,"_137":63,"_42":170,"_13":67,"_39":26,"_40":41,"_29":30,"_142":-5,"_166":171,"_32":172},{"_47":133,"_37":134,"_35":61,"_135":-5,"_45":46,"_44":136,"_137":63,"_42":165,"_13":139,"_39":140,"_40":141,"_29":30,"_142":-5,"_166":167,"_32":168},["D",1775824243673],"children",[],[134],"1bd5fda6-34d9-11f1-a30a-42b51c65c3df",["D",1775824250317],[],[145,38],["D",1775824244104],[163],[145],["D",1775824062714],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_19":59,"_105":106,"_107":30},{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"ctx",{"_83":-5,"_128":213,"_214":215,"_216":217,"_218":30,"_219":30,"_220":30,"_221":63,"_222":-5,"_223":-7,"_224":-7,"_225":67,"_226":30,"_227":30,"_228":-5,"_229":30,"_230":30,"_231":30,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":91,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"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 · v5