[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"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","kylechalmers","name","phoenix-heat-window","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":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":14,"_18":55},"id","075a2394-4e6a-449c-9e57-812862ade2ac","main.tsx","fileId","a65b3acc-809c-11f1-90c5-1607ee4eb77e","parentId","branchId","8e95b603-1945-417d-9b84-733fa81b2af7","branchVersion",11,"latest",true,"createdAt",["D",1784156068087],10,"fileType","http","content","/** Phoenix Heat Window\n * When should you actually go outside in Phoenix?\n * Data: live 7-day forecast (Open-Meteo, with a National Weather Service fallback)\n * + multi-year historical archive (Open-Meteo). No API key.\n * - GET / -> single-page app (two heatmaps)\n * - GET /api/forecast -> next 7 days, hourly, scored + \"best windows\" (cached ~1h)\n * - GET /api/climatology-> typical feels-like by month x hour, from the archive (cached ~30d)\n */\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\n// Central Phoenix, AZ. Phoenix does not observe DST, so America/Phoenix is stable year-round.\nconst LAT = 33.4484;\nconst LON = -112.074;\nconst TZ = \"America/Phoenix\";\n\n// Fixed 5-year window keeps the archive aggregate deterministic and cacheable.\nconst ARCHIVE_START = \"2020-01-01\";\nconst ARCHIVE_END = \"2024-12-31\";\n\nconst FORECAST_KEY = \"forecast-cache-v1\";\nconst FORECAST_MAX_AGE_MS = 60 * 60 * 1000; // 1 hour\nconst CLIMO_KEY = \"climatology-v1\";\nconst CLIMO_MAX_AGE_MS = 30 * 24 * 60 * 60 * 1000; // 30 days\n\ntype Hour = {\n time: string;\n date: string;\n hour: number;\n temp: number;\n feels: number;\n uv: number | null;\n precip: number;\n isDay: boolean;\n};\n\nconst avgFeels = (arr: Hour[]) => arr.reduce((s, h) => s + h.feels, 0) / arr.length;\n\nfunction fmtHour(h: number): string {\n const period = h < 12 ? \"AM\" : \"PM\";\n let hr = h % 12;\n if (hr === 0) hr = 12;\n return `${hr} ${period}`;\n}\n\n/** NWS heat index (Rothfusz regression), °F + RH%. Below ~80°F feels-like ≈ air temp,\n * which is right for Phoenix's dry heat (humidity only bites during monsoon). */\nfunction heatIndexF(T: number, RH: number): number {\n const simple = 0.5 * (T + 61 + (T - 68) * 1.2 + RH * 0.094);\n if ((simple + T) / 2 < 80) return T;\n let HI = -42.379 + 2.04901523 * T + 10.14333127 * RH - 0.22475541 * T * RH -\n 0.00683783 * T * T - 0.05481717 * RH * RH + 0.00122874 * T * T * RH +\n 0.00085282 * T * RH * RH - 0.00000199 * T * T * RH * RH;\n if (RH < 13 && T >= 80 && T <= 112) {\n HI -= ((13 - RH) / 4) * Math.sqrt((17 - Math.abs(T - 95)) / 17);\n } else if (RH > 85 && T >= 80 && T <= 87) {\n HI += ((RH - 85) / 10) * ((87 - T) / 5);\n }\n return HI;\n}\n\n/** Coolest usable daytime stretch per day, in plain English. */\nfunction computeBestWindows(hours: Hour[]) {\n const byDate: Record = {};\n for (const h of hours) (byDate[h.date] ??= []).push(h);\n\n return Object.keys(byDate).sort().map((date) => {\n const allDay = byDate[date].slice().sort((a, b) => a.hour - b.hour);\n const dayHours = allDay.filter((h) => h.hour >= 4 && h.hour <= 22); // waking hours\n\n // Contiguous runs where it feels 90F or cooler = a comfortable window.\n const runs: Hour[][] = [];\n let cur: Hour[] = [];\n for (const h of dayHours) {\n if (h.feels <= 90) cur.push(h);\n else if (cur.length) { runs.push(cur); cur = []; }\n }\n if (cur.length) runs.push(cur);\n\n if (runs.length) {\n // Prefer the longest window; break ties by the coolest.\n runs.sort((a, b) => b.length - a.length || avgFeels(a) - avgFeels(b));\n const r = runs[0];\n const start = r[0].hour;\n const end = r[r.length - 1].hour;\n const feels = Math.round(avgFeels(r));\n return {\n date,\n kind: \"good\" as const,\n label: `${fmtHour(start)}–${fmtHour(end + 1)}, feels ~${feels}°`,\n };\n }\n const pool = dayHours.length ? dayHours : allDay;\n const coolest = pool.reduce((m, h) => (h.feels < m.feels ? h : m), pool[0]);\n return {\n date,\n kind: \"none\" as const,\n label: `No cool daytime window — best ${fmtHour(coolest.hour)} at ${coolest.feels}°. Go after dark.`,\n };\n });\n}\n\n/** Primary forecast source: Open-Meteo (gives apparent temp + UV directly). */\nasync function fetchOpenMeteo(): Promise {\n const url = `https://api.open-meteo.com/v1/forecast?latitude=${LAT}&longitude=${LON}` +\n `&hourly=temperature_2m,apparent_temperature,uv_index,precipitation_probability,is_day` +\n `&temperature_unit=fahrenheit&timezone=${encodeURIComponent(TZ)}&forecast_days=7`;\n const res = await fetch(url);\n if (!res.ok) throw new Error(`open-meteo ${res.status}`);\n const h = (await res.json()).hourly;\n return h.time.map((t: string, i: number) => ({\n time: t,\n date: t.slice(0, 10),\n hour: parseInt(t.slice(11, 13), 10),\n temp: Math.round(h.temperature_2m[i]),\n feels: Math.round(h.apparent_temperature[i]),\n uv: Math.round(h.uv_index[i]),\n precip: h.precipitation_probability?.[i] ?? 0,\n isDay: h.is_day[i] === 1,\n }));\n}\n\n/** Fallback: National Weather Service. Reliable, US-only (Phoenix qualifies),\n * not subject to Open-Meteo's shared-IP rate limit. No UV; feels-like computed. */\nasync function fetchNWS(): Promise {\n const headers = {\n \"User-Agent\": \"phoenix-heat-window (val.town personal project)\",\n Accept: \"application/geo+json\",\n };\n const pts = await fetch(`https://api.weather.gov/points/${LAT},${LON}`, { headers });\n if (!pts.ok) throw new Error(`nws points ${pts.status}`);\n const hourlyUrl = (await pts.json()).properties.forecastHourly;\n const fc = await fetch(hourlyUrl, { headers });\n if (!fc.ok) throw new Error(`nws hourly ${fc.status}`);\n const periods = (await fc.json()).properties.periods as any[];\n return periods.slice(0, 168).map((p) => {\n const T = p.temperature; // already °F\n const RH = p.relativeHumidity?.value ?? 30;\n const start: string = p.startTime; // local, e.g. 2026-07-15T14:00:00-07:00\n return {\n time: start,\n date: start.slice(0, 10),\n hour: parseInt(start.slice(11, 13), 10),\n temp: T,\n feels: Math.round(heatIndexF(T, RH)),\n uv: null,\n precip: p.probabilityOfPrecipitation?.value ?? 0,\n isDay: !!p.isDaytime,\n };\n });\n}\n\nasync function buildForecast(): Promise<{ hours: Hour[]; source: string }> {\n try {\n return { hours: await fetchOpenMeteo(), source: \"Open-Meteo\" };\n } catch (e) {\n console.log(\"Open-Meteo forecast unavailable, falling back to NWS:\", String(e));\n }\n return { hours: await fetchNWS(), source: \"National Weather Service\" };\n}\n\nasync function getForecast() {\n const cached = await blob.getJSON(FORECAST_KEY);\n if (cached && Date.now() - cached.fetchedAt < FORECAST_MAX_AGE_MS) return cached;\n\n const built = await buildForecast();\n const source = built.source;\n // Keep only the first 7 calendar days so a partial trailing day doesn't make a stub row.\n const keepDates = [...new Set(built.hours.map((h) => h.date))].sort().slice(0, 7);\n const hours = built.hours.filter((h) => keepDates.includes(h.date));\n const result = {\n fetchedAt: Date.now(),\n updated: new Date().toISOString(),\n source,\n hours,\n bestWindows: computeBestWindows(hours),\n };\n await blob.setJSON(FORECAST_KEY, result);\n return result;\n}\n\nasync function getClimatology() {\n const cached = await blob.getJSON(CLIMO_KEY);\n if (cached && Date.now() - cached.builtAt < CLIMO_MAX_AGE_MS) return cached;\n\n const url = `https://archive-api.open-meteo.com/v1/archive?latitude=${LAT}&longitude=${LON}` +\n `&start_date=${ARCHIVE_START}&end_date=${ARCHIVE_END}` +\n `&hourly=apparent_temperature&temperature_unit=fahrenheit&timezone=${encodeURIComponent(TZ)}`;\n const res = await fetch(url);\n if (!res.ok) throw new Error(`archive fetch failed: ${res.status}`);\n const h = (await res.json()).hourly;\n\n // Average apparent temperature per (month 0-11, hour 0-23).\n const sum = Array.from({ length: 12 }, () => new Array(24).fill(0));\n const cnt = Array.from({ length: 12 }, () => new Array(24).fill(0));\n for (let i = 0; i < h.time.length; i++) {\n const feels = h.apparent_temperature[i];\n if (feels == null) continue;\n const t = h.time[i];\n const m = parseInt(t.slice(5, 7), 10) - 1;\n const hr = parseInt(t.slice(11, 13), 10);\n sum[m][hr] += feels;\n cnt[m][hr] += 1;\n }\n const grid = sum.map((row, m) =>\n row.map((s, hr) => (cnt[m][hr] ? Math.round(s / cnt[m][hr]) : null))\n );\n\n const result = { builtAt: Date.now(), start: ARCHIVE_START, end: ARCHIVE_END, grid };\n await blob.setJSON(CLIMO_KEY, result);\n return result;\n}\n\nexport default async function (req: Request): Promise {\n const { pathname } = new URL(req.url);\n try {\n if (pathname === \"/api/forecast\") return Response.json(await getForecast());\n if (pathname === \"/api/climatology\") return Response.json(await getClimatology());\n return new Response(PAGE, { headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n } catch (e) {\n return Response.json({ error: String(e) }, { status: 500 });\n }\n}\n\nconst PAGE = `\n\n\n\n\nPhoenix Heat Window\n\n\n\n\n

☀ Phoenix Heat Window

When it's actually worth going outside — scored by how hot it feels, not just the thermometer.

\n\n

\n \n \n

\n\n

Best windows to head out

Coolest usable daytime stretch each day. If there isn't one, it says so.

Loading forecast…

Next 7 days, hour by hour

Each cell colored by temperature. Hover for details. White outline = right now.

\n \n \n

Loading…

\n\n \n\n \n

\n\n\n\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":14,"_58":59,"_18":60},["D",1784156068087],"children",[],[35],"b1199453-da29-4d8d-9518-ad75a647853c",["D",1784154571907],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","When to go outside in Phoenix (Open-Meteo heat viz)","imageUrl","userId","1f3c59f1-83ab-413c-9528-25d5fcfe0365","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f00ba-656c-748b-bc8f-2d064089b3d6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":19},"org",{"_11":12,"_109":110,"_111":19,"_71":72,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kyle Chalmers","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":149,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":150,"_96":151,"_98":152,"_100":53},[146],"files",[146],"counts",{"_136":78,"_137":138,"_139":78,"_31":140,"_141":142},[134],"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":14,"_18":135},[35],"pulls","branches",1,"forks",{"_143":78,"_145":78},"connections",{"_143":78,"_144":78},"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":14,"_58":147,"_18":148},[],[35],["D",1784154571907],{"_11":12,"_115":19},{"_11":12,"_109":110,"_111":19,"_71":72,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_131":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":78,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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"]

Best windows to head out

Next 7 days, hour by hour

A typical Phoenix year

Code