{file.name}

[{"_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",{"_101":100,"_32":45,"_109":87,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":59,"_129":-5,"_130":-5,"_131":132},"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":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",68,"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","main.tsx","latestPath","fileId","019b3f1b-f949-7608-a498-65a2cde27489","name","fileType","http","content","import { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\nimport { blob } from \"esm.town\";\n\nconst app = new Hono();\n\n// Serve the stars SVG for nighttime background from blob storage\napp.get(\"/stars.svg\", async (c) => {\n const imageBytes = await blob.get(\"ch_stars_svg\");\n if (imageBytes) {\n return new Response(imageBytes, {\n headers: { \n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\"\n }\n });\n } else {\n return new Response(\"Stars SVG not found in blob storage\", { status: 404 });\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;","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 SVG for nighttime background from blob storage\napp.get(\"/stars.svg\", async (c) => {\n const imageBytes = await blob.get(\"ch_stars_svg\");\n if (imageBytes) {\n return new Response(imageBytes, {\n headers: { \n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\"\n }\n });\n } else {\n return new Response(\"Stars SVG not found in blob storage\", { status: 404 });\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;","createdAt",["D",1767310659520],"branchVersion","branchId","4839b4b2-de23-11f0-816e-42dde27851f2","id","48375500-de23-11f0-816e-42dde27851f2","shapedlinesdotcom",["D",1766290356487],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","personal site, forked from steve ( for now :) ) ","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c50e3472-e5d2-4b60-5702-1517f2763a00/square512?exp=1789549199&sig=f219dff7b2ab29f585ab4f34249f8961f903d1e822c7873dda78577bf1585e80","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":97,"_98":45,"_99":100},"isOwned",96,"main","projectId","forkedBranchId","9724c258-e985-11ef-b2c8-e6cdfca9ef9f","forkedBranchVersion",502,"forkedProjectPrivacy","forkedProjectId","972467e0-e985-11ef-b2c8-e6cdfca9ef9f","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":299,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":300,"_81":301,"_83":302,"_85":25},"tree",[227,232,233,234,235,236,237,238,239],"files",[227,228,229,230,231,232,233,234,235,236,237,238,239],"counts",{"_217":63,"_218":158,"_219":63,"_220":221,"_222":223},"contents",[145,146,147,148,149,150,151,152,153],"upstreamProject",{"_43":95,"_32":141,"_52":142,"_54":-5,"_49":50,"_79":143},"upstreamBranch",{"_43":90,"_38":134,"_135":136,"_32":87,"_88":95,"_13":137,"_89":-5,"_91":-5,"_138":139,"_47":-5,"_85":25,"_49":50,"_99":140,"_64":97,"_98":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_31":133},"shapedlines.com",["D",1739394544742],"updatedAt",["D",1784749093711],1160,"lockfileKey","1784749093847-esm.town_v_stevekrouse_stevekrouse_dot_com@1160-main","stevekrouse","stevekrouse_dot_com","The personal site of Steve Krouse, stevekrouse.com",{"_101":140,"_108":144},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_43":210,"_32":211,"_30":212,"_157":-5,"_41":42,"_40":213,"_159":59,"_38":214,"_13":63,"_33":215,"_35":-5,"_24":25,"_163":-5,"_27":216},{"_43":203,"_32":204,"_30":205,"_157":-5,"_41":42,"_40":206,"_159":59,"_38":207,"_13":63,"_33":20,"_35":208,"_24":25,"_163":-5,"_27":209},{"_43":196,"_32":197,"_30":198,"_157":-5,"_41":42,"_40":199,"_159":59,"_38":200,"_13":63,"_33":20,"_35":201,"_24":25,"_163":-5,"_27":202},{"_43":190,"_32":191,"_30":192,"_157":-5,"_41":42,"_40":193,"_159":59,"_38":194,"_13":158,"_33":20,"_35":110,"_24":25,"_163":-5,"_27":195},{"_43":183,"_32":184,"_30":185,"_157":-5,"_41":42,"_40":186,"_159":59,"_38":187,"_13":63,"_33":20,"_35":188,"_24":25,"_163":-5,"_27":189},{"_43":177,"_32":178,"_30":179,"_157":-5,"_41":42,"_40":158,"_159":59,"_38":180,"_13":63,"_33":161,"_35":181,"_24":25,"_163":-5,"_27":182},{"_43":169,"_32":170,"_30":171,"_157":-5,"_41":42,"_40":172,"_159":25,"_38":173,"_13":174,"_33":161,"_35":175,"_24":25,"_163":-5,"_27":176},{"_43":165,"_32":28,"_30":31,"_157":-5,"_41":42,"_40":14,"_159":25,"_38":166,"_13":167,"_33":34,"_35":37,"_24":25,"_163":-5,"_27":168},{"_43":154,"_32":155,"_30":156,"_157":-5,"_41":42,"_40":158,"_159":59,"_38":160,"_13":63,"_33":161,"_35":162,"_24":25,"_163":-5,"_27":164},"483cd89a-de23-11f0-816e-42dde27851f2","post-helpers.tsx","019b3f1b-f949-7608-a498-68701de8f45d","parentId",1,"latest",["D",1766290356487],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n listFilesByPath,\n readFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\n\nasync function loadFile(file) {\n if (file.name.endsWith(\".tsx\")) {\n return (await import(file.links.module)).default;\n } else if (file.name.endsWith(\".md\")) {\n const markdown = await readFile(file.path);\n return function () {\n return new Response(\n renderToString(\n \n \n \n {file.name}\n \n \n {markdown}\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n };\n }\n}\n\nasync function getPosts() {\n const posts = Object.fromEntries(\n await Promise.all(\n (await listFilesByPath(\"posts\"))\n .map(\n async (\n file,\n ) => [\n file.name.split(\".\")[0].toLowerCase(),\n await loadFile(file), // could defer this until someone wants this particular file\n ],\n ),\n ),\n );\n return posts;\n}\nasync function getPostsBounded() {\n const posts = await Promise.race([\n getPosts(),\n new Promise((resolve) => setTimeout(resolve, 5000)),\n ]);\n if (!posts) {\n console.error(\"Timeout fetching posts\");\n return [];\n }\n console.log(`Fetched ${Object.keys(posts).length} posts`);\n return posts;\n}\nlet posts;\n\nexport async function renderPage(req: Request) {\n if (!posts) posts = await getPostsBounded();\n console.log(posts);\n\n // render /posts/* in this val\n const url = new URL(req.url);\n const name = url.pathname.slice(1);\n const post = posts[name.toLowerCase()];\n if (post) return post(req);\n\n // look up page on github pages\n const githubPagesUrl =\n `https://stevekrouse.github.io${url.pathname}${url.search}`;\n const response = await fetch(\n new Request(githubPagesUrl, {\n method: req.method,\n headers: new Headers({\n ...Object.fromEntries(req.headers),\n \"User-Agent\": \"Val Town\",\n }),\n }),\n );\n if (response.status !== 404) return response;\n\n // return 404\n return new Response(\n renderToString(

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

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}","label",[155],"dc31ac7e-e76a-11f0-8f72-42dde27851f2",["D",1767310659520],7,[28],"a4ce7288-e75d-11f0-98d7-42dde27851f2","index.tsx","019b3f1b-f949-7608-a498-60d158246340",65,["D",1767304983136],49,"/** @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 · v68