shapedlines

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_303":304,"_305":306},"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",76,"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 { Link } from \"./helpers.tsx\";\n\n// San Francisco coordinates for the sky gradient\nconst SF_LAT = 37.7739043893829;\nconst SF_LON = -122.43962250314021;\n\n// Calculate perceived brightness of an RGB color (0 = black, 1 = white)\nfunction getLuminance(rgbString: string): number {\n const match = rgbString.match(/rgb\$(\\d+),\\s*(\\d+),\\s*(\\d+)\$/);\n if (!match) return 1; // default to bright if can't parse\n const [r, g, b] = [match[1], match[2], match[3]].map(Number);\n // Perceived brightness formula\n return (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n}\n\n// Fetch sky gradient from horizon-val API\nasync function getSkyGradient(lat: number = SF_LAT, lon: number = SF_LON): Promise<{ gradient: string; topColor: string; bottomColor: string; isDark: boolean }> {\n try {\n const response = await fetch(\n `https://shapedlines--86fe5e54e42311f09c7342dde27851f2.web.val.run/api/gradient?lat=${lat}&lon=${lon}`\n );\n if (!response.ok) {\n console.log(\"Horizon API error:\", response.status, await response.text());\n throw new Error(`API returned ${response.status}`);\n }\n const data = await response.json();\n console.log(\"Horizon API response:\", JSON.stringify(data));\n const topLuminance = getLuminance(data.css.themeColor);\n const bottomLuminance = getLuminance(data.css.fallbackColor);\n return {\n gradient: data.css.background,\n topColor: data.css.themeColor,\n bottomColor: data.css.fallbackColor,\n isDark: topLuminance < 0.15 && bottomLuminance < 0.15,\n };\n } catch (e) {\n console.log(\"Failed to fetch from horizon API:\", e);\n // Fallback to a simple gradient\n return {\n gradient: \"linear-gradient(to bottom, rgb(135, 206, 235), rgb(255, 223, 186))\",\n topColor: \"rgb(135, 206, 235)\",\n bottomColor: \"rgb(255, 223, 186)\",\n isDark: false,\n };\n }\n}\n\n// Helper to generate a dynamic SVG favicon based on the sky colors\nfunction getFaviconSvg(topColor: string, bottomColor: string): string {\n const svg = ``;\n return `data:image/svg+xml;base64,${btoa(svg)}`;\n}\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage(req?: Request) {\n let lat = SF_LAT;\n let lon = SF_LON;\n let locName = \"San Francisco, CA\";\n\n // Parse location from cookie if present\n const cookie = req?.headers.get(\"cookie\");\n if (cookie) {\n const match = cookie.match(/horizon_location=([^;]+)/);\n if (match) {\n try {\n const loc = JSON.parse(decodeURIComponent(match[1]));\n lat = loc.lat;\n lon = loc.lon;\n locName = loc.name;\n } catch (e) {\n console.error(\"Failed to parse location cookie\", e);\n }\n }\n }\n\n const sky = await getSkyGradient(lat, lon);\n\n // Always fetch SF sky for the favicon, regardless of current location\n const sfSky = (lat === SF_LAT && lon === SF_LON) ? sky : await getSkyGradient(SF_LAT, SF_LON);\n const faviconUrl = getFaviconSvg(sfSky.topColor, sfSky.bottomColor);\n\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n

Diff · v76