Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[152,170,176],[152,170],{"_104":185,"_95":186,"_153":187,"_155":154,"_156":138,"_157":101,"_158":159,"_106":188,"_100":32,"_161":189,"_163":190,"_164":22,"_165":-5,"_166":191,"_98":192},"55bf3b6e-9929-11f0-bd77-0224a6c84d84","favicon.svg","01997b10-d9d2-75fc-88c1-403ada06a3ca",["D",1758706325832],"file","\n",[],[152,186],{"_104":194,"_95":195,"_153":196,"_155":154,"_156":138,"_157":101,"_158":159,"_106":197,"_100":32,"_161":189,"_163":198,"_164":22,"_165":-5,"_166":199,"_98":200},"55bf3cfe-9929-11f0-bd77-0224a6c84d84","index.html","01997b10-d9d2-75fc-88c1-468d86aa7ee2",["D",1758706325832],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[152,195],{"_104":202,"_95":203,"_153":204,"_155":154,"_156":138,"_157":101,"_158":159,"_106":205,"_100":32,"_161":179,"_163":206,"_164":22,"_165":-5,"_166":207,"_98":208},"55bf3ea2-9929-11f0-bd77-0224a6c84d84","index.tsx","01997b10-d9d2-75fc-88c1-482d488145ad",["D",1758706325832],"/** @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();",[],[152,203],{"_104":210,"_95":211,"_153":212,"_155":154,"_156":138,"_157":101,"_158":159,"_106":213,"_100":32,"_161":189,"_163":214,"_164":22,"_165":-5,"_166":215,"_98":216},"55bf401e-9929-11f0-bd77-0224a6c84d84","style.css","01997b10-d9d2-75fc-88c1-4fc4cfb71ae9",["D",1758706325832],"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}",[],[152,211],[152],{"_104":219,"_95":220,"_153":221,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":222,"_100":32,"_161":189,"_163":223,"_164":22,"_165":-5,"_166":224,"_98":225},"55bf43ca-9929-11f0-bd77-0224a6c84d84","README.md","01997b10-d9d2-75fc-88c1-5400d8a8af89",["D",1758706325832],"# 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.",[],[220],{"_104":227,"_95":99,"_153":228,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":229,"_100":32,"_161":230,"_163":231,"_164":22,"_165":-5,"_166":232,"_98":233},"55bf453c-9929-11f0-bd77-0224a6c84d84","01997b10-d9d2-75fc-88c1-59289dad9372",["D",1758706325832],"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;",[],[99],"files",[150,168,174,184,193,201,209,218,226],"counts",{"_238":32,"_239":101,"_240":32,"_241":242},"pulls","branches","forks","envVars",{"_243":32,"_244":32},"count","emptyCount","contents",[],{"_104":227,"_95":99,"_153":228,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":248,"_100":32,"_161":230,"_163":231,"_164":22,"_165":-5,"_98":249},["D",1758706325832],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":258,"_148":263,"_234":291,"_189":292,"_245":294,"_295":-5,"_296":-5,"_297":-5,"_298":-5,"_299":300},{"_104":105,"_95":96,"_106":259,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":260,"_132":261,"_135":262,"_147":22},["D",1758706325832],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[264,285,288],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":160,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":265,"_98":284},[266,272,275,278,281],{"_104":169,"_95":170,"_153":171,"_155":154,"_156":138,"_157":101,"_158":159,"_106":172,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":267,"_98":271},[268],{"_104":175,"_95":176,"_153":177,"_155":171,"_156":138,"_157":101,"_158":22,"_106":178,"_100":32,"_161":179,"_163":180,"_164":22,"_165":-5,"_166":269,"_98":270},[],[152,170,176],[152,170],{"_104":185,"_95":186,"_153":187,"_155":154,"_156":138,"_157":101,"_158":159,"_106":188,"_100":32,"_161":189,"_163":190,"_164":22,"_165":-5,"_166":273,"_98":274},[],[152,186],{"_104":194,"_95":195,"_153":196,"_155":154,"_156":138,"_157":101,"_158":159,"_106":197,"_100":32,"_161":189,"_163":198,"_164":22,"_165":-5,"_166":276,"_98":277},[],[152,195],{"_104":202,"_95":203,"_153":204,"_155":154,"_156":138,"_157":101,"_158":159,"_106":205,"_100":32,"_161":179,"_163":206,"_164":22,"_165":-5,"_166":279,"_98":280},[],[152,203],{"_104":210,"_95":211,"_153":212,"_155":154,"_156":138,"_157":101,"_158":159,"_106":213,"_100":32,"_161":189,"_163":214,"_164":22,"_165":-5,"_166":282,"_98":283},[],[152,211],[152],{"_104":219,"_95":220,"_153":221,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":222,"_100":32,"_161":189,"_163":223,"_164":22,"_165":-5,"_166":286,"_98":287},[],[220],{"_104":227,"_95":99,"_153":228,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":229,"_100":32,"_161":230,"_163":231,"_164":22,"_165":-5,"_166":289,"_98":290},[],[99],[264,266,268,272,275,278,281,285,288],{"_104":227,"_95":99,"_153":228,"_155":-5,"_156":138,"_157":101,"_158":159,"_106":248,"_100":32,"_161":230,"_163":231,"_164":22,"_165":-5,"_98":293},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

berserkin1337

untitled-2622