Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[151,169,175],[151,169],{"_103":184,"_95":185,"_152":186,"_154":153,"_155":137,"_156":136,"_157":158,"_105":187,"_100":32,"_160":188,"_162":189,"_163":22,"_164":-5,"_165":190,"_98":191},"6089b17e-8f55-11f0-ab53-0224a6c84d84","favicon.svg","01993aa8-44f7-7518-8772-bca8a02dc0d7",["D",1757625730187],"file","\n",[],[151,185],{"_103":193,"_95":194,"_152":195,"_154":153,"_155":137,"_156":136,"_157":158,"_105":196,"_100":32,"_160":188,"_162":197,"_163":22,"_164":-5,"_165":198,"_98":199},"6089b2e6-8f55-11f0-ab53-0224a6c84d84","index.html","01993aa8-44f7-7518-8772-c09f2b3e3193",["D",1757625730187],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[151,194],{"_103":201,"_95":202,"_152":203,"_154":153,"_155":137,"_156":136,"_157":158,"_105":204,"_100":32,"_160":178,"_162":205,"_163":22,"_164":-5,"_165":206,"_98":207},"6089b50c-8f55-11f0-ab53-0224a6c84d84","index.tsx","01993aa8-44f7-7518-8772-c7dbf9378862",["D",1757625730187],"/** @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();",[],[151,202],{"_103":209,"_95":210,"_152":211,"_154":153,"_155":137,"_156":136,"_157":158,"_105":212,"_100":32,"_160":188,"_162":213,"_163":22,"_164":-5,"_165":214,"_98":215},"6089c92a-8f55-11f0-ab53-0224a6c84d84","style.css","01993aa8-44f7-7518-8772-ca4914a43d5e",["D",1757625730187],"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}",[],[151,210],[151],{"_103":218,"_95":219,"_152":220,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":221,"_100":32,"_160":188,"_162":222,"_163":22,"_164":-5,"_165":223,"_98":224},"6089cc36-8f55-11f0-ab53-0224a6c84d84","README.md","01993aa8-44f7-7518-8772-d2d3fcf9599a",["D",1757625730187],"# 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.",[],[219],{"_103":226,"_95":99,"_152":227,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":228,"_100":32,"_160":229,"_162":230,"_163":22,"_164":-5,"_165":231,"_98":232},"6089ce5c-8f55-11f0-ab53-0224a6c84d84","01993aa8-44f7-7518-8772-d5242c1abf15",["D",1757625730187],"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",[149,167,173,183,192,200,208,217,225],"counts",{"_237":32,"_238":136,"_239":32,"_240":32},"pulls","branches","forks","envVars","contents",[],{"_103":226,"_155":137,"_152":227,"_95":99,"_162":230,"_160":229,"_100":32,"_154":-5,"_105":244,"_156":136,"_164":-5,"_98":245},["D",1757625730187],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":254,"_147":259,"_233":287,"_188":288,"_241":291,"_292":-5,"_293":22,"_294":-5,"_295":-5,"_296":-5,"_297":298},{"_103":104,"_95":96,"_105":255,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":256,"_131":257,"_134":258,"_146":22},["D",1757625730187],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[260,281,284],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":159,"_100":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":261,"_98":280},[262,268,271,274,277],{"_103":168,"_95":169,"_152":170,"_154":153,"_155":137,"_156":136,"_157":158,"_105":171,"_100":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":263,"_98":267},[264],{"_103":174,"_95":175,"_152":176,"_154":170,"_155":137,"_156":136,"_157":158,"_105":177,"_100":32,"_160":178,"_162":179,"_163":22,"_164":-5,"_165":265,"_98":266},[],[151,169,175],[151,169],{"_103":184,"_95":185,"_152":186,"_154":153,"_155":137,"_156":136,"_157":158,"_105":187,"_100":32,"_160":188,"_162":189,"_163":22,"_164":-5,"_165":269,"_98":270},[],[151,185],{"_103":193,"_95":194,"_152":195,"_154":153,"_155":137,"_156":136,"_157":158,"_105":196,"_100":32,"_160":188,"_162":197,"_163":22,"_164":-5,"_165":272,"_98":273},[],[151,194],{"_103":201,"_95":202,"_152":203,"_154":153,"_155":137,"_156":136,"_157":158,"_105":204,"_100":32,"_160":178,"_162":205,"_163":22,"_164":-5,"_165":275,"_98":276},[],[151,202],{"_103":209,"_95":210,"_152":211,"_154":153,"_155":137,"_156":136,"_157":158,"_105":212,"_100":32,"_160":188,"_162":213,"_163":22,"_164":-5,"_165":278,"_98":279},[],[151,210],[151],{"_103":218,"_95":219,"_152":220,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":221,"_100":32,"_160":188,"_162":222,"_163":22,"_164":-5,"_165":282,"_98":283},[],[219],{"_103":226,"_95":99,"_152":227,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":228,"_100":32,"_160":229,"_162":230,"_163":22,"_164":-5,"_165":285,"_98":286},[],[99],[260,262,264,268,271,274,277,281,284],{"_103":226,"_155":137,"_152":227,"_95":99,"_162":230,"_160":229,"_100":32,"_154":-5,"_105":289,"_156":136,"_164":-5,"_98":290},["D",1757625730187],[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[299,316],{"_103":300,"_95":301,"_105":302,"_107":-5,"_108":22,"_109":110,"_111":303,"_112":304,"_14":305,"_114":306,"_115":158,"_116":307,"_117":308,"_16":309,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":310,"_131":313,"_134":314,"_146":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,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":311,"_129":312},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":311,"_133":312},{"_103":315,"_95":43,"_100":307,"_138":300,"_139":-5,"_140":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":317,"_95":318,"_105":319,"_107":-5,"_108":22,"_109":110,"_111":320,"_112":-5,"_14":321,"_114":322,"_115":158,"_116":323,"_117":324,"_16":325,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":326,"_131":329,"_134":330,"_146":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",{"_93":327,"_129":328},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":327,"_133":328},{"_103":331,"_95":43,"_100":332,"_138":317,"_139":-5,"_140":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

pcstyle

untitled-3546