Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[184,190,196],[184,190],{"_102":205,"_95":206,"_155":207,"_157":185,"_158":136,"_159":160,"_161":162,"_104":208,"_99":32,"_164":209,"_166":210,"_167":22,"_168":-5,"_169":211,"_98":212},"9363d56a-6fbc-11f0-be46-0224a6c84d84","favicon.svg","01986b95-8039-7643-8d52-2db9ebeed184",["D",1754151616493],"file","\n",[],[184,206],{"_102":214,"_95":215,"_155":216,"_157":185,"_158":136,"_159":217,"_161":162,"_104":218,"_99":219,"_164":209,"_166":220,"_167":22,"_168":-5,"_169":221,"_98":222},"69b9ee4c-6fbd-11f0-85ba-0224a6c84d84","index.html","01986b95-8039-7643-8d52-318cdf256600",7,["D",1754151976168],3,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n

\n \n \n \n \n",[],[184,215],{"_102":224,"_95":225,"_155":226,"_157":185,"_158":136,"_159":160,"_161":162,"_104":227,"_99":32,"_164":199,"_166":228,"_167":22,"_168":-5,"_169":229,"_98":230},"9363d916-6fbc-11f0-be46-0224a6c84d84","index.tsx","01986b95-8039-7643-8d52-357fc1493487",["D",1754151616493],"/** @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();",[],[184,225],{"_102":232,"_95":233,"_155":234,"_157":185,"_158":136,"_159":160,"_161":162,"_104":235,"_99":32,"_164":209,"_166":236,"_167":22,"_168":-5,"_169":237,"_98":238},"9363daba-6fbc-11f0-be46-0224a6c84d84","style.css","01986b95-8039-7643-8d52-382243ca59fd",["D",1754151616493],"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}",[],[184,233],[184],{"_102":241,"_95":242,"_155":243,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":244,"_99":32,"_164":209,"_166":245,"_167":22,"_168":-5,"_169":246,"_98":247},"9363de66-6fbc-11f0-be46-0224a6c84d84","README.md","01986b95-8039-7643-8d52-4070789cebd7",["D",1754151616493],"# 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 top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/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 [`/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 reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/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 bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[],[242],"files",[152,171,182,188,194,204,213,223,231,240],"counts",{"_252":32,"_253":160,"_254":32,"_255":32},"pulls","branches","forks","envVars","contents",[258,261,264],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":259,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":260},["D",1754151616493],[154],{"_102":183,"_95":184,"_155":185,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":262,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":263},["D",1754151616493],[184],{"_102":241,"_95":242,"_155":243,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":265,"_99":32,"_164":209,"_166":245,"_167":22,"_168":-5,"_98":266},["D",1754151616493],[242],"upstreamProject",{"_102":144,"_95":96,"_110":269,"_111":-5,"_108":109,"_23":270},"Starter template with client-side React & Hono server",{"_93":271,"_128":272},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_102":139,"_104":275,"_276":277,"_95":43,"_137":144,"_99":278,"_138":-5,"_140":-5,"_279":280,"_106":-5,"_149":22,"_108":109,"_148":271,"_16":146,"_147":96},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":287,"_292":217,"_293":294,"_295":296,"_334":162,"_335":291,"_336":337,"_340":-5},{"_102":103,"_95":96,"_104":288,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":289,"_130":290,"_133":291,"_149":22},["D",1754151616493],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead","behind",5,"diff",{"_297":298,"_167":299,"_300":301},"added",[],[],"modified",[302,320],{"_98":303,"_304":305,"_316":317},"backend/index.ts","targetFile",{"_102":306,"_95":173,"_155":307,"_157":308,"_158":139,"_159":309,"_161":22,"_104":310,"_99":311,"_164":177,"_166":312,"_167":22,"_168":-5,"_169":-7,"_98":313,"_314":315},"d8603fe6-13af-11f0-a754-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",39,["D",1744030641875],11,"import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\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, c) => {\n throw err;\n});\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;",[154,173],"contentHash","1fe3293a95b653dc8edac73588099097b9ae05f0f81c610ed28eb5700f113cd3","sourceFile",{"_102":172,"_95":173,"_155":174,"_157":156,"_158":136,"_159":135,"_161":162,"_104":175,"_99":176,"_164":177,"_166":178,"_167":22,"_168":-5,"_169":-7,"_98":318,"_314":319},[154,173],"db42598faf27c997973de2b4908f62e1e62f182d9415b4f05fb665a0a1d61f3c",{"_98":321,"_304":322,"_316":331},"frontend/index.html",{"_102":323,"_95":215,"_155":324,"_157":325,"_158":139,"_159":326,"_161":162,"_104":327,"_99":217,"_164":209,"_166":328,"_167":22,"_168":-5,"_169":-7,"_98":329,"_314":330},"538a58d0-3261-11f0-9414-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",42,["D",1747405404319],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[184,215],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9",{"_102":214,"_95":215,"_155":216,"_157":185,"_158":136,"_159":217,"_161":162,"_104":218,"_99":219,"_164":209,"_166":220,"_167":22,"_168":-5,"_169":-7,"_98":332,"_314":333},[184,215],"4479f5babfe2f39bc3f8003dc25f1cb7bb975e12e4ddb71e3e4d1d9209b99503","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":338,"_276":339,"_95":43,"_137":144,"_99":278,"_138":-5,"_140":-5,"_279":280,"_106":-5,"_149":22,"_108":109,"_148":271,"_16":146,"_147":96},["D",1740674013689],["D",1755284984205],"pull","actionData","errors"]

Mergesupaspoida/mainintostd/main

Hbackend/index.ts+7-0

frontend/index.html+9-0