Error: {error}

;\n if (!weatherData) return

;\n\n const densityAltitude = calculateDensityAltitude(\n weatherData.elevation,\n weatherData.temperature,\n weatherData.pressure,\n );\n\n return (\n

Current Weather - {weatherData.stationName}

Conditions

\n Temperature:\n {weatherData.temperature}\n °F\n Humidity:\n {weatherData.humidity}\n %\n Dewpoint:\n {weatherData.dewpoint}\n °F\n Pressure:\n {weatherData.pressure}\n inHg\n

Wind

\n Wind Speed:\n {weatherData.windSpeed}\n mph\n Direction:\n {weatherData.windDirection}\n °\n Wind Gust:\n {weatherData.windGust}\n mph\n

Rain

\n Daily:\n {weatherData.rainDaily}\n in\n Month:\n {weatherData.rainMonthly}\n in\n Rainfall Rate:\n {weatherData.rainRate}\n in/hr\n

Altitude

\n Station Elevation:\n {weatherData.elevation.toLocaleString()}\n ft\n Density Altitude:\n {densityAltitude.toLocaleString()}\n ft\n

Last Updated: {weatherData.observationTime}

Last Checked: {lastChecked.toLocaleString()}

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/api/weather\") {\n const stationId = url.searchParams.get(\"stationId\");\n\n if (!stationId) {\n return new Response(JSON.stringify({ error: \"Station ID is required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const wundergroundResponse = await fetch(\n `https://api.weather.com/v2/pws/observations/current?stationId=${stationId}&format=json&units=e&apiKey=e1f10a1e78da46f5b10a1e78da96f525`,\n );\n const wundergroundData = await wundergroundResponse.json();\n\n if (!wundergroundData.observations || wundergroundData.observations.length === 0)\n throw new Error(\"No data available for this station\");\n\n const simplifiedData = {\n temperature: wundergroundData.observations[0].imperial.temp,\n humidity: wundergroundData.observations[0].humidity,\n dewpoint: wundergroundData.observations[0].imperial.dewpt,\n windSpeed: wundergroundData.observations[0].imperial.windSpeed,\n windDirection: wundergroundData.observations[0].winddir,\n windGust: wundergroundData.observations[0].imperial.windGust,\n rainDaily: wundergroundData.observations[0].imperial.precipTotal,\n rainMonthly: wundergroundData.observations[0].imperial.precipTotal, // This might need to be adjusted based on the actual API response\n rainRate: wundergroundData.observations[0].imperial.precipRate,\n pressure: wundergroundData.observations[0].imperial.pressure,\n elevation: wundergroundData.observations[0].imperial.elev,\n observationTime: new Date(wundergroundData.observations[0].obsTimeLocal).toLocaleString(),\n stationId: stationId,\n stationName: wundergroundData.observations[0].neighborhood || stationId,\n };\n\n return new Response(JSON.stringify(simplifiedData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Failed to fetch weather data\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n Weather Display\n \n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n background-color: #333333;\n}\n\n.weather-display {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n text-align: center;\n background-color: #444444;\n}\n\n.weather-tiles {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n}\n\n.tile {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 15px;\n width: 220px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.tile h2 {\n margin-top: 0;\n margin-bottom: 10px;\n font-size: 1.2em;\n color: #333;\n}\n\n.tile-content {\n display: grid;\n grid-template-columns: 2fr 1fr auto;\n gap: 5px;\n}\n\n.tile-content span:nth-child(3n+1) {\n text-align: left;\n}\n\n.tile-content span:nth-child(3n+2) {\n text-align: right;\n}\n\n.tile-content span:nth-child(3n) {\n text-align: left;\n padding-left: 2px;\n}\n\nh1 {\n color: #333;\n font-size: 1.5em;\n color: #f0f0f0;\n}\n\n.error {\n color: red;\n font-weight: bold;\n text-align: center;\n}\n\np {\n margin: 10px 0;\n}\n\n.update-time, .check-time {\n margin-top: 10px;\n font-style: italic;\n color: #f0f0f0;\n}\n`;\n\nexport default server;",[],[176],"files",[155,174],"counts",{"_187":32,"_188":162,"_189":32,"_190":191},"pulls","branches","forks","envVars",{"_192":32,"_193":32},"count","emptyCount","contents",[],{"_104":156,"_95":99,"_157":158,"_159":-5,"_160":140,"_161":162,"_163":110,"_106":197,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_98":198},["D",1726094725690],[99],"upstreamProject","upstreamBranch",{"_104":143,"_106":202,"_203":204,"_95":43,"_141":148,"_100":205,"_142":-5,"_144":-5,"_206":207,"_108":-5,"_152":22,"_111":146,"_151":94,"_16":121,"_150":208},["D",1746231627136],"updatedAt",["D",1726092710772],41,"lockfileKey","1746869193804-esm.town_v_Croniac_WundergroundStationDisplay@41-main","WundergroundStationDisplay","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":215,"_153":220,"_183":227,"_166":228,"_194":230,"_231":232,"_235":-5,"_236":139,"_237":205,"_238":239},{"_104":105,"_95":96,"_106":216,"_108":-5,"_109":110,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":110,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":217,"_134":218,"_137":219,"_152":22},["D",1746231628595],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":115},{"_100":139,"_95":43,"_104":140,"_141":105,"_142":143,"_144":32,"_145":146,"_147":148,"_149":121,"_150":96,"_151":94},[221,224],{"_104":156,"_95":99,"_157":158,"_159":-5,"_160":140,"_161":162,"_163":110,"_106":164,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":222,"_98":223},[],[99],{"_104":175,"_95":176,"_157":117,"_159":-5,"_160":140,"_161":101,"_163":22,"_106":177,"_100":178,"_165":179,"_167":180,"_169":22,"_170":-5,"_171":225,"_98":226},[],[176],[221,224],{"_104":156,"_95":99,"_157":158,"_159":-5,"_160":140,"_161":162,"_163":110,"_106":197,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_98":229},[99],[],"upstream",{"_104":143,"_106":233,"_203":234,"_95":43,"_141":148,"_100":205,"_142":-5,"_144":-5,"_206":207,"_108":-5,"_152":22,"_111":146,"_151":94,"_16":121,"_150":208},["D",1746231627136],["D",1726092710772],"pull","ahead","behind","templates",[],"actionData","errors"]

Croniac

WundergroundStationDisplayV2