[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_150":151,"_152":153},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_113":-5,"_20":114,"_22":115,"_116":117,"_118":119,"_26":120,"_24":121,"_122":-5,"_123":-5,"_124":51,"_125":126,"_127":42,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","sris3","name","brooklynWeatherVal","branchName","main","version","path","main.tsx","project",{"_32":59,"_13":14,"_43":60,"_61":-5,"_62":42,"_63":64,"_65":64,"_66":-5,"_67":-5,"_68":69,"_70":35,"_71":42,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":92,"_93":94,"_95":96,"_97":51},"tree",[54],"file",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","id","18eea444-278d-11f0-a822-569c3dd06744","fileId","18b8e8ea-278d-11f0-a822-569c3dd06744","parentId","branchId","18b65a30-278d-11f0-a822-569c3dd06744","branchVersion",10,"latest",true,"createdAt",["D",1734526187156],9,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback, useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction WeatherApp() {\n const [location, setLocation] = useState('');\n const [weatherData, setWeatherData] = useState(null);\n const [forecastData, setForecastData] = useState(null);\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n // Type-safe error handling function\n const handleError = useCallback((err: unknown) => {\n let errorMessage = 'Could not fetch weather data. Please try again.';\n \n // Check if err is an Error object\n if (err instanceof Error) {\n errorMessage = err.message;\n } \n // Check if err is a string\n else if (typeof err === 'string') {\n errorMessage = err;\n }\n // For any other type, use a generic error message\n \n console.error('Weather fetch error:', err);\n setError(errorMessage);\n setWeatherData(null);\n setForecastData(null);\n }, []);\n\n // Weather fetching function\n const fetchWeather = useCallback(async (locationQuery) => {\n if (!locationQuery) return;\n\n setIsLoading(true);\n setError(null);\n\n try {\n const response = await fetch(`/api/weather?location=${encodeURIComponent(locationQuery)}`);\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(errorText || 'Weather fetch failed');\n }\n \n const data = await response.json();\n setWeatherData(data.current);\n setForecastData(data.forecast);\n } catch (err) {\n handleError(err);\n } finally {\n setIsLoading(false);\n }\n }, [handleError]);\n\n // Handle form submission\n const handleSearch = async (e) => {\n e.preventDefault();\n fetchWeather(location);\n };\n\n // Render weather icon\n const getWeatherIcon = (weatherCode) => {\n const iconMap = {\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 return iconMap[weatherCode] || '🌡️';\n };\n\n return (\n

🌍 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",false,"label",[19],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":-5,"_56":57,"_18":58},["D",1734526187156],"children",[],[19],"18b6071a-278d-11f0-a822-569c3dd06744",["D",1746214740691],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","9acc9773-ba27-4e4f-921a-e3d20d7898e5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","31fb0038-ca22-4e4a-b1ed-79c66f3777e8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_112":108},"org",{"_11":12,"_106":-5,"_107":108,"_68":69,"_109":110,"_111":51},"branch",{"_17":40,"_13":16,"_32":38,"_98":59,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":14,"_105":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycU80RXBhZkh6SXdDbXhSWjJ2MUdMWGhaM1AifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_43":146,"_61":-5,"_62":42,"_63":64,"_65":64,"_66":-5,"_67":-5,"_68":69,"_70":35,"_71":42,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":147,"_93":148,"_95":149,"_97":51},[143],"files",[143],"counts",{"_133":75,"_134":75,"_135":75,"_136":137,"_138":139},[],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_18":132},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks","envVars",{"_140":75,"_142":75},"connections",{"_140":75,"_141":75},"count","unfilledCount","emptyCount",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":-5,"_56":144,"_18":145},[],[19],["D",1746214740691],{"_11":12,"_112":108},{"_11":12,"_106":-5,"_107":108,"_68":69,"_109":110,"_111":51},{"_17":40,"_13":16,"_32":38,"_98":59,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":14,"_105":12},"ctx",{"_91":-5,"_183":184,"_129":185,"_186":187,"_188":189,"_190":51,"_191":51,"_192":51,"_193":42,"_194":-5,"_195":-7,"_196":-7,"_197":75,"_198":51,"_199":51,"_200":-5},"ENV",{"_154":155,"_156":157,"_158":16,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c5bd63b0be2c22e809085ef2641a17dfb9a8e10c","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","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","aiChatModels",[201,202,203,204,205],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_206":230,"_52":231,"_209":232,"_66":233,"_212":42,"_213":42,"_214":215,"_216":42},{"_206":225,"_52":226,"_209":227,"_66":228,"_212":42,"_213":51,"_214":229,"_216":51},{"_206":221,"_52":222,"_209":223,"_66":224,"_212":42,"_213":42,"_214":215,"_216":51},{"_206":217,"_52":218,"_209":219,"_66":220,"_212":42,"_213":42,"_214":215,"_216":51},{"_206":207,"_52":208,"_209":210,"_66":211,"_212":42,"_213":42,"_214":215,"_216":51},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]