[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","Petroleumjelliffe","name","local-weather-snapshot","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","9378d0f5-ae40-4fa8-9122-4b44bcb89226","main.ts","fileId","4ff5aea6-77c3-11f1-8b90-1607ee4eb77e","parentId","branchId","b821a878-9d2d-4e8f-a6a2-ea726e8251a1","branchVersion",13,"latest",true,"createdAt",["D",1783520723732],12,"fileType","http","content","// Val Town HTTP val. Returns a flat SVG weather viz for a location, as of now.\n//\n// Deploy: create a new HTTP val, paste this in.\n// Hit it like:\n// https://-weatherviz.web.val.run/?place=Brooklyn,NY&stat=temp\n// https://-weatherviz.web.val.run/?lat=40.6397&lon=-74.0172&label=Sunset%20Park&stat=dew\n// Params: place (name search) OR lat+lon(+label); stat = temp | feels | dew (default temp).\n//\n// Embed anywhere a URL works:

\n\nconst FIELDS: Record = {\n temp: { label: \"temperature\", color: \"#EF9F27\", api: \"temperature_2m\" },\n feels: { label: \"feels like\", color: \"#D4537E\", api: \"apparent_temperature\" },\n dew: { label: \"dew point\", color: \"#1D9E75\", api: \"dew_point_2m\" },\n};\n\nconst MON = [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Apr\",\n \"May\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\",\n];\nconst DOW = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n\nfunction hourLabel(h: number) {\n if (h === 0) return \"12a\";\n if (h === 12) return \"12p\";\n return h < 12 ? h + \"a\" : (h - 12) + \"p\";\n}\nfunction weekdayUTC(dateStr: string) {\n return DOW[new Date(dateStr + \"T12:00:00Z\").getUTCDay()];\n}\nfunction formatAsOf(iso: string) {\n // iso like \"2026-07-03T10:00\" (local wall time, no offset)\n const [date, time] = iso.split(\"T\");\n const [y, m, d] = date.split(\"-\").map(Number);\n const dow = DOW[new Date(Date.UTC(y, m - 1, d)).getUTCDay()];\n let [hh, mm] = time.split(\":\").map(Number);\n const ap = hh < 12 ? \"AM\" : \"PM\";\n hh = hh % 12;\n if (hh === 0) hh = 12;\n return `${dow} ${MON[m - 1]} ${d}, ${hh}:${\n String(mm).padStart(2, \"0\")\n } ${ap}`;\n}\n\n// ---------- SVG builder ----------\nfunction hexToRgba(hex: string, a: number) {\n const n = parseInt(hex.slice(1), 16);\n return `rgba(${(n >> 16) & 255}, ${(n >> 8) & 255}, ${n & 255}, ${a})`;\n}\nfunction esc(s: unknown) {\n return String(s).replace(/&/g, \"&\").replace(//g,\n \">\",\n );\n}\nfunction r1(n: number) {\n return Math.round(n * 10) / 10;\n}\nfunction smoothPath(pts: { x: number; y: number }[]) {\n if (pts.length < 2) return \"\";\n let d = `M ${r1(pts[0].x)} ${r1(pts[0].y)}`;\n for (let i = 0; i < pts.length - 1; i++) {\n const p0 = pts[i - 1] || pts[i],\n p1 = pts[i],\n p2 = pts[i + 1],\n p3 = pts[i + 2] || p2;\n const c1x = p1.x + (p2.x - p0.x) / 6, c1y = p1.y + (p2.y - p0.y) / 6;\n const c2x = p2.x - (p3.x - p1.x) / 6, c2y = p2.y - (p3.y - p1.y) / 6;\n d += ` C ${r1(c1x)} ${r1(c1y)}, ${r1(c2x)} ${r1(c2y)}, ${r1(p2.x)} ${\n r1(p2.y)\n }`;\n }\n return d;\n}\n\ntype Stat = {\n label: string;\n color: string;\n hourly: number[];\n hourLabels: string[];\n nowHour: number;\n nextLabels: string[];\n nextLo: number[];\n nextHi: number[];\n};\nfunction buildSvg(\n data: { title: string; asof: string; statKey: string; stat: Stat },\n) {\n const s = data.stat;\n const W = 560, H = 540;\n const L = 22, R = W - 22;\n const AX = 48, PX0 = 60, LX1 = 290, RX0 = 310, RX1 = 538; // shared axis, two plots\n const PT = 142, PB = 470;\n const bg = \"#1a1a18\",\n grid = \"rgba(255,255,255,0.09)\",\n tickCol = \"rgba(255,255,255,0.62)\";\n const sub = \"#9a9a97\", nowCol = \"rgba(255,255,255,0.30)\";\n const N = s.hourly.length;\n const nowVal = s.hourly[s.nowHour];\n\n const all = [...s.hourly, ...s.nextLo, ...s.nextHi];\n const yMin = Math.floor(Math.min(...all) / 10) * 10;\n const yMax = Math.ceil(Math.max(...all) / 10) * 10;\n const yOf = (v: number) => PB - (v - yMin) / (yMax - yMin) * (PB - PT);\n\n const p: string[] = [];\n p.push(\n ``);\n return p.join(\"\");\n}\n\nfunction svgResponse(svg: string, status = 200, cache = \"public, max-age=600\") {\n return new Response(svg, {\n status,\n headers: {\n \"content-type\": \"image/svg+xml; charset=utf-8\",\n \"cache-control\": cache,\n },\n });\n}\nfunction errorCard(msg: string) {\n console.error(\"weather-snapshot error:\", msg);\n return svgResponse(\n ``,\n 200,\n \"no-cache\",\n );\n}\n\n// Fetch JSON with retry + response status check\nasync function fetchJson(url: string, retries = 2): Promise {\n for (let i = 0; i <= retries; i++) {\n try {\n const r = await fetch(url);\n if (!r.ok) {\n if (i < retries) { await new Promise((s) => setTimeout(s, 500)); continue; }\n throw new Error(`API returned ${r.status}`);\n }\n return await r.json() as T;\n } catch (e) {\n if (i < retries) { await new Promise((s) => setTimeout(s, 500)); continue; }\n throw e;\n }\n }\n throw new Error(\"unreachable\");\n}\n\nexport default async function (req: Request): Promise {\n try {\n const url = new URL(req.url);\n const q = url.searchParams;\n const statKey = (q.get(\"stat\") || \"temp\").toLowerCase();\n if (!FIELDS[statKey]) return errorCard(\"stat must be temp, feels, or dew\");\n\n // resolve location\n let lat = q.get(\"lat\"), lon = q.get(\"lon\"), label = q.get(\"label\") || \"\";\n if (q.get(\"place\")) {\n const name = q.get(\"place\")!;\n const g = await fetchJson(\n `https://geocoding-api.open-meteo.com/v1/search?name=${\n encodeURIComponent(name)\n }&count=1`,\n );\n const hit = g?.results?.[0];\n if (!hit) return errorCard(`no match for place \"${name}\"`);\n lat = String(hit.latitude);\n lon = String(hit.longitude);\n label = label || [hit.name, hit.admin1].filter(Boolean).join(\", \");\n }\n if (lat == null || lon == null) {\n lat = \"40.6397\";\n lon = \"-74.0172\";\n label = label || \"Brooklyn NY 11220\";\n }\n if (!label) label = `${(+lat).toFixed(3)}, ${(+lon).toFixed(3)}`;\n\n const api = \"https://api.open-meteo.com/v1/forecast\" +\n `?latitude=${lat}&longitude=${lon}` +\n \"¤t=temperature_2m,apparent_temperature,dew_point_2m\" +\n \"&hourly=temperature_2m,apparent_temperature,dew_point_2m\" +\n \"&temperature_unit=fahrenheit&timezone=auto&forecast_days=6\";\n const j = await fetchJson(api);\n if (!j?.hourly?.time) {\n return errorCard(\"open-meteo returned no hourly data\");\n }\n\n // group hourly indices by local date\n const times: string[] = j.hourly.time;\n const order: string[] = [];\n const byDate: Record = {};\n times.forEach((t, i) => {\n const d = t.slice(0, 10);\n (byDate[d] ||= (order.push(d), [])).push(i);\n });\n const todayKey = order[0];\n const todayIdx = byDate[todayKey];\n const nextDays = order.slice(1, 5);\n\n const f = FIELDS[statKey].api;\n const arr: number[] = j.hourly[f];\n const hourly = todayIdx.map((i) => Math.round(arr[i]));\n const hourLabels = todayIdx.map((i) => hourLabel(+times[i].slice(11, 13)));\n const curHour = +j.current.time.slice(11, 13);\n let nowHour = todayIdx.findIndex((i) =>\n +times[i].slice(11, 13) === curHour\n );\n if (nowHour < 0) nowHour = Math.min(curHour, hourly.length - 1);\n\n const nextLo: number[] = [],\n nextHi: number[] = [],\n nextLabels: string[] = [];\n nextDays.forEach((d) => {\n const vals = byDate[d].map((i) => arr[i]);\n nextLo.push(Math.round(Math.min(...vals)));\n nextHi.push(Math.round(Math.max(...vals)));\n nextLabels.push(weekdayUTC(d));\n });\n\n const svg = buildSvg({\n title: label,\n asof: formatAsOf(j.current.time),\n statKey,\n stat: {\n ...FIELDS[statKey],\n hourly,\n hourLabels,\n nowHour,\n nextLabels,\n nextLo,\n nextHi,\n },\n });\n return svgResponse(svg);\n } catch (e) {\n return errorCard(String((e as Error).message || e));\n }\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1783520723732],"children",[],[35],"bf5b73ee-ea17-45a2-bcc4-c6a5e03dd5dd",["D",1783181616872],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","b9236300-52f3-11f0-9a03-63f1102351a6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","83b12659-85df-4d47-b69f-9508a7b319b2","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejRPNmtZdU9uREpvS0Faa2hua09uSUp5TDQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls","branches",2,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1783181616872],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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"]

Code