React Hono Val Town Starter

\n \n \n \n",[],[156,202],{"_104":211,"_95":212,"_157":213,"_159":158,"_160":138,"_161":162,"_163":22,"_106":214,"_100":32,"_166":186,"_168":215,"_169":22,"_170":-5,"_171":216,"_98":217},"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();",[],[156,212],{"_104":219,"_95":220,"_157":221,"_159":158,"_160":138,"_161":162,"_163":164,"_106":222,"_100":32,"_166":196,"_168":223,"_169":22,"_170":-5,"_171":224,"_98":225},"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}",[],[156,220],[156],{"_104":228,"_95":229,"_157":230,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":231,"_100":32,"_166":196,"_168":232,"_169":22,"_170":-5,"_171":233,"_98":234},"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.",[],[229],{"_104":236,"_95":99,"_157":237,"_159":-5,"_160":138,"_161":101,"_163":22,"_106":238,"_100":162,"_166":239,"_168":240,"_169":22,"_170":-5,"_171":241,"_98":242},"faf0bf92-9111-11f0-84a8-0224a6c84d84","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;",[],[99],"files",[154,173,179,191,200,210,218,227,235],"counts",{"_247":32,"_248":162,"_249":32,"_250":32},"pulls","branches","forks","envVars","contents",[],{"_104":236,"_160":138,"_157":237,"_95":99,"_168":240,"_166":239,"_100":162,"_159":-5,"_106":254,"_161":101,"_170":-5,"_98":255},["D",1757816685892],[99],"upstreamProject",{"_104":146,"_95":258,"_112":259,"_113":-5,"_110":111,"_23":260},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":261,"_130":262},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":265,"_266":267,"_95":43,"_139":146,"_100":143,"_140":-5,"_142":-5,"_268":269,"_108":-5,"_151":22,"_110":111,"_150":261,"_16":148,"_149":258},["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":276,"_152":281,"_243":309,"_196":310,"_251":313,"_314":315,"_318":22,"_319":-5,"_320":321,"_322":32,"_323":324},{"_104":105,"_95":96,"_106":277,"_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":278,"_132":279,"_135":280,"_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},[282,303,306],{"_104":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":165,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":283,"_98":302},[284,290,293,296,299],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":177,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":285,"_98":289},[286],{"_104":180,"_95":181,"_157":182,"_159":176,"_160":138,"_161":183,"_163":164,"_106":184,"_100":185,"_166":186,"_168":187,"_169":22,"_170":-5,"_171":287,"_98":288},[],[156,175,181],[156,175],{"_104":192,"_95":193,"_157":194,"_159":158,"_160":138,"_161":162,"_163":164,"_106":195,"_100":32,"_166":196,"_168":197,"_169":22,"_170":-5,"_171":291,"_98":292},[],[156,193],{"_104":201,"_95":202,"_157":203,"_159":158,"_160":138,"_161":204,"_163":22,"_106":205,"_100":206,"_166":196,"_168":207,"_169":22,"_170":-5,"_171":294,"_98":295},[],[156,202],{"_104":211,"_95":212,"_157":213,"_159":158,"_160":138,"_161":162,"_163":22,"_106":214,"_100":32,"_166":186,"_168":215,"_169":22,"_170":-5,"_171":297,"_98":298},[],[156,212],{"_104":219,"_95":220,"_157":221,"_159":158,"_160":138,"_161":162,"_163":164,"_106":222,"_100":32,"_166":196,"_168":223,"_169":22,"_170":-5,"_171":300,"_98":301},[],[156,220],[156],{"_104":228,"_95":229,"_157":230,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":231,"_100":32,"_166":196,"_168":232,"_169":22,"_170":-5,"_171":304,"_98":305},[],[229],{"_104":236,"_95":99,"_157":237,"_159":-5,"_160":138,"_161":101,"_163":22,"_106":238,"_100":162,"_166":239,"_168":240,"_169":22,"_170":-5,"_171":307,"_98":308},[],[99],[282,284,286,290,293,296,299,303,306],{"_104":236,"_160":138,"_157":237,"_95":99,"_168":240,"_166":239,"_100":162,"_159":-5,"_106":311,"_161":101,"_170":-5,"_98":312},["D",1757816685892],[99],[],"upstream",{"_104":141,"_106":316,"_266":317,"_95":43,"_139":146,"_100":143,"_140":-5,"_142":-5,"_268":269,"_108":-5,"_151":22,"_110":111,"_150":261,"_16":148,"_149":258},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",20,"behind","templates",[],"actionData","errors"]