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\") || \"KCASANFR49\"; // Default to San Francisco if not provided\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;","createdAt",["D",1726092710772],"version",40,"currentUserHasLiked","likeCount","forkCount",1,"referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","Croniac","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybHVmNk5YRnBZZkJDRjd6c1RlMFZ1aUNUN3QifQ","forkedVal","interval","slug","Croniac/WundergroundStationDisplay","description","// This approach will fetch weather data from a Wunderground API, parse the JSON response,","versions",[142,145,149,153],{"_118":119,"_143":-5,"_116":144,"_113":111},"prId",["D",1726092710772],{"_118":146,"_143":-5,"_116":147,"_113":148},39,["D",1726092651701],"b50c1326-708a-11ef-b259-de64eea55b61",{"_118":150,"_143":-5,"_116":151,"_113":152},38,["D",1726092544526],"752a5b28-708a-11ef-a89c-de64eea55b61",{"_118":154,"_143":-5,"_116":155,"_113":156},31,["D",1726091490681],"01065b86-7088-11ef-bc62-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_96":97,"_95":164,"_130":131,"_138":139,"_99":100,"_176":32,"_177":32,"_51":52,"_178":179},{"_99":100,"_96":97,"_101":102,"_103":-5,"_104":-5,"_105":106,"_107":-5,"_108":109,"_110":111,"_112":26,"_113":111,"_114":115,"_116":165,"_118":119,"_120":26,"_121":32,"_122":123,"_124":32,"_125":32,"_126":32,"_127":32,"_128":-5,"_20":166,"_134":-5,"_135":-7,"_136":137,"_138":139,"_140":167},["D",1726092710772],{"_130":131,"_132":133},[168,170,172,174],{"_118":119,"_143":-5,"_116":169,"_113":111},["D",1726092710772],{"_118":146,"_143":-5,"_116":171,"_113":148},["D",1726092651701],{"_118":150,"_143":-5,"_116":173,"_113":152},["D",1726092544526],{"_118":154,"_143":-5,"_116":175,"_113":156},["D",1726091490681],"page","count","prs",[],"routes/_app","actionData","errors"]