/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; // List of first-world countries with their capital city coordinates const firstWorldCountries = [ { name: "United States", lat: 38.8951, lon: -77.0364 }, { name: "Canada", lat: 45.4215, lon: -75.6972 }, { name: "United Kingdom", lat: 51.5074, lon: -0.1278 }, { name: "Germany", lat: 52.5200, lon: 13.4050 }, { name: "France", lat: 48.8566, lon: 2.3522 }, { name: "Japan", lat: 35.6762, lon: 139.6503 }, { name: "Australia", lat: -35.2809, lon: 149.1300 }, { name: "Italy", lat: 41.9028, lon: 12.4964 }, { name: "Netherlands", lat: 52.3676, lon: 4.9041 }, { name: "Sweden", lat: 59.3293, lon: 18.0686 }, { name: "Switzerland", lat: 46.9480, lon: 7.4474 }, { name: "Norway", lat: 59.9139, lon: 10.7522 }, { name: "Denmark", lat: 55.6761, lon: 12.5683 }, { name: "Finland", lat: 60.1699, lon: 24.9384 }, { name: "New Zealand", lat: -41.2865, lon: 174.7762 } ]; function WeatherApp() { const [weatherData, setWeatherData] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { async function fetchWeatherData() { try { const weatherPromises = firstWorldCountries.map(async (country) => { const response = await fetch( `https://api.open-meteo.com/v1/forecast?latitude=${country.lat}&longitude=${country.lon}¤t_weather=true` ); const data = await response.json(); return { ...country, temperature: data.current_weather.temperature, windspeed: data.current_weather.windspeed, winddirection: data.current_weather.winddirection }; }); const results = await Promise.all(weatherPromises); setWeatherData(results); setLoading(false); } catch (error) { console.error("Error fetching weather data:", error); setLoading(false); } } fetchWeatherData(); }, []); if (loading) return

Loading weather data...

; return (

First World Countries Weather 🌍

{weatherData.map((country) => ( ))}

Country	Temperature (°C)	Wind Speed (km/h)	Wind Direction
{country.name}	{country.temperature}°C	{country.windspeed} km/h	{country.winddirection}°

View Source

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

`, { headers: { "content-type": "text/html" } }); }

weatherFirstWorldCountries