Weather Forecast

\n setCity(e.target.value)}\n placeholder=\"Enter city name\"\n style={{\n padding: \"10px\",\n fontSize: \"16px\",\n width: \"50%\",\n borderRadius: \"5px 0 0 5px\",\n border: \"1px solid #ccc\",\n }}\n />\n \n {loading ? \"Loading...\" : \"Get Weather\"}\n \n

\n \n setUnit(\"celsius\")}\n />{\" \"}\n Celsius\n \n \n setUnit(\"fahrenheit\")}\n />{\" \"}\n Fahrenheit\n \n

\n {error &&

{error}

}\n {weather && (\n \n

{weather.city}

\n \n {convertTemp(weather.current.temperature)}\n

Condition: {weather.current.condition}

Humidity: {weather.current.humidity}%

5-Day Forecast

\n {weather.forecast.map((day, index) => (\n \n

{day.date}

\n \n

{convertTemp(day.temperature)}

\n ))}\n

\n \n )}\n

\n \n View Source\n \n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"GET\" && url.pathname === \"/api\") {\n const city = url.searchParams.get(\"city\");\n if (!city) {\n return Response.json({ error: \"City parameter is required\" }, { status: 400 });\n }\n\n try {\n const weatherUrl =\n `https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41¤t_weather=true&daily=temperature_2m_max,weathercode&timezone=auto&forecast_days=5`;\n const weatherRes = await fetch(weatherUrl);\n const weatherData = await weatherRes.json();\n\n const current = {\n temperature: weatherData.current_weather.temperature,\n condition: getWeatherCondition(weatherData.current_weather.weathercode),\n humidity: 70, // Placeholder as Open-Meteo's free tier doesn't provide humidity\n };\n\n const forecast = weatherData.daily.time.map((date, index) => ({\n date: new Date(date).toLocaleDateString(\"en-US\", { weekday: \"short\", month: \"short\", day: \"numeric\" }),\n temperature: weatherData.daily.temperature_2m_max[index],\n condition: getWeatherCondition(weatherData.daily.weathercode[index]),\n }));\n\n return Response.json({\n city: city,\n current,\n forecast,\n });\n } catch (error) {\n return Response.json({ error: \"Failed to fetch weather data\" }, { status: 500 });\n }\n } else if (req.method === \"GET\") {\n return new Response(\n `\n \n \n Weather Forecast\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n } else {\n return new Response(\"Method not allowed\", { status: 405 });\n }\n}\n\nfunction getWeatherCondition(code: number): string {\n if (code <= 1) return \"Clear\";\n if (code <= 3) return \"Partly cloudy\";\n if (code <= 49) return \"Foggy\";\n if (code <= 69) return \"Rainy\";\n if (code <= 79) return \"Snowy\";\n return \"Stormy\";\n}","deleted","label",[99],"permalink","https://www.val.town/x/deepmojo/evaltownWorker/code/main.tsx","extension","actionData","errors"]