[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_200":201,"_202":203},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":61,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","public/counter.ts","latestPath","fileId","b610bbaa-59cc-11f1-8ca2-ee650bb23af1","name","counter.ts","fileType","script","content","const count = document.getElementById(\"count\")!;\nconst button = document.getElementById(\"increment\")!;\n\nlet n = 0;\nbutton.addEventListener(\"click\", () => {\n n++;\n count.textContent = String(n);\n});\n","const count = document.getElementById(\"count\")!;\nconst button = document.getElementById(\"increment\")!;\n\nbutton.addEventListener(\"click\", async () => {\n const res = await fetch(\"/api/increment\", { method: \"POST\" });\n const data = await res.json();\n count.textContent = String(data.count);\n});\n","createdAt",["D",1779894055216],"branchVersion","branchId","69713bf6-594c-11f1-a5c4-ee650bb23af1","id","69708896-594c-11f1-a5c4-ee650bb23af1","hono-jsx-starter",["D",1779832014656],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Minimal Hono JSX starter for Val Town","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c0239427-e00f-4148-05e5-9ae43f5d9900/square512?exp=1789556399&sig=f52e3528424e06d41e7add0fd337ff1138471f4ab4f370635ce5c9d1fd1de405","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","69785ed6-594c-11f1-a5c4-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019aa807-52c2-709c-928b-2029bae9a558","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":-5,"_104":105,"_106":61},"branch",{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","templates","handle","displayName","Templates","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789556399&sig=d4d039bf60786a03d56ec8a29ec1b19630253aab318e490fcd07a6f24846b070","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":196,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":197,"_83":198,"_85":199,"_87":25},"tree",[170,173,174],"files",[170,171,172,173,174],"counts",{"_158":65,"_159":160,"_161":162,"_163":164,"_165":166},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":152,"_32":51,"_30":153,"_135":-5,"_42":43,"_41":154,"_137":61,"_39":155,"_13":65,"_34":156,"_36":-5,"_24":25,"_142":-5,"_27":157},{"_44":144,"_32":145,"_30":146,"_135":-5,"_42":43,"_41":147,"_137":25,"_39":148,"_13":149,"_34":20,"_36":150,"_24":25,"_142":-5,"_27":151},{"_44":133,"_32":134,"_30":59,"_135":-5,"_42":43,"_41":136,"_137":25,"_39":138,"_13":139,"_34":140,"_36":141,"_24":25,"_142":-5,"_27":143},"dbcdc486-59dc-11f1-8c43-ee650bb23af1","index.tsx","parentId",14,"latest",["D",1779894054035],4,"http","/** @jsxImportSource npm:hono@4/jsx */\nimport { Hono } from \"npm:hono@4\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// In-memory state. Resets whenever the server restarts.\n// For persistence across restarts, use std/sqlite or std/blob.\nlet count = 0;\n\nconst Layout = ({ title, children }: { title: string; children: any }) => (\n \n \n {title}\n \n \n \n \n \n \n \n {children}\n \n \n);\n\nconst app = new Hono();\n\napp.get(\"/\", (c) =>\n c.html(\n \n

Hello from Hono JSX

A minimal Val Town starter. Edit index.tsx to get going.

\n Server count: {count}\n

\n \n Increment\n \n

\n Lives in memory on the server. Resets when the val restarts.\n

\n \n ,\n )\n);\n\napp.get(\"/about\", (c) =>\n c.html(\n \n

About

Server-rendered with Hono JSX on Val Town.

\n ,\n )\n);\n\n// API routes\napp.post(\"/api/increment\", (c) => c.json({ count: ++count }));\n\n// Serve static files\napp.get(\"/public/*\", (c) => serveFile(c.req.path));\n\n// View source on Val Town\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[134],"6d6b4ba8-59dc-11f1-b366-ee650bb23af1","README.md","506a9fac-59d4-11f1-a4ea-ee650bb23af1",13,["D",1779893868846],6,"# hono-jsx-starter\n\nA minimal full-stack [Hono](https://hono.dev) starter for Val Town.\nServer-rendered HTML. No build step.\n\n## What's here\n\n```\nindex.tsx Hono app, Layout, routes\npublic/\n favicon.svg Static asset\n counter.ts Tiny client-side script\n```\n\nThe whole app fits in one file. As you grow it, the natural next moves are:\n\n- Pull `Layout` into its own `.tsx` file once you have 3+ pages.\n- Split routes with `app.route(\"/api\", api)` if `/api/*` grows.\n- Add more files under `public/` — they're served by a single\n `app.get(\"/public/*\", ...)` route.\n\n## Patterns worth knowing\n\n**JSX pragma.** Every `.tsx` file that uses JSX needs this at the top:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\n```\n\n**Static files.** `serveFile` reads the file by path and serves it with the\nright content-type. `.ts` files are transpiled to JS on request by Val Town — so\nyou can write `public/counter.ts` and reference it as\n`

Diff · v15