Blog home

\n \n {post.name}\n \n

\n );\n}\n\nfunction Post(data: Data, c: Context) {\n const name = c.req.param(\"post\");\n const post = data.posts.find(p => p.name === name);\n if (!post) return NotFound(data, c);\n return (\n

Post {name}

\n \n

\n );\n}\n\nfunction NotFound(data: Data, c: Context) {\n const name = c.req.param(\"post\");\n return (\n

Not found

\n {name &&

Post not found

}\n

\n );\n}\n\ntype RouteComponent = (data: Data, context: Context) => JSX.Element;\n\nfunction route(Component: RouteComponent, data: Data) {\n return async (c) => c.html(Component(data, c));\n}\n\nexport default function honoAdapter(data: Data) {\n app.get(\"/\", route(Home, data));\n app.get(\"/posts/:post\", route(Post, data));\n\n return app.fetch;\n}",[],[232,268],{"_104":277,"_95":278,"_155":279,"_157":233,"_158":141,"_159":280,"_161":119,"_106":281,"_100":187,"_164":225,"_166":282,"_167":22,"_168":-5,"_169":283,"_98":284},"3cb51442-da87-11ef-8d35-e6cdfca9ef9f","markdown","35b7c1a0-da71-11ef-b17b-e6cdfca9ef9f",135,["D",1737745984564],"import rehypeStringify from \"npm:rehype-stringify\";\nimport remarkParse from \"npm:remark-parse\";\nimport remarkRehype from \"npm:remark-rehype\";\nimport { unified } from \"npm:unified\";\nimport type { Plugin, Post } from \"./types\";\n\nconst parser = unified()\n .use(remarkParse)\n .use(remarkRehype)\n .use(rehypeStringify);\n\nexport const markdown: Plugin = async (post: Post) => {\n const file = await parser.process(post.content);\n const html = String(file);\n return {\n ...post,\n html,\n };\n};",[],[232,278],{"_104":286,"_95":287,"_155":288,"_157":233,"_158":141,"_159":289,"_161":119,"_106":290,"_100":291,"_164":225,"_166":292,"_167":22,"_168":-5,"_169":293,"_98":294},"4918a06e-da87-11ef-a9c2-e6cdfca9ef9f","parse","61da7fa4-da6f-11ef-9c3a-e6cdfca9ef9f",136,["D",1737746005346],18,"import type { Plugin, Post } from \"./types\";\n\nexport async function parse(post: Post, plugins: Plugin[]) {\n return await plugins.reduce(async (acc: Promise, plugin: Plugin) => {\n const post = await acc;\n return await plugin(post);\n }, Promise.resolve(post));\n}",[],[232,287],{"_104":296,"_95":297,"_155":298,"_157":233,"_158":141,"_159":299,"_161":119,"_106":300,"_100":215,"_164":225,"_166":301,"_167":22,"_168":-5,"_169":302,"_98":303},"d8dc31ae-da8a-11ef-8326-e6cdfca9ef9f","types","bf23c1ce-da70-11ef-8654-e6cdfca9ef9f",196,["D",1737747535034],"export type Post = {\n name: string;\n content: string;\n html?: string;\n metadata: any;\n};\n\nexport type Plugin = (post: Post) => Promise;\n\nexport type Data = {\n posts: Post[];\n};",[],[232,297],[232],{"_104":306,"_95":307,"_155":308,"_157":-5,"_158":141,"_159":309,"_161":119,"_106":310,"_100":163,"_164":178,"_166":311,"_167":22,"_168":-5,"_169":312,"_98":313},"d4510f52-da98-11ef-a95a-e6cdfca9ef9f","README.md","70e8c770-da98-11ef-93b6-e6cdfca9ef9f",233,["D",1737753540369],"# vblog\n\nPrototype blog built in val.town with markdown and JSON files\n\n## How it works\n\nThe `posts` directory contains markdown files.\nIt also includes an `index.json` with an array of posts for the blog.\nThese posts are fetched as markdown then processed with graymatter and remark to convert them into metadata and HTML.\n\nThe `www` val serves the site using the `src/hono-adapter`.\nThis \"adapter\" could use any framework for rendering so that you could use something like React or something like Handlebars",[],[307],{"_104":315,"_95":316,"_155":317,"_157":-5,"_158":141,"_159":318,"_161":22,"_106":319,"_100":320,"_164":225,"_166":321,"_167":22,"_168":-5,"_169":322,"_98":323},"9d53c576-da9d-11ef-85f2-e6cdfca9ef9f","import-file","d4b87e6c-da6b-11ef-9d4d-e6cdfca9ef9f",245,["D",1737755595588],23,"/** Import a file relative to the root of the project */\nexport async function importFile(path: string) {\n const url = new URL(path, import.meta.url);\n const res = await fetch(url, {\n redirect: \"follow\",\n headers: {\n \"Cache-Control\": \"max-age=3600\",\n },\n });\n if (!res.ok) return null;\n return await res.text();\n}\n// consider replacing with: https://www.val.town/v/maxm/importProjectFile",[],[316],{"_104":325,"_95":326,"_155":117,"_157":-5,"_158":141,"_159":327,"_161":119,"_106":328,"_100":329,"_164":253,"_166":330,"_167":22,"_168":-5,"_169":331,"_98":332},"0c695e9e-da8a-11ef-ac57-e6cdfca9ef9f","www",181,["D",1737747192029],12,"import data from \"./src/data\";\nimport hono from \"./src/hono-adapter\";\n\nexport default hono(data);",[],[326],"files",[153,171,183,190,200,209,219,230,238,247,257,266,276,285,295,305,314,324],"counts",{"_337":32,"_338":215,"_339":32,"_340":32},"pulls","branches","forks","envVars","contents",[343],{"_104":172,"_95":173,"_155":174,"_157":156,"_158":141,"_159":175,"_161":119,"_106":344,"_100":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_98":345},["D",1737753867356],[99,173],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":119,"_106":347,"_100":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":348},["D",1737753360682],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":357,"_151":362,"_333":417,"_178":418,"_341":420,"_423":-5,"_424":22,"_425":-5,"_426":-5,"_427":-5,"_428":429},{"_104":105,"_95":96,"_106":358,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":359,"_135":360,"_138":361,"_150":22},["D",1737733915543],{"_93":94,"_133":134},{"_93":94,"_137":134},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[363,369,384,408,411,414],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":119,"_106":162,"_100":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":364,"_98":368},[365],{"_104":172,"_95":173,"_155":174,"_157":156,"_158":141,"_159":175,"_161":119,"_106":176,"_100":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_169":366,"_98":367},[],[99,173],[99],{"_104":184,"_95":185,"_155":186,"_157":-5,"_158":141,"_159":187,"_161":119,"_106":188,"_100":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":370,"_98":383},[371,374,377,380],{"_104":191,"_95":192,"_155":193,"_157":186,"_158":141,"_159":194,"_161":119,"_106":195,"_100":196,"_164":178,"_166":197,"_167":22,"_168":-5,"_169":372,"_98":373},[],[185,192],{"_104":201,"_95":202,"_155":203,"_157":186,"_158":141,"_159":204,"_161":119,"_106":205,"_100":187,"_164":178,"_166":206,"_167":22,"_168":-5,"_169":375,"_98":376},[],[185,202],{"_104":210,"_95":211,"_155":212,"_157":186,"_158":141,"_159":213,"_161":119,"_106":214,"_100":215,"_164":178,"_166":216,"_167":22,"_168":-5,"_169":378,"_98":379},[],[185,211],{"_104":220,"_95":185,"_155":221,"_157":186,"_158":141,"_159":222,"_161":119,"_106":223,"_100":224,"_164":225,"_166":226,"_167":22,"_168":-5,"_169":381,"_98":382},[],[185,185],[185],{"_104":231,"_95":232,"_155":233,"_157":-5,"_158":141,"_159":234,"_161":119,"_106":235,"_100":236,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":385,"_98":407},[386,389,392,395,398,401,404],{"_104":239,"_95":240,"_155":241,"_157":233,"_158":141,"_159":101,"_161":119,"_106":242,"_100":243,"_164":225,"_166":244,"_167":22,"_168":-5,"_169":387,"_98":388},[],[232,240],{"_104":248,"_95":249,"_155":250,"_157":233,"_158":141,"_159":251,"_161":22,"_106":252,"_100":196,"_164":253,"_166":254,"_167":22,"_168":-5,"_169":390,"_98":391},[],[232,249],{"_104":258,"_95":259,"_155":260,"_157":233,"_158":141,"_159":261,"_161":119,"_106":262,"_100":187,"_164":225,"_166":263,"_167":22,"_168":-5,"_169":393,"_98":394},[],[232,259],{"_104":267,"_95":268,"_155":269,"_157":233,"_158":141,"_159":270,"_161":22,"_106":271,"_100":272,"_164":225,"_166":273,"_167":22,"_168":-5,"_169":396,"_98":397},[],[232,268],{"_104":277,"_95":278,"_155":279,"_157":233,"_158":141,"_159":280,"_161":119,"_106":281,"_100":187,"_164":225,"_166":282,"_167":22,"_168":-5,"_169":399,"_98":400},[],[232,278],{"_104":286,"_95":287,"_155":288,"_157":233,"_158":141,"_159":289,"_161":119,"_106":290,"_100":291,"_164":225,"_166":292,"_167":22,"_168":-5,"_169":402,"_98":403},[],[232,287],{"_104":296,"_95":297,"_155":298,"_157":233,"_158":141,"_159":299,"_161":119,"_106":300,"_100":215,"_164":225,"_166":301,"_167":22,"_168":-5,"_169":405,"_98":406},[],[232,297],[232],{"_104":306,"_95":307,"_155":308,"_157":-5,"_158":141,"_159":309,"_161":119,"_106":310,"_100":163,"_164":178,"_166":311,"_167":22,"_168":-5,"_169":409,"_98":410},[],[307],{"_104":315,"_95":316,"_155":317,"_157":-5,"_158":141,"_159":318,"_161":22,"_106":319,"_100":320,"_164":225,"_166":321,"_167":22,"_168":-5,"_169":412,"_98":413},[],[316],{"_104":325,"_95":326,"_155":117,"_157":-5,"_158":141,"_159":327,"_161":119,"_106":328,"_100":329,"_164":253,"_166":330,"_167":22,"_168":-5,"_169":415,"_98":416},[],[326],[363,365,369,371,374,377,380,384,386,389,392,395,398,401,404,408,411,414],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":119,"_106":347,"_100":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":419},[99],[421],{"_104":172,"_95":173,"_155":174,"_157":156,"_158":141,"_159":175,"_161":119,"_106":344,"_100":177,"_164":178,"_166":179,"_167":22,"_168":-5,"_98":422},[99,173],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

jxnblk

vblog