{title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_486":487,"_488":489},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":58,"_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":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",2,"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/2025-04-07-blog.md","latestPath","fileId","8055d649-6fc9-4fbd-b392-1f9e23855508","name","2025-04-07-blog.md","fileType","content","---\ntitle: The Val Town Blog is now hosted on Val Town\ndescription: We migrated this blog to Val Town Projects\npubDate: 2025-04-07T00:00:00.000Z\nauthor: Steve Krouse\n---\n\nWe migrated our blog to Val Town 🥳\n\nWith some cleverness, we completed this migration of over 60 old blog posts in about one day. Now our deployments happen instantly (~100ms), and we've greatly simplified our blogging stack.\n\n| | Before | Now |\n|---------------------|---------------------------|------------|\n| **Rendering** | Astro | React |\n| **Version control** | GitHub | Val Town |\n| **Text editing** | local editor | Val Town |\n| **Deployment** | Cloudflare Pages + GitHub | Val Town |\n| **Hosting** | Cloudflare Pages | Val Town |\n| **CDN** | Cloudflare | Cloudflare |\n\n## Should you migrate your blog to Val Town? \n\nMaybe! It depends on your constraints and what matters to you. We care deeply about:\n\n1. Tight feedback loops\n2. Simple, browser-based workflows\n3. A fast migration\n\nWe also care deeply about dogfooding, but unless you're us – and unfortunately most of you aren't – that one doesn't apply to you.\n\n## First, why you **shouldn't** migrate your blog to Val Town\n\n1. Val Town Projects are beta software, so you'd be on the cutting-edge alongside us. We're coming up with patterns that you'd get for free from mature blogging tools like Astro and Cloudflare Pages.\n2. Val Town doesn't have good workflows for bundlers or build steps, so it's hard to use anything that requires vite, etc.\n3. Val Town doesn't (yet) have pull request comments.\n\nPersonally, I value simplicity, so I don't mind building my own basic blog from scratch without a bundler. I do miss pull requests comments though. We plan on building them soon.\n\n## Why you might be worried to migrate to Val Town\n\n1. **Lock-in**. Val Town is built on web standards, so you can easily leave for another deployment platform like Cloudflare, Vercel, or Deno Deploy. We'll even help you migrate. We believe in the open web.\n\n2. **Price**. We have a generous free tier, so your blog can go viral on HN, get 100k hits in a day, and you pay $0. Need additional scale beyond that? It's still free! At lesat for the next couple months while our Scale Plan is in beta. When ready, our pricing will be in line with other FaaS providers.\n\nOk, now that we got that out of the way, here's why you might want to blog on Val Town...\n\n## Tight feedback loops\n\nWe at Val Town are obsessed with tight feedback loops. \n\n> \"Creators need an immediate connection to what they're creating.\"\n> \n> – Bret Victor, \"Inventing on Principle\"\n\nIn some ways, this singular comittment to tight feedback loops is what seperates Val Town from all other code hosting & deployment platforms. We believe that you should be able to *iterate directly in your production environment*, not iterate locally, then deploy, then wait minutes to see how things look live.\n\nIn Val Town, a save *is* a deploy, and it happens in about 100ms. We go to great technical lengths to make this possible. This means no waiting minutes to see what your post looks like live. You get the fast local dev experience, but with production. And this goes for branches too. Every edit of every branch is instantly deployed in a shareable URL.\n\n## Simpler, browser-based workflow\n\nVal Town lets you use fewer tools. It replaces:\n\n* your local text editor,\n* git + GitHub for version control\n* whatever you use for deployment and hosting, Cloudflare, Vercel, Render, Railway, Heroku, Digital Ocean, Hertzner, etc\n\nSimpler, browser-based workflows are particularly important for casual contributors, such as less technical folks on your team or strangers on the internet. Val Town is a single website for code to be edited, versioned, collaborated on, and deployed. No need for anyone to install or use git, clone the repo locally, install programming languages and dependencies, or use a local text editor. \n\nFor example, here's how to make a change to this blog that you're reading right now:\n\nTODO Video\n\nIdeal script, anonymous:\n\n1. Click \"edit this page\" on this blog\n2. Get taken to an editable view of this markdown (no signup, no remix)\n3. Make an edit, ie fix a typo\n4. Cmd+enter shows how it'd look live (run code in a temp remix, auto-shows index.ts's preview)\n5. AI-generated title & description that auto-updates as you make edits, in the 'create pull request' notice, that you can edit (speculative, could be in a form)\n6. Press 'create pull request' on that page (pr from an anonymous user)\n\nIdeal script, authenticated:\n\n1. Click \"edit this page\" on this blog\n2. Get taken to an editable view of this markdown (without remix)\n3. Make an edit, ie fix a typo\n4. Cmd+enter shows how it'd look live (without remix, auto-shows index.ts's preview)\n5. Press 'create pull request' on that page (pr from an 'external branch')\n\nScript with the tech we have:\n\n1. Click `view source` on this blog\n2. Click `Remix`\n3. Click `>` on posts\n4. Click on this blog.md\n5. Click `Code`\n6. Fix a typo\n7. Click home\n8. Click on the blog post\n9. See it fixed\n10. Click 'Compare branch'\n11. Scroll down\n12. Click Create Pull Request\n13. Type in PR title\n14. Click Create Pull Request\n\nThis is too many steps! Still better than Github? Yes by at least 2x for casual users given the complexity of local setup.\n\nThings we can build to improve this:\n\n1. Pin Preview button in file ... menu so I can do it after making the change\n2. Pin button on home preview so I can do that before navigating to the file\n3. Collapse the uuid in the url on default to scroll-left always being prioritized so you can see the path (otherwise it's useless)\n4. Find another way to show the live changes, ie jackson's left-bottom corner preview hover widget idea\n\nVal Town are unqiuely positioned to allow anyone see their changes deployed live in their remix, because we host both your source code *and* your deployments. \n\n## A fast migration\n\nHow did we migrate 65 blog posts – with images, videos, and intricate formatting and styles – to an entirely new blog in a single day?\n\nWe didn't. We left them where they are, and proxy to them.\n\nWriting a proxy in Val Town (or any functions platform with the ['fetch handler' interface](https://blog.val.town/blog/the-api-we-forgot-to-name/)) is always a delight:\n\n```ts\nconst OLD_BLOG_HOST = \"https://val-town-blog.pages.dev/\";\nexport async function proxy(req: Request): Promise {\n const url = new URL(req.url);\n return fetch(OLD_BLOG_URL + url.pathname + url.search, {\n method: req.method,\n headers: req.headers,\n });\n}\n```\n\nSo if you go to view [blog.val.town/blog/val-town-newsletter-24](https://blog.val.town/blog/val-town-newsletter-24)\nyou'll see exactly what you would at [val-town-blog.pages.dev/blog/val-town-newsletter-24](https://val-town-blog.pages.dev/blog/val-town-newsletter-24). I find it eerie that proxies work so well.\n\nWe've had reasonable success with this technique of migrating to Val Town quickly by proxying most old content, and only rebuilding the homepage and new posts. I first used this technique on my personal website, [stevekrouse.com](https://stevekrouse.com), and was pleased to see it continue to work here.\n\n## Get yourself a Val Town blog\n\nIf you are starting a new blog from scratch, remix [this markdown blog starter](https://www.val.town/x/stevekrouse/markdownBlogStarter).\n\nIf you are migrating an existing blog, feel free to remix [this blog](https://www.val.town/x/valdottown/blog), because it comes with good patterns for proxying to old content.","---\ntitle: The Val Town Blog is now hosted on Val Town\ndescription: We migrated this blog to Val Town Projects\npubDate: 2025-04-07T00:00:00.000Z\nauthor: Steve Krouse\n---\n\nWe migrated our blog to Val Town 🥳\n\nWith some cleverness, we completed this migration of over 60 old blog posts in about one day. Now our deployments happen instantly (~100ms), and we've greatly simplified our blogging stack.\n\n| | Before | Now |\n|---------------------|---------------------------|------------|\n| **Rendering** | Astro | React |\n| **Version control** | GitHub | Val Town |\n| **Text editing** | local editor | Val Town |\n| **Deployment** | Cloudflare Pages + GitHub | Val Town |\n| **Hosting** | Cloudflare Pages | Val Town |\n| **CDN** | Cloudflare | Cloudflare |\n\n## Should you migrate your blog to Val Town? \n\nMaybe! It depends on your constraints and what matters to you. We care deeply about:\n\n1. Tight feedback loops\n2. Simple, browser-based workflows\n3. A fast migration\n\nWe also care deeply about dogfooding, but unless you're us – and unfortunately most of you aren't – that one doesn't apply to you.\n\n## First, why you **shouldn't** migrate your blog to Val Town\n\n1. Val Town Projects are beta software, so you'd be on the cutting-edge alongside us. We're coming up with patterns that you'd get for free from mature blogging tools like Astro and Cloudflare Pages.\n2. Val Town doesn't have good workflows for bundlers or build steps, so it's hard to use anything that requires vite, etc.\n3. Val Town doesn't (yet) have pull request comments.\n\nPersonally, I value simplicity, so I don't mind building my own basic blog from scratch without a bundler. I do miss pull requests comments though. We plan on building them soon.\n\n## Why you might be worried to migrate to Val Town\n\n1. **Lock-in**. Val Town is built on web standards, so you can easily leave for another deployment platform like Cloudflare, Vercel, or Deno Deploy. We'll even help you migrate. We believe in the open web.\n\n2. **Price**. We have a generous free tier, so your blog can go viral on HN, get 100k hits in a day, and you pay $0. Need additional scale beyond that? It's still free! At least for the next couple months while our Scale Plan is in beta. When ready, our pricing will be in line with other FaaS providers.\n\nOk, now that we got that out of the way, here's why you might want to blog on Val Town...\n\n## Tight feedback loops\n\nWe at Val Town are obsessed with tight feedback loops. \n\n> \"Creators need an immediate connection to what they're creating.\"\n> \n> – Bret Victor, \"Inventing on Principle\"\n\nIn some ways, this singular comittment to tight feedback loops is what separates Val Town from all other code hosting & deployment platforms. We believe that you should be able to *iterate directly in your production environment*, not iterate locally, then deploy, then wait minutes to see how things look live.\n\nIn Val Town, a save *is* a deploy, and it happens in about 100ms. We go to great technical lengths to make this possible. This means no waiting minutes to see what your post looks like live. You get the fast local dev experience, but with production. And this goes for branches too. Every edit of every branch is instantly deployed in a shareable URL.\n\n## Simpler, browser-based workflow\n\nVal Town lets you use fewer tools. It replaces:\n\n* your local text editor,\n* git + GitHub for version control\n* whatever you use for deployment and hosting, Cloudflare, Vercel, Render, Railway, Heroku, Digital Ocean, Hertzner, etc\n\nSimpler, browser-based workflows are particularly important for casual contributors, such as less technical folks on your team or strangers on the internet. Val Town is a single website for code to be edited, versioned, collaborated on, and deployed. No need for anyone to install or use git, clone the repo locally, install programming languages and dependencies, or use a local text editor. \n\nFor example, here's how to make a change to this blog that you're reading right now:\n\nTODO Video\n\nIdeal script, anonymous:\n\n1. Click \"edit this page\" on this blog\n2. Get taken to an editable view of this markdown (no signup, no remix)\n3. Make an edit, ie fix a typo\n4. Cmd+enter shows how it'd look live (run code in a temp remix, auto-shows index.ts's preview)\n5. AI-generated title & description that auto-updates as you make edits, in the 'create pull request' notice, that you can edit (speculative, could be in a form)\n6. Press 'create pull request' on that page (pr from an anonymous user)\n\nIdeal script, authenticated:\n\n1. Click \"edit this page\" on this blog\n2. Get taken to an editable view of this markdown (without remix)\n3. Make an edit, ie fix a typo\n4. Cmd+enter shows how it'd look live (without remix, auto-shows index.ts's preview)\n5. Press 'create pull request' on that page (pr from an 'external branch')\n\nScript with the tech we have:\n\n1. Click `view source` on this blog\n2. Click `Remix`\n3. Click `>` on posts\n4. Click on this blog.md\n5. Click `Code`\n6. Fix a typo\n7. Click home\n8. Click on the blog post\n9. See it fixed\n10. Click 'Compare branch'\n11. Scroll down\n12. Click Create Pull Request\n13. Type in PR title\n14. Click Create Pull Request\n\nThis is too many steps! Still better than Github? Yes by at least 2x for casual users given the complexity of local setup.\n\nThings we can build to improve this:\n\n1. Pin Preview button in file ... menu so I can do it after making the change\n2. Pin button on home preview so I can do that before navigating to the file\n3. Collapse the uuid in the url on default to scroll-left always being prioritized so you can see the path (otherwise it's useless)\n4. Find another way to show the live changes, ie jackson's left-bottom corner preview hover widget idea\n\nVal Town is unqiuely positioned to allow anyone see their changes deployed live in their remix, because we host both your source code *and* your deployments. \n\n## A fast migration\n\nHow did we migrate 65 blog posts – with images, videos, and intricate formatting and styles – to an entirely new blog in a single day?\n\nWe didn't. We left them where they are and proxy to them.\n\nWriting a proxy in Val Town (or any functions platform with the ['fetch handler' interface](https://blog.val.town/blog/the-api-we-forgot-to-name/)) is always a delight:\n\n```ts\nconst OLD_BLOG_HOST = \"https://val-town-blog.pages.dev/\";\nexport async function proxy(req: Request): Promise {\n const url = new URL(req.url);\n return fetch(OLD_BLOG_URL + url.pathname + url.search, {\n method: req.method,\n headers: req.headers,\n });\n}\n```\n\nSo if you go to view [blog.val.town/blog/val-town-newsletter-24](https://blog.val.town/blog/val-town-newsletter-24)\nyou'll see exactly what you would at [val-town-blog.pages.dev/blog/val-town-newsletter-24](https://val-town-blog.pages.dev/blog/val-town-newsletter-24). I find it eerie that proxies work so well.\n\nWe've had reasonable success with this technique of migrating to Val Town quickly by proxying most old content, and only rebuilding the homepage and new posts. I first used this technique on my personal website, [stevekrouse.com](https://stevekrouse.com), and was pleased to see it continue to work here.\n\n## Get yourself a Val Town blog\n\nIf you are starting a new blog from scratch, remix [this markdown blog starter](https://www.val.town/x/stevekrouse/markdownBlogStarter).\n\nIf you are migrating an existing blog, feel free to remix [this blog](https://www.val.town/x/valdottown/blog), because it comes with good patterns for proxying to old content.","createdAt",["D",1744032451185],"branchVersion","branchId","531cc670-13b3-11f0-b624-569c3dd06744","id","531a69b6-13b3-11f0-b624-569c3dd06744","blog",["D",1744032136271],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","266db743-f16d-40bd-8224-97e81d2ad817","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":14,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned","main","projectId","forkedBranchId","6b9ea75a-0ffc-11f0-aae0-569c3dd06744","forkedBranchVersion",189,"forkedProjectPrivacy","forkedProjectId","6b9c47c6-0ffc-11f0-aae0-569c3dd06744","forkedProjectOrgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName","userHandle","shouser","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":482,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":483,"_80":484,"_82":485,"_84":25},"tree",[215,228,232,239,241,249,250,251,252],"files",[215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252],"counts",{"_205":62,"_206":154,"_207":62,"_208":209,"_210":211},"contents",[142,143,144,145,146,147,148,149,150],"upstreamProject",{"_43":93,"_32":45,"_52":138,"_53":139,"_49":50,"_78":140},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":134,"_87":-5,"_89":-5,"_135":136,"_47":-5,"_84":25,"_49":50,"_97":137,"_63":95,"_96":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743623725997],"updatedAt",["D",1789054957645],827,"lockfileKey","1789054957972-esm.town_v_valdottown_blog@827-main","valdottown","blog.val.town - The official Val Town blog, built on Val Town","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/17615000-9d9a-4575-e54f-3cce896c8101/square512?exp=1789590933&sig=405209ad3e980a2fa3e040b6d1ba82132dd3275302bbc6adb9738470ed239f23",{"_99":137,"_106":141},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9",{"_43":200,"_32":201,"_30":202,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":203,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_27":204},{"_43":195,"_32":196,"_30":197,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":198,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_27":199},{"_43":190,"_32":191,"_30":192,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":193,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_27":194},{"_43":185,"_32":186,"_30":187,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":188,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_27":189},{"_43":179,"_32":180,"_30":181,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":182,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_27":184},{"_43":173,"_32":174,"_30":175,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":176,"_13":62,"_34":20,"_35":177,"_24":25,"_159":-5,"_27":178},{"_43":167,"_32":168,"_30":169,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":170,"_13":62,"_34":20,"_35":171,"_24":25,"_159":-5,"_27":172},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":164,"_13":62,"_34":20,"_35":165,"_24":25,"_159":-5,"_27":166},{"_43":151,"_32":152,"_30":56,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":156,"_13":62,"_34":157,"_35":158,"_24":25,"_159":-5,"_27":160},"531ffb88-13b3-11f0-b624-569c3dd06744","index.ts","parentId",1,"latest",["D",1744032136271],"http","import { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport blogRoutes from \"./routes/blog.ts\";\nimport faviconRoute from \"./routes/favicon.svg.ts\";\nimport homeRoutes from \"./routes/home.ts\";\nimport ogImageRoute from \"./routes/og-image.ts\";\nimport proxyRoutes from \"./routes/proxy.ts\";\nimport rssRoute from \"./routes/rss.ts\";\n\nconst app = new Hono();\n\napp.route(\"/\", homeRoutes);\napp.route(\"/blog\", blogRoutes);\napp.route(\"/rss.xml\", rssRoute);\napp.route(\"/favicon.svg\", faviconRoute);\napp.route(\"/og-image.png\", ogImageRoute);\n\n// Everything else, proxy to the old blog\napp.route(\"*\", proxyRoutes);\n\n// Unwrap Hono errors to see original error details\napp.onError((err: any, c: any) => {\n throw err;\n});\n\n// Export the fetch handler for Val Town\nexport default app.fetch;","label",[152],"531ff9c6-13b3-11f0-b624-569c3dd06744","TODOs.md","df153389-8c07-4b54-acd2-0a0420b4ad2a",["D",1744032136271],"- [ ] Make it look prettier\n- [x] Use something lighter-weight than TailwindCSS - maybe twind.dev? maybe hardcoded css?\n- [ ] Make it faster\n- [ ] Add cache headers for Cloudflare.\n - [ ] Is there a way to bust the cache manually via api can we call that everytime we save a new version?\n- [x] Add og: content for new posts hosted here (old posts will have it still)\n- [ ] Deploy it to blog.val.town!\n- [ ] Update the announcement post to remove the \"in one day\" stuff\n- [ ] Tweet about the migration!\n- [ ] Add author profile pics on home and posts",[162],"531ff71e-13b3-11f0-b624-569c3dd06744","README.md","664789ce-99bb-442f-812e-7a8724176ef1",["D",1744032136271],"# Val Town Blog\n\n## Overview\n\nThe Val Town Blog has undergone a migration from its original hosting on Astro and Cloudflare Pages to being hosted directly on Val Town. This repository contains the code that powers the current blog implementation.\n\n## How It Works\n\n### Blog Architecture\n\n- **New Posts**: New blog posts are written in markdown with YAML frontmatter and stored in the `/blog-posts` directory\n- **Legacy Posts**: For older blog posts, we proxy requests to the original blog hosted at Cloudflare Pages\n- **Homepage**: The homepage is dynamically constructed by:\n 1. Reading local markdown files from the `/blog-posts` directory\n 2. Parsing the RSS feed from the old blog at `https://val-town-blog.pages.dev/rss.xml`\n 3. Merging and sorting the posts by date\n 4. Rendering the combined content with a consistent design using Tailwind CSS\n\n### Components Structure\n\n- **`/index.tsx`**: Main entry point that handles routing and proxying\n- **`/components/`**: React components for rendering the blog\n - **`Layout.tsx`**: Shared layout component with header and Tailwind setup\n - **`HomePage.tsx`**: Renders the blog homepage with the list of posts\n - **`BlogPost.tsx`**: Renders individual blog posts\n- **`/utils/blogPosts.ts`**: Utilities for fetching, parsing, and caching blog posts\n- **`/blog-posts/`**: Directory containing markdown files for blog posts\n\n### Technical Stack\n\n- **React**: For rendering components\n- **Tailwind CSS**: For styling (via CDN)\n- **Unified/Remark/Rehype**: For markdown processing with GitHub Flavored Markdown support\n- **RSS Parser**: For fetching posts from the old blog's RSS feed\n- **Gray Matter**: For parsing YAML frontmatter\n\n## Adding New Blog Posts\n\nTo add a new blog post to the Val Town Blog:\n\n1. Create a markdown file in the `/blog-posts` directory with YAML frontmatter:\n\n```markdown\n---\ntitle: My New Blog Post\ndescription: A brief description of the post\npubDate: 2025-04-01T00:00:00.000Z\nauthor: Your Name\n---\n\nContent of your blog post in markdown format...\n```\n\n2. The post will automatically appear on the homepage and be accessible at `/blog/[filename]` (without the .md extension)\n\n## Markdown Features\n\nThe blog supports GitHub Flavored Markdown (GFM) with:\n\n- Tables\n- Task lists\n- Strikethrough\n- Autolinks\n- Code syntax highlighting\n- Heading IDs (via rehype-slug)\n\n## Development\n\nWhen modifying the blog system:\n\n1. Update the React components in the `/components` directory\n2. Modify the blog post utilities in `/utils/blogPosts.ts`\n3. Test changes by visiting the homepage and individual blog posts\n4. For styling changes, use Tailwind CSS classes\n\n## Caching\n\nBlog posts are cached in memory to improve performance:\n\n- The cache is initialized when the server starts\n- It has a TTL of 5 minutes before being refreshed\n- This reduces the need to read files and parse RSS on every request",[168],"531ff598-13b3-11f0-b624-569c3dd06744","IMAGES.md","03abdec0-ae3d-4168-a20c-3a3176e59a82",["D",1744032136271],"Eventually we should host all our images properly, but for now, drag and drop them here 👇\n\n* https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4d90a6f7-247c-4df4-3de6-928364e10000/public\n* https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f175100b-a190-4772-7056-04c09f273a00/public",[174],"531ff44e-13b3-11f0-b624-569c3dd06744","utils","80e79190-5f0e-4b93-9d16-aac7d8a5813e",["D",1744032136271],"directory",[180],"531fdaea-13b3-11f0-b624-569c3dd06744","styles","65deed1e-bac2-4cb9-9829-ce311f9a214f",["D",1744032136271],[186],"531fbeac-13b3-11f0-b624-569c3dd06744","routes","1e9dfaa3-c292-40b3-bfcc-92954489634e",["D",1744032136271],[191],"531f9242-13b3-11f0-b624-569c3dd06744","posts","aa40ddcb-4492-41ca-b47b-69e03073f940",["D",1744032136271],[196],"531f7b18-13b3-11f0-b624-569c3dd06744","components","4ed59198-478b-4020-8d97-112605e44268",["D",1744032136271],[201],"pulls","branches","forks","envVars",{"_212":62,"_214":62},"connections",{"_212":62,"_213":62},"count","unfilledCount","emptyCount",{"_43":200,"_32":201,"_30":202,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":479,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_254":480,"_27":481},{"_43":472,"_32":473,"_30":474,"_153":202,"_41":42,"_40":154,"_155":58,"_38":475,"_13":62,"_34":270,"_35":476,"_24":25,"_159":-5,"_254":477,"_27":478},{"_43":465,"_32":466,"_30":467,"_153":202,"_41":42,"_40":154,"_155":58,"_38":468,"_13":62,"_34":270,"_35":469,"_24":25,"_159":-5,"_254":470,"_27":471},{"_43":458,"_32":459,"_30":460,"_153":202,"_41":42,"_40":154,"_155":58,"_38":461,"_13":62,"_34":270,"_35":462,"_24":25,"_159":-5,"_254":463,"_27":464},{"_43":451,"_32":452,"_30":453,"_153":202,"_41":42,"_40":154,"_155":58,"_38":454,"_13":62,"_34":270,"_35":455,"_24":25,"_159":-5,"_254":456,"_27":457},{"_43":444,"_32":445,"_30":446,"_153":202,"_41":42,"_40":154,"_155":58,"_38":447,"_13":62,"_34":270,"_35":448,"_24":25,"_159":-5,"_254":449,"_27":450},{"_43":437,"_32":438,"_30":439,"_153":202,"_41":42,"_40":154,"_155":58,"_38":440,"_13":62,"_34":270,"_35":441,"_24":25,"_159":-5,"_254":442,"_27":443},{"_43":430,"_32":431,"_30":432,"_153":202,"_41":42,"_40":154,"_155":58,"_38":433,"_13":62,"_34":270,"_35":434,"_24":25,"_159":-5,"_254":435,"_27":436},{"_43":423,"_32":424,"_30":425,"_153":202,"_41":42,"_40":154,"_155":58,"_38":426,"_13":62,"_34":270,"_35":427,"_24":25,"_159":-5,"_254":428,"_27":429},{"_43":416,"_32":417,"_30":418,"_153":202,"_41":42,"_40":154,"_155":58,"_38":419,"_13":62,"_34":270,"_35":420,"_24":25,"_159":-5,"_254":421,"_27":422},{"_43":409,"_32":410,"_30":411,"_153":202,"_41":42,"_40":154,"_155":58,"_38":412,"_13":62,"_34":270,"_35":413,"_24":25,"_159":-5,"_254":414,"_27":415},{"_43":402,"_32":403,"_30":404,"_153":202,"_41":42,"_40":154,"_155":58,"_38":405,"_13":62,"_34":270,"_35":406,"_24":25,"_159":-5,"_254":407,"_27":408},{"_43":395,"_32":396,"_30":397,"_153":202,"_41":42,"_40":154,"_155":58,"_38":398,"_13":62,"_34":270,"_35":399,"_24":25,"_159":-5,"_254":400,"_27":401},{"_43":195,"_32":196,"_30":197,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":392,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_254":393,"_27":394},{"_43":385,"_32":386,"_30":387,"_153":197,"_41":42,"_40":154,"_155":58,"_38":388,"_13":62,"_34":20,"_35":389,"_24":25,"_159":-5,"_254":390,"_27":391},{"_43":378,"_32":379,"_30":380,"_153":197,"_41":42,"_40":154,"_155":58,"_38":381,"_13":62,"_34":20,"_35":382,"_24":25,"_159":-5,"_254":383,"_27":384},{"_43":374,"_32":33,"_30":31,"_153":197,"_41":42,"_40":14,"_155":58,"_38":375,"_13":154,"_34":20,"_35":37,"_24":25,"_159":-5,"_254":376,"_27":377},{"_43":190,"_32":191,"_30":192,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":371,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_254":372,"_27":373},{"_43":364,"_32":365,"_30":366,"_153":192,"_41":42,"_40":154,"_155":58,"_38":367,"_13":62,"_34":270,"_35":368,"_24":25,"_159":-5,"_254":369,"_27":370},{"_43":357,"_32":358,"_30":359,"_153":192,"_41":42,"_40":154,"_155":58,"_38":360,"_13":62,"_34":270,"_35":361,"_24":25,"_159":-5,"_254":362,"_27":363},{"_43":350,"_32":351,"_30":352,"_153":192,"_41":42,"_40":154,"_155":58,"_38":353,"_13":62,"_34":270,"_35":354,"_24":25,"_159":-5,"_254":355,"_27":356},{"_43":343,"_32":344,"_30":345,"_153":192,"_41":42,"_40":154,"_155":58,"_38":346,"_13":62,"_34":270,"_35":347,"_24":25,"_159":-5,"_254":348,"_27":349},{"_43":336,"_32":337,"_30":338,"_153":192,"_41":42,"_40":154,"_155":58,"_38":339,"_13":62,"_34":270,"_35":340,"_24":25,"_159":-5,"_254":341,"_27":342},{"_43":329,"_32":330,"_30":331,"_153":192,"_41":42,"_40":154,"_155":58,"_38":332,"_13":62,"_34":270,"_35":333,"_24":25,"_159":-5,"_254":334,"_27":335},{"_43":185,"_32":186,"_30":187,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":326,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_254":327,"_27":328},{"_43":319,"_32":320,"_30":321,"_153":187,"_41":42,"_40":154,"_155":58,"_38":322,"_13":62,"_34":20,"_35":323,"_24":25,"_159":-5,"_254":324,"_27":325},{"_43":179,"_32":180,"_30":181,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":316,"_13":62,"_34":183,"_35":-5,"_24":25,"_159":-5,"_254":317,"_27":318},{"_43":309,"_32":310,"_30":311,"_153":181,"_41":42,"_40":154,"_155":58,"_38":312,"_13":62,"_34":270,"_35":313,"_24":25,"_159":-5,"_254":314,"_27":315},{"_43":302,"_32":303,"_30":304,"_153":181,"_41":42,"_40":154,"_155":58,"_38":305,"_13":62,"_34":270,"_35":306,"_24":25,"_159":-5,"_254":307,"_27":308},{"_43":295,"_32":296,"_30":297,"_153":181,"_41":42,"_40":154,"_155":58,"_38":298,"_13":62,"_34":270,"_35":299,"_24":25,"_159":-5,"_254":300,"_27":301},{"_43":288,"_32":289,"_30":290,"_153":181,"_41":42,"_40":154,"_155":58,"_38":291,"_13":62,"_34":270,"_35":292,"_24":25,"_159":-5,"_254":293,"_27":294},{"_43":281,"_32":282,"_30":283,"_153":181,"_41":42,"_40":154,"_155":58,"_38":284,"_13":62,"_34":270,"_35":285,"_24":25,"_159":-5,"_254":286,"_27":287},{"_43":274,"_32":275,"_30":276,"_153":181,"_41":42,"_40":154,"_155":58,"_38":277,"_13":62,"_34":270,"_35":278,"_24":25,"_159":-5,"_254":279,"_27":280},{"_43":266,"_32":267,"_30":268,"_153":181,"_41":42,"_40":154,"_155":58,"_38":269,"_13":62,"_34":270,"_35":271,"_24":25,"_159":-5,"_254":272,"_27":273},{"_43":173,"_32":174,"_30":175,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":263,"_13":62,"_34":20,"_35":177,"_24":25,"_159":-5,"_254":264,"_27":265},{"_43":167,"_32":168,"_30":169,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":260,"_13":62,"_34":20,"_35":171,"_24":25,"_159":-5,"_254":261,"_27":262},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":257,"_13":62,"_34":20,"_35":165,"_24":25,"_159":-5,"_254":258,"_27":259},{"_43":151,"_32":152,"_30":56,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":253,"_13":62,"_34":157,"_35":158,"_24":25,"_159":-5,"_254":255,"_27":256},["D",1744032136271],"children",[],[152],["D",1744032136271],[],[162],["D",1744032136271],[],[168],["D",1744032136271],[],[174],"531ff35e-13b3-11f0-b624-569c3dd06744","types.ts","e80a42ef-d746-4c23-92f9-da8af11e0749",["D",1744032136271],"script","export type BlogPost = {\n title: string;\n link: string;\n description: string;\n pubDate: string;\n author: string;\n content?: string;\n slug?: string;\n oldBlog?: boolean;\n};",[],[180,267],"531ff25a-13b3-11f0-b624-569c3dd06744","render-markdown.ts","7dedccd8-c708-4d05-8d4d-5191332f1e43",["D",1744032136271],"import rehypeHighlight from \"npm:rehype-highlight\";\nimport rehypeSlug from \"npm:rehype-slug\";\nimport rehypeStringify from \"npm:rehype-stringify\";\nimport remarkFrontmatter from \"npm:remark-frontmatter\";\nimport remarkGfm from \"npm:remark-gfm\";\nimport remarkParse from \"npm:remark-parse\";\nimport remarkRehype from \"npm:remark-rehype\";\nimport { unified } from \"npm:unified\";\n\n// Process markdown content\nexport async function processMarkdown(content: string): Promise {\n const result = await unified()\n .use(remarkParse)\n .use(remarkGfm)\n .use(remarkRehype)\n .use(rehypeSlug)\n .use(rehypeHighlight)\n .use(rehypeStringify)\n .process(content);\n\n return result.toString();\n}",[],[180,275],"531ff106-13b3-11f0-b624-569c3dd06744","posts.ts","30b1a2b6-221f-48dc-8dc9-60645e21d4ef",["D",1744032136271],"import { getAllBlogPosts } from \"./get-posts.ts\";\n\nexport const posts = await getAllBlogPosts();",[],[180,282],"531fef62-13b3-11f0-b624-569c3dd06744","get-posts.ts","27658e76-fb8d-4e67-94d8-93f657106c04",["D",1744032136271],"import { getBlogPostBySlug, getNewPosts } from \"./get-new-posts.ts\";\nimport { oldPosts } from \"./get-old-posts.ts\";\nimport { type BlogPost } from \"./types.ts\";\n\n// Get all blog posts (local + RSS)\nexport async function getAllBlogPosts(): Promise {\n return (await Promise.all([\n getNewPosts(),\n oldPosts,\n ]))\n .flat()\n .sort((a, b) => {\n return new Date(b.pubDate).getTime() - new Date(a.pubDate).getTime();\n });\n}",[],[180,289],"531fe0f8-13b3-11f0-b624-569c3dd06744","get-old-posts.ts","e6ee33d5-6ad2-426a-91c8-b69fbcdcccca",["D",1744032136271],"import RssParser from \"npm:rss-parser\";\nimport { BlogPost } from \"./types.ts\";\n\nconst OLD_BLOG_RSS = \"https://val-town-blog.pages.dev/rss.xml\";\n// Get blog posts from RSS feed\nasync function getOldPosts(): Promise {\n const parser = new RssParser();\n const feed = await parser.parseURL(OLD_BLOG_RSS);\n return feed.items.map(item => ({\n title: item.title || \"Untitled\",\n slug: item?.link?.split(\"/\")?.at(-2),\n link: \"/blog/\" + item?.link?.split(\"/\")?.at(-2),\n description: item.contentSnippet || \"\",\n pubDate: item.pubDate || new Date().toISOString(),\n author: item.creator || \"Val Town Team\",\n }));\n}\n\nexport const oldPosts: BlogPost[] = [\n {\n \"title\": \"Solving the internal / external API riddle\",\n \"slug\": \"api-conundrum\",\n \"link\": \"/blog/api-conundrum\",\n \"description\": \"Figuring out how to provide an API that's usable by everyone and fast for us to iterate on\",\n \"pubDate\": \"Thu, 27 Mar 2025 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"API Tokens Scopes\",\n \"slug\": \"api-token-scopes\",\n \"link\": \"/blog/api-token-scopes\",\n \"description\": \"Improving security with granular control over permissions\",\n \"pubDate\": \"Fri, 01 Nov 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Building a code-writing robot and keeping it happy\",\n \"slug\": \"building-a-code-writing-robot\",\n \"link\": \"/blog/building-a-code-writing-robot\",\n \"description\": \"Our experiences running LLMs in production\",\n \"pubDate\": \"Fri, 08 Nov 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"How we built Townie – an app that generates fullstack apps\",\n \"slug\": \"codegen\",\n \"link\": \"/blog/codegen\",\n \"description\": \"Like Claude Artifacts, but with a backend and database\",\n \"pubDate\": \"Thu, 22 Aug 2024 00:00:00 GMT\",\n \"author\": \"JP Posma\",\n },\n {\n \"title\": \"End-programmer Programming\",\n \"slug\": \"end-programmer-programming\",\n \"link\": \"/blog/end-programmer-programming\",\n \"description\": \"A reflection on the goal of making programming for everyone.\",\n \"pubDate\": \"Tue, 08 Nov 2022 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Expanding the Vals API - RFC\",\n \"slug\": \"expanding-the-vals-api-rfc\",\n \"link\": \"/blog/expanding-the-vals-api-rfc\",\n \"description\": \"Our REST API lets you do a lot - and soon it will enable more\",\n \"pubDate\": \"Fri, 30 Jun 2023 00:00:00 GMT\",\n \"author\": \"André Terron\",\n },\n {\n \"title\": \"What we learned copying all the best code assistants\",\n \"slug\": \"fast-follow\",\n \"link\": \"/blog/fast-follow\",\n \"description\":\n \"From GitHub Copilot to ChatGPT to Claude Artifacts, how Val Town borrowed the best of all the code generation tools\",\n \"pubDate\": \"Fri, 03 Jan 2025 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town + Fal Partnership\",\n \"slug\": \"fal\",\n \"link\": \"/blog/fal\",\n \"description\": \"Bringing lightning fast AI image generation to Val Town\",\n \"pubDate\": \"Thu, 31 Oct 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Moving from express to fastify, pt 1\",\n \"slug\": \"fastify\",\n \"link\": \"/blog/fastify\",\n \"description\": \"How switching to Fastify let us embrace runtime and compile-time types\",\n \"pubDate\": \"Tue, 02 Jul 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"The first four Val Town runtimes\",\n \"slug\": \"first-four-val-town-runtimes\",\n \"link\": \"/blog/first-four-val-town-runtimes\",\n \"description\": \"From vm to vm2 to workers to processes, the long journey to how we run vals today\",\n \"pubDate\": \"Thu, 08 Feb 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"New HTTP Val Runtime in Preview\",\n \"slug\": \"http-preview\",\n \"link\": \"/blog/http-preview\",\n \"description\": \"We built a new runtime for HTTP vals that is up to 5x faster at scale\",\n \"pubDate\": \"Wed, 17 Jul 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"HTTP Streaming in Val Town\",\n \"slug\": \"http-streaming\",\n \"link\": \"/blog/http-streaming\",\n \"description\":\n \"Val Town supports HTTP streaming for streaming LLMs, large requests and responses, and server-sent events\",\n \"pubDate\": \"Thu, 13 Jun 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Introducing val.run\",\n \"slug\": \"introducing-val-run\",\n \"link\": \"/blog/introducing-val-run\",\n \"description\": \"Increasing the security of Val Town by isolating domains.\",\n \"pubDate\": \"Fri, 23 Jun 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Migrating from Supabase\",\n \"slug\": \"migrating-from-supabase\",\n \"link\": \"/blog/migrating-from-supabase\",\n \"description\": \"Our journey from Supabase to Postgres and Render\",\n \"pubDate\": \"Fri, 19 May 2023 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"The perks of a good OpenAPI spec\",\n \"slug\": \"openapi\",\n \"link\": \"/blog/openapi\",\n \"description\": \"Taking advantage of our typed REST API to build a platform around\\nVal Town.\",\n \"pubDate\": \"Thu, 25 Jul 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Joining the Open Source Pledge\",\n \"slug\": \"oss\",\n \"link\": \"/blog/oss\",\n \"description\": \"We donated $9,600 to open-source!\",\n \"pubDate\": \"Fri, 30 Aug 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Post-mortem: esm.sh Breaking Changes\",\n \"slug\": \"post-mortem-esm-sh\",\n \"link\": \"/blog/post-mortem-esm-sh\",\n \"description\": \"Some vals experienced lockfile and React errors due to breaking changes in esm.sh\",\n \"pubDate\": \"Thu, 16 Jan 2025 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Post-mortem: Exhausted Host Connection Pool\",\n \"slug\": \"post-mortem-exhausted-host-connection-pool\",\n \"link\": \"/blog/post-mortem-exhausted-host-connection-pool\",\n \"description\": \"A single degraded host impacted certain Vals for some time.\",\n \"pubDate\": \"Tue, 31 Dec 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Post-mortem: SQLite data sharing\",\n \"slug\": \"post-mortem-sqlite-data-sharing\",\n \"link\": \"/blog/post-mortem-sqlite-data-sharing\",\n \"description\": \"Disclosing and fixing a recent security issue\",\n \"pubDate\": \"Fri, 24 Nov 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Introducing Val Town Projects\",\n \"slug\": \"projects\",\n \"link\": \"/blog/projects\",\n \"description\":\n \"Dramatically increasing the scope of what you can build in Val Town, Projects are groups of vals, files, and folders, versioned collectively\",\n \"pubDate\": \"Fri, 31 Jan 2025 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Public Key Auth: Val Town users can be your users\",\n \"slug\": \"public-key-auth-val-town-users-can-be-your-users\",\n \"link\": \"/blog/public-key-auth-val-town-users-can-be-your-users\",\n \"description\": \"A novel authorization scheme for Val Town\",\n \"pubDate\": \"Tue, 27 Jun 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Redesigning Val Pages\",\n \"slug\": \"redesigning-val-pages\",\n \"link\": \"/blog/redesigning-val-pages\",\n \"description\": \"A more understandable entry-point to Val Town\",\n \"pubDate\": \"Wed, 01 May 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"An Introduction to OpenAI fine-tuning\",\n \"slug\": \"an-introduction-to-openai-fine-tuning\",\n \"link\": \"/blog/an-introduction-to-openai-fine-tuning\",\n \"description\": \"How to customize OpenAI to your liking\",\n \"pubDate\": \"Fri, 25 Aug 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Improving the Val Editor\",\n \"slug\": \"editor-redesign\",\n \"link\": \"/blog/editor-redesign\",\n \"description\": \"Designing the core UI of editing\",\n \"pubDate\": \"Mon, 11 Dec 2023 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"How we lock your dependencies\",\n \"slug\": \"lockfiles\",\n \"link\": \"/blog/lockfiles\",\n \"description\": \"Adding lockfiles to Val Town for stability, security, and performance.\",\n \"pubDate\": \"Fri, 23 Aug 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Post-mortem: Blob Storage Outage\",\n \"slug\": \"post-mortem-blob-storage-outage\",\n \"link\": \"/blog/post-mortem-blob-storage-outage\",\n \"description\": \"Disclosure, mitigation, and next steps\",\n \"pubDate\": \"Thu, 02 May 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Code Search is Hard\",\n \"slug\": \"search-notes\",\n \"link\": \"/blog/search-notes\",\n \"description\": \"Searching code at scale without employing a search team is hard\",\n \"pubDate\": \"Wed, 10 Apr 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Security Disclosure 1\",\n \"slug\": \"security-disclosure-1\",\n \"link\": \"/blog/security-disclosure-1\",\n \"description\": \"Replacing our sandbox in response to a security disclosure\",\n \"pubDate\": \"Fri, 13 Jan 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Security Disclosure 2\",\n \"slug\": \"security-disclosure-2\",\n \"link\": \"/blog/security-disclosure-2\",\n \"description\": \"Missing permissions-checking in our internal save endpoint\",\n \"pubDate\": \"Thu, 01 Aug 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Val Town's Seed Round\",\n \"slug\": \"seed\",\n \"link\": \"/blog/seed\",\n \"description\": \"We raised $5.5m to make programming fun, accessible, and collaborative.\",\n \"pubDate\": \"Tue, 09 Apr 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"The API we forgot to name\",\n \"slug\": \"the-api-we-forgot-to-name\",\n \"link\": \"/blog/the-api-we-forgot-to-name\",\n \"description\": \"An API that takes a Request and returns a Response - what was that, again?\",\n \"pubDate\": \"Thu, 19 Oct 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Introducing Townie AI\",\n \"slug\": \"townie\",\n \"link\": \"/blog/townie\",\n \"description\": \"Meet Townie, our AI assistant that helps you ship apps fast\",\n \"pubDate\": \"Thu, 26 Sep 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Restricted Library Mode\",\n \"slug\": \"restricted-library-mode\",\n \"link\": \"/blog/restricted-library-mode\",\n \"description\": \"Evolving Val Town’s security model\",\n \"pubDate\": \"Thu, 04 May 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Deprecating the Run API\",\n \"slug\": \"deprecating-the-run-api\",\n \"link\": \"/blog/deprecating-the-run-api\",\n \"description\": \"Not every function should be an API\",\n \"pubDate\": \"Wed, 07 Feb 2024 00:00:00 GMT\",\n \"author\": \"André Terron\",\n },\n {\n \"title\": \"Using Val Town to chart dependency bloat\",\n \"slug\": \"devstats\",\n \"link\": \"/blog/devstats\",\n \"description\": \"Building a simple aggregate view of our codebase\",\n \"pubDate\": \"Fri, 13 Dec 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Val Town Newsletter 0\",\n \"slug\": \"val-town-newsletter-0\",\n \"link\": \"/blog/val-town-newsletter-0\",\n \"description\": \"Smarter typeahead, tutorials, much more.\",\n \"pubDate\": \"Tue, 20 Sep 2022 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Zod is amazing. Here’s why we're also using TypeBox\",\n \"slug\": \"typebox\",\n \"link\": \"/blog/typebox\",\n \"description\": \"Why we’re using TypeBox instead of Zod for our server validation layer\",\n \"pubDate\": \"Mon, 15 Jul 2024 00:00:00 GMT\",\n \"author\": \"Tom MacWright\",\n },\n {\n \"title\": \"Val Town Newsletter 1\",\n \"slug\": \"val-town-newsletter-1\",\n \"link\": \"/blog/val-town-newsletter-1\",\n \"description\": \"Programmatic notifications, Hacker News API, and more.\",\n \"pubDate\": \"Wed, 04 Jan 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 10\",\n \"slug\": \"val-town-newsletter-10\",\n \"link\": \"/blog/val-town-newsletter-10\",\n \"description\": \"A year of Val Town!\",\n \"pubDate\": \"Wed, 05 Jul 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 13\",\n \"slug\": \"val-town-newsletter-13\",\n \"link\": \"/blog/val-town-newsletter-13\",\n \"description\": \"SQLite, Blob Storage, updates to how Vals are named, and more\",\n \"pubDate\": \"Tue, 28 Nov 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 11\",\n \"slug\": \"val-town-newsletter-11\",\n \"link\": \"/blog/val-town-newsletter-11\",\n \"description\": \"Hiring, podcasts, and more!\",\n \"pubDate\": \"Mon, 31 Jul 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 12\",\n \"slug\": \"val-town-newsletter-12\",\n \"link\": \"/blog/val-town-newsletter-12\",\n \"description\": \"Product Hunt, v3 in development, and more\",\n \"pubDate\": \"Tue, 05 Sep 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Introducing Val Town v3\",\n \"slug\": \"introducing-val-town-v3\",\n \"link\": \"/blog/introducing-val-town-v3\",\n \"description\": \"Our move to embrace web standards\",\n \"pubDate\": \"Tue, 03 Oct 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Why is spawning a new process in Node so slow?\",\n \"slug\": \"node-spawn-performance\",\n \"link\": \"/blog/node-spawn-performance\",\n \"description\": \"At Val Town we spawn a lot of processes. We're working on making it faster\",\n \"pubDate\": \"Fri, 19 Jul 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Val Town Newsletter 14\",\n \"slug\": \"val-town-newsletter-14\",\n \"link\": \"/blog/val-town-newsletter-14\",\n \"description\": \"Pull Requests, Val Editor Redesign, AI Suggestions, OSS Docs, New Astro Blog, Templates\",\n \"pubDate\": \"Fri, 15 Dec 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 15\",\n \"slug\": \"val-town-newsletter-15\",\n \"link\": \"/blog/val-town-newsletter-15\",\n \"description\": \"Custom domains, Logs 3.0, Faster HTTP responses, Status page & much more!\",\n \"pubDate\": \"Tue, 13 Feb 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 17\",\n \"slug\": \"val-town-newsletter-17\",\n \"link\": \"/blog/val-town-newsletter-17\",\n \"description\": \"Improved performance, redesigned val page, live coding, and much more!\",\n \"pubDate\": \"Wed, 29 May 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 2\",\n \"slug\": \"val-town-newsletter-2\",\n \"link\": \"/blog/val-town-newsletter-2\",\n \"description\": \"Your monthly update of cool vals!\",\n \"pubDate\": \"Mon, 23 Jan 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 18\",\n \"slug\": \"val-town-newsletter-18\",\n \"link\": \"/blog/val-town-newsletter-18\",\n \"description\": \"HTTP Streaming, Semantic Search, Townie AI Chat, and a TypeScript SDK\",\n \"pubDate\": \"Tue, 25 Jun 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 16\",\n \"slug\": \"val-town-newsletter-16\",\n \"link\": \"/blog/val-town-newsletter-16\",\n \"description\": \"Our seed round, growing team, Codeium completions, @std/openai, and more\",\n \"pubDate\": \"Mon, 22 Apr 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 19\",\n \"slug\": \"val-town-newsletter-19\",\n \"link\": \"/blog/val-town-newsletter-19\",\n \"description\":\n \"Full-screen Editor, 5x faster HTTP vals, new Dashboard, improved Search, Townie redesign, Trending redesign, Profile filters, and more!\",\n \"pubDate\": \"Tue, 23 Jul 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 20\",\n \"slug\": \"val-town-newsletter-20\",\n \"link\": \"/blog/val-town-newsletter-20\",\n \"description\": \"Townie AI, Faster vals, and Lockfiles\",\n \"pubDate\": \"Sat, 07 Sep 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 21\",\n \"slug\": \"val-town-newsletter-21\",\n \"link\": \"/blog/val-town-newsletter-21\",\n \"description\": \"Townie upgrades & faster HTTP vals\",\n \"pubDate\": \"Fri, 11 Oct 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 22\",\n \"slug\": \"val-town-newsletter-22\",\n \"link\": \"/blog/val-town-newsletter-22\",\n \"description\": \"Townie upgrades, Scoped API permissions, Fal partnership\",\n \"pubDate\": \"Mon, 02 Dec 2024 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 23\",\n \"slug\": \"val-town-newsletter-23\",\n \"link\": \"/blog/val-town-newsletter-23\",\n \"description\": \"Projects beta, Deno 2, Use cases, and more\",\n \"pubDate\": \"Wed, 22 Jan 2025 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 24\",\n \"slug\": \"val-town-newsletter-24\",\n \"link\": \"/blog/val-town-newsletter-24\",\n \"description\":\n \"Val Town Projects, Highlight to edit, Logs redesign, Public endpoints with private code, and much more\",\n \"pubDate\": \"Mon, 03 Mar 2025 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 3\",\n \"slug\": \"val-town-newsletter-3\",\n \"link\": \"/blog/val-town-newsletter-3\",\n \"description\": \"Expanding our founding team\",\n \"pubDate\": \"Tue, 07 Feb 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 5\",\n \"slug\": \"val-town-newsletter-5\",\n \"link\": \"/blog/val-town-newsletter-5\",\n \"description\": \"Shipping our Deno runtime\",\n \"pubDate\": \"Thu, 23 Mar 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 4\",\n \"slug\": \"val-town-newsletter-4\",\n \"link\": \"/blog/val-town-newsletter-4\",\n \"description\": \"Rebuilding on Deno, HTML emails, and more\",\n \"pubDate\": \"Thu, 02 Mar 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 6\",\n \"slug\": \"val-town-newsletter-6\",\n \"link\": \"/blog/val-town-newsletter-6\",\n \"description\": \"Lots of little updates!\",\n \"pubDate\": \"Fri, 07 Apr 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 7\",\n \"slug\": \"val-town-newsletter-7\",\n \"link\": \"/blog/val-town-newsletter-7\",\n \"description\": \"Moving off of Supabase and enhancing our security with restricted library mode\",\n \"pubDate\": \"Mon, 15 May 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Newsletter 8\",\n \"slug\": \"val-town-newsletter-8\",\n \"link\": \"/blog/val-town-newsletter-8\",\n \"description\": \"Announcing Val Town Pro\",\n \"pubDate\": \"Wed, 31 May 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Town Town\",\n \"slug\": \"val-town-town\",\n \"link\": \"/blog/val-town-town\",\n \"description\": \"Can we implement Val Town on Val Town?\",\n \"pubDate\": \"Fri, 01 Nov 2024 00:00:00 GMT\",\n \"author\": \"Max McDonnell\",\n },\n {\n \"title\": \"Val Town Newsletter 9\",\n \"slug\": \"val-town-newsletter-9\",\n \"link\": \"/blog/val-town-newsletter-9\",\n \"description\": \"Refactoring the core component of Val Town for better performance.\",\n \"pubDate\": \"Tue, 20 Jun 2023 00:00:00 GMT\",\n \"author\": \"Steve Krouse\",\n },\n {\n \"title\": \"Val Vibes: Semantic search in Val Town\",\n \"slug\": \"val-vibes\",\n \"link\": \"/blog/val-vibes\",\n \"description\": \"How to build semantic search with embeddings for Val Town within Val Town itself\",\n \"pubDate\": \"Tue, 18 Jun 2024 00:00:00 GMT\",\n \"author\": \"JP Posma\",\n },\n].map(post => ({ ...post, oldBlog: true }));",[],[180,296],"531fdf68-13b3-11f0-b624-569c3dd06744","get-new-posts.ts","4a78fba8-ad1f-41b8-99ff-0f4c583512be",["D",1744032136271],"import { listFiles, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport matter from \"npm:gray-matter\";\nimport { posts } from \"./posts.ts\";\nimport { BlogPost } from \"./types.ts\";\n\n// Get all blog posts from the file system\nexport async function getNewPosts(): Promise {\n const files = await listFiles(import.meta.url);\n const blogPostFiles = files.filter(\n file =>\n file.path.startsWith(\"posts/\")\n && file.path !== \"posts/EXAMPLE.md\",\n );\n\n const posts: BlogPost[] = [];\n\n for (const file of blogPostFiles) {\n const content = await readFile(file.path, import.meta.url);\n const { data, content: markdownContent } = matter(content);\n\n // Skip if required frontmatter is missing\n if (!data.title || !data.pubDate) continue;\n\n const slug = file.path\n .replace(\"posts/\", \"\")\n .replace(\".md\", \"\")\n .replace(/^\\d{4}-\\d{2}-\\d{2}-/, \"\");\n\n posts.push({\n title: data.title,\n link: `/blog/${slug}`,\n description: data.description || \"\",\n pubDate: data.pubDate,\n author: data.author || \"Val Town Team\",\n slug,\n content: markdownContent,\n });\n }\n\n return posts;\n}\n\n// Get a single blog post by slug\nexport async function getBlogPostBySlug(slug: string): Promise {\n const post = posts.find(post => post.slug.includes(slug));\n return post;\n}",[],[180,303],"531fddb0-13b3-11f0-b624-569c3dd06744","constants.ts","dc43f1cd-bb08-44c7-86b4-226bdb99be96",["D",1744032136271],"export const BLOG_URL = \"https://blog.val.town\";\nexport const SITE_TITLE = \"Val Town Blog\";\nexport const SITE_DESCRIPTION = \"Updates and articles from the Val Town team\";",[],[180,310],["D",1744032136271],[242,243,244,245,246,247,248],[180],"531fd446-13b3-11f0-b624-569c3dd06744","index.css","97d8a4b4-a1f7-4779-b380-ac842d2013ba",["D",1744032136271],"* {\n box-sizing: border-box;\n}\n\n/* ia-writer-quattro-latin-400-normal */\n@font-face {\n font-family: \"iA Writer Quattro\";\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src:\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-quattro@latest/latin-400-normal.woff2)\n format(\"woff2\"),\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-quattro@latest/latin-400-normal.woff)\n format(\"woff\");\n}\n\n/* ia-writer-quattro-latin-700-normal */\n@font-face {\n font-family: \"iA Writer Quattro\";\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src:\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-quattro@latest/latin-700-normal.woff2)\n format(\"woff2\"),\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-quattro@latest/latin-700-normal.woff)\n format(\"woff\");\n}\n\n/* ia-writer-mono-latin-400-normal */\n@font-face {\n font-family: \"iA Writer Mono\";\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src:\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-mono@latest/latin-400-normal.woff2)\n format(\"woff2\"),\n url(https://cdn.jsdelivr.net/fontsource/fonts/ia-writer-mono@latest/latin-400-normal.woff)\n format(\"woff\");\n}\n\n:root {\n --text: #000;\n --background: #fff;\n\n /** colors based on hljs solar-flare-light theme */\n --link: #a363d5;\n --highlight: #33b5e1;\n --muted: #57636d; /* --muted: #85939e; */\n --light-highlight: color-mix(in srgb, var(--highlight) 50%, transparent);\n\n --font: \"iA Writer Quattro\", system-ui, sans-serif;\n --mono: \"iA Writer Mono\", Menlo, monospace;\n\n --space-1: 4px;\n --space-2: 8px;\n --space-3: 16px;\n --space-4: 32px;\n --space-5: 64px;\n --space-6: 128px;\n\n --font-size-xl: 36px;\n --font-size-1: 32px;\n --font-size-2: 24px;\n --font-size-3: 20px;\n --font-size-4: 18px;\n --font-size-5: 14px;\n --font-size-6: 12px;\n\n --line-height-h1: 1.25;\n --line-height-h2: calc(32 / 24);\n --line-height-h3: calc(24 / 20);\n --line-height-h4: calc(32 / 18);\n --line-height-h5: calc(24 / 14);\n --line-height-h6: calc(16 / 12);\n\n --rounded: 12px;\n}\n\nbody {\n margin: 0;\n font-family: var(--font);\n line-height: 1.5;\n color: var(--text);\n background-color: var(--background);\n\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\nh1, h2, h3, h4, h5, h6, p, ol, ul {\n margin: 0;\n}\n\nh1, .h1 {\n font-size: var(--font-size-1);\n line-height: var(--line-height-h1);\n margin-top: var(--space-4);\n letter-spacing: -0.03em;\n}\n\n.post-title {\n font-weight: 400;\n letter-spacing: -0.03em;\n}\n\nh2, .h2 {\n font-size: var(--font-size-2);\n line-height: var(--line-height-h2);\n margin-top: var(--space-4);\n margin-bottom: var(--space-2);\n}\n\nh3, .h3 {\n font-size: var(--font-size-3);\n line-height: var(--line-height-h3);\n margin-top: var(--space-4);\n margin-bottom: var(--space-2);\n}\n\nh4, .h4 {\n font-size: var(--font-size-4);\n line-height: var(--line-height-h4);\n margin-top: var(--space-4);\n margin-bottom: var(--space-2);\n}\n\nh5, .h5 {\n font-size: var(--font-size-5);\n line-height: var(--line-height-h5);\n margin-top: var(--space-4);\n margin-bottom: var(--space-2);\n}\n\nh6, .h6 {\n font-size: var(--font-size-6);\n line-height: var(--line-height-h6);\n margin-top: var(--space-3);\n margin-bottom: var(--space-2);\n}\n.f6 {\n font-size: var(--font-size-6);\n}\n\n.h0 {\n font-size: var(--font-size-xl);\n line-height: 48px;\n}\n.lead {\n font-size: var(--font-size-3);\n}\n\na {\n color: inherit;\n text-decoration: underline;\n text-decoration-color: var(--highlight);\n}\na:hover {\n text-decoration-color: var(--link);\n}\n.prose a:hover {\n color: var(--link);\n}\n\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a {\n color: inherit;\n text-decoration: underline;\n text-decoration-color: var(--highlight);\n text-decoration-thickness: 2px;\n}\nh1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {\n text-decoration-color: var(--link);\n}\n\np, ol, ul {\n margin-bottom: var(--space-3);\n font-size: var(--font-size-4);\n line-height: calc(32 / 18);\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\npre {\n margin-bottom: var(--space-3);\n}\n\npre, code {\n font-family: var(--mono);\n}\n\npre > code.hljs {\n font-size: var(--font-size-5);\n line-height: var(--line-height-h5);\n padding: 24px;\n border-radius: var(--rounded);\n}\n\n/** TODO: test this */\nblockquote {\n padding-left: var(--space-3);\n padding-right: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: var(--space-4);\n margin-bottom: var(--space-4);\n border-left: 2px solid var(--highlight);\n}\nblockquote p {\n font-size: var(--font-size-3);\n}\n\ntable {\n width: 100%;\n font-size: 80%;\n border-collapse: collapse;\n margin: 20 0 20 0px;\n}\ntable th, td {\n text-align: left;\n}\ntable th {\n font-weight: 700;\n}\ntable td {\n border-top: 1px solid var(--light-highlight);\n}\ntable th, table td {\n padding: 8px 0;\n}\n\n.page {\n padding-left: var(--space-4);\n padding-right: var(--space-4);\n}\n\n.container {\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.post-list {\n list-style: none;\n padding: 0;\n}\n.post-item {\n max-width: 48em;\n margin-top: var(--space-3);\n margin-bottom: var(--space-3);\n}\n\n.header {\n min-height: 128px;\n display: flex;\n align-items: center;\n}\n.spacer {\n margin: auto;\n}\n.logo {\n display: flex;\n align-items: center;\n}\n.nav {\n display: flex;\n align-items: center;\n gap: var(--space-3);\n}\n.social-links {\n display: flex;\n align-items: center;\n gap: var(--space-2);\n}\n\n.nav-link {\n font-size: var(--font-size-4);\n font-weight: 700;\n}\n\n.nav-link, .social-link {\n color: inherit;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n border-radius: 9999px;\n transition-property: color, background-color;\n transition-timing-function: ease-in-out;\n transition-duration: 200ms;\n}\n.social-link:hover {\n color: var(--background);\n background-color: var(--highlight);\n}\n\n.title {\n font-size: var(--font-size-xl);\n font-weight: 700;\n color: inherit;\n text-decoration: none;\n}\n.title:hover {\n text-decoration: underline;\n text-decoration-color: var(--highlight);\n}\n\n.hero-grid {\n display: grid;\n gap: var(--space-6);\n margin-top: var(--space-4);\n margin-bottom: var(--space-4);\n}\n\n.footer {\n display: flex;\n align-items: center;\n min-height: 256px;\n}\n\n.copyright {\n text-align: right;\n margin-bottom: var(--space-4);\n}\n\n.prose, .container-small {\n max-width: 48em;\n margin-left: auto;\n margin-right: auto;\n margin-top: var(--space-5);\n margin-bottom: var(--space-5);\n}\n\n.eyebrow {\n font-size: var(--font-size-6);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n height: var(--space-4);\n color: var(--highlight);\n border-bottom: 2px solid var(--light-highlight);\n}\n\n.byline {\n font-size: var(--font-size-5);\n display: flex;\n align-items: center;\n gap: var(--space-3);\n margin-top: var(--space-2);\n margin-bottom: var(--space-2);\n}\n.weekday, .tag {\n display: inline-flex;\n align-items: center;\n height: 24px;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-size: var(--font-size-6);\n font-weight: 700;\n color: var(--background);\n background-color: var(--highlight);\n border-radius: 3px;\n padding-left: 6px;\n padding-right: 6px;\n}\n.timestamp, .author {\n color: var(--muted);\n}\n\n@media screen and (min-width: 48em) {\n .hero-grid {\n grid-template-columns: 3fr 2fr;\n }\n}\n\n/** DEBUG */\n.debug, .debug * {\n outline: 1px solid rgba(0, 255, 255, 0.2);\n}\n.baseline {\n background: linear-gradient(\n to bottom,\n transparent calc(100% - 1px),\n var(--light-highlight) calc(100% - 1px)\n );\n background-size: 100% var(--space-3);\n}",[],[186,320],["D",1744032136271],[240],[186],"531fbc2c-13b3-11f0-b624-569c3dd06744","rss.ts","fa9f7999-1791-4cf9-a444-374875ce14fd",["D",1744032136271],"import { Feed } from \"https://esm.sh/feed@4.2.2\";\nimport { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { posts } from \"../utils/posts.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n // Create a new feed instance\n const feed = new Feed({\n title: \"Val Town Blog\",\n description: \"The official blog for Val Town\",\n id: \"https://blog.val.town/\",\n link: \"https://blog.val.town/\",\n language: \"en\",\n favicon: \"https://blog.val.town/favicon.svg\",\n updated: new Date(posts[0].pubDate),\n feedLinks: {\n rss: \"https://blog.val.town/rss.xml\",\n },\n });\n\n // Add each post to the feed\n for (const post of posts) {\n feed.addItem({\n title: post.title,\n id: `https://blog.val.town${post.link}`,\n link: `https://blog.val.town${post.link}`,\n description: post.description,\n author: [\n {\n name: post.author,\n },\n ],\n date: new Date(post.pubDate),\n });\n }\n\n // Return the RSS feed\n return new Response(feed.rss2(), {\n headers: {\n \"Content-Type\": \"application/xml; charset=utf-8\",\n },\n });\n});\n\nexport default app;",[],[191,330],"531fbb28-13b3-11f0-b624-569c3dd06744","proxy.ts","90a21983-7c1e-4eb1-823a-ebf9d1857dca",["D",1744032136271],"import { Hono } from \"https://esm.sh/hono@3.12.0\";\n\nconst app = new Hono();\n\nconst OLD_BLOG_URL = \"https://val-town-blog.pages.dev/\";\n\nexport async function proxyHonoRequest(c: any) {\n const url = new URL(c.req.url);\n\n // Proxy the request to the old blog\n const response = await fetch(\n new Request(OLD_BLOG_URL + url.pathname + url.search, {\n method: c.req.method,\n headers: c.req.raw.headers,\n }),\n );\n\n // Create a new response with the same status, headers, and body\n const newResponse = new Response(response.body, {\n status: response.status,\n statusText: response.statusText,\n headers: response.headers,\n });\n return newResponse;\n}\n\n// Fallback proxy route - handles all other requests\napp.all(\"*\", proxyHonoRequest);\n\nexport default app;",[],[191,337],"531fb952-13b3-11f0-b624-569c3dd06744","og-image.ts","8fbd55c6-cf2f-4647-a31c-cc039d101c72",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { render as renderPNG } from \"https://deno.land/x/resvg_wasm@0.2.0/mod.ts\";\nimport { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { renderToStaticMarkup } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport OGImage from \"../components/OGImage.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const title = c.req.query(\"title\");\n const format = c.req.query(\"format\");\n const svg = renderToStaticMarkup();\n\n if (format === \"svg\") {\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n }\n\n const png = await renderPNG(svg);\n\n return new Response(png, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Content-Length\": png.length.toString(),\n },\n });\n});\n\nexport default app;",[],[191,344],"531fb7e0-13b3-11f0-b624-569c3dd06744","home.ts","59f332ee-8748-4fcf-afe5-d99d30a3a62d",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { HomePage } from \"../components/HomePage.tsx\";\nimport { posts } from \"../utils/posts.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const html = renderToString();\n return c.html(html);\n});\n\nexport default app;",[],[191,351],"531f95e4-13b3-11f0-b624-569c3dd06744","favicon.svg.ts","53f589ac-437f-4831-9a75-eea101d62480",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { renderToStaticMarkup } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { Favicon } from \"../components/LogoMark.tsx\";\n\nconst app = new Hono();\n\nconst svg = renderToStaticMarkup();\n\napp.get(\"/\", async (c) => {\n return c.body(\n svg,\n {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n },\n );\n});\n\nexport default app;",[],[191,358],"531f9404-13b3-11f0-b624-569c3dd06744","blog.ts","1e4d7a0b-5578-4b60-940d-52da123fa270",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { BlogPostComponent } from \"../components/BlogPost.tsx\";\nimport { getBlogPostBySlug } from \"../utils/get-new-posts.ts\";\nimport { processMarkdown } from \"../utils/render-markdown.ts\";\nimport { proxyHonoRequest } from \"./proxy.ts\";\n\nconst app = new Hono();\n\n// Handle blog post routes\napp.get(\"/:slug\", async (c) => {\n const slug = c.req.param(\"slug\");\n\n let post = await getBlogPostBySlug(slug);\n if (post.oldBlog) {\n // Post doesn't exist, proxy to the old blog\n return proxyHonoRequest(c);\n }\n\n // Process the markdown content\n const processedContent = await processMarkdown(post.content);\n\n // Render the blog post\n const html = renderToString(\n ,\n );\n\n return c.html(html);\n});\n\nexport default app;",[],[191,365],["D",1744032136271],[233,234,235,236,237,238],[191],"0ecee722-13b4-11f0-9248-569c3dd06744",["D",1744032451185],[],[196,33],"531f8554-13b3-11f0-b624-569c3dd06744","2025-04-02-post-mortem-db-migration.md","e2dc0db8-280a-4828-aa16-0fcf2985a59d",["D",1744032136271],"---\ntitle: \"Post-mortem: A Backward Incompatible Database Migration\"\ndescription: Val runs failed due to a database migration that was not backward compatible\npubDate: 2025-04-02T00:00:00.000Z\nauthor: Sophie Houser\n---\n\nToday at 10:11am we experienced a 12-minute outage, which caused HTTP vals to return 503 errors and other types of vals to fail. In the end, the root cause was a deployment timing issue where database migrations were deployed successfully, but our application code deployment hung for several minutes. The new database migrations were incompatible with the old application code and crashed the process. \n\nWe aim to make all database migrations maintain backward compatibility, but in this case, we only discovered through the delayed deployment feedback that the new migrations were not compatible with previous versions.\n\n## Timeline\n\n- **10:11AM ET** - We merged the new migration and application code\n- **10:16AM ET** - We got pinged for downtime\n- **10:17AM ET** - We posted that HTTP vals are down in the new #service-status channel\n- **10:18AM ET** - The new application code deployment was still lagging\n- **10:19AM ET** - We rolled back to an earlier deployment on Render, which Render rejected because the earlier migration had succeeded, so the ‘old migration’ check prevented it from entering production.\n- **10:22AM ET** - We pushed something we thought could be a fix\n- **10:28AM ET** - We notified everyone that we’re back up.\n\n## Impact\n\n- HTTP vals returned 503 errors for ~12 minutes, and all other val types did not run.\n- The [val.town](http://val.town) site remained up.\n\n## Next Steps\n\nReliability is important to us and we’ve taken steps to make sure this doesn’t happen again. We’ve added a test to ensure database migrations are backward compatible, which we’ll run before we deploy any new code that includes database migrations.",[],[196,379],"531f80d6-13b3-11f0-b624-569c3dd06744","2025-04-01-EXAMPLE..md","7dfa6692-d4ca-4149-9a98-d0b68a0f57e9",["D",1744032136271],"---\ntitle: Sample Val Town Blog Post\ndescription: This is a sample blog post that demonstrates how to create content for the Val Town Blog.\npubDate: 2025-03-29T00:00:00.000Z\nauthor: Val Town Team\n---\n\nThis is a sample blog post that demonstrates how to create content for the Val Town Blog.\n\nTo add a new post to the Val Town Blog:\n\n1. Create a markdown file in the `/posts` directory\n2. Add YAML frontmatter with title, description, pubDate, and author\n3. The post will automatically appear on the homepage\n\n## Markdown Support\n\nThe blog supports GitHub Flavored Markdown features:\n\n### Code Blocks with Syntax Highlighting\n\n```typescript\nfunction hello() {\n console.log(\"Hello, Val Town!\");\n}\n```\n\n### Tables\n\n| Feature | Supported |\n|---------|-----------|\n| Tables | ✅ |\n| Lists | ✅ |\n| Code | ✅ |\n\n### Lists\n\n- Item 1\n- Item 2\n- Item 3\n\n### Images\n\nImages can be included using markdown syntax.\n\n## Conclusion\n\nThis is just a sample post. The blog system automatically processes markdown files and displays them on the homepage.",[],[196,386],["D",1744032136271],[229,230,231],[196],"531f78ca-13b3-11f0-b624-569c3dd06744","util.tsx","c3da1c6f-5f8e-4fd5-a5f8-ea2549b9eed0",["D",1744032136271],"export function formatDate(dateString: string): string {\n try {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n } catch (e) {\n return dateString;\n }\n}\n\nexport function dayOfWeek(dateString: string): string {\n try {\n return new Date(dateString).toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n });\n } catch (e) {\n return \"\";\n }\n}\n",[],[201,396],"531f735c-13b3-11f0-b624-569c3dd06744","icons.tsx","b91e5956-104b-44a4-a6dd-934ec7336385",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function RSSIcon (props: React.SVGProps) {\n return (\n \n \n \n \n \n );\n}\n\nexport function TwitterIcon (props: React.SVGProps) {\n return (\n \n \n \n );\n}\n\nexport function GitHubIcon (props: React.SVGProps) {\n return (\n \n \n \n );\n}\n\nexport function BlueskyIcon (props: React.SVGProps) {\n return (\n \n \n \n );\n}\n\nexport function DiscordIcon (props: React.SVGProps) {\n return (\n \n \n \n );\n}\n\n",[],[201,403],"531f719a-13b3-11f0-b624-569c3dd06744","SocialLinks.tsx","46740026-a491-41a8-8975-6d4cecc874cf",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { BlueskyIcon, DiscordIcon, GitHubIcon, RSSIcon, TwitterIcon } from \"./icons.tsx\";\n\nexport default function SocialLinks() {\n return (\n

\n \n View source\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n );\n}",[],[201,410],"531f6b82-13b3-11f0-b624-569c3dd06744","OGImage.tsx","dfbe4ed4-8785-41c6-9e1a-7bd6226b87e2",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport wrap from \"https://esm.sh/word-wrap@1.2.5\";\n\nconst LINE_HEIGHT = 72;\n\nexport default function OGImage({\n title = \"Val Town Blog\",\n ...props\n}: React.SVGProps & {\n title?: string;\n}) {\n const wrapped = wrap(title, { width: 44 });\n const lines = wrapped.split(/\\n/g);\n\n return (\n \n \n {lines.map((line, i) => (\n \n {line}\n \n ))}\n\n \n\n \n Blog\n \n\n \n \n \n \n \n );\n}",[],[201,417],"531f68c6-13b3-11f0-b624-569c3dd06744","LogoMark.tsx","b90263d3-0de3-4df6-bc55-ed1df68e8c77",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport default function(props: React.SVGProps) {\n return (\n \n \n \n \n \n );\n}\n\nexport function Favicon(props: React.SVGProps) {\n return (\n \n \n \n \n \n \n );\n}",[],[201,424],"531f5dea-13b3-11f0-b624-569c3dd06744","Logo.tsx","52a9fae5-e776-477a-a1fe-5c9834890f13",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport default function (props: React.SVGProps) {\n return (\n \n \n \n \n );\n}\n",[],[201,431],"531f5bb0-13b3-11f0-b624-569c3dd06744","Layout.tsx","4240b300-003e-43e2-8ca1-bc73bb3f4e83",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { BlogPost } from \"../utils/types.ts\";\nimport Footer from \"./Footer.tsx\";\nimport Head from \"./Head.tsx\";\nimport Logo from \"./Logo.tsx\";\nimport LogoMark from \"./LogoMark.tsx\";\nimport SocialLinks from \"./SocialLinks.tsx\";\n\ninterface LayoutProps {\n title: string;\n children: React.ReactNode;\n post?: BlogPost;\n}\n\nexport function Layout({ title, post, children }: LayoutProps) {\n return (\n \n \n \n

\n \n \n \n

\n \n

\n \n Blog\n \n

\n {children}\n

\n \n \n );\n}",[],[201,438],"531f58cc-13b3-11f0-b624-569c3dd06744","HomePage.tsx","0bad56db-fc61-42b8-bd9a-42fe0df54b7b",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { BlogPost } from \"../utils/types.ts\";\nimport { Layout } from \"./Layout.tsx\";\nimport Byline from \"./Byline.tsx\";\n\nexport function HomePage({ posts }: { posts: BlogPost[] }) {\n const latest = posts.at(0);\n const top = posts.slice(1, 3);\n const rest = posts.slice(3);\n\n return (\n \n

\n Latest\n

\n \n {latest.title}\n \n

\n \n

{latest.description}

\n Recent\n

\n {top.map((post, i) => (\n

\n {post.title}\n

\n \n

\n {post.description}\n

\n ))}\n

\n More posts\n

\n
\n {post.title}\n
\n \n
\n {post.description}\n
\n

\n \n );\n}\n",[],[201,445],"531f5638-13b3-11f0-b624-569c3dd06744","Head.tsx","c736a411-6612-4bee-ac55-1db9ea5628e6",["D",1744032136271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { BLOG_URL, SITE_DESCRIPTION } from \"../utils/constants.ts\";\nimport type { BlogPost } from \"../utils/types.ts\";\n\nconst css = await readFile(\"styles/index.css\", import.meta.url);\nconst HLJS_CSS_URL = \"https://cdn.jsdelivr.net/npm/highlight.js@11.8.0/styles/base16/solar-flare-light.css\";\n\nexport default function Head({ title, post }: {\n title: string;\n post?: BlogPost;\n}) {\n const description = post?.description ?? SITE_DESCRIPTION;\n const ogImage = new URL(\"/og-image.png\", BLOG_URL);\n ogImage.searchParams.append(\"title\", title);\n\n return (\n \n \n \n \n\n {title}\n \n\n {/* Open Graph / Facebook */}\n \n \n \n \n\n \n\n {/* Twitter */}\n \n \n \n \n\n \n\n {\n /* Sitemap\n \n */\n }\n\n \n

Diff · v2