🌍 Global Weather Finder

\n \n\n {error &&

{error}

}\n\n {weatherData && (\n

\n {weatherData.locationName} {getWeatherIcon(weatherData.weatherCode)}\n

{Math.round(weatherData.temperature)}°F

🌬️ Wind: {Math.round(weatherData.windSpeed)} mph

🧭 Wind Direction: {weatherData.windDirection}°

☁️ Condition: {weatherData.weatherDescription}

\n )}\n\n {forecastData && (\n

5-Day Forecast

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

{new Date(day.time * 1000).toLocaleDateString('en-US', { weekday: 'short' })}

\n {getWeatherIcon(day.weatherCode)}\n

{Math.round(day.temperature)}°F

\n ))}\n

\n )}\n\n

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n \n // Predefined coordinates for common cities\n const cityCoordinates = {\n 'new york': { lat: 40.7128, lon: -74.0060, name: 'New York, USA' },\n 'london': { lat: 51.5074, lon: -0.1278, name: 'London, UK' },\n 'paris': { lat: 48.8566, lon: 2.3522, name: 'Paris, France' },\n 'tokyo': { lat: 35.6762, lon: 139.6503, name: 'Tokyo, Japan' },\n 'sydney': { lat: -33.8688, lon: 151.2093, name: 'Sydney, Australia' }\n };\n \n // Handle weather data request\n if (url.pathname === '/api/weather') {\n const locationQuery = url.searchParams.get('location');\n\n if (locationQuery) {\n try {\n // Find coordinates for the location\n const normalizedLocation = locationQuery.toLowerCase().split(',')[0].trim();\n const locationData = cityCoordinates[normalizedLocation];\n\n if (!locationData) {\n return new Response(JSON.stringify({ \n error: 'Location not found. Please try a different city.' \n }), { \n status: 404,\n headers: { \n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n }\n\n // Fetch current weather from Open-Meteo\n const weatherResponse = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${locationData.lat}&longitude=${locationData.lon}¤t_weather=true&hourly=weathercode,temperature_2m&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto&temperature_unit=fahrenheit`\n );\n\n // Check if the response is OK\n if (!weatherResponse.ok) {\n throw new Error(`HTTP error! status: ${weatherResponse.status}`);\n }\n\n const weatherData = await weatherResponse.json();\n\n // Map weather codes to descriptions\n const weatherDescriptions = {\n 0: 'Clear sky',\n 1: 'Mainly clear',\n 2: 'Partly cloudy',\n 3: 'Overcast',\n 45: 'Foggy',\n 51: 'Light drizzle',\n 53: 'Moderate drizzle',\n 55: 'Dense drizzle',\n 61: 'Slight rain',\n 63: 'Moderate rain',\n 65: 'Heavy rain',\n 71: 'Slight snow',\n 73: 'Moderate snow',\n 75: 'Heavy snow',\n 95: 'Thunderstorm'\n };\n\n // Prepare forecast data\n const forecastData = weatherData.daily.time.map((time, index) => ({\n time: new Date(time).getTime() / 1000,\n temperature: weatherData.daily.temperature_2m_max[index],\n weatherCode: weatherData.daily.weathercode[index]\n })).slice(1, 6); // Exclude today, take next 5 days\n\n return new Response(JSON.stringify({\n current: {\n locationName: locationData.name,\n temperature: weatherData.current_weather.temperature,\n windSpeed: weatherData.current_weather.windspeed,\n windDirection: weatherData.current_weather.winddirection,\n weatherCode: weatherData.current_weather.weathercode,\n weatherDescription: weatherDescriptions[weatherData.current_weather.weathercode] || 'Unknown'\n },\n forecast: forecastData\n }), {\n headers: { \n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n } catch (error: unknown) {\n // Type-safe error handling\n let errorMessage = 'Error fetching weather data';\n \n if (error instanceof Error) {\n errorMessage = error.message;\n } else if (typeof error === 'string') {\n errorMessage = error;\n }\n\n console.error('Weather fetch error:', error);\n return new Response(JSON.stringify({ \n error: errorMessage \n }), { \n status: 500,\n headers: { \n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n }\n });\n }\n }\n }\n\n // Serve initial HTML (unchanged)\n return new Response(`\n \n \n Global Weather Finder\n \n \n \n \n

\n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\"\n }\n });\n}","deleted","label",[100],"pulls","branches",1,"forks","envVars",{"_123":39,"_125":39},"connections",{"_123":39,"_124":39},"count","unfilledCount","emptyCount",{"_18":99,"_20":100,"_101":34,"_102":-5,"_103":66,"_104":64,"_105":26,"_22":127,"_63":107,"_108":109,"_110":111,"_112":62,"_113":-5,"_128":129,"_81":130},["D",1734526187156],"children",[],[100],["D",1746214740691],{"_16":17,"_79":76},{"_16":17,"_75":76,"_31":32,"_77":78},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_55":-5,"_168":169,"_170":171,"_172":62,"_173":62,"_174":62,"_175":-5,"_176":-7,"_177":-7,"_178":39,"_179":62,"_180":62,"_181":-5,"_182":62,"_183":62},"ENV",{"_139":140,"_141":142,"_143":144,"_145":65,"_146":147,"_148":149,"_150":151,"_152":153,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]

Search