SNOTEL Data Viewer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_225":226,"_227":228},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_168":-5,"_20":169,"_22":170,"_171":172,"_173":174,"_26":175,"_24":176,"_177":-5,"_178":-5,"_179":55,"_180":181,"_182":46,"_183":-5,"_184":-5,"_185":186},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","bjtitus","name","Snotel-Analyzer","branchName","main","version","path","backend","project",{"_34":115,"_13":14,"_47":116,"_117":-5,"_118":55,"_119":120,"_121":120,"_122":-5,"_123":-5,"_124":125,"_126":38,"_127":46,"_128":46,"_129":-5,"_130":60,"_131":132,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":138,"_139":138,"_140":141,"_142":141,"_143":141,"_144":138,"_145":138,"_146":147,"_148":149,"_150":151,"_152":55},"tree",[64,65,66,67],"file",{"_34":58,"_41":42,"_37":40,"_13":19,"_52":-5,"_50":59,"_17":60,"_39":-5,"_47":61,"_43":62,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","433e1b72-47d0-11f0-9bc0-76b3cceeab13","index.ts","fileId","d86c726c-47cf-11f0-b27b-76b3cceeab13","parentId","0e802053-2348-490e-9328-85fc195abd99","branchId","9376be60-47cf-11f0-a966-76b3cceeab13","branchVersion",11,"latest",true,"createdAt",["D",1749762025521],7,"fileType","http","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { SnotelSite, SnotelData, ApiResponse } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API endpoint to get SNOTEL sites\napp.get(\"/api/sites\", async c => {\n try {\n // Use specific Colorado SNOTEL station IDs\n const coStationIds = [\n \"335:CO:SNTL\", \"415:CO:SNTL\", \"505:CO:SNTL\", \"551:CO:SNTL\", \"713:CO:SNTL\",\n \"380:CO:SNTL\", \"465:CO:SNTL\", \"531:CO:SNTL\", \"586:CO:SNTL\", \"739:CO:SNTL\",\n \"322:CO:SNTL\", \"408:CO:SNTL\", \"485:CO:SNTL\", \"569:CO:SNTL\", \"797:CO:SNTL\"\n ];\n \n const response = await fetch(\n `https://wcc.sc.egov.usda.gov/awdbRestApi/services/v1/stations?stationIds=${coStationIds.join(',')}`\n );\n \n if (!response.ok) {\n throw new Error(`API request failed: ${response.status}`);\n }\n \n const data = await response.json();\n \n // Transform the data to our format\n const sites: SnotelSite[] = data.map((station: any) => ({\n stationId: station.stationId,\n name: station.name,\n state: station.state,\n latitude: station.latitude,\n longitude: station.longitude,\n elevation: station.elevation,\n county: station.countyName,\n huc: station.huc\n }));\n \n const apiResponse: ApiResponse = {\n success: true,\n data: sites\n };\n \n return c.json(apiResponse);\n } catch (error) {\n console.error(\"Error fetching sites:\", error);\n const apiResponse: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\"\n };\n return c.json(apiResponse, 500);\n }\n});\n\n// API endpoint to get latest data for stations\napp.get(\"/api/data\", async c => {\n try {\n // Get current date and 30 days ago for recent data\n const endDate = new Date();\n const startDate = new Date();\n startDate.setDate(startDate.getDate() - 30);\n \n const formatDate = (date: Date) => date.toISOString().split('T')[0];\n \n // Use specific Colorado SNOTEL station IDs\n const coStationIds = [\n \"335:CO:SNTL\", \"415:CO:SNTL\", \"505:CO:SNTL\", \"551:CO:SNTL\", \"713:CO:SNTL\",\n \"380:CO:SNTL\", \"465:CO:SNTL\", \"531:CO:SNTL\", \"586:CO:SNTL\", \"739:CO:SNTL\",\n \"322:CO:SNTL\", \"408:CO:SNTL\", \"485:CO:SNTL\", \"569:CO:SNTL\", \"797:CO:SNTL\"\n ];\n \n // Fetch recent data for these stations\n const dataResponse = await fetch(\n `https://wcc.sc.egov.usda.gov/awdbRestApi/services/v1/data?stationIds=${coStationIds.join(',')}&elementCds=SNWD,WTEQ,TOBS&ordinal=1&duration=DAILY&getFlags=false&alwaysReturnDailyFeb29=false&format=json&beginDate=${formatDate(startDate)}&endDate=${formatDate(endDate)}`\n );\n \n if (!dataResponse.ok) {\n throw new Error(`Data API request failed: ${dataResponse.status}`);\n }\n \n const data = await dataResponse.json();\n \n // Process and group data by station, getting the most recent values\n const stationData: { [key: string]: SnotelData } = {};\n \n data.forEach((record: any) => {\n const stationId = record.stationId;\n \n if (!stationData[stationId]) {\n stationData[stationId] = {\n stationId: stationId,\n name: record.stationName,\n date: record.date,\n snowDepth: undefined,\n snowWaterEquivalent: undefined,\n temperature: undefined,\n precipitation: undefined\n };\n }\n \n // Update with latest date data\n if (record.date >= stationData[stationId].date) {\n stationData[stationId].date = record.date;\n \n // Map element codes to our data structure\n switch (record.elementCd) {\n case 'SNWD':\n stationData[stationId].snowDepth = record.value;\n break;\n case 'WTEQ':\n stationData[stationId].snowWaterEquivalent = record.value;\n break;\n case 'TOBS':\n stationData[stationId].temperature = record.value;\n break;\n case 'PREC':\n stationData[stationId].precipitation = record.value;\n break;\n }\n }\n });\n \n const apiResponse: ApiResponse = {\n success: true,\n data: Object.values(stationData)\n };\n \n return c.json(apiResponse);\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n const apiResponse: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\"\n };\n return c.json(apiResponse, 500);\n }\n});\n\nexport default app.fetch;","deleted",false,"label",[19,36],"d86c8220-47cf-11f0-b27b-76b3cceeab13","directory",0,["D",1749761846319],3,[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":108,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":109,"_18":110},{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":98,"_18":99},{"_34":77,"_13":78,"_37":79,"_39":-5,"_41":42,"_43":80,"_45":46,"_47":81,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":82,"_18":83},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":60,"_50":24,"_52":73,"_54":55,"_56":-5,"_74":75,"_18":76},"c67bef4c-47cf-11f0-a860-76b3cceeab13","README.md","c67bf000-47cf-11f0-a860-76b3cceeab13",1,["D",1749761816224],"# SNOTEL Data Viewer\n\nA web application that displays the latest SNOTEL (Snow Telemetry) data from USDA's AWDB REST API.\n\n## Features\n\n- Displays latest snow and weather data from SNOTEL sites\n- Interactive table with site information\n- Real-time data fetching from USDA AWDB API\n\n## Project Structure\n\n- `backend/index.ts` - Main Hono server with API endpoints\n- `frontend/index.html` - Main HTML template\n- `frontend/index.tsx` - React frontend application\n- `shared/types.ts` - Shared TypeScript types\n\n## API Endpoints\n\n- `GET /` - Serves the main application\n- `GET /api/sites` - Fetches SNOTEL site data\n- `GET /api/data/:stationId` - Fetches latest data for a specific station\n\n## Usage\n\nThe application automatically loads and displays SNOTEL data in a table format showing:\n- Station information (name, location, elevation)\n- Latest snow depth measurements\n- Temperature data\n- Precipitation data","children",[],[69],"c9879bd2-47cf-11f0-bb69-76b3cceeab13","shared","a9959294-c98a-4ec3-87a4-b9edb70b06b5",2,["D",1749761821332],[84],[78],{"_34":85,"_13":86,"_37":87,"_39":79,"_41":42,"_43":80,"_45":46,"_47":88,"_17":60,"_50":89,"_52":90,"_54":55,"_56":-5,"_74":91,"_18":92},"c9879240-47cf-11f0-bb69-76b3cceeab13","types.ts","c9879308-47cf-11f0-bb69-76b3cceeab13",["D",1749761821332],"script","// Shared types for SNOTEL data\n\nexport interface SnotelSite {\n stationId: string;\n name: string;\n state: string;\n latitude: number;\n longitude: number;\n elevation: number;\n county?: string;\n huc?: string;\n}\n\nexport interface SnotelData {\n stationId: string;\n name: string;\n date: string;\n snowDepth?: number;\n snowWaterEquivalent?: number;\n temperature?: number;\n precipitation?: number;\n windSpeed?: number;\n windDirection?: number;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[78,86],"ea7dd892-47cf-11f0-a3a1-76b3cceeab13","frontend","01f6a4ee-92ab-4a24-9934-1b7142f73fbe",4,["D",1749761876621],[100],[94],{"_34":101,"_13":102,"_37":103,"_39":95,"_41":42,"_43":96,"_45":46,"_47":104,"_17":60,"_50":24,"_52":105,"_54":55,"_56":-5,"_74":106,"_18":107},"ea7dbfa6-47cf-11f0-a3a1-76b3cceeab13","index.html","ea7dc06e-47cf-11f0-a3a1-76b3cceeab13",["D",1749761876621],"\n\n\n \n \n SNOTEL Data Viewer\n \n \n \n\n\n

\n \n \n\n",[],[94,102],["D",1749761846319],[111],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":112,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_74":113,"_18":114},["D",1749762025521],[],[19,36],"9376734c-47cf-11f0-a966-76b3cceeab13",["D",1749761730628],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","1ddd50bc-c8b7-4894-bbd7-afc2cc6750cb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","71771b1e-8da0-406a-9fa3-c5006b9de404","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_167":163},"org",{"_11":12,"_161":-5,"_162":163,"_124":125,"_164":165,"_166":55},"branch",{"_17":44,"_13":16,"_34":42,"_153":115,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":14,"_160":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZDNockZZOGtmYnMwRjhwdWx1QVYyNXNrVVcifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":115,"_13":14,"_47":221,"_117":-5,"_118":55,"_119":120,"_121":120,"_122":-5,"_123":-5,"_124":125,"_126":38,"_127":46,"_128":46,"_129":-5,"_130":60,"_131":132,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":138,"_139":138,"_140":141,"_142":141,"_143":141,"_144":138,"_145":138,"_146":222,"_148":223,"_150":224,"_152":55},[200,202,204,206],"files",[200,201,202,203,204,205,206],"counts",{"_191":60,"_192":71,"_193":60,"_32":194,"_195":196},[189],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":187,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_18":188},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749761846319],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":190},[19,36],"pulls","branches","forks",{"_197":60,"_199":60},"connections",{"_197":60,"_198":60},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":62,"_45":46,"_47":108,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":219,"_18":220},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":112,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_74":217,"_18":218},{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":215,"_18":216},{"_34":101,"_13":102,"_37":103,"_39":95,"_41":42,"_43":96,"_45":46,"_47":104,"_17":60,"_50":24,"_52":105,"_54":55,"_56":-5,"_74":213,"_18":214},{"_34":77,"_13":78,"_37":79,"_39":-5,"_41":42,"_43":80,"_45":46,"_47":81,"_17":60,"_50":59,"_52":-5,"_54":55,"_56":-5,"_74":211,"_18":212},{"_34":85,"_13":86,"_37":87,"_39":79,"_41":42,"_43":80,"_45":46,"_47":88,"_17":60,"_50":89,"_52":90,"_54":55,"_56":-5,"_74":209,"_18":210},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":60,"_50":24,"_52":73,"_54":55,"_56":-5,"_74":207,"_18":208},[],[69],[],[78,86],[205],[78],[],[94,102],[203],[94],[],[19,36],[201],[19],["D",1749761730628],{"_11":12,"_167":163},{"_11":12,"_161":-5,"_162":163,"_124":125,"_164":165,"_166":55},{"_17":44,"_13":16,"_34":42,"_153":115,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":14,"_160":12},"ctx",{"_146":-5,"_184":258,"_259":260,"_261":262,"_263":55,"_264":55,"_265":55,"_266":46,"_267":-5,"_268":-7,"_269":-7,"_270":60,"_271":55,"_272":55,"_273":-5,"_274":55,"_275":55,"_276":55,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":16,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]