[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_160":-5,"_20":161,"_22":162,"_163":164,"_165":166,"_26":167,"_24":168,"_169":-5,"_170":-5,"_171":55,"_172":173,"_174":47,"_175":-5,"_176":-5,"_177":178},"routes/_app.x.$handle.$name.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","templates","name","hono-jsx-starter","branchName","main","version","path","public","project",{"_35":105,"_13":14,"_48":106,"_107":-5,"_108":55,"_109":19,"_110":19,"_111":112,"_113":114,"_115":116,"_117":76,"_118":47,"_119":-5,"_120":-5,"_121":50,"_122":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":138,"_139":140,"_141":142,"_143":55},"tree",[71,72,73],"file",{"_35":67,"_42":43,"_38":41,"_13":19,"_52":-5,"_51":68,"_17":50,"_40":-5,"_48":69,"_44":45,"_56":-5,"_18":70},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_18":66},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":57},"id","b5189542-59cc-11f1-ae47-ee650bb23af1","favicon.svg","fileId","b518960a-59cc-11f1-ae47-ee650bb23af1","parentId","66bc0861-dfda-416b-8a80-73f243132028","branchId","69713bf6-594c-11f1-a5c4-ee650bb23af1","branchVersion",3,"latest",true,"createdAt",["D",1779887117153],0,"fileType","content","\n","deleted",false,"label",[19,37],"dc80deea-59dc-11f1-9323-ee650bb23af1","counter.ts","b610bbaa-59cc-11f1-8ca2-ee650bb23af1",15,["D",1779894055216],1,"script","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",[19,59],"b518bee6-59cc-11f1-ae47-ee650bb23af1","directory",["D",1779887117153],[19],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":94,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_82":95,"_18":96},{"_35":85,"_13":86,"_38":87,"_40":-5,"_42":43,"_44":88,"_46":47,"_48":89,"_17":90,"_51":24,"_52":91,"_54":55,"_56":-5,"_82":92,"_18":93},{"_35":74,"_13":75,"_38":76,"_40":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":79,"_51":80,"_52":81,"_54":55,"_56":-5,"_82":83,"_18":84},"fbbcf208-59dc-11f1-be2c-ee650bb23af1","index.tsx","69785ed6-594c-11f1-a5c4-ee650bb23af1",18,["D",1779894107586],6,"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

\n A minimal Val Town starter.{\" \"}\n \n Remix this val.\n \n

\n Server count:{\" \"}\n {count}\n

\n \n Increment\n \n

\n Lives in memory on the server. Resets when the val restarts.\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// 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;","children",[],[75],"b46e257a-59e1-11f1-8b26-ee650bb23af1","README.md","506a9fac-59d4-11f1-a4ea-ee650bb23af1",20,["D",1779896135471],9,"# hono-jsx-starter\n\nA minimal [Hono](https://hono.dev) + Hono JSX starter for Val Town.\nServer-rendered HTML, no build step, no React.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| **[`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter)** *(you're here)* | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\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**Server state.** The counter on `/` is `let count = 0` at module scope. It\nlives in memory on the Val Town server and survives across requests — but resets\nwhenever the val restarts (deploys, idle timeouts, etc.). For persistent state,\nswap it for [`std/sqlite`](https://www.val.town/x/std/sqlite) or\n[`std/blob`](https://www.val.town/x/std/blob).\n\n**API routes.** The `Increment` button POSTs to `/api/increment`, which returns\nJSON. Mix server-rendered pages and JSON endpoints in the same Hono app:\n\n```ts\napp.post(\"/api/increment\", (c) => c.json({ count: ++count }));\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`