SNOTEL Data Viewer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"routes/_app.x.$handle.$name",{"_100":99,"_32":49,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",4,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":21,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","ea7dc06e-47cf-11f0-a3a1-76b3cceeab13","name","index.html","fileType","content","\n\n\n \n \n SNOTEL Data Viewer\n \n \n \n\n\n

\n \n \n\n","createdAt",["D",1749761876621],"branchVersion","branchId","9376be60-47cf-11f0-a966-76b3cceeab13",{"_30":44,"_32":43,"_34":45,"_35":-5,"_37":46,"_39":14,"_40":41,"_24":25},"frontend","01f6a4ee-92ab-4a24-9934-1b7142f73fbe","directory",["D",1749761876621],"id","9376734c-47cf-11f0-a966-76b3cceeab13","Snotel-Analyzer",["D",1749761730628],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","1ddd50bc-c8b7-4894-bbd7-afc2cc6750cb","pinnedFileId","d86c726c-47cf-11f0-b27b-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","71771b1e-8da0-406a-9fa3-c5006b9de404","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bjtitus","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZDNockZZOGtmYnMwRjhwdWx1QVYyNXNrVVcifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_37":207,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":208,"_84":209,"_86":210,"_88":25},"tree",[169,171,173,175],"files",[169,170,171,172,173,174,175],"counts",{"_159":66,"_160":138,"_161":66,"_162":163,"_164":165},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":157,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":158},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":151,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":152},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":148,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_27":149},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":62,"_37":140,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_27":143},"c67bef4c-47cf-11f0-a860-76b3cceeab13","README.md","c67bf000-47cf-11f0-a860-76b3cceeab13","parentId",1,"latest",["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","label",[135],"c9879bd2-47cf-11f0-bb69-76b3cceeab13","shared","a9959294-c98a-4ec3-87a4-b9edb70b06b5",2,["D",1749761821332],[145],"ea7dd892-47cf-11f0-a3a1-76b3cceeab13",["D",1749761876621],[43],"d86c8220-47cf-11f0-b27b-76b3cceeab13","backend","0e802053-2348-490e-9328-85fc195abd99",3,["D",1749761846319],[154],"pulls","branches","forks","envVars",{"_166":66,"_168":66},"connections",{"_166":66,"_167":66},"count","unfilledCount","emptyCount",{"_47":153,"_32":154,"_30":155,"_137":-5,"_40":41,"_39":156,"_139":62,"_37":204,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_177":205,"_27":206},{"_47":198,"_32":199,"_30":60,"_137":155,"_40":41,"_39":156,"_139":25,"_37":200,"_13":66,"_34":184,"_35":201,"_24":25,"_142":-5,"_177":202,"_27":203},{"_47":150,"_32":43,"_30":44,"_137":-5,"_40":41,"_39":14,"_139":62,"_37":195,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_177":196,"_27":197},{"_47":191,"_32":33,"_30":31,"_137":44,"_40":41,"_39":14,"_139":62,"_37":192,"_13":66,"_34":21,"_35":36,"_24":25,"_142":-5,"_177":193,"_27":194},{"_47":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":62,"_37":188,"_13":66,"_34":45,"_35":-5,"_24":25,"_142":-5,"_177":189,"_27":190},{"_47":180,"_32":181,"_30":182,"_137":146,"_40":41,"_39":147,"_139":62,"_37":183,"_13":66,"_34":184,"_35":185,"_24":25,"_142":-5,"_177":186,"_27":187},{"_47":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":62,"_37":176,"_13":66,"_34":21,"_35":141,"_24":25,"_142":-5,"_177":178,"_27":179},["D",1749761816224],"children",[],[135],"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}",[],[145,181],["D",1749761821332],[174],[145],"ea7dbfa6-47cf-11f0-a3a1-76b3cceeab13",["D",1749761876621],[],[43,33],["D",1749761876621],[172],[43],"d86c7186-47cf-11f0-b27b-76b3cceeab13","index.ts",["D",1749761846319],"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 // Fetch sites from AWDB API - using a sample of Colorado sites\n const response = await fetch(\n \"https://wcc.sc.egov.usda.gov/awdbRestApi/v1/stations?stationIds=335:CO:SNTL,415:CO:SNTL,505:CO:SNTL,551:CO:SNTL,713:CO:SNTL&elementCds=SNWD,WTEQ,TOBS,PREC\"\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 7 days ago for recent data\n const endDate = new Date();\n const startDate = new Date();\n startDate.setDate(startDate.getDate() - 7);\n \n const formatDate = (date: Date) => date.toISOString().split('T')[0];\n \n // Fetch recent data for sample stations\n const response = await fetch(\n `https://wcc.sc.egov.usda.gov/awdbRestApi/v1/data?stationIds=335:CO:SNTL,415:CO:SNTL,505:CO:SNTL,551:CO:SNTL,713:CO:SNTL&elementCds=SNWD,WTEQ,TOBS,PREC&ordinal=1&duration=DAILY&getFlags=false&alwaysReturnDailyFeb29=false&format=json&beginDate=${formatDate(startDate)}&endDate=${formatDate(endDate)}`\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 // Process and group data by station\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;",[],[154,199],["D",1749761846319],[170],[154],["D",1749761730628],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},{"_13":89,"_32":90,"_47":41,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"ctx",{"_82":-5,"_127":244,"_245":246,"_247":248,"_249":25,"_250":25,"_251":25,"_252":62,"_253":-5,"_254":-7,"_255":-7,"_256":66,"_257":25,"_258":25,"_259":-5,"_260":25,"_261":25,"_262":25,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":90,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"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"]

Diff · v4