[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_284":285,"_286":287},"routes/_app.x.$handle.$name",{"_101":100,"_32":45,"_110":91,"_27":55,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"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":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",16,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","posts/log-001-exsoylent-green.md","latestPath","fileId","bf614ffc-3baa-11f1-8d20-42b51c65c3df","name","log-001-exsoylent-green.md","fileType","content","---\ntitle: Project Log 001 - Building exsoylent.green\ndate: 2026-04-19\ndescription: The build log for this very website — exsoylent.green, project #001.\ntags: project-log, val-town, web\n---\n\n# Project Log #001 — Building exsoylent.green\n\n**Project:** [exsoylent.green](https://www.val.town/x/exsoylentgr33n/exsoylent_dot_green)\n**Status:** 🟢 Live\n**Started:** April 2026\n\n## What is it?\n\nA personal website and blog, built entirely on [Val Town](https://val.town). It serves as a project tracker, build log, and essay archive.\n\n## Architecture\n\n- **Runtime:** Val Town (Deno-based serverless TypeScript)\n- **Routing:** Hono\n- **Rendering:** React SSR (server-side rendered)\n- **Styling:** Tailwind CSS (homepage) + Water.css (posts)\n- **Content:** Markdown files with frontmatter, rendered with react-markdown\n- **Features:** RSS feed, syntax highlighting, mermaid diagrams, tag system\n\n## What I learned\n\n- How Val Town projects are structured (HTTP handlers, scripts, file types)\n- Server-side rendering with React + Hono\n- Using markdown with frontmatter for a simple blog CMS\n- How to set up RSS feeds\n\n## What's next\n\n- [ ] Connect custom domain (exsoylent.green)\n- [ ] Add more projects\n- [ ] Upload images via blob storage\n- [ ] Refine the design\n\n---\n\n*This log will be updated as the project evolves.*\n","---\ntitle: Project Log 001 - Building exsoylent.green\ndate: 2026-04-19\ndescription: The build log for this very website — exsoylent.green, project #001.\ntags: project-log, val-town, web\n---\n\n# Project Log #001 — Building exsoylent.green\n\n**Project:** [exsoylent.green](https://www.val.town/x/exsoylentgr33n/exsoylent_dot_green)\n**Status:** 🟢 Live\n**Started:** April 2026\n\n## What is it?\n\nA personal website and blog, built entirely on [Val Town](https://val.town). It serves as a project tracker, build log, and essay archive.\n\n## Architecture\n\n- **Runtime:** Val Town (Deno-based serverless TypeScript)\n- **Routing:** Hono\n- **Rendering:** React SSR (server-side rendered)\n- **Styling:** Tailwind CSS (homepage) + Water.css (posts)\n- **Content:** Markdown files with frontmatter, rendered with react-markdown\n- **Features:** RSS feed, syntax highlighting, mermaid diagrams, tag system\n\n## What I learned\n\n- How Val Town projects are structured (HTTP handlers, scripts, file types)\n- Server-side rendering with React + Hono\n- Using markdown with frontmatter for a simple blog CMS\n- How to set up RSS feeds\n\n## What's next\n\n- [ ] Connect custom domain (exsoylent.green)\n- [ ] Add more projects\n- [ ] Upload images via blob storage\n- [ ] Refine the design\n\n---\n\n*This log will be updated as the project evolves.*","createdAt",["D",1776574463255],"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",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_43":42,"_92":44,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":45,"_99":100},"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",{"_43":44,"_32":45,"_38":279,"_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":68,"_69":70,"_71":280,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":281,"_85":282,"_87":283,"_89":25},"tree",[224,227,228,229,230,231,232,233,234,235],"files",[224,225,226,227,228,229,230,231,232,233,234,235],"counts",{"_214":64,"_215":169,"_216":64,"_217":218,"_219":220},"contents",[131,132,133,134,135,136,137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":207,"_32":208,"_30":209,"_144":-5,"_41":42,"_40":210,"_146":60,"_38":211,"_13":64,"_34":212,"_35":-5,"_24":25,"_150":-5,"_27":213},{"_43":200,"_32":201,"_30":202,"_144":-5,"_41":42,"_40":203,"_146":60,"_38":204,"_13":64,"_34":148,"_35":205,"_24":25,"_150":-5,"_27":206},{"_43":193,"_32":194,"_30":195,"_144":-5,"_41":42,"_40":196,"_146":25,"_38":197,"_13":64,"_34":148,"_35":198,"_24":25,"_150":-5,"_27":199},{"_43":186,"_32":187,"_30":188,"_144":-5,"_41":42,"_40":189,"_146":60,"_38":190,"_13":64,"_34":20,"_35":191,"_24":25,"_150":-5,"_27":192},{"_43":180,"_32":181,"_30":182,"_144":-5,"_41":42,"_40":177,"_146":25,"_38":183,"_13":64,"_34":148,"_35":184,"_24":25,"_150":-5,"_27":185},{"_43":172,"_32":173,"_30":174,"_144":-5,"_41":42,"_40":175,"_146":25,"_38":176,"_13":177,"_34":148,"_35":178,"_24":25,"_150":-5,"_27":179},{"_43":166,"_32":167,"_30":168,"_144":-5,"_41":42,"_40":169,"_146":60,"_38":170,"_13":64,"_34":148,"_35":55,"_24":25,"_150":-5,"_27":171},{"_43":159,"_32":160,"_30":58,"_144":-5,"_41":42,"_40":161,"_146":25,"_38":162,"_13":64,"_34":163,"_35":164,"_24":25,"_150":-5,"_27":165},{"_43":152,"_32":153,"_30":154,"_144":-5,"_41":42,"_40":155,"_146":25,"_38":156,"_13":64,"_34":148,"_35":157,"_24":25,"_150":-5,"_27":158},{"_43":141,"_32":142,"_30":143,"_144":-5,"_41":42,"_40":145,"_146":60,"_38":147,"_13":64,"_34":148,"_35":149,"_24":25,"_150":-5,"_27":151},"98962410-3baa-11f1-9ec2-42b51c65c3df","rss.tsx","989624ce-3baa-11f1-9ec2-42b51c65c3df","parentId",6,"latest",["D",1776573931559],"script","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",[142],"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",[153],"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}",[173],"76b54600-3baa-11f1-96a0-42b51c65c3df","helpers.tsx","76b546be-3baa-11f1-96a0-42b51c65c3df",["D",1776573874720],"/** @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",[181],"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",[187],"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 · v16