Weather

/** @jsxImportSource https://esm.sh/react */ import { exponentialBackoffMiddleware } from "https://esm.town/v/stevekrouse/exponentialBackoffMiddleware"; import { fetchJSON } from "https://esm.town/v/stevekrouse/fetchJSON"; import React from "https://esm.sh/react"; import { renderToString } from "https://esm.sh/react-dom/server"; import tailwindURL from "https://esm.town/v/stevekrouse/tailwindURL"; import { weatherGovGrid } from "https://esm.town/v/stevekrouse/weatherGovGrid"; import { DateTime } from "npm:luxon"; // const lat = "40.682632"; // const lon = "-73.974231"; // let { properties: grid } = await weatherGovGrid({ // lat, // lon, // }); // const brooklynGridHourly = grid.forecastHourly const brooklynGridHourly = "https://api.weather.gov/gridpoints/OKX/35,34/forecast/hourly"; async function getHourlyWeather(day: DateTime): Promise { let { properties: { periods } } = await fetchJSON(brooklynGridHourly); return periods.filter((x) => DateTime.fromISO(x.startTime) >= day.set({ minute: 0, second: 0, millisecond: 0 }) && DateTime.fromISO(x.startTime) < day.set({ hour: 24, minute: 0, second: 0, millisecond: 0 }) ); } function formatTime(time: string) { const hour = parseInt(time.slice(11, 13)); return hour === 12 ? `12pm` : hour < 12 ? `${hour}am` : `${hour - 12}pm`; } // returns an svg chart of temperature by hour function weatherChart(periods) { const max = periods.reduce((max, period) => Math.max(max, period.temperature), 0); const maxIndex = periods.findIndex((x) => x.temperature === max); const min = periods.reduce((min, period) => Math.min(min, period.temperature), max); const minIndex = periods.findIndex((x) => x.temperature === min); const range = (max - min) * 2; const maxPrecipitation = periods.reduce((max, period) => Math.max(max, period.probabilityOfPrecipitation.value), 0); const maxPrecipitationIndex = periods.findIndex((x) => x.probabilityOfPrecipitation.value === maxPrecipitation); const heightOffset = 50; const widthOffset = 20; const [width, height] = [300 - widthOffset, 200 - heightOffset]; const trueHeight = height + heightOffset; const trueWidth = width + widthOffset; return ( ); } async function server(req: Request): Promise { let periods; const now = DateTime.now().setZone("America/New_York"); try { // if it's after 8pm, get weather tomorrow const day = now.hour < 20 ? now : now.plus({ days: 1 }).set({ hour: 7, minute: 0 }); periods = await getHourlyWeather(day); } catch (e) { console.error(e); return new Response("Error: " + e.message, { status: 500 }); } return new Response( renderToString( Weather

BIGweather