/** @jsxImportSource https://esm.sh/react */ import React, { useState, useEffect } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; function WeatherApp() { const [weather, setWeather] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { async function fetchWeather() { try { // Los Angeles coordinates with Fahrenheit units const response = await fetch( "https://api.open-meteo.com/v1/forecast?latitude=34.0522&longitude=-118.2437¤t=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code&temperature_unit=fahrenheit&wind_speed_unit=mph&timezone=America%2FLos_Angeles" ); if (!response.ok) { throw new Error('Weather data fetch failed'); } const data = await response.json(); setWeather(data.current); setLoading(false); } catch (err) { setError(err.message); setLoading(false); } } fetchWeather(); }, []); function getWeatherDescription(code) { const weatherCodes = { 0: "Clear sky ☀️", 1: "Mainly clear 🌤️", 2: "Partly cloudy 🌥️", 3: "Overcast ☁️", 45: "Foggy 🌫️", 48: "Depositing rime fog 🌫️", 51: "Light drizzle 💧", 53: "Moderate drizzle 💧", 55: "Dense drizzle 💧", 61: "Slight rain 🌧️", 63: "Moderate rain 🌧️", 65: "Heavy rain 🌧️", 80: "Light rain showers 🌦️", 81: "Moderate rain showers 🌦️", 82: "Violent rain showers 🌊" }; return weatherCodes[code] || "Unknown weather 🤷‍♀️"; } if (loading) return

Loading weather... ⏳

; if (error) return

Error: {error}

; return (

Los Angeles, CA Weather 🌈

🌡️ Temperature: {weather.temperature_2m}°F

💧 Humidity: {weather.relative_humidity_2m}%

💨 Wind Speed: {weather.wind_speed_10m} mph

☁️ Conditions: {getWeatherDescription(weather.weather_code)}

View Source

); } function App() { return ; } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Los Angeles Weather

`, { headers: { 'Content-Type': 'text/html' } }); }

brooklynWeatherFetcher

Version 2