[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_261":262,"_263":264},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_197":-5,"_20":198,"_22":199,"_200":201,"_202":203,"_26":204,"_24":205,"_206":-5,"_207":-5,"_208":68,"_209":210,"_211":62,"_212":-5,"_213":-5,"_214":215},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","nbbaier","name","vt-hono-serve-static","branchName","main","version","path","test/static/index.html","project",{"_33":143,"_13":14,"_46":144,"_145":-5,"_146":68,"_147":148,"_149":148,"_150":151,"_152":-5,"_153":154,"_155":-5,"_156":68,"_157":-5,"_158":-5,"_159":77,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":176,"_177":178,"_179":180,"_181":68},"tree",[54,55,56],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":24,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_18":51},"contents",[],"upstream","pull","ahead","behind","envVars","id","df54b10e-2fd5-11f1-9f1f-42dde27851f2","branchId","27ec018a-2fd4-11f1-b632-42dde27851f2","fileId","df54b1c2-2fd5-11f1-9f1f-42dde27851f2","index.html","content","\n\n\n \n serveStatic Test\n \n\n\n

It works!

This page is served by Hono's serveStatic middleware on Val Town.

hello.txt
data.json

\n \n\n","fileType",0,"parentId","c0621f58-e2e6-4b4c-8689-ee3553605f9f","createdAt",["D",1775273104656],"branchVersion",6,"label",[52,53,39],"test","static",{"_33":81,"_13":52,"_37":82,"_44":-5,"_35":36,"_48":83,"_61":62,"_46":84,"_17":43,"_42":85,"_40":-5,"_67":68,"_50":-5,"_69":86,"_18":87},{"_33":72,"_13":73,"_37":74,"_44":-5,"_35":36,"_48":75,"_61":62,"_46":76,"_17":77,"_42":24,"_40":78,"_67":68,"_50":-5,"_69":79,"_18":80},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":64,"_42":65,"_40":66,"_67":68,"_50":-5,"_69":70,"_18":71},"bf81444a-2fd6-11f1-a97d-42dde27851f2","main.ts","27ee61fa-2fd4-11f1-b632-42dde27851f2",16,"latest",true,["D",1775273480706],7,"script","import type { ServeStaticOptions } from \"npm:hono@4/serve-static\";\nimport { serveStatic as baseServeStatic } from \"npm:hono@4/serve-static\";\nimport type { Env, MiddlewareHandler } from \"npm:hono@4/types\";\nimport { getContentType } from \"https://esm.town/v/std/utils/serve-file.ts\";\nimport {\n readFile,\n readFileTranspiled,\n} from \"https://esm.town/v/std/utils/file.ts\";\n\n/**\n * Val Town adapter for Hono's serveStatic middleware.\n *\n * Serves static files from your val's project files using the same API\n * as `hono/deno`, `hono/bun`, etc.\n *\n * @example\n * ```ts\n * import { Hono } from \"npm:hono@4\";\n * import { serveStatic } from \"https://esm.town/v/nbbaier/vt-hono-server-static/main.ts\";\n *\n * const app = new Hono();\n * app.use(\"/static/*\", serveStatic({ root: \"./\" }));\n * app.use(\"/favicon.ico\", serveStatic({ path: \"./favicon.ico\" }));\n * export default app.fetch;\n * ```\n */\nexport const serveStatic = (\n options: ServeStaticOptions & {\n /**\n * Override the import.meta.url used to resolve val files.\n * Defaults to `Deno.env.get(\"VALTOWN_ENTRYPOINT\")`.\n * Useful when serving files from a different val.\n */\n metaImportUrl?: string;\n },\n): MiddlewareHandler => {\n const { metaImportUrl, ...restOptions } = options;\n\n return async function serveStatic(c, next) {\n const getContent = async (path: string) => {\n // Normalize: strip leading \"./\" and ensure leading \"/\"\n const normalizedPath = \"/\" + path.replace(/^\\.?\\//, \"\");\n console.log(normalizedPath);\n try {\n const needsTranspile = /\\.(tsx?|jsx)$/.test(normalizedPath);\n const content = needsTranspile\n ? await readFileTranspiled(normalizedPath, metaImportUrl)\n : await readFile(normalizedPath, metaImportUrl);\n\n if (content === undefined) return null;\n\n return new Response(content, {\n headers: { \"Content-Type\": getContentType(normalizedPath) },\n });\n } catch (err: any) {\n if (err.message?.includes(\"File not found\")) {\n return null;\n }\n throw err;\n }\n };\n\n const isDir = (path: string) => {\n const lastSegment = path.split(\"/\").filter(Boolean).pop() || \"\";\n return !lastSegment.includes(\".\");\n };\n\n const join = (...paths: string[]) => {\n return (\"/\" + paths.join(\"/\")).replace(/\\/+/g, \"/\").replace(/\\/$/, \"\") ||\n \"/\";\n };\n\n return baseServeStatic({\n ...restOptions,\n getContent,\n isDir,\n join,\n })(c, next);\n };\n};","deleted",false,"children",[],[58],"13bb030c-30fe-11f1-a0b3-42dde27851f2","README.md","0e3bb6d4-2fd6-11f1-8c61-42dde27851f2",20,["D",1775400323592],1,"# vt-hono-serve-static\n\nA Val Town adapter for Hono's `serveStatic` middleware. Lets you use the\nstandard Hono `serveStatic` API — the same one used on Deno, Bun, Node, and\nCloudflare Workers — to serve static files from your val's project files.\n\n## Why?\n\nHono's built-in `serveStatic` middleware requires filesystem access\n(`Deno.open`, `node:fs`, etc.), which Val Town doesn't provide. The existing\n`std/utils` provides `staticHTTPServer()` and `serveFile()`, but these don't\nintegrate with Hono's middleware system.\n\nThis adapter bridges that gap — you get the full `serveStatic` API (`root`,\n`path`, `rewriteRequestPath`, `onFound`, `onNotFound`, `mimes`, etc.) working\nnatively on Val Town.\n\n## Usage\n\n```ts\nimport { Hono } from \"npm:hono@4\";\nimport { serveStatic } from \"https://esm.town/v/nbbaier/vt-hono-serve-static/main.ts\";\n\nconst app = new Hono();\n\n// Serve files under /static/* from the project root\napp.use(\"/static/*\", serveStatic({ root: \"./\" }));\n\n// Serve a specific file at a fixed path\napp.use(\"/favicon.ico\", serveStatic({ path: \"./favicon.ico\" }));\n\n// Rewrite request paths (e.g., /assets/* → /frontend/*)\napp.use(\n \"/assets/*\",\n serveStatic({\n root: \"./\",\n rewriteRequestPath: (path) => path.replace(/^\\/assets/, \"/frontend\"),\n }),\n);\n\n// Callbacks for cache headers or debugging\napp.use(\n \"/static/*\",\n serveStatic({\n root: \"./\",\n onFound: (path, c) => {\n c.header(\"Cache-Control\", \"public, max-age=3600\");\n },\n onNotFound: (path, c) => {\n console.log(`${path} not found, requested ${c.req.path}`);\n },\n }),\n);\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n```\n\n## Options\n\nAll standard\n[Hono `ServeStaticOptions`](https://hono.dev/docs/getting-started/deno#serve-static-files)\nare supported:\n\n| Option | Type | Description |\n| -------------------- | ------------------------------------ | ----------------------------------------------------------------- |\n| `root` | `string` | Root directory for file resolution (e.g., `\"./\"`, `\"./frontend\"`) |\n| `path` | `string` | Serve a specific file regardless of request path |\n| `rewriteRequestPath` | `(path: string) => string` | Transform the request path before file lookup |\n| `mimes` | `Record` | Additional MIME type mappings |\n| `onFound` | `(path: string, c: Context) => void` | Called when a file is found |\n| `onNotFound` | `(path: string, c: Context) => void` | Called when a file is not found |\n| `precompressed` | `boolean` | Check for `.br`/`.gz` variants (no-op on Val Town) |\n\nPlus one Val Town-specific option:\n\n| Option | Type | Description |\n| --------------- | -------- | ------------------------------------------------------------------- |\n| `metaImportUrl` | `string` | Override `import.meta.url` for resolving files from a different val |\n\n## How It Works\n\n```mermaid\ngraph LR\n A[Hono Request] --> B[serveStatic middleware]\n B --> C[baseServeStatic
hono/serve-static]\n C --> D{getContent}\n D -->|.ts/.tsx/.jsx| E[readFileTranspiled
std/utils]\n D -->|other files| F[readFile
std/utils]\n E --> G[esm.town API]\n F --> G\n G --> H[Response with
Content-Type]\n```\n\nThis adapter provides three platform-specific hooks to Hono's base\n`serveStatic`:\n\n- **`getContent(path)`** — Fetches file content from your val via `esm.town`\n using `std/utils`. TypeScript/TSX/JSX files are automatically transpiled to\n JavaScript.\n- **`isDir(path)`** — Heuristic check (paths without a file extension are\n treated as directories, triggering `index.html` fallback).\n- **`join(...paths)`** — Simple URL-style path concatenation (no filesystem\n needed).\n\n## Limitations\n\n- **Text files only.** Binary files (images, fonts, WASM, etc.) will be\n corrupted because `std/utils` reads all files as UTF-8 text via `res.text()`.\n Use external URLs, inline SVG, or icon fonts for images. This matches the\n current `std/utils` limitation.\n- **`precompressed` is a no-op.** Val Town doesn't store `.br`/`.gz` file\n variants, so the option is accepted but has no effect.\n- **No filesystem directories.** The `isDir` check uses a heuristic (no file\n extension = directory). Extensionless files like `LICENSE` or `Makefile` would\n be incorrectly treated as directories.",[],[73],"d9f4b664-2fd5-11f1-9f1f-42dde27851f2","d9f4b70e-2fd5-11f1-9f1f-42dde27851f2",4,["D",1775273095638],"directory",[88,89],[52],{"_33":100,"_13":53,"_37":45,"_44":82,"_35":36,"_48":101,"_61":62,"_46":102,"_17":43,"_42":85,"_40":-5,"_67":68,"_50":-5,"_69":103,"_18":104},{"_33":90,"_13":91,"_37":92,"_44":82,"_35":36,"_48":93,"_61":62,"_46":94,"_17":95,"_42":96,"_40":97,"_67":68,"_50":-5,"_69":98,"_18":99},"ca2ebc4c-2fd6-11f1-b239-42dde27851f2","server.ts","e6d1eed8-2fd5-11f1-b11f-42dde27851f2",19,["D",1775273498667],3,"http","import { Hono } from \"npm:hono@4\";\nimport { serveStatic } from \"../main.ts\";\n\nconst app = new Hono();\n\n// Serve static files under /static/* from test/static/\napp.use(\n \"/static/*\",\n serveStatic({\n root: \"./test\",\n rewriteRequestPath: (path) => path,\n }),\n);\n\n// Serve index.html at root\napp.get(\"/\", serveStatic({ path: \"./test/static/index.html\" }));\n\n// API route to prove middleware doesn't interfere\napp.get(\"/api/health\", (c) => c.json({ status: \"ok\" }));\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;",[],[52,91],"dd546e9e-2fd5-11f1-9f1f-42dde27851f2",5,["D",1775273101296],[105,106,107,108,109],[52,53],{"_33":135,"_13":136,"_37":137,"_44":45,"_35":36,"_48":138,"_61":62,"_46":139,"_17":43,"_42":24,"_40":140,"_67":68,"_50":-5,"_69":141,"_18":142},{"_33":127,"_13":128,"_37":129,"_44":45,"_35":36,"_48":130,"_61":62,"_46":131,"_17":43,"_42":24,"_40":132,"_67":68,"_50":-5,"_69":133,"_18":134},{"_33":120,"_13":121,"_37":122,"_44":45,"_35":36,"_48":101,"_61":62,"_46":123,"_17":43,"_42":24,"_40":124,"_67":68,"_50":-5,"_69":125,"_18":126},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":117,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_69":118,"_18":119},{"_33":110,"_13":111,"_37":112,"_44":45,"_35":36,"_48":64,"_61":62,"_46":113,"_17":43,"_42":24,"_40":114,"_67":68,"_50":-5,"_69":115,"_18":116},"e0098c78-2fd5-11f1-a1aa-42dde27851f2","style.css","e0098d5e-2fd5-11f1-a1aa-42dde27851f2",["D",1775273105839],"body {\n font-family: system-ui, sans-serif;\n max-width: 600px;\n margin: 2rem auto;\n padding: 0 1rem;\n color: #333;\n}\nh1 { color: #6366f1; }",[],[52,53,111],["D",1775273104656],[],[52,53,39],"dd544eaa-2fd5-11f1-9f1f-42dde27851f2","hello.txt","dd544f7c-2fd5-11f1-9f1f-42dde27851f2",["D",1775273101296],"Hello from Val Town static files!",[],[52,53,121],"e0cac62c-2fd5-11f1-b11f-42dde27851f2","data.json","e0cac744-2fd5-11f1-b11f-42dde27851f2",8,["D",1775273107101],"{ \"message\": \"JSON served via serveStatic\", \"ok\": true }",[],[52,53,128],"e1f8c012-2fd5-11f1-b11f-42dde27851f2","app.ts","e1f8c0a8-2fd5-11f1-b11f-42dde27851f2",9,["D",1775273109061],"const msg: string = \"TypeScript transpiled and served correctly!\";\nconsole.log(msg);\ndocument.querySelector(\"body\")?.insertAdjacentHTML(\n \"beforeend\",\n `

${msg}

`,\n);",[],[52,53,136],"27eb4182-2fd4-11f1-b632-42dde27851f2",["D",1775272367449],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A Val Town adapter for Hono's serveStatic middleware","imageUrl","userId","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_196":192},"org",{"_11":12,"_190":-5,"_191":192,"_153":154,"_193":194,"_195":68},"branch",{"_17":75,"_13":16,"_33":36,"_182":143,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":14,"_189":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":143,"_13":14,"_46":257,"_145":-5,"_146":68,"_147":148,"_149":148,"_150":151,"_152":-5,"_153":154,"_155":-5,"_156":68,"_157":-5,"_158":-5,"_159":77,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":258,"_177":259,"_179":260,"_181":68},[227,235,236],"files",[227,228,229,230,231,232,233,234,235,236],"counts",{"_218":43,"_219":77,"_220":43,"_32":221,"_222":223},[],{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":216,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_18":217},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1775273104656],[52,53,39],"pulls","branches","forks",{"_224":43,"_226":43},"connections",{"_224":43,"_225":43},"count","unfilledCount","emptyCount",{"_33":81,"_13":52,"_37":82,"_44":-5,"_35":36,"_48":83,"_61":62,"_46":84,"_17":43,"_42":85,"_40":-5,"_67":68,"_50":-5,"_69":255,"_18":256},{"_33":100,"_13":53,"_37":45,"_44":82,"_35":36,"_48":101,"_61":62,"_46":102,"_17":43,"_42":85,"_40":-5,"_67":68,"_50":-5,"_69":253,"_18":254},{"_33":135,"_13":136,"_37":137,"_44":45,"_35":36,"_48":138,"_61":62,"_46":139,"_17":43,"_42":24,"_40":140,"_67":68,"_50":-5,"_69":251,"_18":252},{"_33":127,"_13":128,"_37":129,"_44":45,"_35":36,"_48":130,"_61":62,"_46":131,"_17":43,"_42":24,"_40":132,"_67":68,"_50":-5,"_69":249,"_18":250},{"_33":120,"_13":121,"_37":122,"_44":45,"_35":36,"_48":101,"_61":62,"_46":123,"_17":43,"_42":24,"_40":124,"_67":68,"_50":-5,"_69":247,"_18":248},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":117,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_69":245,"_18":246},{"_33":110,"_13":111,"_37":112,"_44":45,"_35":36,"_48":64,"_61":62,"_46":113,"_17":43,"_42":24,"_40":114,"_67":68,"_50":-5,"_69":243,"_18":244},{"_33":90,"_13":91,"_37":92,"_44":82,"_35":36,"_48":93,"_61":62,"_46":94,"_17":95,"_42":96,"_40":97,"_67":68,"_50":-5,"_69":241,"_18":242},{"_33":72,"_13":73,"_37":74,"_44":-5,"_35":36,"_48":75,"_61":62,"_46":76,"_17":77,"_42":24,"_40":78,"_67":68,"_50":-5,"_69":239,"_18":240},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":64,"_42":65,"_40":66,"_67":68,"_50":-5,"_69":237,"_18":238},[],[58],[],[73],[],[52,91],[],[52,53,111],[],[52,53,39],[],[52,53,121],[],[52,53,128],[],[52,53,136],[229,230,231,232,233],[52,53],[228,234],[52],["D",1775272367449],{"_11":12,"_196":192},{"_11":12,"_190":-5,"_191":192,"_153":154,"_193":194,"_195":68},{"_17":75,"_13":16,"_33":36,"_182":143,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":14,"_189":12},"ctx",{"_175":-5,"_213":294,"_295":296,"_297":298,"_299":68,"_300":68,"_301":68,"_302":62,"_303":-5,"_304":-7,"_305":-7,"_306":43,"_307":68,"_308":68,"_309":-5,"_310":68,"_311":68,"_312":68,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":16,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]