[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_290":291,"_292":293},"routes/_app.x.$handle.$name",{"_107":106,"_38":51,"_116":97,"_33":61,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":-5,"_128":-5,"_129":31,"_130":131,"_132":66,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",20,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","94e95427-8700-4b42-9340-35180cddd17b","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","helpers.tsx","latestPath","fileId","76b546be-3baa-11f1-96a0-42b51c65c3df","name","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nconst linkClass = \"text-blue-500 hover:underline\";\nexport const Link = (\n { children, href }: {\n children?: React.ReactNode;\n href: string;\n },\n) => {children};\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nconst linkClass = \"hover:underline\";\nexport const Link = (\n { children, href }: {\n children?: React.ReactNode;\n href: string;\n },\n) => {children};\n","createdAt",["D",1776574690529],"branchVersion","branchId","2b23afd8-3ba5-11f1-996d-42b51c65c3df","id","2b22e242-3ba5-11f1-996d-42b51c65c3df","exsoylent_dot_green",["D",1776571600453],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","The personal site of Exsoylent Green, exsoylent.green.","imageUrl","","f82d7dbb-2899-430f-8e34-4c8688c5bdad","pinnedFileId","b33a479c-3baa-11f1-8a2f-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d9718-256f-7298-9fbe-f431f2222f7e","tursoName","2b22e2423ba511f1996d42b51c65c3df","tursoHostname","2b22e2423ba511f1996d42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789535451117],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},"branch",{"_13":96,"_38":97,"_49":48,"_98":50,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":51,"_105":106},"isOwned",150,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","exsoylentgr33n","handle","displayName","exsoylent.green","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/d5ab7370-1e50-4785-676b-e5b0019d2900/square512?exp=1789577999&sig=390c781204a778d64130c8013cde0d9455a1a7b55763a405a061dcc9cd5e2b52","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":285,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":286,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":287,"_91":288,"_93":289,"_95":31},"tree",[226,229,230,231,232,233,234,235,236,237],"files",[226,227,228,229,230,231,232,233,234,235,236,237],"counts",{"_216":70,"_217":174,"_218":70,"_219":220,"_221":222},"contents",[137,138,139,140,141,142,143,144,145,146],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":209,"_38":210,"_36":211,"_150":-5,"_47":48,"_46":212,"_152":66,"_44":213,"_13":70,"_39":214,"_41":-5,"_30":31,"_155":-5,"_33":215},{"_49":202,"_38":203,"_36":204,"_150":-5,"_47":48,"_46":205,"_152":66,"_44":206,"_13":70,"_39":40,"_41":207,"_30":31,"_155":-5,"_33":208},{"_49":195,"_38":196,"_36":197,"_150":-5,"_47":48,"_46":198,"_152":31,"_44":199,"_13":70,"_39":40,"_41":200,"_30":31,"_155":-5,"_33":201},{"_49":188,"_38":189,"_36":190,"_150":-5,"_47":48,"_46":191,"_152":66,"_44":192,"_13":70,"_39":26,"_41":193,"_30":31,"_155":-5,"_33":194},{"_49":185,"_38":34,"_36":37,"_150":-5,"_47":48,"_46":14,"_152":31,"_44":186,"_13":174,"_39":40,"_41":43,"_30":31,"_155":-5,"_33":187},{"_49":177,"_38":178,"_36":179,"_150":-5,"_47":48,"_46":180,"_152":31,"_44":181,"_13":182,"_39":40,"_41":183,"_30":31,"_155":-5,"_33":184},{"_49":171,"_38":172,"_36":173,"_150":-5,"_47":48,"_46":174,"_152":66,"_44":175,"_13":70,"_39":40,"_41":61,"_30":31,"_155":-5,"_33":176},{"_49":164,"_38":165,"_36":64,"_150":-5,"_47":48,"_46":166,"_152":31,"_44":167,"_13":70,"_39":168,"_41":169,"_30":31,"_155":-5,"_33":170},{"_49":157,"_38":158,"_36":159,"_150":-5,"_47":48,"_46":160,"_152":31,"_44":161,"_13":70,"_39":40,"_41":162,"_30":31,"_155":-5,"_33":163},{"_49":147,"_38":148,"_36":149,"_150":-5,"_47":48,"_46":151,"_152":66,"_44":153,"_13":70,"_39":40,"_41":154,"_30":31,"_155":-5,"_33":156},"98962410-3baa-11f1-9ec2-42b51c65c3df","rss.tsx","989624ce-3baa-11f1-9ec2-42b51c65c3df","parentId",6,"latest",["D",1776573931559],"import { getPostMetadata, ensurePostsLoaded, type PostMeta } from \"./post-helpers.tsx\";\n\nconst SITE_URL = \"https://exsoylent.green\";\n\nfunction escapeXml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nexport async function generateRSSFeed(): Promise {\n await ensurePostsLoaded();\n\n const posts = getPostMetadata()\n .filter((p) => p.date)\n .sort((a, b) => new Date(b.date!).getTime() - new Date(a.date!).getTime());\n\n const items = posts\n .map(\n (p) => ` \n ${escapeXml(p.title)}\n ${SITE_URL}/${p.slug}\n ${SITE_URL}/${p.slug}\n ${new Date(p.date!).toUTCString()}${\n p.description\n ? `\\n ${escapeXml(p.description)}`\n : \"\"\n }\n `,\n )\n .join(\"\\n\");\n\n const xml = `\n\n \n Exsoylent Green\n ${SITE_URL}\n Projects, logs, and essays by Exsoylent Green\n en-us\n \n${items}\n \n`;\n\n return new Response(xml, {\n headers: {\n \"Content-Type\": \"application/rss+xml; charset=utf-8\",\n },\n });\n}\n","label",[148],"94f56690-3baa-11f1-9ec2-42b51c65c3df","post-helpers.tsx","94f56776-3baa-11f1-9ec2-42b51c65c3df",5,["D",1776573925471],"/** @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\";\nimport rehypeSlug from \"https://esm.sh/rehype-slug@6?deps=react@18.2.0\";\nimport rehypeAutolinkHeadings from \"https://esm.sh/rehype-autolink-headings@7?deps=react@18.2.0\";\nimport rehypeRaw from \"https://esm.sh/rehype-raw@7?deps=react@18.2.0\";\nimport ValTown from \"npm:@valtown/sdk@1.9.0\";\nimport { PostTemplate } from \"./PostTemplate.tsx\";\n\nexport interface PostMeta {\n title: string;\n tags: string[];\n slug: string;\n date?: string;\n description?: string;\n}\n\nfunction parseFrontmatter(markdown: string): { meta: Record; content: string } {\n const match = markdown.match(/^---\\n([\\s\\S]*?)\\n---\\n([\\s\\S]*)$/);\n if (!match) return { meta: {}, content: markdown };\n const meta: Record = {};\n for (const line of match[1].split(\"\\n\")) {\n const idx = line.indexOf(\":\");\n if (idx > 0) {\n meta[line.slice(0, idx).trim()] = line.slice(idx + 1).trim();\n }\n }\n return { meta, content: match[2] };\n}\n\nlet postMetadata: PostMeta[] = [];\n\nexport function getPostMetadata(): PostMeta[] {\n return postMetadata;\n}\n\nasync function loadFile(file: ValTown.Vals.Files.FileRetrieveResponse) {\n if (file.name.endsWith(\".tsx\")) {\n return (await import(file.links.module)).default;\n } else if (file.name.endsWith(\".html\")) {\n const html = await readFile(file.path);\n return () =>\n new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n } else if (file.name.endsWith(\".md\")) {\n const raw = await readFile(file.path);\n const { meta, content } = parseFrontmatter(raw);\n\n const titleMatch = content.match(/^#\\s+(.+)$/m);\n const title = meta.title || (titleMatch ? titleMatch[1] : file.name.replace(\".md\", \"\"));\n\n const tags = meta.tags\n ? meta.tags.split(\",\").map((t: string) => t.trim()).filter(Boolean)\n : [];\n\n const date = meta.date || undefined;\n const description = meta.description || undefined;\n\n const firstImageMatch = content.match(/!\\[.*?\\]\$(.*?)\$/);\n const ogImage = meta.ogImage || (firstImageMatch ? firstImageMatch[1] : undefined);\n\n const slug = file.name.split(\".\")[0].toLowerCase();\n\n postMetadata.push({ title, tags, slug, date, description });\n\n return function () {\n return new Response(\n renderToString(\n \n {content}\n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n };\n }\n}\n\nasync function getPosts() {\n postMetadata = [];\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),\n ],\n ),\n ),\n );\n return posts;\n}\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}\n\nlet posts;\nexport async function ensurePostsLoaded() {\n if (!posts) posts = await getPostsBounded();\n}\nexport async function renderPage(req: Request) {\n await ensurePostsLoaded();\n\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 return new Response(\n `

404: exsoylent.green${url.pathname}${url.search}

`,\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n",[158],"b33a462a-3baa-11f1-8a2f-42b51c65c3df","main.tsx",8,["D",1776573976243],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage, getPostMetadata, ensurePostsLoaded } from \"./post-helpers.tsx\";\nimport { generateRSSFeed } from \"./rss.tsx\";\nimport { listFilesByPath, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { PostTemplate } from \"./PostTemplate.tsx\";\n\nconst SOURCE = \"https://www.val.town/x/exsoylentgr33n/exsoylent_dot_green\";\n\nlet blogPostsCache: Map | null = null;\n\nasync function getBlogPostsMap() {\n if (blogPostsCache) return blogPostsCache;\n \n const files = await listFilesByPath(\"posts\");\n blogPostsCache = new Map(\n files.map(file => {\n const slug = file.name.split(\".\")[0].toLowerCase();\n const sourceUrl = `${SOURCE}/code/${file.path}`;\n return [slug, sourceUrl];\n })\n );\n \n return blogPostsCache;\n}\n\nfunction getBlogPostBySlug(slug: string, postsMap: Map) {\n const sourceUrl = postsMap.get(slug);\n if (!sourceUrl) return null;\n return { valSourceURL: sourceUrl };\n}\n\nasync function renderTagsPage(tag?: string) {\n await ensurePostsLoaded();\n const allPosts = getPostMetadata();\n\n const tagMap = new Map();\n for (const post of allPosts) {\n for (const t of post.tags) {\n if (!tagMap.has(t)) tagMap.set(t, []);\n tagMap.get(t)!.push({ title: post.title, slug: post.slug });\n }\n }\n\n const sortedTags = [...tagMap.keys()].sort((a, b) => a.localeCompare(b));\n\n if (tag) {\n const decodedTag = decodeURIComponent(tag);\n const postsForTag = tagMap.get(decodedTag) || [];\n return new Response(\n renderToString(\n \n

Posts tagged \"{decodedTag}\"

\n ← All tags\n

\n {postsForTag.length === 0\n ?

No posts found with this tag.

\n : (\n

\n {p.title}\n

\n )}\n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n }\n\n return new Response(\n renderToString(\n \n

\n Exsoylent Green\n

\n 👋 Hi, I'm Joe. I am learning to build things using{\" \"}\n Val Town.\n

\n This site will serve as a project log to organize and track what I\n make.\n

\n This site was{\" \"}\n \n built in Val Town\n . 🤙\n

\n\n

Projects

\n 2026 Apr -\n \n #001 - exsoylent.green\n \n
\n \n TBD -\n \n #002 - Coming soon\n
\n \n TBD -\n \n #003 - Coming soon\n
\n \n TBD -\n \n #004 - Coming soon\n
\n \n TBD -\n \n #005 - Coming soon\n
\n \n TBD -\n \n #006 - Coming soon\n
\n \n TBD -\n \n #007 - Coming soon\n
\n \n TBD -\n \n #008 - Coming soon\n
\n \n TBD -\n \n #009 - Coming soon\n
\n \n TBD -\n \n #010 - Coming soon\n

\n\n

Project Logs

\n 2026 Apr -\n \n #001 - Building exsoylent.green\n \n

\n\n

Essays

\n 2026 Apr -\n \n Hello World\n \n

\n\n

\n Twitter/X |{\" \"}\n \n Val Town\n {\" \"}\n | RSS\n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n}",[178],"5d6ae892-3bac-11f1-ad77-42b51c65c3df",["D",1776574690529],[34],"cda841c4-3baa-11f1-8d20-42b51c65c3df","README.md","cda842f0-3baa-11f1-8d20-42b51c65c3df",13,["D",1776574020596],"# exsoylent.green\n\nPersonal website, project tracker, and blog — built on [Val Town](https://val.town).\n\n## Structure\n\n```\nmain.tsx → HTTP entrypoint (Hono router)\nindex.tsx → Homepage rendering\nPostTemplate.tsx → Blog post page template\npost-helpers.tsx → Markdown loading, frontmatter parsing\nhelpers.tsx → Shared UI components (Link)\nFooter.tsx → Post footer\nrss.tsx → RSS feed generator\nposts/ → Markdown content (essays + project logs)\n```\n\n## Sections\n\n- **Projects** — Numbered list of Val Town projects with links\n- **Project Logs** — Build docs & post-mortems for each project\n- **Essays** — General blog posts\n\n## Adding Content\n\nCreate a `.md` file in `posts/` with frontmatter:\n\n```markdown\n---\ntitle: My Post Title\ndate: 2026-04-19\ndescription: Short description for RSS/OG tags\ntags: tag1, tag2\n---\n\n# My Post Title\n\nContent here...\n```\n\nThen add a link to it on the homepage in `index.tsx`.\n\n## Tech Stack\n\n- **Hono** for routing\n- **React SSR** for rendering\n- **Tailwind CSS** (homepage) + **Water.css** (posts)\n- **react-markdown** with rehype plugins for content\n- **Highlight.js** for syntax highlighting\n- **Mermaid** for diagrams\n- **RSS** feed at `/rss.xml`\n\n## Domain\n\nCurrently at `exsoylentgr33n.val.run` — will be connected to `exsoylent.green`.\n",[189],"87272cf6-3baa-11f1-a58a-42b51c65c3df","PostTemplate.tsx","87272daa-3baa-11f1-a58a-42b51c65c3df",4,["D",1776573902307],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Footer } from \"./Footer.tsx\";\n\ninterface PostTemplateProps {\n title?: string;\n description?: string;\n ogImage?: string;\n tags?: string[];\n children: React.ReactNode;\n}\n\nexport function PostTemplate({\n title = \"Exsoylent Green\",\n description,\n ogImage,\n tags,\n children,\n}: PostTemplateProps) {\n const faviconSvg = `data:image/svg+xml,${\n encodeURIComponent(`\n \n `)\n }`;\n\n return (\n \n \n {title}\n \n \n \n \n\n \n \n {description && (\n <>\n \n \n \n \n )}\n {ogImage && (\n <>\n \n \n \n \n )}\n \n\n \n \n \n \n\n \n\n

Posts tagged \"{decodedTag}\"

Tags

\n \n {t}\n {\" \"}\n \n ({tagMap.get(t)!.length})\n \n

\n Exsoylent Green\n

Projects

Project Logs

Essays

Diff · v20