Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[176,184,191],[176,184],{"_103":201,"_95":202,"_157":203,"_159":177,"_160":142,"_161":204,"_163":118,"_105":205,"_99":180,"_166":206,"_168":207,"_169":22,"_170":-5,"_171":208,"_98":209},"82a730d4-3261-11f0-aa46-569c3dd06744","favicon.svg","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"file","\n",[],[176,202],{"_103":211,"_95":212,"_157":213,"_159":177,"_160":142,"_161":214,"_163":118,"_105":215,"_99":216,"_166":206,"_168":217,"_169":22,"_170":-5,"_171":218,"_98":219},"538a58d0-3261-11f0-9414-569c3dd06744","index.html","5404b440-f52b-11ef-99f0-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[176,212],{"_103":221,"_95":222,"_157":223,"_159":177,"_160":142,"_161":224,"_163":118,"_105":225,"_99":226,"_166":195,"_168":227,"_169":22,"_170":-5,"_171":228,"_98":229},"37ad4e0c-f53e-11ef-940f-569c3dd06744","index.tsx","5b1c65b6-f52b-11ef-bc72-569c3dd06744",24,["D",1740683304259],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[176,222],{"_103":231,"_95":232,"_157":233,"_159":177,"_160":142,"_161":234,"_163":118,"_105":235,"_99":236,"_166":206,"_168":237,"_169":22,"_170":-5,"_171":238,"_98":239},"e8142ab2-3261-11f0-8425-569c3dd06744","style.css","6ce9bd70-3261-11f0-b1e3-569c3dd06744",54,["D",1747405653521],9,"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[176,232],[176],{"_103":242,"_95":243,"_157":244,"_159":-5,"_160":142,"_161":245,"_163":118,"_105":246,"_99":247,"_166":206,"_168":248,"_169":22,"_170":-5,"_171":249,"_98":250},"f8bf1838-7a08-11f0-b058-0224a6c84d84","README.md","a50c3760-f53e-11ef-bd6d-569c3dd06744",69,["D",1755283939999],19,"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the\ntop-right.\n\n## How it works\n\n- The **entrypoint** is [`index.ts`](index.ts). That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is\n [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from\n [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest\nreading the files in this order:\n\n[`index.ts`](index.ts) -> [`/frontend/index.html`](/frontend/index.html) ->\n[`/frontend/index.tsx`](/frontend/index.tsx) ->\n[`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\n bigger example project, with a SQLite database table, queries, client-side\n CSS, a favicon, and shared code that runs on both client and server.",[],[243],{"_103":252,"_95":253,"_157":116,"_159":-5,"_160":142,"_161":100,"_163":118,"_105":254,"_99":122,"_166":255,"_168":256,"_169":22,"_170":-5,"_171":257,"_98":258},"61618220-7a0b-11f0-a212-0224a6c84d84","index.ts",["D",1755284974540],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[253],"files",[154,174,182,189,200,210,220,230,241,251],"counts",{"_263":180,"_264":180,"_265":266,"_267":32},"pulls","branches","forks",119,"envVars","contents",[270,273,276,279],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":22,"_105":271,"_99":165,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":272},["D",1740674043956],[156],{"_103":175,"_95":176,"_157":177,"_159":-5,"_160":142,"_161":178,"_163":118,"_105":274,"_99":180,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":275},["D",1740675182468],[176],{"_103":242,"_95":243,"_157":244,"_159":-5,"_160":142,"_161":245,"_163":118,"_105":277,"_99":247,"_166":206,"_168":248,"_169":22,"_170":-5,"_98":278},["D",1755283939999],[243],{"_103":252,"_95":253,"_157":116,"_159":-5,"_160":142,"_161":100,"_163":118,"_105":280,"_99":122,"_166":255,"_168":256,"_169":22,"_170":-5,"_98":281},["D",1755284974540],[253],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_99":100,"_98":72,"_101":290,"_152":295,"_259":326,"_206":-7,"_268":327,"_336":-5,"_337":22,"_338":-5,"_339":-5,"_340":-5,"_341":342},{"_103":104,"_95":96,"_105":291,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":120,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":292,"_136":293,"_139":294,"_151":22},["D",1740674013689],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_99":141,"_95":43,"_103":142,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},[296,299,320,323],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":22,"_105":164,"_99":165,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":297,"_98":298},[],[156],{"_103":175,"_95":176,"_157":177,"_159":-5,"_160":142,"_161":178,"_163":118,"_105":179,"_99":180,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":300,"_98":319},[301,307,310,313,316],{"_103":183,"_95":184,"_157":185,"_159":177,"_160":142,"_161":186,"_163":118,"_105":187,"_99":180,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":302,"_98":306},[303],{"_103":190,"_95":191,"_157":192,"_159":185,"_160":142,"_161":193,"_163":118,"_105":194,"_99":162,"_166":195,"_168":196,"_169":22,"_170":-5,"_171":304,"_98":305},[],[176,184,191],[176,184],{"_103":201,"_95":202,"_157":203,"_159":177,"_160":142,"_161":204,"_163":118,"_105":205,"_99":180,"_166":206,"_168":207,"_169":22,"_170":-5,"_171":308,"_98":309},[],[176,202],{"_103":211,"_95":212,"_157":213,"_159":177,"_160":142,"_161":214,"_163":118,"_105":215,"_99":216,"_166":206,"_168":217,"_169":22,"_170":-5,"_171":311,"_98":312},[],[176,212],{"_103":221,"_95":222,"_157":223,"_159":177,"_160":142,"_161":224,"_163":118,"_105":225,"_99":226,"_166":195,"_168":227,"_169":22,"_170":-5,"_171":314,"_98":315},[],[176,222],{"_103":231,"_95":232,"_157":233,"_159":177,"_160":142,"_161":234,"_163":118,"_105":235,"_99":236,"_166":206,"_168":237,"_169":22,"_170":-5,"_171":317,"_98":318},[],[176,232],[176],{"_103":242,"_95":243,"_157":244,"_159":-5,"_160":142,"_161":245,"_163":118,"_105":246,"_99":247,"_166":206,"_168":248,"_169":22,"_170":-5,"_171":321,"_98":322},[],[243],{"_103":252,"_95":253,"_157":116,"_159":-5,"_160":142,"_161":100,"_163":118,"_105":254,"_99":122,"_166":255,"_168":256,"_169":22,"_170":-5,"_171":324,"_98":325},[],[253],[296,299,301,303,307,310,313,316,320,323],[328,330,332,334],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":22,"_105":271,"_99":165,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":329},[156],{"_103":175,"_95":176,"_157":177,"_159":-5,"_160":142,"_161":178,"_163":118,"_105":274,"_99":180,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":331},[176],{"_103":242,"_95":243,"_157":244,"_159":-5,"_160":142,"_161":245,"_163":118,"_105":277,"_99":247,"_166":206,"_168":248,"_169":22,"_170":-5,"_98":333},[243],{"_103":252,"_95":253,"_157":116,"_159":-5,"_160":142,"_161":100,"_163":118,"_105":280,"_99":122,"_166":255,"_168":256,"_169":22,"_170":-5,"_98":335},[253],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

std

reactHonoStarter