/** @jsxImportSource https://esm.sh/react */ import React from "https://esm.sh/react"; import { renderToString } from "https://esm.sh/react-dom/server"; import { DateTime } from "https://esm.sh/luxon"; const BROOKLYN_HOURLY_FORECAST = "https://api.weather.gov/gridpoints/OKX/35,34/forecast/hourly"; async function getHourlyWeather(day: DateTime): Promise { const response = await fetch(BROOKLYN_HOURLY_FORECAST); const { properties: { periods } } = await response.json(); return periods.filter((x) => DateTime.fromISO(x.startTime) >= day.startOf('day') && DateTime.fromISO(x.startTime) < day.endOf('day') ); } function WeatherChart({ periods }) { const width = 300; const height = 150; const maxTemp = Math.max(...periods.map(p => p.temperature)); const minTemp = Math.min(...periods.map(p => p.temperature)); return ( ); } async function server(req: Request): Promise { const now = DateTime.now().setZone("America/New_York"); const periods = await getHourlyWeather(now); return new Response( renderToString( Brooklyn Weather

Brooklyn Weather Forecast

Data from National Weather Service

View source

), { headers: { "Content-Type": "text/html" }, } ); } export default server;

causalCyanFlea