[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",18,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","test/server.ts","latestPath","fileId","e6d1eed8-2fd5-11f1-b11f-42dde27851f2","name","server.ts","fileType","http","content","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;","createdAt",["D",1775273498183],"branchVersion","branchId","27ec018a-2fd4-11f1-b632-42dde27851f2","id","27eb4182-2fd4-11f1-b632-42dde27851f2","vt-hono-serve-static",["D",1775272367449],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A Val Town adapter for Hono's serveStatic middleware","imageUrl","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nbbaier","handle","displayName","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":236,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":237,"_79":238,"_81":239,"_83":25},"tree",[166,174,175],"files",[166,167,168,169,170,171,172,173,174,175],"counts",{"_156":146,"_157":61,"_158":146,"_159":160,"_161":162},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":149,"_32":150,"_30":151,"_132":-5,"_41":42,"_40":152,"_134":121,"_38":153,"_13":146,"_34":154,"_36":-5,"_24":25,"_139":-5,"_27":155},{"_43":141,"_32":142,"_30":143,"_132":-5,"_41":42,"_40":144,"_134":25,"_38":145,"_13":146,"_34":20,"_36":147,"_24":25,"_139":-5,"_27":148},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":135,"_13":136,"_34":137,"_36":138,"_24":25,"_139":-5,"_27":140},"bf81444a-2fd6-11f1-a97d-42dde27851f2","main.ts","27ee61fa-2fd4-11f1-b632-42dde27851f2","parentId",16,"latest",["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};","label",[130],"0e3bb616-2fd6-11f1-8c61-42dde27851f2","README.md","0e3bb6d4-2fd6-11f1-8c61-42dde27851f2",15,["D",1775273183341],0,"# vt-hono-server-static\n\nA Val Town adapter for Hono's `serveStatic` middleware. Lets you use the standard Hono `serveStatic` API — the same one used on Deno, Bun, Node, and Cloudflare Workers — to serve static files from your val's project files.\n\n## Why?\n\nHono's built-in `serveStatic` middleware requires filesystem access (`Deno.open`, `node:fs`, etc.), which Val Town doesn't provide. The existing `std/utils` provides `staticHTTPServer()` and `serveFile()`, but these don't integrate with Hono's middleware system.\n\nThis adapter bridges that gap — you get the full `serveStatic` API (`root`, `path`, `rewriteRequestPath`, `onFound`, `onNotFound`, `mimes`, etc.) working natively 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-server-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(\"/assets/*\", serveStatic({\n root: \"./\",\n rewriteRequestPath: (path) => path.replace(/^\\/assets/, \"/frontend\"),\n}));\n\n// Callbacks for cache headers or debugging\napp.use(\"/static/*\", 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\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n```\n\n## Options\n\nAll standard [Hono `ServeStaticOptions`](https://hono.dev/docs/getting-started/deno#serve-static-files) are 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 `serveStatic`:\n\n- **`getContent(path)`** — Fetches file content from your val via `esm.town` using `std/utils`. TypeScript/TSX/JSX files are automatically transpiled to JavaScript.\n- **`isDir(path)`** — Heuristic check (paths without a file extension are treated as directories, triggering `index.html` fallback).\n- **`join(...paths)`** — Simple URL-style path concatenation (no filesystem needed).\n\n## Limitations\n\n- **Text files only.** Binary files (images, fonts, WASM, etc.) will be corrupted because `std/utils` reads all files as UTF-8 text via `res.text()`. Use external URLs, inline SVG, or icon fonts for images. This matches the current `std/utils` limitation.\n- **`precompressed` is a no-op.** Val Town doesn't store `.br`/`.gz` file variants, so the option is accepted but has no effect.\n- **No filesystem directories.** The `isDir` check uses a heuristic (no file extension = directory). Extensionless files like `LICENSE` or `Makefile` would be incorrectly treated as directories.\n",[142],"d9f4b664-2fd5-11f1-9f1f-42dde27851f2","test","d9f4b70e-2fd5-11f1-9f1f-42dde27851f2",4,["D",1775273095638],"directory",[150],"pulls","branches","forks","envVars",{"_163":146,"_165":146},"connections",{"_163":146,"_164":146},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_132":-5,"_41":42,"_40":152,"_134":121,"_38":233,"_13":146,"_34":154,"_36":-5,"_24":25,"_139":-5,"_177":234,"_27":235},{"_43":229,"_32":196,"_30":191,"_132":151,"_41":42,"_40":208,"_134":121,"_38":230,"_13":146,"_34":154,"_36":-5,"_24":25,"_139":-5,"_177":231,"_27":232},{"_43":221,"_32":222,"_30":223,"_132":191,"_41":42,"_40":224,"_134":121,"_38":225,"_13":146,"_34":20,"_36":226,"_24":25,"_139":-5,"_177":227,"_27":228},{"_43":213,"_32":214,"_30":215,"_132":191,"_41":42,"_40":216,"_134":121,"_38":217,"_13":146,"_34":20,"_36":218,"_24":25,"_139":-5,"_177":219,"_27":220},{"_43":205,"_32":206,"_30":207,"_132":191,"_41":42,"_40":208,"_134":121,"_38":209,"_13":146,"_34":20,"_36":210,"_24":25,"_139":-5,"_177":211,"_27":212},{"_43":197,"_32":198,"_30":199,"_132":191,"_41":42,"_40":200,"_134":121,"_38":201,"_13":146,"_34":20,"_36":202,"_24":25,"_139":-5,"_177":203,"_27":204},{"_43":188,"_32":189,"_30":190,"_132":191,"_41":42,"_40":136,"_134":121,"_38":192,"_13":146,"_34":20,"_36":193,"_24":25,"_139":-5,"_177":194,"_27":195},{"_43":183,"_32":33,"_30":31,"_132":151,"_41":42,"_40":14,"_134":25,"_38":184,"_13":185,"_34":35,"_36":37,"_24":25,"_139":-5,"_177":186,"_27":187},{"_43":141,"_32":142,"_30":143,"_132":-5,"_41":42,"_40":144,"_134":25,"_38":180,"_13":146,"_34":20,"_36":147,"_24":25,"_139":-5,"_177":181,"_27":182},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":176,"_13":136,"_34":137,"_36":138,"_24":25,"_139":-5,"_177":178,"_27":179},["D",1775273480706],"children",[],[130],["D",1775273183341],[],[142],"c9e7b554-2fd6-11f1-8a31-42dde27851f2",["D",1775273498183],2,[],[150,33],"e0098c78-2fd5-11f1-a1aa-42dde27851f2","style.css","e0098d5e-2fd5-11f1-a1aa-42dde27851f2","c0621f58-e2e6-4b4c-8689-ee3553605f9f",["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; }",[],[150,196,189],"static","df54b10e-2fd5-11f1-9f1f-42dde27851f2","index.html","df54b1c2-2fd5-11f1-9f1f-42dde27851f2",6,["D",1775273104656],"\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",[],[150,196,198],"dd544eaa-2fd5-11f1-9f1f-42dde27851f2","hello.txt","dd544f7c-2fd5-11f1-9f1f-42dde27851f2",5,["D",1775273101296],"Hello from Val Town static files!",[],[150,196,206],"e0cac62c-2fd5-11f1-b11f-42dde27851f2","data.json","e0cac744-2fd5-11f1-b11f-42dde27851f2",8,["D",1775273107101],"{ \"message\": \"JSON served via serveStatic\", \"ok\": true }",[],[150,196,214],"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);",[],[150,196,222],"dd546e9e-2fd5-11f1-9f1f-42dde27851f2",["D",1775273101296],[168,169,170,171,172],[150,196],["D",1775273095638],[167,173],[150],["D",1775272367449],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":273,"_274":275,"_276":277,"_278":25,"_279":25,"_280":25,"_281":121,"_282":-5,"_283":-7,"_284":-7,"_285":146,"_286":25,"_287":25,"_288":-5,"_289":25,"_290":25,"_291":25,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":85,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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"]

Diff · v18