Simple Weather App

Get current weather and forecast for any location

\n\n

\n \n

\n\n ${error ? `\n

${error}

\n ` : ''}\n\n ${weatherData && locationData ? `\n

Current Weather for ${locationData.name}

\n \n

${weatherData.current.temperature_2m}${weatherData.current_units.temperature_2m}

${weatherDescriptions[weatherData.current.weather_code]}

${weatherEmojis[weatherData.current.weather_code] || '🌡️'}

\n \n

Feels Like

${weatherData.current.apparent_temperature}${weatherData.current_units.apparent_temperature}

Humidity

${weatherData.current.relative_humidity_2m}${weatherData.current_units.relative_humidity_2m}

Precipitation

${weatherData.current.precipitation}${weatherData.current_units.precipitation}

Wind

${weatherData.current.wind_speed_10m}${weatherData.current_units.wind_speed_10m}

\n\n

7-Day Forecast

\n ${weatherData.daily.time.map((date, index) => `\n

${new Date(date).toLocaleDateString('en-US', { weekday: 'short' })}

${weatherEmojis[weatherData.daily.weather_code[index]] || '🌡️'}

${weatherDescriptions[weatherData.daily.weather_code[index]]}

\n ${weatherData.daily.temperature_2m_max[index]}${weatherData.daily_units.temperature_2m_max}\n /\n ${weatherData.daily.temperature_2m_min[index]}${weatherData.daily_units.temperature_2m_min}\n

\n 💧 ${weatherData.daily.precipitation_sum[index]}${weatherData.daily_units.precipitation_sum}\n

\n `).join('')}\n

\n ` : location ? `\n

Please enter a valid location to see weather information.

\n ` : ''}\n\n \n

\n\n`;\n}\n\n/**\n * Main handler for HTTP requests\n */\nexport default async function(req: Request): Promise {\n try {\n const url = new URL(req.url);\n const location = url.searchParams.get(\"location\") || \"\";\n \n // If no location is provided, just render the form\n if (!location) {\n return new Response(renderHTML(), {\n headers: { \"Content-Type\": \"text/html\" }\n });\n }\n \n // Geocode the location to get coordinates\n const locationData = await geocodeLocation(location);\n \n if (!locationData) {\n return new Response(\n renderHTML(location, undefined, undefined, `Could not find location: \"${location}\"`), \n { headers: { \"Content-Type\": \"text/html\" } }\n );\n }\n \n // Fetch weather data using the coordinates\n const weatherData = await fetchWeatherData(locationData.latitude, locationData.longitude);\n \n // Render the HTML with the weather data\n return new Response(renderHTML(location, weatherData, locationData), {\n headers: { \"Content-Type\": \"text/html\" }\n });\n \n } catch (error) {\n console.error(\"Error:\", error);\n \n return new Response(\n renderHTML(\"\", undefined, undefined, `An error occurred: ${error instanceof Error ? error.message : String(error)}`),\n { headers: { \"Content-Type\": \"text/html\" } }\n );\n }\n}","deleted","label",[99],"permalink","https://www.val.town/x/stevekrouse/weather-dashboard/code/weather.ts","extension","actionData","errors"]