Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[156,175,182],[156,175],{"_103":193,"_95":194,"_157":195,"_159":158,"_160":142,"_161":196,"_163":118,"_105":197,"_100":165,"_166":198,"_168":199,"_169":22,"_170":-5,"_171":200,"_98":201},"82a730d4-3261-11f0-aa46-569c3dd06744","favicon.svg","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"file","\n",[],[156,194],{"_103":203,"_95":204,"_157":205,"_159":158,"_160":142,"_161":206,"_163":118,"_105":207,"_100":208,"_166":198,"_168":209,"_169":22,"_170":-5,"_171":210,"_98":211},"538a58d0-3261-11f0-9414-569c3dd06744","index.html","5404b440-f52b-11ef-99f0-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[156,204],{"_103":213,"_95":214,"_157":215,"_159":158,"_160":142,"_161":216,"_163":118,"_105":217,"_100":218,"_166":187,"_168":219,"_169":22,"_170":-5,"_171":220,"_98":221},"37ad4e0c-f53e-11ef-940f-569c3dd06744","index.tsx","5b1c65b6-f52b-11ef-bc72-569c3dd06744",24,["D",1740683304259],3,"/** @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,214],{"_103":223,"_95":224,"_157":225,"_159":158,"_160":142,"_161":226,"_163":118,"_105":227,"_100":228,"_166":198,"_168":229,"_169":22,"_170":-5,"_171":230,"_98":231},"e8142ab2-3261-11f0-8425-569c3dd06744","style.css","6ce9bd70-3261-11f0-b1e3-569c3dd06744",54,["D",1747405653521],9,"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,224],[156],{"_103":234,"_95":235,"_157":236,"_159":-5,"_160":142,"_161":237,"_163":118,"_105":238,"_100":239,"_166":198,"_168":240,"_169":22,"_170":-5,"_171":241,"_98":242},"f8bf1838-7a08-11f0-b058-0224a6c84d84","README.md","a50c3760-f53e-11ef-bd6d-569c3dd06744",69,["D",1755283939999],19,"# 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.",[],[235],{"_103":244,"_95":245,"_157":116,"_159":-5,"_160":142,"_161":246,"_163":118,"_105":247,"_100":122,"_166":248,"_168":249,"_169":22,"_170":-5,"_171":250,"_98":251},"61618220-7a0b-11f0-a212-0224a6c84d84","index.ts",71,["D",1755284974540],"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;",[],[245],"files",[154,173,180,192,202,212,222,233,243],"counts",{"_256":165,"_257":165,"_258":259,"_260":32},"pulls","branches","forks",120,"envVars","contents",[],{"_103":203,"_95":204,"_157":205,"_159":158,"_160":142,"_161":206,"_163":118,"_105":264,"_100":208,"_166":198,"_168":209,"_169":22,"_170":-5,"_98":265},["D",1747405404319],[156,204],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":274,"_198":279,"_282":283,"_322":323,"_333":-7,"_334":32,"_335":22},{"_103":104,"_95":96,"_105":275,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":120,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":276,"_136":277,"_139":278,"_151":22},["D",1740674013689],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_100":141,"_95":43,"_103":142,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},{"_103":203,"_95":204,"_157":205,"_159":158,"_160":142,"_161":206,"_163":118,"_105":280,"_100":208,"_166":198,"_168":209,"_169":22,"_170":-5,"_98":281},["D",1747405404319],[156,204],"history",[284,286,292,298,303,308,314,318],{"_103":203,"_160":142,"_157":205,"_95":204,"_168":209,"_166":198,"_100":208,"_159":158,"_105":285,"_161":206,"_170":-5},["D",1747405404319],{"_103":287,"_160":142,"_157":205,"_95":204,"_168":288,"_166":198,"_100":289,"_159":158,"_105":290,"_161":291,"_170":-5},"4d3a56ba-3261-11f0-8b93-569c3dd06744","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",6,["D",1747405393729],41,{"_103":293,"_160":142,"_157":205,"_95":204,"_168":294,"_166":198,"_100":295,"_159":158,"_105":296,"_161":297,"_170":-5},"4499b3e8-3261-11f0-9fe4-569c3dd06744","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",5,["D",1747405379252],40,{"_103":299,"_160":142,"_157":205,"_95":204,"_168":300,"_166":198,"_100":186,"_159":158,"_105":301,"_161":302,"_170":-5},"e65f49dc-f85e-11ef-b448-569c3dd06744","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",["D",1741027194729],35,{"_103":304,"_160":142,"_157":205,"_95":204,"_168":305,"_166":198,"_100":218,"_159":158,"_105":306,"_161":307,"_170":-5},"39c7c5fa-f53e-11ef-b0bc-569c3dd06744","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",["D",1740683307787],25,{"_103":309,"_160":142,"_157":205,"_95":204,"_168":310,"_166":198,"_100":311,"_159":158,"_105":312,"_161":313,"_170":-5},"586dcc60-f52b-11ef-99f0-569c3dd06744","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",2,["D",1740675198768],11,{"_103":315,"_160":142,"_157":205,"_95":204,"_168":72,"_166":198,"_100":165,"_159":158,"_105":316,"_161":317,"_170":-5},"56f87d94-f52b-11ef-bb09-569c3dd06744",["D",1740675196304],10,{"_103":319,"_160":142,"_157":205,"_95":320,"_168":72,"_166":198,"_100":32,"_159":158,"_105":321,"_161":228,"_170":-5},"5404b3a0-f52b-11ef-99f0-569c3dd06744","respectableCoffeeParrotfish",["D",1740675191371],"versions",[324,326,327,328,329,330,331,332],{"_198":284,"_325":286},"previous",{"_198":286,"_325":292},{"_198":292,"_325":298},{"_198":298,"_325":303},{"_198":303,"_325":308},{"_198":308,"_325":314},{"_198":314,"_325":318},{"_198":318,"_325":-5},"versionNumber","page","hasNext","actionData","errors"]

std

reactHonoStarter

History for index.html