[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f48e18520e3532bbc3db84f8d11e1be1df06897a","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_153":154,"_172":173,"_174":-5},"handle","chriswmartin","name","untitled-956","path","main.ts","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_139":140,"_152":20},"id","aca2ffd6-d6a7-11f0-8ba7-42dde27851f2","createdAt",["D",1765467609268],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","d64c506a-4597-4bf9-ba45-8b6a781b5e0a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","f9ac693b-9e35-4e47-8d7a-2fbf852b3f25","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTBjN1NNRHdvcjN4SFo5UFVJckxsUmZXaFoifQ","org",{"_95":96,"_136":133,"_12":113,"_137":138},"avatar","tier","free","branch",{"_141":142,"_97":45,"_103":143,"_144":104,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":98,"_151":96},"version",10,"aca36d7c-d6a7-11f0-8ba7-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":155,"_97":100,"_156":157,"_158":-5,"_159":143,"_160":142,"_161":162,"_105":163,"_141":164,"_165":166,"_167":168,"_169":20,"_170":-5,"_99":171},"26f1a8ba-daa8-11f0-b983-42dde27851f2","fileId","aca599c6-d6a7-11f0-8ba7-42dde27851f2","parentId","branchId","branchVersion","latest",true,["D",1765907619112],9,"fileType","http","content","// val.town file — corrected imports and full handler\nimport SunCalc from \"https://esm.sh/suncalc@1.9.0?bundle\";\n/*\n PERCEPTUAL SKY GRADIENT MODEL\n (Calculation code preserved; only import + SunCalc usage fixed)\n*/\n\n// ---------- CONFIGURATION ----------\nconst LAT = 41.4995;\nconst LON = -81.69541;\nconst SSR_MAX = 1000; // W/m²\n\n// SSR temporal smoothing\nlet ssrHistory: number[] = [];\nconst SSR_SMOOTH_ALPHA = 0.35;\n\n// ---------- REFERENCE SKY COLORS ----------\nconst SKY_COLORS = {\n clear: {\n dawn: [\"#1a3a5c\", \"#4a6890\", \"#e8956f\"],\n earlyMorning: [\"#2d5a8c\", \"#6a94c8\", \"#c8b090\"],\n midMorning: [\"#1e5faa\", \"#5c9cd8\", \"#a5c5e8\"],\n noon: [\"#1a5eb8\", \"#4d9ee8\", \"#b8d8f8\"],\n afternoon: [\"#2868b8\", \"#5ca0e8\", \"#b0d0f0\"],\n evening: [\"#3a5a8c\", \"#7890b4\", \"#d8a880\"],\n dusk: [\"#2a3854\", \"#6a5878\", \"#f89860\"],\n },\n\n hazy: {\n dawn: [\"#5a6a7c\", \"#8a9aac\", \"#d8b8a0\"],\n day: [\"#7a9ab8\", \"#a8c0d8\", \"#d0dce8\"],\n dusk: [\"#6a7084\", \"#9a8898\", \"#d8a888\"],\n },\n\n overcast: {\n day: [\"#b0b8c0\", \"#c8d0d8\", \"#d8dce0\"],\n darkOvercast: [\"#808890\", \"#98a0a8\", \"#a8b0b8\"],\n },\n\n night: {\n clear: [\"#050510\", \"#0a0a18\", \"#101420\"],\n cloudy: [\"#1a1a20\", \"#282830\", \"#303038\"],\n },\n};\n\n// ---------- UTILITIES ----------\nfunction clamp(x: number, lo: number, hi: number): number {\n return Math.min(hi, Math.max(lo, x));\n}\n\nfunction clamp01(x: number): number {\n return clamp(x, 0, 1);\n}\n\nfunction degToRad(d: number): number {\n return d * Math.PI / 180;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n hex = hex.replace(/^#/, \"\");\n if (hex.length === 3) hex = hex.split(\"\").map((h) => h + h).join(\"\");\n const n = parseInt(hex, 16);\n return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nfunction rgbToHex(rgb: [number, number, number]): string {\n const clampByte = (v: number) => Math.max(0, Math.min(255, Math.round(v)));\n return \"#\" +\n rgb.map((v) => clampByte(v).toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nfunction mixRgb(\n a: [number, number, number],\n b: [number, number, number],\n t: number,\n): [number, number, number] {\n t = clamp01(t);\n return [\n a[0] * (1 - t) + b[0] * t,\n a[1] * (1 - t) + b[1] * t,\n a[2] * (1 - t) + b[2] * t,\n ];\n}\n\nfunction mixHex(hex1: string, hex2: string, t: number): string {\n const rgb1 = hexToRgb(hex1);\n const rgb2 = hexToRgb(hex2);\n return rgbToHex(mixRgb(rgb1, rgb2, t));\n}\n\n// Mix three-color gradients (zenith, mid, horizon)\nfunction mixGradients(\n grad1: [string, string, string],\n grad2: [string, string, string],\n t: number,\n): [string, string, string] {\n return [\n mixHex(grad1[0], grad2[0], t),\n mixHex(grad1[1], grad2[1], t),\n mixHex(grad1[2], grad2[2], t),\n ];\n}\n\n// Smooth blend between 3 gradients using smooth interpolation\nfunction blendGradients(\n grad1: [string, string, string],\n grad2: [string, string, string],\n grad3: [string, string, string],\n t: number, // 0 = grad1, 0.5 = grad2, 1 = grad3\n): [string, string, string] {\n if (t < 0.5) {\n return mixGradients(grad1, grad2, t * 2);\n } else {\n return mixGradients(grad2, grad3, (t - 0.5) * 2);\n }\n}\n\n// Temporal smoothing for SSR\nfunction smoothSSR(currentSSR: number): number {\n if (ssrHistory.length === 0) {\n ssrHistory = [currentSSR];\n return currentSSR;\n }\n\n const lastSmoothed = ssrHistory[ssrHistory.length - 1];\n const smoothed = SSR_SMOOTH_ALPHA * currentSSR +\n (1 - SSR_SMOOTH_ALPHA) * lastSmoothed;\n\n ssrHistory.push(smoothed);\n if (ssrHistory.length > 10) ssrHistory.shift();\n\n return smoothed;\n}\n\n// Smooth interpolation (ease in/out)\nfunction smoothstep(x: number): number {\n x = clamp01(x);\n return x * x * (3 - 2 * x);\n}\n\n// ---------- SKY COLOR SELECTION ----------\nfunction getSkyGradient(\n altitude: number,\n ssrNorm: number,\n phase: \"rising\" | \"setting\",\n): [string, string, string] {\n // Night condition (sun well below horizon)\n if (altitude < -12) {\n return ssrNorm > 0.3 ? SKY_COLORS.night.clear : SKY_COLORS.night.cloudy;\n }\n\n // Astronomical to nautical twilight (-12° to -6°)\n if (altitude < -6) {\n const twilightBlend = smoothstep((altitude + 12) / 6);\n const nightColors = ssrNorm > 0.3\n ? SKY_COLORS.night.clear\n : SKY_COLORS.night.cloudy;\n const twilightColors = phase === \"rising\"\n ? (ssrNorm > 0.6 ? SKY_COLORS.clear.dawn : SKY_COLORS.hazy.dawn)\n : (ssrNorm > 0.6 ? SKY_COLORS.clear.dusk : SKY_COLORS.hazy.dusk);\n return mixGradients(nightColors, twilightColors, twilightBlend);\n }\n\n // Civil twilight to sunrise/sunset (-6° to 0°)\n if (altitude < 0) {\n const civilBlend = smoothstep((altitude + 6) / 6);\n\n if (ssrNorm > 0.65) {\n // Clear twilight\n const twilightColors = phase === \"rising\"\n ? SKY_COLORS.clear.dawn\n : SKY_COLORS.clear.dusk;\n const postTwilightColors = phase === \"rising\"\n ? SKY_COLORS.clear.earlyMorning\n : SKY_COLORS.clear.evening;\n return mixGradients(twilightColors, postTwilightColors, civilBlend);\n } else if (ssrNorm > 0.35) {\n // Hazy twilight\n const twilightColors = phase === \"rising\"\n ? SKY_COLORS.hazy.dawn\n : SKY_COLORS.hazy.dusk;\n return mixGradients(twilightColors, SKY_COLORS.hazy.day, civilBlend);\n } else {\n // Overcast twilight\n return SKY_COLORS.overcast.darkOvercast;\n }\n }\n\n // Early morning/evening (0° to 10°)\n if (altitude < 10) {\n const lowBlend = smoothstep(altitude / 10);\n\n if (ssrNorm > 0.70) {\n const lowColors = phase === \"rising\"\n ? SKY_COLORS.clear.earlyMorning\n : SKY_COLORS.clear.evening;\n const risingColors = phase === \"rising\"\n ? SKY_COLORS.clear.midMorning\n : SKY_COLORS.clear.afternoon;\n return mixGradients(lowColors, risingColors, lowBlend);\n } else if (ssrNorm > 0.40) {\n return SKY_COLORS.hazy.day;\n } else {\n return ssrNorm > 0.20\n ? SKY_COLORS.overcast.day\n : SKY_COLORS.overcast.darkOvercast;\n }\n }\n\n // Morning/afternoon (10° to 30°)\n if (altitude < 30) {\n if (ssrNorm > 0.70) {\n const morningBlend = smoothstep((altitude - 10) / 20);\n const startColors = phase === \"rising\"\n ? SKY_COLORS.clear.midMorning\n : SKY_COLORS.clear.afternoon;\n return mixGradients(startColors, SKY_COLORS.clear.noon, morningBlend);\n } else if (ssrNorm > 0.40) {\n return SKY_COLORS.hazy.day;\n } else {\n return ssrNorm > 0.20\n ? SKY_COLORS.overcast.day\n : SKY_COLORS.overcast.darkOvercast;\n }\n }\n\n // High sun (30°+) - midday\n if (ssrNorm > 0.70) {\n return SKY_COLORS.clear.noon;\n } else if (ssrNorm > 0.40) {\n return SKY_COLORS.hazy.day;\n } else {\n return ssrNorm > 0.20\n ? SKY_COLORS.overcast.day\n : SKY_COLORS.overcast.darkOvercast;\n }\n}\n\n// Determine if we're in the rising or setting phase\n// Uses solar noon from getTimes\nfunction getSolarPhase(now: Date, altitude: number): \"rising\" | \"setting\" {\n try {\n const times = SunCalc.getTimes(now, LAT, LON);\n if (times && times.solarNoon && now < times.solarNoon) {\n return \"rising\";\n }\n } catch {\n // fall back to simple heuristic if getTimes fails\n if (now.getHours() < 12 && altitude >= -90) return \"rising\";\n }\n return \"setting\";\n}\n\n// ---------- SUN GLOW ----------\nfunction getSunGlow(\n altitude: number,\n azimuthRad: number,\n ssrNorm: number,\n): string {\n // No glow when sun is below horizon or very low SSR\n if (altitude < -2 || ssrNorm < 0.05) return \"\";\n\n // Sun position in CSS coordinates (50% = center)\n const sunX = 50 + Math.sin(azimuthRad) * 44;\n const sunY = 50 - Math.cos(azimuthRad) * 44;\n\n // Glow intensity based on altitude and SSR\n const altitudeFactor = clamp01((altitude + 2) / 30); // fade in from -2° to 28°\n const glowStrength = ssrNorm * altitudeFactor;\n\n // Glow color changes with altitude\n let glowColor: string;\n if (altitude < 5) {\n // Low sun: warm orange\n glowColor = \"255, 200, 150\";\n } else if (altitude < 15) {\n // Rising sun: yellow-white\n const blend = (altitude - 5) / 10;\n const r = 255;\n const g = Math.round(200 + 45 * blend);\n const b = Math.round(150 + 50 * blend);\n glowColor = `${r}, ${g}, ${b}`;\n } else {\n // High sun: pale yellow-white\n glowColor = \"255, 250, 230\";\n }\n\n // Glow sizes and intensities\n const alpha1 = clamp01(0.35 * glowStrength);\n const alpha2 = alpha1 * 0.25;\n const size1 = 8 + 12 * (1 - ssrNorm); // larger when hazy\n const size2 = 30 + 40 * (1 - ssrNorm);\n\n return `radial-gradient(circle at ${sunX.toFixed(1)}% ${sunY.toFixed(1)}%, ` +\n `rgba(${glowColor}, ${alpha1.toFixed(3)}) 0%, ` +\n `rgba(${glowColor}, ${alpha2.toFixed(3)}) ${size1.toFixed(1)}%, ` +\n `rgba(255, 255, 255, 0) ${size2.toFixed(1)}%),`;\n}\n\n// ---------- MAIN HANDLER ----------\nexport default async function handler(req: Request) {\n try {\n // Parse URL parameters for testing\n const url = new URL(req.url);\n const testHour = url.searchParams.get(\"hour\");\n const testSSR = url.searchParams.get(\"ssr\");\n const showDebug = url.searchParams.get(\"debug\") === \"1\";\n\n // Use test time or current time\n let now = new Date();\n let isTestMode = false;\n\n if (testHour !== null) {\n const hour = parseInt(testHour);\n if (!isNaN(hour) && hour >= 0 && hour < 24) {\n now = new Date();\n now.setHours(hour, 0, 0, 0);\n isTestMode = true;\n }\n }\n\n // Get sun position using named import\n const pos = SunCalc.getPosition(now, LAT, LON);\n const altitude = typeof pos.altitude === \"number\"\n ? pos.altitude * 180 / Math.PI\n : -90;\n const azimuthRad = typeof pos.azimuth === \"number\" ? pos.azimuth : 0;\n\n // Fetch SSR or use test value\n let srad: number;\n\n if (testSSR !== null) {\n // Use test SSR value\n srad = parseFloat(testSSR);\n if (isNaN(srad) || srad < 0) srad = 500;\n srad = Math.min(srad, SSR_MAX * 1.2);\n isTestMode = true;\n } else {\n // Fetch real SSR\n try {\n const res = await fetch(\n \"https://industrial.api.ubidots.com/api/v1.6/devices/864622040818805/srad/lv\",\n {\n headers: { \"X-Auth-Token\": \"BBUS-ZfwWq6ccdZtMQmgdpkXOuWfHgOqDu3\" },\n signal: AbortSignal.timeout(5000),\n },\n );\n const sradText = await res.text();\n // srad = parseFloat(sradText);\n srad = parseFloat(\"1000.0\");\n\n // Validate and bound SSR\n if (isNaN(srad) || srad < 0) {\n // Estimate from sun position\n srad = SSR_MAX * Math.max(0, Math.sin(degToRad(altitude))) * 0.75;\n }\n srad = Math.min(srad, SSR_MAX * 1.2);\n } catch (err) {\n // Fallback to theoretical estimate\n srad = SSR_MAX * Math.max(0, Math.sin(degToRad(altitude))) * 0.75;\n }\n }\n\n // Smooth SSR (only if not in test mode)\n const smoothedSSR = isTestMode ? srad : smoothSSR(srad);\n const ssrNorm = clamp01(smoothedSSR / SSR_MAX);\n\n // Determine solar phase (rising or setting) based on solar noon\n const solarPhase = getSolarPhase(now, altitude);\n\n // Get sky gradient colors based on actual sun position and phase\n const gradient = getSkyGradient(altitude, ssrNorm, solarPhase);\n\n // Apply subtle brightness adjustment based on SSR\n // High SSR = brighter, low SSR = dimmer\n const brightnessFactor = 0.85 + 0.30 * ssrNorm; // 0.85 to 1.15\n const adjustedGradient = gradient.map((hex) => {\n const rgb = hexToRgb(hex);\n const adjusted: [number, number, number] = [\n rgb[0] * brightnessFactor,\n rgb[1] * brightnessFactor,\n rgb[2] * brightnessFactor,\n ];\n return rgbToHex(adjusted);\n }) as [string, string, string];\n\n // Sun glow\n const sunGlow = getSunGlow(altitude, azimuthRad, ssrNorm);\n\n // Create CSS gradient\n const linearCss = `linear-gradient(180deg, ` +\n `${adjustedGradient[0]} 0%, ` +\n `${adjustedGradient[1]} 50%, ` +\n `${adjustedGradient[2]} 100%)`;\n const css = `${sunGlow} ${linearCss}`;\n\n // Vignette (subtle darkening at edges, more pronounced when cloudy)\n const vignette = 0.06 + 0.08 * (1 - ssrNorm);\n\n // Debug info (structured for JSON)\n const debugInfo = (showDebug || isTestMode)\n ? {\n testMode: isTestMode,\n timeISO: now.toISOString(),\n hourLocal: now.getHours(),\n altitudeDeg: Number(altitude.toFixed(2)),\n azimuthRad: Number(azimuthRad.toFixed(4)),\n smoothedSSR: Number(smoothedSSR.toFixed(2)),\n ssrNorm: Number(ssrNorm.toFixed(3)),\n phase: solarPhase,\n colors: {\n zenith: adjustedGradient[0],\n mid: adjustedGradient[1],\n horizon: adjustedGradient[2],\n },\n }\n : null;\n\n // Compose JSON response\n const payload = {\n cssGradient: css,\n linearGradient: linearCss,\n sunGlow: sunGlow || null,\n vignette,\n debug: debugInfo,\n };\n\n return new Response(JSON.stringify(payload, null, 2), {\n status: 200,\n headers: { \"content-type\": \"application/json;charset=utf-8\" },\n });\n } catch (err: any) {\n console.error(\"Sky simulation error:\", err);\n return new Response(\n JSON.stringify({ error: String(err?.message || err) }, null, 2),\n {\n status: 500,\n headers: { \"content-type\": \"application/json;charset=utf-8\" },\n },\n );\n }\n}","deleted","label",[100],"permalink","https://www.val.town/x/chriswmartin/untitled-956/code/main.ts","extension","actionData","errors"]