[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_250":251,"_252":253},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_120":-5,"_19":121,"_122":123,"_124":125,"_126":127,"_128":129,"_21":130,"_131":-5,"_132":-5,"_133":24,"_134":135,"_136":137,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","nbbaier","name","vt-hono-serve-static","branchName","main","path","test/static/index.html","project",{"_32":71,"_13":14,"_36":72,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":79,"_80":-5,"_30":67,"_81":-5,"_82":24,"_83":-5,"_84":-5,"_85":86,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":100,"_101":102,"_103":104,"_105":24},"file",{"_62":63,"_13":64,"_65":21,"_66":24,"_70":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","df56b756-2fd5-11f1-9f1f-42dde27851f2","branchId","27ec018a-2fd4-11f1-b632-42dde27851f2","createdAt",["D",1775273104656],"version",6,"orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","parentId","dd556628-2fd5-11f1-9f1f-42dde27851f2","incomingCommitId","aiChatMessageId","ef4a23c1-904e-4d4c-b0bb-13c90b60e504","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":67,"_40":41,"_11":12,"_68":69},{"_62":63,"_13":64,"_65":21,"_66":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","df54b1c2-2fd5-11f1-9f1f-42dde27851f2","index.html","fileType","deleted","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","deletedAtVersion","27eb4182-2fd4-11f1-b632-42dde27851f2",["D",1775272367449],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A Val Town adapter for Hono's serveStatic middleware","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_119":69},"org",{"_11":12,"_115":-5,"_68":69,"_30":67,"_116":117,"_118":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":71,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",20,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":71,"_13":14,"_36":246,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":79,"_80":-5,"_30":67,"_81":-5,"_82":24,"_83":-5,"_84":-5,"_85":86,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":247,"_101":248,"_103":249,"_105":24},"tree",[163,171,172],"files",[163,164,165,166,167,168,169,170,171,172],"counts",{"_153":26,"_154":86,"_155":26,"_156":157,"_158":159},"contents",[],{"_32":142,"_13":64,"_62":63,"_42":143,"_34":35,"_144":39,"_145":137,"_36":146,"_38":26,"_65":21,"_147":148,"_66":24,"_149":-5,"_17":150},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"df54b10e-2fd5-11f1-9f1f-42dde27851f2","c0621f58-e2e6-4b4c-8689-ee3553605f9f","branchVersion","latest",["D",1775273104656],"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","label",[151,152,64],"test","static","pulls","branches","forks","envVars",{"_160":26,"_162":26},"connections",{"_160":26,"_161":26},"count","unfilledCount","emptyCount",{"_32":241,"_13":151,"_62":194,"_42":-5,"_34":35,"_144":242,"_145":137,"_36":243,"_38":26,"_65":238,"_147":-5,"_66":24,"_149":-5,"_181":244,"_17":245},{"_32":236,"_13":152,"_62":143,"_42":194,"_34":35,"_144":215,"_145":137,"_36":237,"_38":26,"_65":238,"_147":-5,"_66":24,"_149":-5,"_181":239,"_17":240},{"_32":228,"_13":229,"_62":230,"_42":143,"_34":35,"_144":231,"_145":137,"_36":232,"_38":26,"_65":21,"_147":233,"_66":24,"_149":-5,"_181":234,"_17":235},{"_32":220,"_13":221,"_62":222,"_42":143,"_34":35,"_144":223,"_145":137,"_36":224,"_38":26,"_65":21,"_147":225,"_66":24,"_149":-5,"_181":226,"_17":227},{"_32":212,"_13":213,"_62":214,"_42":143,"_34":35,"_144":215,"_145":137,"_36":216,"_38":26,"_65":21,"_147":217,"_66":24,"_149":-5,"_181":218,"_17":219},{"_32":142,"_13":64,"_62":63,"_42":143,"_34":35,"_144":39,"_145":137,"_36":209,"_38":26,"_65":21,"_147":148,"_66":24,"_149":-5,"_181":210,"_17":211},{"_32":202,"_13":203,"_62":204,"_42":143,"_34":35,"_144":178,"_145":137,"_36":205,"_38":26,"_65":21,"_147":206,"_66":24,"_149":-5,"_181":207,"_17":208},{"_32":191,"_13":192,"_62":193,"_42":194,"_34":35,"_144":195,"_145":137,"_36":196,"_38":197,"_65":198,"_147":199,"_66":24,"_149":-5,"_181":200,"_17":201},{"_32":184,"_13":185,"_62":186,"_42":-5,"_34":35,"_144":106,"_145":137,"_36":187,"_38":86,"_65":21,"_147":188,"_66":24,"_149":-5,"_181":189,"_17":190},{"_32":173,"_13":174,"_62":175,"_42":-5,"_34":35,"_144":176,"_145":137,"_36":177,"_38":178,"_65":179,"_147":180,"_66":24,"_149":-5,"_181":182,"_17":183},"bf81444a-2fd6-11f1-a97d-42dde27851f2","main.ts","27ee61fa-2fd4-11f1-b632-42dde27851f2",16,["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};","children",[],[174],"13bb030c-30fe-11f1-a0b3-42dde27851f2","README.md","0e3bb6d4-2fd6-11f1-8c61-42dde27851f2",["D",1775400323592],"# 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.",[],[185],"ca2ebc4c-2fd6-11f1-b239-42dde27851f2","server.ts","e6d1eed8-2fd5-11f1-b11f-42dde27851f2","d9f4b70e-2fd5-11f1-9f1f-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;",[],[151,192],"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; }",[],[151,152,203],["D",1775273104656],[],[151,152,64],"dd544eaa-2fd5-11f1-9f1f-42dde27851f2","hello.txt","dd544f7c-2fd5-11f1-9f1f-42dde27851f2",5,["D",1775273101296],"Hello from Val Town static files!",[],[151,152,213],"e0cac62c-2fd5-11f1-b11f-42dde27851f2","data.json","e0cac744-2fd5-11f1-b11f-42dde27851f2",8,["D",1775273107101],"{ \"message\": \"JSON served via serveStatic\", \"ok\": true }",[],[151,152,221],"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);",[],[151,152,229],"dd546e9e-2fd5-11f1-9f1f-42dde27851f2",["D",1775273101296],"directory",[165,166,167,168,169],[151,152],"d9f4b664-2fd5-11f1-9f1f-42dde27851f2",4,["D",1775273095638],[164,170],[151],["D",1775272367449],{"_11":12,"_119":69},{"_11":12,"_115":-5,"_68":69,"_30":67,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":71,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_52":-5,"_139":283,"_284":285,"_286":287,"_288":24,"_289":24,"_290":24,"_291":137,"_292":-5,"_293":-7,"_294":-7,"_295":26,"_296":24,"_297":24,"_298":-5,"_299":24,"_300":24,"_301":24,"_302":-5},"ENV",{"_254":255,"_256":257,"_258":16,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · index.html