Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[157,174,180],[157,174],{"_105":189,"_96":190,"_158":191,"_160":159,"_161":143,"_162":102,"_163":22,"_107":192,"_101":123,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":193,"_99":194},"7472c2ce-7c5a-11f0-9144-0224a6c84d84","css","72e3e03c-7c5a-11f0-984a-0224a6c84d84",["D",1755538839093],[],[157,190],{"_105":196,"_96":197,"_158":198,"_160":159,"_161":143,"_162":123,"_163":22,"_107":199,"_101":32,"_165":200,"_167":201,"_168":22,"_169":-5,"_170":202,"_99":203},"4d27636e-7c5a-11f0-a40a-0224a6c84d84","favicon.svg","0198be43-d4b4-76d8-826e-6a561f719867",["D",1755538773091],"file","\n",[],[157,197],{"_105":205,"_96":206,"_158":207,"_160":159,"_161":143,"_162":123,"_163":22,"_107":208,"_101":32,"_165":200,"_167":209,"_168":22,"_169":-5,"_170":210,"_99":211},"4d2764ae-7c5a-11f0-a40a-0224a6c84d84","index.html","0198be43-d4b4-76d8-826e-6d3cc74d1279",["D",1755538773091],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[157,206],{"_105":213,"_96":214,"_158":215,"_160":159,"_161":143,"_162":123,"_163":22,"_107":216,"_101":32,"_165":183,"_167":217,"_168":22,"_169":-5,"_170":218,"_99":219},"4d2765d0-7c5a-11f0-a40a-0224a6c84d84","index.tsx","0198be43-d4b4-76d8-826e-729ace716bb5",["D",1755538773091],"/** @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();",[],[157,214],{"_105":221,"_96":222,"_158":223,"_160":159,"_161":143,"_162":123,"_163":22,"_107":224,"_101":32,"_165":200,"_167":225,"_168":22,"_169":-5,"_170":226,"_99":227},"4d27671a-7c5a-11f0-a40a-0224a6c84d84","style.css","0198be43-d4b4-76d8-826e-74399fe26f59",["D",1755538773091],"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}",[],[157,222],[157],{"_105":230,"_96":231,"_158":232,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":233,"_101":32,"_165":200,"_167":234,"_168":22,"_169":-5,"_170":235,"_99":236},"4d2773f4-7c5a-11f0-a40a-0224a6c84d84","README.md","0198be43-d4b4-76d8-826e-7c07a8712241",["D",1755538773091],"# 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.",[],[231],{"_105":238,"_96":100,"_158":239,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":240,"_101":32,"_165":241,"_167":242,"_168":22,"_169":-5,"_170":243,"_99":244},"4d277520-7c5a-11f0-a40a-0224a6c84d84","0198be43-d4b4-76d8-826e-82df5f2a54fc",["D",1755538773091],"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",[155,172,178,188,195,204,212,220,229,237],"counts",{"_249":32,"_250":123,"_251":32,"_252":253},"pulls","branches","forks","envVars",{"_254":32,"_255":32},"count","emptyCount","contents",[],{"_105":238,"_161":143,"_158":239,"_96":100,"_167":242,"_165":241,"_101":32,"_160":-5,"_107":259,"_162":123,"_169":-5,"_99":260},["D",1755538773091],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":269,"_153":274,"_245":305,"_200":306,"_256":309,"_310":-5,"_311":-5,"_312":-5,"_313":-5,"_314":315,"_252":-5},{"_105":106,"_96":97,"_107":270,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":123,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":271,"_137":272,"_140":273,"_152":22},["D",1755538773091],{"_94":95,"_135":136},{"_94":95,"_139":136,"_14":115},{"_101":142,"_96":44,"_105":143,"_144":106,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":97,"_151":95},[275,299,302],{"_105":156,"_96":157,"_158":159,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":164,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":276,"_99":298},[277,283,286,289,292,295],{"_105":173,"_96":174,"_158":175,"_160":159,"_161":143,"_162":123,"_163":22,"_107":176,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":278,"_99":282},[279],{"_105":179,"_96":180,"_158":181,"_160":175,"_161":143,"_162":123,"_163":22,"_107":182,"_101":32,"_165":183,"_167":184,"_168":22,"_169":-5,"_170":280,"_99":281},[],[157,174,180],[157,174],{"_105":189,"_96":190,"_158":191,"_160":159,"_161":143,"_162":102,"_163":22,"_107":192,"_101":123,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":284,"_99":285},[],[157,190],{"_105":196,"_96":197,"_158":198,"_160":159,"_161":143,"_162":123,"_163":22,"_107":199,"_101":32,"_165":200,"_167":201,"_168":22,"_169":-5,"_170":287,"_99":288},[],[157,197],{"_105":205,"_96":206,"_158":207,"_160":159,"_161":143,"_162":123,"_163":22,"_107":208,"_101":32,"_165":200,"_167":209,"_168":22,"_169":-5,"_170":290,"_99":291},[],[157,206],{"_105":213,"_96":214,"_158":215,"_160":159,"_161":143,"_162":123,"_163":22,"_107":216,"_101":32,"_165":183,"_167":217,"_168":22,"_169":-5,"_170":293,"_99":294},[],[157,214],{"_105":221,"_96":222,"_158":223,"_160":159,"_161":143,"_162":123,"_163":22,"_107":224,"_101":32,"_165":200,"_167":225,"_168":22,"_169":-5,"_170":296,"_99":297},[],[157,222],[157],{"_105":230,"_96":231,"_158":232,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":233,"_101":32,"_165":200,"_167":234,"_168":22,"_169":-5,"_170":300,"_99":301},[],[231],{"_105":238,"_96":100,"_158":239,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":240,"_101":32,"_165":241,"_167":242,"_168":22,"_169":-5,"_170":303,"_99":304},[],[100],[275,277,279,283,286,289,292,295,299,302],{"_105":238,"_96":100,"_158":239,"_160":-5,"_161":143,"_162":123,"_163":22,"_107":307,"_101":32,"_165":241,"_167":242,"_168":22,"_169":-5,"_99":308},["D",1755538773091],[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

hunterparks

project-para-demo