[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_236":237,"_238":239},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_176":-5,"_20":177,"_22":178,"_179":180,"_181":182,"_25":183,"_24":-5,"_184":-5,"_185":-5,"_186":56,"_187":188,"_189":47,"_190":-5,"_191":-5,"_192":193},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","dcm31","name","Weather","branchName","main","version","path","","project",{"_36":122,"_13":14,"_48":123,"_124":-5,"_125":56,"_126":127,"_128":127,"_129":-5,"_130":-5,"_131":132,"_133":40,"_134":47,"_135":47,"_136":-5,"_137":63,"_138":139,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":145,"_146":145,"_147":148,"_149":148,"_150":148,"_151":145,"_152":145,"_153":154,"_155":156,"_157":158,"_159":56},"tree",[79,80,81,82],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":78},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":72},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":62,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":65},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","d0f08adc-3695-11f0-b275-9e149126039e","index.html","fileId","cbd5aabe-3695-11f0-b68c-9e149126039e","parentId","branchId","8817217c-3695-11f0-a684-9e149126039e","branchVersion",7,"latest",true,"createdAt",["D",1747867753187],1,"fileType","http","content","\n\n\n \n \n Redirecting to Weather App\n\n\n

Redirecting to the Weather App...

If you are not redirected automatically, click here.

\n\n","deleted",false,"label",[38],"986661e6-3695-11f0-9bb7-9e149126039e","README.md","9866627c-3695-11f0-9bb7-9e149126039e",["D",1747867658329],0,"# Simple Weather App\n\nA simple weather application built on Val Town that allows users to check the current weather and forecast for any location.\n\n## Features\n\n- Search for weather by city name\n- Display current weather conditions\n- Show a 3-day forecast\n- Responsive design with Tailwind CSS\n\n## Project Structure\n\n- `backend/index.ts` - HTTP endpoint that fetches weather data from Open-Meteo API\n- `frontend/index.html` - Main HTML page with the user interface\n- `frontend/app.js` - Frontend JavaScript for handling user interactions\n\n## How to Use\n\n1. Enter a city name in the search box\n2. Click \"Get Weather\" or press Enter\n3. View the current weather and forecast\n\n## Technologies Used\n\n- TypeScript\n- Open-Meteo API (no API key required)\n- Tailwind CSS\n- Val Town platform",[60],"aeffbac4-3695-11f0-b68c-9e149126039e","frontend","0c00697d-a434-494d-9d08-eb6b357ee81a",4,["D",1747867696245],"directory",[67],"a1dc1f04-3695-11f0-8fc6-9e149126039e","backend","941a776e-3a9e-4321-ac9a-9b64af4aef3e",2,["D",1747867674199],[74],{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":110,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":111,"_18":112},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":90,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":91,"_18":92},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":87,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_84":88,"_18":89},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":83,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":85,"_18":86},["D",1747867753187],"children",[],[38],["D",1747867658329],[],[60],["D",1747867696245],[93,94],[67],{"_36":101,"_13":102,"_39":103,"_41":68,"_42":43,"_44":104,"_46":47,"_48":105,"_17":63,"_51":106,"_53":107,"_55":56,"_57":-5,"_84":108,"_18":109},{"_36":95,"_13":38,"_39":96,"_41":68,"_42":43,"_44":69,"_46":47,"_48":97,"_17":63,"_51":24,"_53":98,"_55":56,"_57":-5,"_84":99,"_18":100},"aeff9e2c-3695-11f0-b68c-9e149126039e","aeff9ecc-3695-11f0-b68c-9e149126039e",["D",1747867696245],"\n\n\n \n \n Simple Weather App\n \n \n \n \n \n\n\n

Simple Weather App

Check the weather for any location

\n\n

\n \n

\n\n

Loading weather data...

\n\n

\n \n

Humidity:

Wind:

\n\n \n

3-Day Forecast

\n\n \n\n",[],[67,38],"c122a4f0-3695-11f0-a5db-9e149126039e","app.js","c122a5b8-3695-11f0-a5db-9e149126039e",5,["D",1747867726662],"script","// Weather app frontend logic\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const weatherForm = document.getElementById('weather-form');\n const loadingElement = document.getElementById('loading');\n const errorElement = document.getElementById('error');\n const errorMessageElement = document.getElementById('error-message');\n const weatherResultsElement = document.getElementById('weather-results');\n\n weatherForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n const cityInput = document.getElementById('city');\n const city = cityInput.value.trim();\n \n if (!city) {\n showError('Please enter a city name');\n return;\n }\n \n // Show loading indicator\n loadingElement.classList.remove('hidden');\n errorElement.classList.add('hidden');\n weatherResultsElement.classList.add('hidden');\n \n try {\n // Get the current URL to determine the backend URL\n const currentUrl = window.location.href;\n const backendUrl = currentUrl.includes('val.town') \n ? '/backend/index' // When deployed on Val Town\n : 'http://localhost:3000'; // For local development\n \n const response = await fetch(`${backendUrl}?city=${encodeURIComponent(city)}`);\n const data = await response.json();\n \n if (response.ok) {\n displayWeatherData(data);\n } else {\n showError(data.error || 'Failed to fetch weather data');\n }\n } catch (error) {\n console.error('Error:', error);\n showError('An error occurred while fetching weather data');\n } finally {\n loadingElement.classList.add('hidden');\n }\n });\n \n function showError(message) {\n errorMessageElement.textContent = message;\n errorElement.classList.remove('hidden');\n weatherResultsElement.classList.add('hidden');\n }\n \n function displayWeatherData(data) {\n // Show the results container\n weatherResultsElement.classList.remove('hidden');\n \n // Display location\n document.getElementById('location').textContent = `${data.location.name}, ${data.location.country}`;\n \n // Format and display current date\n const currentDate = new Date();\n document.getElementById('current-date').textContent = currentDate.toLocaleDateString('en-US', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n \n // Display current weather\n const current = data.weather.current;\n document.getElementById('current-temp').textContent = `${Math.round(current.temperature_2m)}°${data.weather.current_units.temperature_2m}`;\n document.getElementById('feels-like').textContent = `Feels like ${Math.round(current.apparent_temperature)}°${data.weather.current_units.apparent_temperature}`;\n document.getElementById('humidity').textContent = `${current.relative_humidity_2m}${data.weather.current_units.relative_humidity_2m}`;\n document.getElementById('wind').textContent = `${current.wind_speed_10m} ${data.weather.current_units.wind_speed_10m}`;\n \n // Set weather icon and description\n const weatherIcon = getWeatherIcon(current.weather_code);\n const weatherDescription = getWeatherDescription(current.weather_code);\n document.getElementById('weather-icon').textContent = weatherIcon;\n document.getElementById('weather-description').textContent = weatherDescription;\n \n // Display forecast\n displayForecast(data.weather);\n }\n \n function displayForecast(weather) {\n const forecastContainer = document.getElementById('forecast');\n forecastContainer.innerHTML = '';\n \n // Get the daily data\n const { daily } = weather;\n \n // Create a card for each forecast day\n for (let i = 0; i < daily.time.length; i++) {\n const date = new Date(daily.time[i]);\n const dayName = date.toLocaleDateString('en-US', { weekday: 'short' });\n const weatherCode = daily.weather_code[i];\n const maxTemp = Math.round(daily.temperature_2m_max[i]);\n const minTemp = Math.round(daily.temperature_2m_min[i]);\n const precipitation = daily.precipitation_sum[i];\n \n const forecastCard = document.createElement('div');\n forecastCard.className = 'bg-white rounded-lg shadow-sm p-3 text-center';\n forecastCard.innerHTML = `\n

${dayName}

${getWeatherIcon(weatherCode)}

${maxTemp}° / ${minTemp}°

${precipitation} ${weather.daily_units.precipitation_sum}

\n `;\n \n forecastContainer.appendChild(forecastCard);\n }\n }\n \n // Helper function to get weather icon based on WMO weather code\n function getWeatherIcon(code) {\n // WMO Weather interpretation codes (WW)\n // https://www.nodc.noaa.gov/archive/arc0021/0002199/1.1/data/0-data/HTML/WMO-CODE/WMO4677.HTM\n if (code === 0) return '☀️'; // Clear sky\n if (code === 1) return '🌤️'; // Mainly clear\n if (code === 2) return '⛅'; // Partly cloudy\n if (code === 3) return '☁️'; // Overcast\n if (code >= 45 && code <= 49) return '🌫️'; // Fog\n if ((code >= 51 && code <= 55) || (code >= 61 && code <= 65)) return '🌧️'; // Rain\n if ((code >= 56 && code <= 57) || (code >= 66 && code <= 67)) return '🌨️'; // Freezing rain\n if (code >= 71 && code <= 77) return '❄️'; // Snow\n if (code >= 80 && code <= 82) return '🌦️'; // Rain showers\n if (code >= 85 && code <= 86) return '🌨️'; // Snow showers\n if (code >= 95 && code <= 99) return '⛈️'; // Thunderstorm\n return '🌡️'; // Default\n }\n \n // Helper function to get weather description based on WMO weather code\n function getWeatherDescription(code) {\n if (code === 0) return 'Clear sky';\n if (code === 1) return 'Mainly clear';\n if (code === 2) return 'Partly cloudy';\n if (code === 3) return 'Overcast';\n if (code >= 45 && code <= 49) return 'Foggy';\n if (code >= 51 && code <= 55) return 'Light drizzle';\n if (code >= 56 && code <= 57) return 'Freezing drizzle';\n if (code >= 61 && code <= 65) return 'Rain';\n if (code >= 66 && code <= 67) return 'Freezing rain';\n if (code >= 71 && code <= 77) return 'Snow';\n if (code >= 80 && code <= 82) return 'Rain showers';\n if (code >= 85 && code <= 86) return 'Snow showers';\n if (code >= 95 && code <= 99) return 'Thunderstorm';\n return 'Unknown';\n }\n});",[],[67,102],["D",1747867674199],[113],[74],{"_36":114,"_13":115,"_39":116,"_41":75,"_42":43,"_44":117,"_46":47,"_48":118,"_17":50,"_51":52,"_53":119,"_55":56,"_57":-5,"_84":120,"_18":121},"a3d21e8a-3695-11f0-b421-9e149126039e","index.ts","a1dc15d6-3695-11f0-8fc6-9e149126039e",3,["D",1747867677490],"// Weather API endpoint using Open-Meteo\nexport default async function(req: Request): Promise {\n // Enable CORS\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\"\n }\n });\n }\n\n // Parse the URL to get query parameters\n const url = new URL(req.url);\n const city = url.searchParams.get(\"city\");\n\n if (!city) {\n return new Response(\n JSON.stringify({ error: \"City parameter is required\" }),\n {\n status: 400,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n }\n );\n }\n\n try {\n // First, geocode the city name to get coordinates\n const geocodeUrl = `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(city)}&count=1&language=en&format=json`;\n const geocodeResponse = await fetch(geocodeUrl);\n const geocodeData = await geocodeResponse.json();\n\n if (!geocodeData.results || geocodeData.results.length === 0) {\n return new Response(\n JSON.stringify({ error: \"Location not found\" }),\n {\n status: 404,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n }\n );\n }\n\n const location = geocodeData.results[0];\n const { latitude, longitude, name, country } = location;\n\n // Fetch weather data using the coordinates\n const weatherUrl = `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}¤t=temperature_2m,relative_humidity_2m,apparent_temperature,precipitation,weather_code,wind_speed_10m,wind_direction_10m&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_sum&timezone=auto&forecast_days=3`;\n \n const weatherResponse = await fetch(weatherUrl);\n const weatherData = await weatherResponse.json();\n\n // Combine location and weather data\n const result = {\n location: {\n name,\n country,\n latitude,\n longitude\n },\n weather: weatherData\n };\n\n return new Response(\n JSON.stringify(result),\n {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n }\n );\n } catch (error) {\n console.error(\"Error fetching weather data:\", error);\n return new Response(\n JSON.stringify({ error: \"Failed to fetch weather data\" }),\n {\n status: 500,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n }\n );\n }\n}",[],[74,115],"8816eff4-3695-11f0-a684-9e149126039e",["D",1747867630970],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_175":171},"org",{"_11":12,"_168":169,"_170":171,"_131":132,"_172":173,"_174":56},"branch",{"_17":45,"_13":16,"_36":43,"_160":122,"_161":-5,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":14,"_167":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789590569&sig=ba19d1394feeb4e4348ab39ad28b4d1ff7696a540d7924e321fb9cece6df4747","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":122,"_13":14,"_48":232,"_124":-5,"_125":56,"_126":127,"_128":127,"_129":-5,"_130":-5,"_131":132,"_133":40,"_134":47,"_135":47,"_136":-5,"_137":63,"_138":139,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":145,"_146":145,"_147":148,"_149":148,"_150":148,"_151":145,"_152":145,"_153":233,"_155":234,"_157":235,"_159":56},[211,213,216,217],"files",[211,212,213,214,215,216,217],"counts",{"_202":63,"_203":50,"_204":63,"_31":205,"_206":207},[194,195,196,197],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":201},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":200},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":62,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":199},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":198},[38],[60],[67],[74],"pulls","branches","forks",{"_208":63,"_210":63},"connections",{"_208":63,"_209":63},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":110,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":230,"_18":231},{"_36":114,"_13":115,"_39":116,"_41":75,"_42":43,"_44":117,"_46":47,"_48":118,"_17":50,"_51":52,"_53":119,"_55":56,"_57":-5,"_84":228,"_18":229},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":90,"_17":63,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":226,"_18":227},{"_36":101,"_13":102,"_39":103,"_41":68,"_42":43,"_44":104,"_46":47,"_48":105,"_17":63,"_51":106,"_53":107,"_55":56,"_57":-5,"_84":224,"_18":225},{"_36":95,"_13":38,"_39":96,"_41":68,"_42":43,"_44":69,"_46":47,"_48":97,"_17":63,"_51":24,"_53":98,"_55":56,"_57":-5,"_84":222,"_18":223},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":87,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_84":220,"_18":221},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":83,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":218,"_18":219},[],[38],[],[60],[],[67,38],[],[67,102],[214,215],[67],[],[74,115],[212],[74],["D",1747867630970],{"_11":12,"_175":171},{"_11":12,"_168":169,"_170":171,"_131":132,"_172":173,"_174":56},{"_17":45,"_13":16,"_36":43,"_160":122,"_161":-5,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":14,"_167":12},"ctx",{"_153":-5,"_191":269,"_270":271,"_272":273,"_274":56,"_275":56,"_276":56,"_277":47,"_278":-5,"_279":-7,"_280":-7,"_281":63,"_282":56,"_283":56,"_284":-5,"_285":56,"_286":56,"_287":56,"_288":-5},"ENV",{"_240":241,"_242":243,"_244":16,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]