[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_143":144,"_145":146},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_82":65,"_83":31,"_63":-7,"_84":-5,"_13":85,"_86":87,"_11":88,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":26,"_97":98,"_99":100,"_101":-5,"_102":-5,"_103":104},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":57,"_58":59,"_60":61,"_62":26},"query","handle","Petroleumjelliffe","id","bf5b73ee-ea17-45a2-bcc4-c6a5e03dd5dd","name","local-weather-snapshot","createdAt",["D",1783181616872],"deletedAt","legacyEnvVars",false,"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",{"_16":17,"_81":77},"org",{"_16":17,"_75":-5,"_76":77,"_33":34,"_78":79,"_80":26},"branch",{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"isOwned","version",13,"main","b821a878-9d2d-4e8f-a6a2-ea726e8251a1","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejRPNmtZdU9uREpvS0Faa2hua09uSUp5TDQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","path","adoptOrgId",{"_18":19,"_20":21,"_22":139,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":140,"_58":141,"_60":142,"_62":26},"tree",[134],[134],"counts",{"_123":40,"_124":125,"_126":40,"_127":128,"_129":130},"contents",[105],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_18":106,"_20":107,"_108":109,"_110":-5,"_111":66,"_112":64,"_113":100,"_22":114,"_63":115,"_116":117,"_118":119,"_120":26,"_121":-5,"_83":122},"9378d0f5-ae40-4fa8-9122-4b44bcb89226","main.ts","fileId","4ff5aea6-77c3-11f1-8b90-1607ee4eb77e","parentId","branchId","branchVersion","latest",["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","label",[107],"pulls","branches",2,"forks","envVars",{"_131":40,"_133":40},"connections",{"_131":40,"_132":40},"count","unfilledCount","emptyCount",{"_18":106,"_20":107,"_108":109,"_110":-5,"_111":66,"_112":64,"_113":100,"_22":135,"_63":115,"_116":117,"_118":119,"_120":26,"_121":-5,"_136":137,"_83":138},["D",1783520723732],"children",[],[107],["D",1783181616872],{"_16":17,"_81":77},{"_16":17,"_75":-5,"_76":77,"_33":34,"_78":79,"_80":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_56":-5,"_102":176,"_177":178,"_179":180,"_181":26,"_182":26,"_183":26,"_184":100,"_185":-5,"_186":-7,"_187":-7,"_188":40,"_189":26,"_190":26,"_191":-5,"_192":26,"_193":26,"_194":26,"_195":-5},"ENV",{"_147":148,"_149":150,"_151":65,"_152":153,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175},"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"]

Search