{file.name}

404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}","children",[],[192],"87a3d5a0-f7fb-11f0-a858-42dde27851f2","main.tsx",89,["D",1769132013292],14,"http","import { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst app = new Hono();\n\n// Serve the stars PNG for nighttime background from blob storage\napp.get(\"/stars.png\", async (c) => {\n try {\n const response = await blob.get(\"ch_stars_compressed_90\");\n if (!response) {\n return c.text(\"Stars image not found\", 404);\n }\n // For binary files like PNG, use arrayBuffer\n const imageData = await response.arrayBuffer();\n return c.body(imageData, 200, {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=86400\"\n });\n } catch (e) {\n console.error(\"Error fetching blob:\", e);\n return c.text(\"Error: \" + String(e), 500);\n }\n});\n\n// Serve the dark mode favicon PNG from blob storage\napp.get(\"/favicon-dark.png\", async (c) => {\n try {\n const response = await blob.get(\"ch_favicon_32x32\");\n if (!response) {\n return c.text(\"Favicon image not found\", 404);\n }\n const imageData = await response.arrayBuffer();\n return c.body(imageData, 200, {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=86400\"\n });\n } catch (e) {\n console.error(\"Error fetching favicon blob:\", e);\n return c.text(\"Error: \" + String(e), 500);\n }\n});\n\napp.get(\"/\", (c) => Homepage(c.req.raw));\napp.get(\"/*\", (c) => renderPage(c.req.raw));\napp.onError((e) => Promise.reject(e));\nexport default app.fetch;",[],[201],"b339ccc2-42b2-11f1-8c86-42b51c65c3df","index.tsx","019b3f1b-f949-7608-a498-60d158246340",["D",1777347070351],70,"/** @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 = sfSky.isDark \n ? \"/favicon-dark.png\" \n : getFaviconSvg(sfSky.topColor, sfSky.bottomColor);\n const faviconType = sfSky.isDark ? \"image/png\" : \"image/svg+xml\";\n\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n \n \n

History · .vtignore