\n \n \n Edit on val.town\n \n\n

\n\n

\n \n \n Share on Twitter\n \n \n \n Share on Bluesky\n \n \n \n Share on Hacker News\n \n

\n\n \n

\n );\n}\n\nfunction Pencil() {\n return (\n \n \n \n \n );\n}",[],[165,183],{"_106":192,"_99":193,"_166":194,"_168":167,"_169":151,"_170":185,"_172":121,"_108":195,"_103":196,"_174":187,"_176":197,"_177":22,"_178":-5,"_179":198,"_102":199},"25d929ca-0cd6-11f1-b052-42dde27851f2","BlogPost.tsx","c309b720-b68b-4539-8e7e-4d33960bf337",["D",1771424932222],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { BlogPost as BlogPostType } from \"../utils/types.ts\";\nimport { Layout } from \"./Layout.tsx\";\nimport Frontmatter from \"./Frontmatter.tsx\";\nimport Backmatter from \"./Backmatter.tsx\";\n\ninterface BlogPostProps {\n post: BlogPostType;\n content: string;\n}\n\nexport function BlogPostComponent({ post, content }: BlogPostProps) {\n return (\n \n

\n \n \n \n

\n\n \n \n );\n}",[],[165,193],{"_106":201,"_99":202,"_166":203,"_168":167,"_169":151,"_170":204,"_172":121,"_108":205,"_103":171,"_174":187,"_176":206,"_177":22,"_178":-5,"_179":207,"_102":208},"1a438648-29d5-11f1-9772-42dde27851f2","Frontmatter.tsx","25d6fcb8-0cd6-11f1-b052-42dde27851f2",637,["D",1774613067030],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { formatDate, getAuthorLink } from \"./util.tsx\";\nimport { BlogPost as BlogPostType } from \"../utils/types.ts\";\n\nfunction AuthorLink({ name }: { name: string }) {\n const link = getAuthorLink(name);\n if (link) {\n return {name};\n }\n return <>{name};\n}\n\nexport default function Frontmatter({ post }: { post: BlogPostType }) {\n const authors = post.author.split(\",\").map((a) => a.trim());\n\n return (\n

\n \n \n Code and prose written on val.town\n \n\n

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

\n\n \n {authors.map((name, i) => (\n \n \n {i < authors.length - 1 && \", \"}\n \n ))}\n \n\n \n {formatDate(post.pubDate)}\n \n

\n );\n}\n\nfunction ExternalLinkIcon() {\n return (\n \n \n \n \n \n );\n}",[],[165,202],{"_106":210,"_99":211,"_166":212,"_168":167,"_169":151,"_170":213,"_172":121,"_108":214,"_103":215,"_174":187,"_176":216,"_177":22,"_178":-5,"_179":217,"_102":218},"fe7c5d08-9597-11f0-8583-0224a6c84d84","Head.tsx","d8758240-119b-11f0-b6de-569c3dd06744",548,["D",1758314049049],13,"/** @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 hlcss = await readFile(\"styles/highlight.css\", import.meta.url);\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 \n {title === \"Val Town Blog\" ? title : `${title} | Val Town Blog`}\n \n \n\n {/* RSS */}\n \n\n {/* Open Graph / Facebook */}\n \n \n \n \n\n \n \n\n {/* Twitter */}\n \n \n \n \n\n \n\n {\n /* Sitemap\n \n */\n }\n

valdottown

blog

Environment variables