Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[155,172,178],[155,172],{"_104":187,"_96":188,"_156":189,"_158":157,"_159":141,"_160":140,"_161":118,"_106":190,"_101":32,"_163":191,"_165":192,"_166":22,"_167":-5,"_168":193,"_99":194},"8a82e71a-cb01-11f0-984d-42dde27851f2","favicon.svg","019ac1ba-2339-75cc-8429-9297dbb2449e",["D",1764186792711],"file","\n",[],[155,188],{"_104":196,"_96":197,"_156":198,"_158":157,"_159":141,"_160":140,"_161":118,"_106":199,"_101":32,"_163":191,"_165":200,"_166":22,"_167":-5,"_168":201,"_99":202},"8a82e86e-cb01-11f0-984d-42dde27851f2","index.html","019ac1ba-2339-75cc-8429-96d6325fb143",["D",1764186792711],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[155,197],{"_104":204,"_96":205,"_156":206,"_158":157,"_159":141,"_160":140,"_161":118,"_106":207,"_101":32,"_163":181,"_165":208,"_166":22,"_167":-5,"_168":209,"_99":210},"8a82ea30-cb01-11f0-984d-42dde27851f2","index.tsx","019ac1ba-2339-75cc-8429-98720526ed79",["D",1764186792711],"/** @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();",[],[155,205],{"_104":212,"_96":213,"_156":214,"_158":157,"_159":141,"_160":140,"_161":118,"_106":215,"_101":32,"_163":191,"_165":216,"_166":22,"_167":-5,"_168":217,"_99":218},"8a82ec74-cb01-11f0-984d-42dde27851f2","style.css","019ac1ba-2339-75cc-8429-9c9f71c3cc31",["D",1764186792711],"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}",[],[155,213],[155],{"_104":221,"_96":222,"_156":223,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":224,"_101":32,"_163":191,"_165":225,"_166":22,"_167":-5,"_168":226,"_99":227},"8a82ef30-cb01-11f0-984d-42dde27851f2","README.md","019ac1ba-2339-75cc-8429-a5de85057fd2",["D",1764186792711],"# 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.",[],[222],{"_104":229,"_96":100,"_156":116,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":230,"_101":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_168":233,"_99":234},"8a82f19c-cb01-11f0-984d-42dde27851f2",["D",1764186792711],"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;",[],[100],"files",[153,170,176,186,195,203,211,220,228],"counts",{"_239":32,"_240":140,"_241":32,"_242":243,"_246":247},"pulls","branches","forks","envVars",{"_244":32,"_245":32},"count","emptyCount","connections",{"_244":32,"_248":32},"unfilledCount","contents",[],{"_104":229,"_96":100,"_156":116,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":252,"_101":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_99":253},["D",1764186792711],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_94":95,"_96":97,"_98":44,"_101":-7,"_99":100,"_102":262,"_151":267,"_235":295,"_191":296,"_249":298,"_299":-5,"_300":-5,"_301":-5,"_302":-5,"_303":304,"_242":-5},{"_104":105,"_96":97,"_106":263,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":264,"_135":265,"_138":266,"_150":22},["D",1764186792711],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},[268,289,292],{"_104":154,"_96":155,"_156":157,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":162,"_101":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":269,"_99":288},[270,276,279,282,285],{"_104":171,"_96":172,"_156":173,"_158":157,"_159":141,"_160":140,"_161":118,"_106":174,"_101":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":271,"_99":275},[272],{"_104":177,"_96":178,"_156":179,"_158":173,"_159":141,"_160":140,"_161":118,"_106":180,"_101":32,"_163":181,"_165":182,"_166":22,"_167":-5,"_168":273,"_99":274},[],[155,172,178],[155,172],{"_104":187,"_96":188,"_156":189,"_158":157,"_159":141,"_160":140,"_161":118,"_106":190,"_101":32,"_163":191,"_165":192,"_166":22,"_167":-5,"_168":277,"_99":278},[],[155,188],{"_104":196,"_96":197,"_156":198,"_158":157,"_159":141,"_160":140,"_161":118,"_106":199,"_101":32,"_163":191,"_165":200,"_166":22,"_167":-5,"_168":280,"_99":281},[],[155,197],{"_104":204,"_96":205,"_156":206,"_158":157,"_159":141,"_160":140,"_161":118,"_106":207,"_101":32,"_163":181,"_165":208,"_166":22,"_167":-5,"_168":283,"_99":284},[],[155,205],{"_104":212,"_96":213,"_156":214,"_158":157,"_159":141,"_160":140,"_161":118,"_106":215,"_101":32,"_163":191,"_165":216,"_166":22,"_167":-5,"_168":286,"_99":287},[],[155,213],[155],{"_104":221,"_96":222,"_156":223,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":224,"_101":32,"_163":191,"_165":225,"_166":22,"_167":-5,"_168":290,"_99":291},[],[222],{"_104":229,"_96":100,"_156":116,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":230,"_101":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_168":293,"_99":294},[],[100],[268,270,272,276,279,282,285,289,292],{"_104":229,"_96":100,"_156":116,"_158":-5,"_159":141,"_160":140,"_161":118,"_106":252,"_101":32,"_163":231,"_165":232,"_166":22,"_167":-5,"_99":297},[100],[],"upstream","pull","ahead","behind","templates",[305,322],{"_104":306,"_96":307,"_106":308,"_108":-5,"_109":22,"_110":111,"_112":309,"_113":310,"_14":311,"_115":312,"_117":118,"_119":-5,"_120":313,"_121":314,"_16":315,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":316,"_135":319,"_138":320,"_150":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,12,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_94":317,"_133":318},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_94":317,"_137":318,"_14":311},{"_104":321,"_96":44,"_101":313,"_142":306,"_143":-5,"_144":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_104":323,"_96":324,"_106":325,"_108":-5,"_109":22,"_110":111,"_112":326,"_113":-5,"_14":327,"_115":328,"_117":118,"_119":-5,"_120":329,"_121":330,"_16":331,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":332,"_135":335,"_138":336,"_150":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_94":333,"_133":334},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_94":333,"_137":334,"_14":-5},{"_104":337,"_96":44,"_101":338,"_142":323,"_143":-5,"_144":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

cricks_unmixed4u

agent-playground