shapedlines

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_307":308,"_309":310},"routes/_app.x.$handle.$name",{"_102":101,"_32":45,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":60,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",32,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","index.tsx","latestPath","fileId","019b3f1b-f949-7608-a498-60d158246340","name","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { getHits } from \"./analytics.ts\";\nimport { Link } from \"./helpers.tsx\";\nimport SunCalc from \"https://esm.sh/suncalc@1.9.0\";\n// Simple gradient function to replace missing import\nfunction renderGradient(sunAltitude: number): [string, number[], number[]] {\n // Normalize sun altitude (-π/2 to π/2) to 0-1\n const normalizedAltitude = Math.max(0, Math.min(1, (sunAltitude + Math.PI/2) / Math.PI));\n \n // Define colors for different times of day\n const nightColor = [25, 25, 112]; // midnight blue\n const sunriseColor = [255, 94, 77]; // coral\n const dayColor = [135, 206, 235]; // sky blue\n const sunsetColor = [255, 165, 0]; // orange\n \n let topColor: number[], bottomColor: number[];\n \n if (normalizedAltitude < 0.1) {\n // Night\n topColor = nightColor;\n bottomColor = [15, 15, 60];\n } else if (normalizedAltitude < 0.3) {\n // Sunrise/Dawn\n topColor = sunriseColor;\n bottomColor = [255, 218, 185];\n } else if (normalizedAltitude < 0.7) {\n // Day\n topColor = dayColor;\n bottomColor = [255, 255, 255];\n } else {\n // Sunset/Dusk\n topColor = sunsetColor;\n bottomColor = [255, 228, 196];\n }\n \n const gradient = `linear-gradient(to bottom, rgb(${topColor.join(',')}), rgb(${bottomColor.join(',')}))`;\n \n return [gradient, topColor, bottomColor];\n}\n\n// San Francisco coordinates for the sky gradient\nconst SF_LAT = 37.7739043893829;\nconst SF_LON = -122.43962250314021;\n\n// Generate sky gradient CSS based on current sun position\nfunction getSkyGradient(): { gradient: string; topColor: string; bottomColor: string } {\n const sunPos = SunCalc.getPosition(new Date(), SF_LAT, SF_LON);\n const [gradient, topVec, bottomVec] = renderGradient(sunPos.altitude);\n return {\n gradient,\n topColor: `rgb(${topVec[0]}, ${topVec[1]}, ${topVec[2]})`,\n bottomColor: `rgb(${bottomVec[0]}, ${bottomVec[1]}, ${bottomVec[2]})`,\n };\n}\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage() {\n console.log(\"rendering homepage\");\n let monthHits, todayHits;\n try {\n const hits = await getHits();\n monthHits = hits.monthHits;\n todayHits = hits.todayHits;\n } catch (e) {\n console.log(\"Caught database error: \", e);\n }\n const sky = getSkyGradient();\n\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n

Diff · v32