{title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_574":575,"_576":577},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_429":-5,"_20":430,"_22":431,"_432":433,"_434":435,"_25":436,"_24":-5,"_437":-5,"_438":-5,"_439":58,"_440":441,"_442":49,"_443":-5,"_444":-5,"_445":446},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","pmillspaugh","name","docs","branchName","main","version","path","","project",{"_38":373,"_13":14,"_50":374,"_375":-5,"_376":58,"_377":378,"_379":378,"_380":381,"_382":19,"_383":384,"_385":42,"_386":49,"_387":49,"_388":-5,"_389":390,"_391":392,"_393":-5,"_394":-5,"_395":-5,"_396":-5,"_397":398,"_399":398,"_400":401,"_402":401,"_403":401,"_404":398,"_405":398,"_406":407,"_408":409,"_410":411,"_412":58},"tree",[96,97,98,99,100,101],"file","contents",[32,33,34,35,36,37],"upstream","pull","ahead","behind","envVars",{"_38":90,"_13":91,"_41":92,"_43":-5,"_44":45,"_46":93,"_48":49,"_50":94,"_17":82,"_53":75,"_55":-5,"_57":58,"_59":-5,"_18":95},{"_38":84,"_13":85,"_41":86,"_43":-5,"_44":45,"_46":87,"_48":49,"_50":88,"_17":82,"_53":75,"_55":-5,"_57":58,"_59":-5,"_18":89},{"_38":77,"_13":78,"_41":79,"_43":-5,"_44":45,"_46":80,"_48":49,"_50":81,"_17":82,"_53":75,"_55":-5,"_57":58,"_59":-5,"_18":83},{"_38":69,"_13":70,"_41":71,"_43":-5,"_44":45,"_46":72,"_48":49,"_50":73,"_17":74,"_53":75,"_55":-5,"_57":58,"_59":-5,"_18":76},{"_38":61,"_13":62,"_41":63,"_43":-5,"_44":45,"_46":64,"_48":49,"_50":65,"_17":66,"_53":24,"_55":67,"_57":58,"_59":-5,"_18":68},{"_38":39,"_13":40,"_41":42,"_43":-5,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":60},"id","77f565fe-aacd-11f0-a892-0224a6c84d84","index.tsx","fileId","de16c252-aa8b-11f0-8499-0224a6c84d84","parentId","branchId","de14aa62-aa8b-11f0-8499-0224a6c84d84","branchVersion",448,"latest",true,"createdAt",["D",1760645990585],53,"fileType","http","content","/** @jsxImportSource npm:hono@4.9.12/jsx */\nimport { Hono } from \"https://esm.sh/hono@4.9.12\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport matter from \"npm:gray-matter@4.0.3\";\nimport { marked } from \"npm:marked@16.4.0\";\nimport Header from \"./components/Header.tsx\";\nimport Nav from \"./components/Nav.tsx\";\nimport Copy from \"./components/Copy.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/:route{.*}\", async (c) => {\n const { route } = c.req.param(); // e.g. vals/http or vals/http/jsx\n const files = await listFiles(import.meta.url);\n\n const normalized = route.replace(/\\/+$/, \"\") || \"index\"; // trim trailing slash, default to index when empty\n const mdPath = `pages/${normalized}.md`; // e.g. vals/http/jsx.md\n const indexPath = `pages/${normalized}/index.md`; // e.g. vals/http/index.md\n const file = files.find((f) => f.path === mdPath) ??\n files.find((f) => f.path === indexPath);\n\n if (!file || file.type !== \"file\") return c.text(\"Not found\", 404);\n\n const plaintext = await readFile(file.path);\n const { data, content } = matter(plaintext);\n const { title, description } = data;\n const body = await marked(content);\n\n const css = await readFile(\"styles/index.css\", import.meta.url);\n\n return c.html(\n \n \n {title}\n \n \n

Code