Horizon at ${latitude.toFixed(2)}, ${longitude.toFixed(2)}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_175":176,"_177":178},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_105":87,"_26":52,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","backend/index.http.ts","latestPath","fileId","86fe5e54-e423-11f0-9c73-42dde27851f2","name","index.http.ts","fileType","http","content","/**\n * Horizon - The current sky at your approximate location, rendered as a CSS gradient\n * \n * Endpoints:\n * - GET / : Full HTML page with sky gradient background (refreshes every minute)\n * - GET /api/gradient : JSON endpoint returning just the CSS gradient\n * - GET /api/gradient?lat=XX&lon=YY : JSON endpoint with custom coordinates\n * \n * The gradient can be used as a background for your personal website.\n */\n\nimport { Hono } from \"https://esm.sh/hono@4.4.6\";\nimport SunCalc from \"https://esm.sh/suncalc@1.9.0\";\nimport renderGradient from \"../shared/gradient.ts\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.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// Helper to get location from Cloudflare headers (Val Town provides these)\nfunction getLocationFromRequest(req: Request): { latitude: number; longitude: number } {\n // Val Town / Cloudflare provides geolocation in headers\n const cfLatitude = req.headers.get(\"cf-iplatitude\");\n const cfLongitude = req.headers.get(\"cf-iplongitude\");\n\n if (cfLatitude && cfLongitude) {\n return {\n latitude: parseFloat(cfLatitude),\n longitude: parseFloat(cfLongitude),\n };\n }\n\n // Fallback to a default location (can be customized)\n // Default: somewhere reasonable (0, 0 - Gulf of Guinea)\n return { latitude: 0, longitude: 0 };\n}\n\n// Generate gradient data for a given location\nfunction generateSkyGradient(latitude: number, longitude: number) {\n const now = new Date();\n const sunPos = SunCalc.getPosition(now, latitude, longitude);\n const [gradient, topVec, bottomVec] = renderGradient(sunPos.altitude);\n\n const topColor = `rgb(${topVec[0]}, ${topVec[1]}, ${topVec[2]})`;\n const bottomColor = `rgb(${bottomVec[0]}, ${bottomVec[1]}, ${bottomVec[2]})`;\n\n return {\n gradient,\n topColor,\n bottomColor,\n sunAltitude: sunPos.altitude,\n sunAzimuth: sunPos.azimuth,\n generatedAt: now.toISOString(),\n location: { latitude, longitude },\n };\n}\n\n// Main HTML page - full sky gradient with auto-refresh\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n\n // Allow lat/lon query params to override geo-detection\n const latParam = url.searchParams.get(\"lat\");\n const lonParam = url.searchParams.get(\"lon\");\n\n let latitude: number, longitude: number;\n\n if (latParam && lonParam) {\n latitude = parseFloat(latParam);\n longitude = parseFloat(lonParam);\n } else {\n const loc = getLocationFromRequest(c.req.raw);\n latitude = loc.latitude;\n longitude = loc.longitude;\n }\n\n const sky = generateSkyGradient(latitude, longitude);\n const projectVal = parseProject(import.meta.url);\n const sourceUrl = projectVal?.links?.self?.project || import.meta.url.replace(\"esm.sh\", \"val.town\");\n\n const html = `\n\n\n \n \n \n \n \n \n Horizon at ${latitude.toFixed(2)}, ${longitude.toFixed(2)}\n \n \n\n\n

📍 ${latitude.toFixed(2)}, ${longitude.toFixed(2)} • ☀️ Altitude: ${(sky.sunAltitude * 180 / Math.PI).toFixed(1)}°

View Source • API

\n\n`;\n\n return c.html(html);\n});\n\n// JSON API - returns gradient CSS and colors\napp.get(\"/api/gradient\", (c) => {\n const url = new URL(c.req.url);\n\n const latParam = url.searchParams.get(\"lat\");\n const lonParam = url.searchParams.get(\"lon\");\n\n let latitude: number, longitude: number;\n\n if (latParam && lonParam) {\n latitude = parseFloat(latParam);\n longitude = parseFloat(lonParam);\n } else {\n const loc = getLocationFromRequest(c.req.raw);\n latitude = loc.latitude;\n longitude = loc.longitude;\n }\n\n const sky = generateSkyGradient(latitude, longitude);\n\n return c.json({\n css: {\n background: sky.gradient,\n themeColor: sky.topColor,\n fallbackColor: sky.bottomColor,\n },\n sun: {\n altitudeDegrees: sky.sunAltitude * 180 / Math.PI,\n azimuthDegrees: sky.sunAzimuth * 180 / Math.PI,\n },\n location: sky.location,\n generatedAt: sky.generatedAt,\n // Include a hint about caching for client implementations\n cacheHint: \"Gradient changes every minute based on sun position\",\n }, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"public, max-age=60\",\n },\n });\n});\n\n// CORS preflight handler\napp.options(\"/api/gradient\", (c) => {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n});\n\nexport default app.fetch; // This is the entry point for HTTP vals\n","createdAt",["D",1766950168824],"branchVersion","branchId","4437fcf4-e420-11f0-81dd-42dde27851f2","id","4437ac18-e420-11f0-81dd-42dde27851f2","horizon",["D",1766948768303],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","4437ac18e42011f081dd42dde27851f2","tursoHostname","4437ac18e42011f081dd42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789443668215],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",23,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":170,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":171,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":172,"_81":173,"_83":174,"_85":24},"tree",[156,158],"files",[156,157,158],"counts",{"_146":60,"_147":143,"_148":60,"_149":150,"_151":152},"contents",[128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{"_30":127},"horizon.shapedlines.com",{"_42":140,"_31":141,"_29":142,"_133":-5,"_40":41,"_39":143,"_135":122,"_37":144,"_13":60,"_33":137,"_35":-5,"_23":24,"_138":-5,"_26":145},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":122,"_37":136,"_13":60,"_33":137,"_35":-5,"_23":24,"_138":-5,"_26":139},"86ee5ce8-e423-11f0-9c73-42dde27851f2","shared","86ee5d9c-e423-11f0-9c73-42dde27851f2","parentId",2,"latest",["D",1766950168718],"directory","label",[131],"86d69afe-e423-11f0-8ebd-42dde27851f2","backend","86d69b9e-e423-11f0-8ebd-42dde27851f2",1,["D",1766950168563],[141],"pulls","branches","forks","envVars",{"_153":60,"_155":60},"connections",{"_153":60,"_154":60},"count","unfilledCount","emptyCount",{"_42":140,"_31":141,"_29":142,"_133":-5,"_40":41,"_39":143,"_135":122,"_37":167,"_13":60,"_33":137,"_35":-5,"_23":24,"_138":-5,"_160":168,"_26":169},{"_42":163,"_31":32,"_29":30,"_133":142,"_40":41,"_39":14,"_135":24,"_37":164,"_13":60,"_33":34,"_35":36,"_23":24,"_138":-5,"_160":165,"_26":166},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":122,"_37":159,"_13":60,"_33":137,"_35":-5,"_23":24,"_138":-5,"_160":161,"_26":162},["D",1766950168718],"children",[],[131],"86fe5d96-e423-11f0-9c73-42dde27851f2",["D",1766950168824],[],[141,32],["D",1766950168563],[157],[141],["D",1766948768303],["D",1789443668215],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_124":208,"_209":210,"_211":212,"_213":24,"_214":24,"_215":24,"_216":122,"_217":-5,"_218":-7,"_219":-7,"_220":60,"_221":24,"_222":24,"_223":-5,"_224":24,"_225":24,"_226":24,"_227":-5},"ENV",{"_179":180,"_181":182,"_183":87,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v3