[{"_1":2,"_216":-5,"_217":-5},"loaderData",{"_3":4,"_92":93,"_203":204,"_215":-5},"root",{"_5":6,"_33":34,"_59":60,"_90":91},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":26,"_29":30,"_31":32},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8bf3c40423bcb56a277b20de05416cc021b3b09a","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_61":62},"__internal_clerk_state",{"_63":64,"_65":44,"_66":67,"_68":67,"_69":26,"_70":67,"_71":67,"_72":67,"_73":67,"_74":67,"_75":67,"_76":67,"_77":67,"_78":79,"_88":26,"_89":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_80":26,"_81":67,"_82":83,"_84":67,"_85":44,"_86":26,"_87":67},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_94":95,"_96":97,"_95":98,"_198":-5,"_199":-5,"_200":201,"_129":130,"_137":138,"_101":102,"_99":100,"_118":-7,"_51":52,"_202":26},"type","val","author","34eaa29d-e4d0-42e5-a823-a96d182b29e9",{"_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":117,"_118":119,"_120":26,"_121":32,"_122":32,"_123":32,"_124":32,"_125":32,"_126":32,"_127":-5,"_20":128,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":140},"name","Weather_Dashboard","valNameId","f0845ccc-e4d1-11ef-b737-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","c5339a06-f836-11ef-a14c-569c3dd06744","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/preact */\nimport { render } from \"npm:preact-render-to-string\";\n\nconst apiKey = Deno.env.get(\"WUNDERGROUND_API_KEY\");\nconst stationId = Deno.env.get(\"WUNDERGROUND_STATION_ID\");\n\ninterface WeatherData {\n observations: [{\n stationID: string;\n obsTimeLocal: string;\n neighborhood: string;\n country: string;\n winddir: number;\n humidity: number;\n metric: {\n temp: number;\n heatIndex: number;\n dewpt: number;\n windChill: number;\n windSpeed: number;\n windGust: number;\n pressure: number;\n precipRate: number;\n precipTotal: number;\n elev: number;\n };\n }];\n}\n\nconst WeatherDashboard = ({ data }: { data: WeatherData }) => {\n const observation = data.observations[0];\n const metric = observation.metric;\n\n return (\n \n \n Weather Dashboard\n \n \n \n

\n Weather in {observation.neighborhood}, {observation.country}\n

\n Last updated: {observation.obsTimeLocal}\n

\n\n

\n {/* Temperature Card */}\n

Temperature

\n {metric.temp}°C\n

\n Feels like: {metric.windChill}°C\n

\n\n {/* Humidity Card */}\n

Humidity

\n {observation.humidity}%\n

\n Dew point: {metric.dewpt}°C\n

\n\n {/* Wind Card */}\n

Wind

\n {metric.windSpeed} m/s\n

\n Direction: {observation.winddir}°\n

\n\n {/* Pressure Card */}\n

Pressure

\n {metric.pressure} hPa\n

\n\n {/* Precipitation Card */}\n

Precipitation

\n {metric.precipTotal} mm\n

\n Rate: {metric.precipRate} mm/h\n

\n\n {/* Station Info Card */}\n

Station Info

ID: {observation.stationID}

Elevation: {metric.elev}m

\n \n \n );\n};\n\nexport const preactExample = async () => {\n try {\n const response = await fetch(\n `https://api.weather.com/v2/pws/observations/current?stationId=${stationId}&format=json&units=m&numericPrecision=decimal&apiKey=${apiKey}`,\n );\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const data: WeatherData = await response.json();\n\n return new Response(render(), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n } catch (error) {\n return new Response(\n render(\n

\n Error loading weather data: {error}\n

,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n }\n};","createdAt",["D",1741009959199],"version",14,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","flafi87","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZkpDQ2xtRnN5dUdLVjlobEJCQUtQVzFPaWUifQ","forkedVal","interval","slug","flafi87/Weather_Dashboard","description","@jsxImportSource https://esm.sh/preact","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,191,195],{"_118":119,"_142":-5,"_116":143,"_113":111},"prId",["D",1741009959199],{"_118":145,"_142":-5,"_116":146,"_113":147},13,["D",1741009856722],"88209af6-f836-11ef-96e3-569c3dd06744",{"_118":149,"_142":-5,"_116":150,"_113":151},12,["D",1741009795476],"639e8dc8-f836-11ef-851c-569c3dd06744",{"_118":153,"_142":-5,"_116":154,"_113":155},11,["D",1741009763189],"505ff698-f836-11ef-a907-569c3dd06744",{"_118":157,"_142":-5,"_116":158,"_113":159},10,["D",1739907537049],"fe63f5d4-ee2f-11ef-94d3-e6cdfca9ef9f",{"_118":161,"_142":-5,"_116":162,"_113":163},9,["D",1739907420877],"b92626ae-ee2f-11ef-8fed-e6cdfca9ef9f",{"_118":165,"_142":-5,"_116":166,"_113":167},8,["D",1739907420756],"b914244a-ee2f-11ef-8e83-e6cdfca9ef9f",{"_118":169,"_142":-5,"_116":170,"_113":171},7,["D",1738912962672],"51deb6a0-e524-11ef-a5cf-e6cdfca9ef9f",{"_118":173,"_142":-5,"_116":174,"_113":175},6,["D",1738912935057],"41694f2e-e524-11ef-af4b-e6cdfca9ef9f",{"_118":177,"_142":-5,"_116":178,"_113":179},5,["D",1738912901888],"2da3e3d2-e524-11ef-a087-e6cdfca9ef9f",{"_118":181,"_142":-5,"_116":182,"_113":183},4,["D",1738912828138],"01af6724-e524-11ef-9923-e6cdfca9ef9f",{"_118":185,"_142":-5,"_116":186,"_113":187},3,["D",1738878174816],"52b1b2ae-e4d3-11ef-8d37-e6cdfca9ef9f",{"_118":91,"_142":-5,"_116":189,"_113":190},["D",1738877825385],"826969e8-e4d2-11ef-b8fc-e6cdfca9ef9f",{"_118":192,"_142":-5,"_116":193,"_113":194},1,["D",1738877763669],"5da23072-e4d2-11ef-b8fc-e6cdfca9ef9f",{"_118":32,"_142":-5,"_116":196,"_113":197},["D",1738877580624],"f0873096-e4d1-11ef-b737-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":205,"_206":207,"_95":208},"single","redirect","/v/flafi87/Weather_Dashboard/versions",{"_113":159,"_114":209,"_118":157,"_116":210,"_211":100,"_101":102,"_108":109,"_129":130,"_11":97,"_212":-5,"_213":-5,"_214":-5,"_202":26,"_135":136},"/** @jsxImportSource https://esm.sh/preact */\nimport { render } from \"npm:preact-render-to-string\";\n\nconst apiKey = Deno.env.get(\"WUNDERGROUND_API_KEY\");\nconst stationId = Deno.env.get(\"WUNDERGROUND_STATION_ID\");\n\ninterface WeatherData {\n observations: [{\n stationID: string;\n obsTimeLocal: string;\n neighborhood: string;\n country: string;\n winddir: number;\n humidity: number;\n metric: {\n temp: number;\n heatIndex: number;\n dewpt: number;\n windChill: number;\n windSpeed: number;\n windGust: number;\n pressure: number;\n precipRate: number;\n precipTotal: number;\n elev: number;\n };\n }];\n}\n\nconst WeatherDashboard = ({ data }: { data: WeatherData }) => {\n const observation = data.observations[0];\n const metric = observation.metric;\n\n return (\n \n \n Weather Dashboard\n \n \n \n

Weather_Dashboard

Version 10