SNOTEL Data Viewer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"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":54,"_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","frontend","project",{"_34":115,"_13":14,"_47":116,"_117":-5,"_118":54,"_119":120,"_121":120,"_122":-5,"_123":-5,"_124":125,"_126":107,"_127":46,"_128":46,"_129":-5,"_130":49,"_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":54},"tree",[61,62,63,64],"file",{"_34":57,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":58,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_18":60},"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":24,"_51":52,"_53":54,"_55":-5,"_18":56},"id","ea7dbfa6-47cf-11f0-a3a1-76b3cceeab13","index.html","fileId","ea7dc06e-47cf-11f0-a3a1-76b3cceeab13","parentId","01f6a4ee-92ab-4a24-9934-1b7142f73fbe","branchId","9376be60-47cf-11f0-a966-76b3cceeab13","branchVersion",4,"latest",true,"createdAt",["D",1749761876621],0,"fileType","content","\n\n\n \n \n SNOTEL Data Viewer\n \n \n \n\n\n

\n \n \n\n","deleted",false,"label",[19,36],"ea7dd892-47cf-11f0-a3a1-76b3cceeab13",["D",1749761876621],"directory",[19],{"_34":97,"_13":98,"_37":99,"_39":-5,"_41":42,"_43":100,"_45":46,"_47":101,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":102,"_18":103},{"_34":57,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":90,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":91,"_18":92},{"_34":74,"_13":75,"_37":76,"_39":-5,"_41":42,"_43":77,"_45":46,"_47":78,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":79,"_18":80},{"_34":65,"_13":66,"_37":67,"_39":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":49,"_50":24,"_51":70,"_53":54,"_55":-5,"_71":72,"_18":73},"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",[],[66],"c9879bd2-47cf-11f0-bb69-76b3cceeab13","shared","a9959294-c98a-4ec3-87a4-b9edb70b06b5",2,["D",1749761821332],[81],[75],{"_34":82,"_13":83,"_37":84,"_39":76,"_41":42,"_43":77,"_45":46,"_47":85,"_17":49,"_50":86,"_51":87,"_53":54,"_55":-5,"_71":88,"_18":89},"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}",[],[75,83],["D",1749761876621],[93],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":94,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_71":95,"_18":96},["D",1749761876621],[],[19,36],"d86c8220-47cf-11f0-b27b-76b3cceeab13","backend","0e802053-2348-490e-9328-85fc195abd99",3,["D",1749761846319],[104],[98],{"_34":105,"_13":106,"_37":107,"_39":99,"_41":42,"_43":108,"_45":46,"_47":109,"_17":110,"_50":111,"_51":112,"_53":54,"_55":-5,"_71":113,"_18":114},"433e1b72-47d0-11f0-9bc0-76b3cceeab13","index.ts","d86c726c-47cf-11f0-b27b-76b3cceeab13",11,["D",1749762025521],7,"http","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;",[],[98,106],"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":54},"branch",{"_17":108,"_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":220,"_117":-5,"_118":54,"_119":120,"_121":120,"_122":-5,"_123":-5,"_124":125,"_126":107,"_127":46,"_128":46,"_129":-5,"_130":49,"_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":221,"_148":222,"_150":223,"_152":54},[199,201,203,205],"files",[199,200,201,202,203,204,205],"counts",{"_190":49,"_191":68,"_192":49,"_32":193,"_194":195},[188],{"_34":57,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":58,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_18":187},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_18":189},[19,36],"pulls","branches","forks",{"_196":49,"_198":49},"connections",{"_196":49,"_197":49},"count","unfilledCount","emptyCount",{"_34":97,"_13":98,"_37":99,"_39":-5,"_41":42,"_43":100,"_45":46,"_47":101,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":218,"_18":219},{"_34":105,"_13":106,"_37":107,"_39":99,"_41":42,"_43":108,"_45":46,"_47":109,"_17":110,"_50":111,"_51":112,"_53":54,"_55":-5,"_71":216,"_18":217},{"_34":57,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":90,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":214,"_18":215},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":94,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_71":212,"_18":213},{"_34":74,"_13":75,"_37":76,"_39":-5,"_41":42,"_43":77,"_45":46,"_47":78,"_17":49,"_50":59,"_51":-5,"_53":54,"_55":-5,"_71":210,"_18":211},{"_34":82,"_13":83,"_37":84,"_39":76,"_41":42,"_43":77,"_45":46,"_47":85,"_17":49,"_50":86,"_51":87,"_53":54,"_55":-5,"_71":208,"_18":209},{"_34":65,"_13":66,"_37":67,"_39":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":49,"_50":24,"_51":70,"_53":54,"_55":-5,"_71":206,"_18":207},[],[66],[],[75,83],[204],[75],[],[19,36],[202],[19],[],[98,106],[200],[98],["D",1749761730628],{"_11":12,"_167":163},{"_11":12,"_161":-5,"_162":163,"_124":125,"_164":165,"_166":54},{"_17":108,"_13":16,"_34":42,"_153":115,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":14,"_160":12},"ctx",{"_146":-5,"_184":257,"_258":259,"_260":261,"_262":54,"_263":54,"_264":54,"_265":46,"_266":-5,"_267":-7,"_268":-7,"_269":49,"_270":54,"_271":54,"_272":-5,"_273":54,"_274":54,"_275":54,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":16,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"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"]