React Hono Val Town Starter

\n \n \n \n",[],[99,201],{"_104":210,"_95":211,"_156":212,"_158":157,"_159":138,"_160":161,"_162":22,"_106":213,"_100":32,"_165":185,"_167":214,"_168":22,"_169":-5,"_170":215,"_98":216},"ebc52042-910e-11f0-8be6-0224a6c84d84","index.tsx","019945f5-f8ac-777a-8590-5c08b0e2709a",["D",1757815371862],"/** @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();",[],[99,211],{"_104":218,"_95":219,"_156":220,"_158":157,"_159":138,"_160":161,"_162":163,"_106":221,"_100":32,"_165":195,"_167":222,"_168":22,"_169":-5,"_170":223,"_98":224},"ebc521b4-910e-11f0-8be6-0224a6c84d84","style.css","019945f5-f8ac-777a-8590-613ab987d667",["D",1757815371862],"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}",[],[99,219],[99],{"_104":227,"_95":228,"_156":229,"_158":-5,"_159":138,"_160":161,"_162":163,"_106":230,"_100":32,"_165":195,"_167":231,"_168":22,"_169":-5,"_170":232,"_98":233},"ebc5242a-910e-11f0-8be6-0224a6c84d84","README.md","019945f5-f8ac-777a-8590-688df433f2ad",["D",1757815371862],"# 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.",[],[228],{"_104":235,"_95":236,"_156":237,"_158":-5,"_159":138,"_160":101,"_162":22,"_106":238,"_100":161,"_165":239,"_167":240,"_168":22,"_169":-5,"_170":241,"_98":242},"faf0bf92-9111-11f0-84a8-0224a6c84d84","index.ts","019945f5-f8ac-777a-8590-6d3c46e314c5",["D",1757816685892],"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;",[],[236],"files",[154,172,178,190,199,209,217,226,234],"counts",{"_247":32,"_248":161,"_249":32,"_250":32},"pulls","branches","forks","envVars","contents",[253,256,259,262,265],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":138,"_160":161,"_162":163,"_106":254,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":255},["D",1757815371862],[99,174],{"_104":191,"_95":192,"_156":193,"_158":157,"_159":138,"_160":161,"_162":163,"_106":257,"_100":32,"_165":195,"_167":196,"_168":22,"_169":-5,"_98":258},["D",1757815371862],[99,192],{"_104":200,"_95":201,"_156":202,"_158":157,"_159":138,"_160":203,"_162":22,"_106":260,"_100":205,"_165":195,"_167":206,"_168":22,"_169":-5,"_98":261},["D",1757815750442],[99,201],{"_104":210,"_95":211,"_156":212,"_158":157,"_159":138,"_160":161,"_162":22,"_106":263,"_100":32,"_165":185,"_167":214,"_168":22,"_169":-5,"_98":264},["D",1757815371862],[99,211],{"_104":218,"_95":219,"_156":220,"_158":157,"_159":138,"_160":161,"_162":163,"_106":266,"_100":32,"_165":195,"_167":222,"_168":22,"_169":-5,"_98":267},["D",1757815371862],[99,219],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":138,"_160":161,"_162":163,"_106":269,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":270},["D",1757815371862],[99],"upstreamProject",{"_104":146,"_95":273,"_112":274,"_113":-5,"_110":111,"_23":275},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":276,"_130":277},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":280,"_281":282,"_95":43,"_139":146,"_100":143,"_140":-5,"_142":-5,"_283":284,"_108":-5,"_151":22,"_110":111,"_150":276,"_16":148,"_149":273},["D",1740674013689],"updatedAt",["D",1755284984205],"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":291,"_152":296,"_243":324,"_195":325,"_251":327,"_338":339,"_342":22,"_343":-5,"_344":345,"_346":32,"_347":348},{"_104":105,"_95":96,"_106":292,"_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":293,"_132":294,"_135":295,"_151":22},["D",1757815371862],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":141,"_142":143,"_144":111,"_145":146,"_147":148,"_149":96,"_150":94},[297,318,321],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":138,"_160":161,"_162":163,"_106":164,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":298,"_98":317},[299,305,308,311,314],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":138,"_160":161,"_162":163,"_106":176,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":300,"_98":304},[301],{"_104":179,"_95":180,"_156":181,"_158":175,"_159":138,"_160":182,"_162":163,"_106":183,"_100":184,"_165":185,"_167":186,"_168":22,"_169":-5,"_170":302,"_98":303},[],[99,174,180],[99,174],{"_104":191,"_95":192,"_156":193,"_158":157,"_159":138,"_160":161,"_162":163,"_106":194,"_100":32,"_165":195,"_167":196,"_168":22,"_169":-5,"_170":306,"_98":307},[],[99,192],{"_104":200,"_95":201,"_156":202,"_158":157,"_159":138,"_160":203,"_162":22,"_106":204,"_100":205,"_165":195,"_167":206,"_168":22,"_169":-5,"_170":309,"_98":310},[],[99,201],{"_104":210,"_95":211,"_156":212,"_158":157,"_159":138,"_160":161,"_162":22,"_106":213,"_100":32,"_165":185,"_167":214,"_168":22,"_169":-5,"_170":312,"_98":313},[],[99,211],{"_104":218,"_95":219,"_156":220,"_158":157,"_159":138,"_160":161,"_162":163,"_106":221,"_100":32,"_165":195,"_167":222,"_168":22,"_169":-5,"_170":315,"_98":316},[],[99,219],[99],{"_104":227,"_95":228,"_156":229,"_158":-5,"_159":138,"_160":161,"_162":163,"_106":230,"_100":32,"_165":195,"_167":231,"_168":22,"_169":-5,"_170":319,"_98":320},[],[228],{"_104":235,"_95":236,"_156":237,"_158":-5,"_159":138,"_160":101,"_162":22,"_106":238,"_100":161,"_165":239,"_167":240,"_168":22,"_169":-5,"_170":322,"_98":323},[],[236],[297,299,301,305,308,311,314,318,321],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":138,"_160":161,"_162":163,"_106":269,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":326},[99],[328,330,332,334,336],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":138,"_160":161,"_162":163,"_106":254,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":329},[99,174],{"_104":191,"_95":192,"_156":193,"_158":157,"_159":138,"_160":161,"_162":163,"_106":257,"_100":32,"_165":195,"_167":196,"_168":22,"_169":-5,"_98":331},[99,192],{"_104":200,"_95":201,"_156":202,"_158":157,"_159":138,"_160":203,"_162":22,"_106":260,"_100":205,"_165":195,"_167":206,"_168":22,"_169":-5,"_98":333},[99,201],{"_104":210,"_95":211,"_156":212,"_158":157,"_159":138,"_160":161,"_162":22,"_106":263,"_100":32,"_165":185,"_167":214,"_168":22,"_169":-5,"_98":335},[99,211],{"_104":218,"_95":219,"_156":220,"_158":157,"_159":138,"_160":161,"_162":163,"_106":266,"_100":32,"_165":195,"_167":222,"_168":22,"_169":-5,"_98":337},[99,219],"upstream",{"_104":141,"_106":340,"_281":341,"_95":43,"_139":146,"_100":143,"_140":-5,"_142":-5,"_283":284,"_108":-5,"_151":22,"_110":111,"_150":276,"_16":148,"_149":273},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",20,"behind","templates",[],"actionData","errors"]