[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_127":-5,"_20":128,"_22":129,"_130":131,"_132":133,"_25":134,"_24":-5,"_135":-5,"_136":-5,"_137":54,"_138":139,"_140":45,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.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","stevekrouse","name","weather-dashboard","branchName","main","version","path","","project",{"_34":74,"_13":14,"_46":75,"_76":-5,"_77":54,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":45,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","f34661a0-365a-11f0-9bb3-9e149126039e","weather.ts","fileId","f1b17e06-365a-11f0-8e86-9e149126039e","parentId","branchId","bf5cef94-365a-11f0-8aff-9e149126039e","branchVersion",2,"latest",true,"createdAt",["D",1747842470486],1,"fileType","http","content","/**\n * Simple Server-Rendered Weather App\n * \n * This app fetches weather data from Open-Meteo API and renders it as HTML.\n * No client-side JavaScript required.\n */\n\n// Types for the weather data\ninterface WeatherData {\n current: {\n temperature_2m: number;\n relative_humidity_2m: number;\n apparent_temperature: number;\n precipitation: number;\n weather_code: number;\n wind_speed_10m: number;\n };\n current_units: {\n temperature_2m: string;\n relative_humidity_2m: string;\n apparent_temperature: string;\n precipitation: string;\n wind_speed_10m: string;\n };\n daily: {\n time: string[];\n weather_code: number[];\n temperature_2m_max: number[];\n temperature_2m_min: number[];\n precipitation_sum: number[];\n };\n daily_units: {\n temperature_2m_max: string;\n temperature_2m_min: string;\n precipitation_sum: string;\n };\n}\n\n// Weather code to description mapping\nconst weatherDescriptions: Record = {\n 0: \"Clear sky\",\n 1: \"Mainly clear\",\n 2: \"Partly cloudy\",\n 3: \"Overcast\",\n 45: \"Fog\",\n 48: \"Depositing rime fog\",\n 51: \"Light drizzle\",\n 53: \"Moderate drizzle\",\n 55: \"Dense drizzle\",\n 56: \"Light freezing drizzle\",\n 57: \"Dense freezing drizzle\",\n 61: \"Slight rain\",\n 63: \"Moderate rain\",\n 65: \"Heavy rain\",\n 66: \"Light freezing rain\",\n 67: \"Heavy freezing rain\",\n 71: \"Slight snow fall\",\n 73: \"Moderate snow fall\",\n 75: \"Heavy snow fall\",\n 77: \"Snow grains\",\n 80: \"Slight rain showers\",\n 81: \"Moderate rain showers\",\n 82: \"Violent rain showers\",\n 85: \"Slight snow showers\",\n 86: \"Heavy snow showers\",\n 95: \"Thunderstorm\",\n 96: \"Thunderstorm with slight hail\",\n 99: \"Thunderstorm with heavy hail\",\n};\n\n// Weather code to emoji mapping\nconst weatherEmojis: Record = {\n 0: \"☀️\",\n 1: \"🌤️\",\n 2: \"⛅\",\n 3: \"☁️\",\n 45: \"🌫️\",\n 48: \"🌫️❄️\",\n 51: \"🌦️\",\n 53: \"🌦️\",\n 55: \"🌧️\",\n 56: \"🌧️❄️\",\n 57: \"🌧️❄️\",\n 61: \"🌧️\",\n 63: \"🌧️\",\n 65: \"🌧️\",\n 66: \"🌧️❄️\",\n 67: \"🌧️❄️\",\n 71: \"🌨️\",\n 73: \"🌨️\",\n 75: \"🌨️\",\n 77: \"🌨️\",\n 80: \"🌦️\",\n 81: \"🌧️\",\n 82: \"🌧️\",\n 85: \"🌨️\",\n 86: \"🌨️\",\n 95: \"⛈️\",\n 96: \"⛈️\",\n 99: \"⛈️\",\n};\n\n/**\n * Fetches weather data from Open-Meteo API\n */\nasync function fetchWeatherData(latitude: number, longitude: number): Promise {\n const url = new URL(\"https://api.open-meteo.com/v1/forecast\");\n url.searchParams.set(\"latitude\", latitude.toString());\n url.searchParams.set(\"longitude\", longitude.toString());\n url.searchParams.set(\"current\", \"temperature_2m,relative_humidity_2m,apparent_temperature,precipitation,weather_code,wind_speed_10m\");\n url.searchParams.set(\"daily\", \"weather_code,temperature_2m_max,temperature_2m_min,precipitation_sum\");\n url.searchParams.set(\"timezone\", \"auto\");\n\n const response = await fetch(url.toString());\n \n if (!response.ok) {\n throw new Error(`Failed to fetch weather data: ${response.statusText}`);\n }\n \n return await response.json();\n}\n\n/**\n * Geocodes a location string to coordinates using Open-Meteo Geocoding API\n */\nasync function geocodeLocation(location: string): Promise<{ latitude: number; longitude: number; name: string } | null> {\n const url = new URL(\"https://geocoding-api.open-meteo.com/v1/search\");\n url.searchParams.set(\"name\", location);\n url.searchParams.set(\"count\", \"1\");\n url.searchParams.set(\"language\", \"en\");\n url.searchParams.set(\"format\", \"json\");\n\n const response = await fetch(url.toString());\n \n if (!response.ok) {\n throw new Error(`Failed to geocode location: ${response.statusText}`);\n }\n \n const data = await response.json();\n \n if (!data.results || data.results.length === 0) {\n return null;\n }\n \n const result = data.results[0];\n return {\n latitude: result.latitude,\n longitude: result.longitude,\n name: `${result.name}${result.admin1 ? `, ${result.admin1}` : \"\"}${result.country ? `, ${result.country}` : \"\"}`\n };\n}\n\n/**\n * Renders the HTML for the weather app\n */\nfunction renderHTML(\n location: string = \"\",\n weatherData?: WeatherData,\n locationData?: { name: string; latitude: number; longitude: number } | null,\n error?: string\n): string {\n return `\n\n\n \n \n Simple Weather App\n \n \n\n\n

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",false,"label",[36],"f828b574-365a-11f0-9d45-9e149126039e","README.md","f828b646-365a-11f0-9d45-9e149126039e",3,["D",1747842478681],0,"# Simple Server-Rendered Weather App\n\nA minimalist, server-rendered weather application built on Val Town. This app requires no client-side JavaScript and works entirely through server-side rendering.\n\n## Features\n\n- Search for weather by location name\n- View current weather conditions including:\n - Temperature\n - \"Feels like\" temperature\n - Humidity\n - Precipitation\n - Wind speed\n - Weather description with emoji\n- 7-day weather forecast\n- Fully responsive design\n- No client-side JavaScript required\n\n## How It Works\n\n1. The app uses an HTTP val to handle requests\n2. When you search for a location, it:\n - Geocodes the location name to coordinates using Open-Meteo's Geocoding API\n - Fetches weather data from Open-Meteo's Weather API\n - Renders the results as HTML\n3. All processing happens on the server, making this a true server-rendered application\n\n## Technologies Used\n\n- **Val Town** - Hosting and execution environment\n- **Open-Meteo API** - Free weather data without API keys\n- **Twind** - For styling (loaded from CDN)\n- **TypeScript** - For type safety\n\n## Usage\n\nSimply enter a location in the search box and click \"Get Weather\" to see current conditions and forecast.\n\n## Credits\n\n- Weather data provided by [Open-Meteo](https://open-meteo.com/)\n- Built with [Val Town](https://val.town/)",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1747842470486],"children",[],[36],["D",1747842478681],[],[58],"bf5c9616-365a-11f0-8aff-9e149126039e",["D",1747842383393],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_126":122},"org",{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},"branch",{"_17":60,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":74,"_13":14,"_46":164,"_76":-5,"_77":54,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":45,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":165,"_107":166,"_109":167,"_111":54},[158,159],"files",[158,159],"counts",{"_149":62,"_150":43,"_151":62,"_31":152,"_153":154},[145,146],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":148},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":147},[36],[58],"pulls","branches","forks",{"_155":62,"_157":62},"connections",{"_155":62,"_156":62},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":162,"_18":163},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":160,"_18":161},[],[36],[],[58],["D",1747842383393],{"_11":12,"_126":122},{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},{"_17":60,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"ctx",{"_105":-5,"_142":201,"_202":203,"_204":205,"_206":54,"_207":54,"_208":54,"_209":45,"_210":-5,"_211":-7,"_212":-7,"_213":62,"_214":54,"_215":54,"_216":-5,"_217":54,"_218":54,"_219":54,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":16,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"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"]

Code