{file.name}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_299":300,"_301":302},"routes/_app.x.$handle.$name",{"_101":100,"_32":44,"_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":48,"_126":127,"_128":25,"_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",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":25,"_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":48},"version",42,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","analytics.ts","latestPath","fileId","019b3f1b-f949-7608-a498-5acdc5cc7781","name","fileType","script","content","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function getHits() {\n const winner = await Promise.race([\n _getHits(),\n new Promise((resolve) => setTimeout(resolve, 1000)),\n ]);\n if (!winner) throw new Error(\"Took longer than 1 second to get hits\");\n return winner;\n}\n\nasync function _getHits() {\n const [, { rows: [[monthHits]] }, { rows: [[todayHits]] }] = await sqlite\n .batch([\n \"INSERT INTO stevekrouse_com_hits DEFAULT VALUES\",\n \"SELECT COUNT(*) FROM stevekrouse_com_hits where strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now')\",\n \"SELECT COUNT(*) from stevekrouse_com_hits where strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now') AND strftime('%d', timestamp) = strftime('%d', 'now')\",\n ]);\n return { monthHits, todayHits };\n}","createdAt",["D",1767213324069],"branchVersion","branchId","4839b4b2-de23-11f0-816e-42dde27851f2","id","48375500-de23-11f0-816e-42dde27851f2","shapedlinesdotcom",["D",1766290356487],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","personal site, forked from steve ( for now :) ) ","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c50e3472-e5d2-4b60-5702-1517f2763a00/square512?exp=1789556399&sig=0ea7c779f14df9f64a9d12c097bb16c64fdc36165fc6a7433a241e02bf6eebb5","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","019b3f1b-f949-7608-a498-65a2cde27489","pinPreview","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":48},"branch",{"_13":86,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":50,"_94":95,"_96":97,"_98":44,"_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",{"_42":43,"_32":44,"_37":295,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":25,"_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":296,"_81":297,"_83":298,"_85":48},"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",{"_42":95,"_32":141,"_52":142,"_54":-5,"_49":50,"_79":143},"upstreamBranch",{"_42":90,"_37":134,"_135":136,"_32":87,"_88":95,"_13":137,"_89":-5,"_91":-5,"_138":139,"_46":-5,"_85":48,"_49":50,"_99":140,"_64":97,"_98":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_58":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",{"_42":211,"_32":212,"_30":213,"_157":-5,"_40":41,"_39":158,"_159":48,"_37":214,"_13":63,"_33":215,"_35":-5,"_24":48,"_162":-5,"_27":216},{"_42":204,"_32":205,"_30":206,"_157":-5,"_40":41,"_39":207,"_159":25,"_37":208,"_13":63,"_33":20,"_35":209,"_24":48,"_162":-5,"_27":210},{"_42":197,"_32":198,"_30":199,"_157":-5,"_40":41,"_39":200,"_159":25,"_37":201,"_13":63,"_33":20,"_35":202,"_24":48,"_162":-5,"_27":203},{"_42":191,"_32":192,"_30":193,"_157":-5,"_40":41,"_39":194,"_159":25,"_37":195,"_13":158,"_33":20,"_35":110,"_24":48,"_162":-5,"_27":196},{"_42":184,"_32":185,"_30":186,"_157":-5,"_40":41,"_39":187,"_159":25,"_37":188,"_13":63,"_33":20,"_35":189,"_24":48,"_162":-5,"_27":190},{"_42":178,"_32":179,"_30":180,"_157":-5,"_40":41,"_39":158,"_159":25,"_37":181,"_13":63,"_33":34,"_35":182,"_24":48,"_162":-5,"_27":183},{"_42":170,"_32":171,"_30":172,"_157":-5,"_40":41,"_39":173,"_159":48,"_37":174,"_13":175,"_33":34,"_35":176,"_24":48,"_162":-5,"_27":177},{"_42":164,"_32":165,"_30":58,"_157":-5,"_40":41,"_39":158,"_159":48,"_37":166,"_13":63,"_33":167,"_35":168,"_24":48,"_162":-5,"_27":169},{"_42":154,"_32":155,"_30":156,"_157":-5,"_40":41,"_39":158,"_159":25,"_37":160,"_13":63,"_33":34,"_35":161,"_24":48,"_162":-5,"_27":163},"483cd89a-de23-11f0-816e-42dde27851f2","post-helpers.tsx","019b3f1b-f949-7608-a498-68701de8f45d","parentId",1,"latest",["D",1766290356487],"/** @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],"483cd6a6-de23-11f0-816e-42dde27851f2","main.tsx",["D",1766290356487],"http","import { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\n\nconst app = new Hono();\napp.get(\"/\", () => Homepage());\napp.get(\"/favicon.ico\", () => new Response(null, { status: 404 }));\napp.get(\"/*\", (c) => renderPage(c.req.raw));\napp.onError((e) => Promise.reject(e));\nexport default app.fetch;",[165],"3bbe09dc-e688-11f0-8255-42dde27851f2","index.tsx","019b3f1b-f949-7608-a498-60d158246340",41,["D",1767213324056],36,"/** @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// Fetch sky gradient from horizon-val API\nasync function getSkyGradient(): Promise<{ gradient: string; topColor: string; bottomColor: string }> {\n try {\n const response = await fetch(\n `https://shapedlines--86fe5e54e42311f09c7342dde27851f2.web.val.run/api/gradient?lat=${SF_LAT}&lon=${SF_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 return {\n gradient: data.css.background,\n topColor: data.css.themeColor,\n bottomColor: data.css.fallbackColor,\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 };\n }\n}\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage() {\n const sky = await getSkyGradient();\n\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n

Diff · v42