React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_293":294,"_295":296},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_214":-5,"_20":215,"_22":216,"_217":218,"_219":220,"_26":221,"_24":222,"_223":224,"_225":226,"_227":51,"_228":229,"_230":76,"_231":-5,"_232":-5,"_233":234},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","nbbaier","name","wa-hono-react","branchName","main","version","path","frontend","project",{"_36":170,"_13":14,"_38":171,"_49":-5,"_172":51,"_52":53,"_173":53,"_174":-5,"_175":-5,"_176":177,"_178":121,"_179":76,"_180":76,"_181":-5,"_182":78,"_56":183,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":189,"_190":189,"_191":192,"_193":192,"_194":192,"_195":189,"_196":189,"_197":198,"_199":200,"_201":202,"_50":51},"tree",[116,117,118],"file",{"_36":113,"_71":72,"_67":70,"_13":19,"_80":-5,"_79":111,"_17":78,"_69":-5,"_38":114,"_73":74,"_83":-5,"_18":115},"contents",[60,61,62,63,64],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",20,"behind",19,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":107,"_13":108,"_67":109,"_69":70,"_71":72,"_73":74,"_75":76,"_38":110,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_18":112},{"_36":101,"_13":102,"_67":103,"_69":70,"_71":72,"_73":74,"_75":76,"_38":104,"_17":78,"_79":24,"_80":105,"_82":51,"_83":-5,"_18":106},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":97,"_17":98,"_79":24,"_80":99,"_82":51,"_83":-5,"_18":100},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":34,"_75":76,"_38":88,"_17":89,"_79":90,"_80":91,"_82":51,"_83":-5,"_18":92},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_18":84},"ebc521b4-910e-11f0-8be6-0224a6c84d84","style.css","fileId","019945f5-f8ac-777a-8590-613ab987d667","parentId","019945f5-f8ac-777a-8590-66af95b140cf","branchId","ebbf0860-910e-11f0-8be6-0224a6c84d84","branchVersion",1,"latest",true,["D",1757815371862],0,"fileType","content","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}","deleted","label",[19,66],"5c6e32fc-9128-11f0-a7f0-0224a6c84d84","index.tsx","019945f5-f8ac-777a-8590-5c08b0e2709a",["D",1757826298382],2,"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport { createRoot } from \"https://esm.sh/react-dom@19/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();",[19,86],"08edfc88-9250-11f0-87ba-0224a6c84d84","index.html","019945f5-f8ac-777a-8590-58b09f1e8354",21,["D",1757953289323],9,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n \n\n \n Button\n\n

\n \n \n \n",[19,94],"ebc51da4-910e-11f0-8be6-0224a6c84d84","favicon.svg","019945f5-f8ac-777a-8590-568cefb340b1",["D",1757815371862],"\n",[19,102],"ebc51c0a-910e-11f0-8be6-0224a6c84d84","components","019945f5-f8ac-777a-8590-51c9f4f5295a",["D",1757815371862],"directory",[19,108],"ebc522ea-910e-11f0-8be6-0224a6c84d84",["D",1757815371862],[19],{"_36":113,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":137,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_127":138,"_18":139},{"_36":130,"_13":131,"_67":132,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":133,"_17":78,"_79":24,"_80":134,"_82":51,"_83":-5,"_127":135,"_18":136},{"_36":119,"_13":120,"_67":121,"_69":-5,"_71":72,"_73":122,"_75":76,"_38":123,"_17":124,"_79":125,"_80":126,"_82":51,"_83":-5,"_127":128,"_18":129},"078fb758-9112-11f0-80b1-0224a6c84d84","index.ts","019945f5-f8ac-777a-8590-6d3c46e314c5",17,["D",1757816707065],3,"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;","children",[],[120],"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.",[],[131],["D",1757815371862],[140,141,142,143,144],[19],{"_36":107,"_13":108,"_67":109,"_69":70,"_71":72,"_73":74,"_75":76,"_38":157,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_127":158,"_18":159},{"_36":101,"_13":102,"_67":103,"_69":70,"_71":72,"_73":74,"_75":76,"_38":154,"_17":78,"_79":24,"_80":105,"_82":51,"_83":-5,"_127":155,"_18":156},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":151,"_17":98,"_79":24,"_80":99,"_82":51,"_83":-5,"_127":152,"_18":153},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":34,"_75":76,"_38":148,"_17":89,"_79":90,"_80":91,"_82":51,"_83":-5,"_127":149,"_18":150},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":145,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_127":146,"_18":147},["D",1757815371862],[],[19,66],["D",1757826298382],[],[19,86],["D",1757953289323],[],[19,94],["D",1757815371862],[],[19,102],["D",1757815371862],[160],[19,108],{"_36":161,"_13":162,"_67":163,"_69":109,"_71":72,"_73":164,"_75":76,"_38":165,"_17":166,"_79":90,"_80":167,"_82":51,"_83":-5,"_127":168,"_18":169},"c3ab69b2-910f-11f0-a6a5-0224a6c84d84","App.tsx","019945f5-f8ab-7528-ab2d-999520b7cfd3",13,["D",1757815734167],6,"/** @jsxImportSource https://esm.sh/react@19.1.0 */\n\nexport function App() {\n return Button;\n}",[],[19,108,162],"ebbac8cc-910e-11f0-8be6-0224a6c84d84",["D",1757815371862],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","5f80108f-7ca4-4327-b77b-089dbe4b5a82","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_213":209},"org",{"_11":12,"_207":-5,"_208":209,"_176":177,"_210":211,"_212":51},"branch",{"_17":96,"_13":16,"_36":72,"_42":170,"_45":37,"_46":203,"_204":53,"_205":43,"_206":57,"_58":14,"_54":12},72,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":170,"_13":14,"_38":289,"_49":-5,"_172":51,"_52":53,"_173":53,"_174":-5,"_175":-5,"_176":177,"_178":121,"_179":76,"_180":76,"_181":-5,"_182":78,"_56":183,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":189,"_190":189,"_191":192,"_193":192,"_194":192,"_195":189,"_196":189,"_197":290,"_199":291,"_201":292,"_50":51},[262,269,270],"files",[262,263,264,265,266,267,268,269,270],"counts",{"_253":78,"_254":74,"_255":78,"_35":256,"_257":258},[243,244,245,246,247],{"_36":113,"_71":72,"_67":70,"_13":19,"_80":-5,"_79":111,"_17":78,"_69":-5,"_38":241,"_73":74,"_83":-5,"_18":242},"upstreamProject",{"_36":43,"_13":59,"_174":237,"_175":238,"_52":53,"_197":239},"upstreamBranch",{"_36":37,"_38":235,"_40":236,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789732925&sig=ccef38d693bd5f2a47fb83114c108c10e5a9f9541b3c6662003001c67abfb966",{"_11":55,"_213":240},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789732925&sig=e12ce085cfc9c5d7101c3b1bfac9942ae1f0eac1fd2ae1f11cd889343da8e238",["D",1757815371862],[19],{"_36":107,"_13":108,"_67":109,"_69":70,"_71":72,"_73":74,"_75":76,"_38":110,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_18":252},{"_36":101,"_13":102,"_67":103,"_69":70,"_71":72,"_73":74,"_75":76,"_38":104,"_17":78,"_79":24,"_80":105,"_82":51,"_83":-5,"_18":251},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":97,"_17":98,"_79":24,"_80":99,"_82":51,"_83":-5,"_18":250},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":34,"_75":76,"_38":88,"_17":89,"_79":90,"_80":91,"_82":51,"_83":-5,"_18":249},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":77,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_18":248},[19,66],[19,86],[19,94],[19,102],[19,108],"pulls","branches","forks",{"_259":78,"_261":78},"connections",{"_259":78,"_260":78},"count","unfilledCount","emptyCount",{"_36":113,"_13":19,"_67":70,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":137,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_127":287,"_18":288},{"_36":107,"_13":108,"_67":109,"_69":70,"_71":72,"_73":74,"_75":76,"_38":157,"_17":78,"_79":111,"_80":-5,"_82":51,"_83":-5,"_127":285,"_18":286},{"_36":161,"_13":162,"_67":163,"_69":109,"_71":72,"_73":164,"_75":76,"_38":165,"_17":166,"_79":90,"_80":167,"_82":51,"_83":-5,"_127":283,"_18":284},{"_36":101,"_13":102,"_67":103,"_69":70,"_71":72,"_73":74,"_75":76,"_38":154,"_17":78,"_79":24,"_80":105,"_82":51,"_83":-5,"_127":281,"_18":282},{"_36":93,"_13":94,"_67":95,"_69":70,"_71":72,"_73":96,"_75":76,"_38":151,"_17":98,"_79":24,"_80":99,"_82":51,"_83":-5,"_127":279,"_18":280},{"_36":85,"_13":86,"_67":87,"_69":70,"_71":72,"_73":34,"_75":76,"_38":148,"_17":89,"_79":90,"_80":91,"_82":51,"_83":-5,"_127":277,"_18":278},{"_36":65,"_13":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_38":145,"_17":78,"_79":24,"_80":81,"_82":51,"_83":-5,"_127":275,"_18":276},{"_36":130,"_13":131,"_67":132,"_69":-5,"_71":72,"_73":74,"_75":76,"_38":133,"_17":78,"_79":24,"_80":134,"_82":51,"_83":-5,"_127":273,"_18":274},{"_36":119,"_13":120,"_67":121,"_69":-5,"_71":72,"_73":122,"_75":76,"_38":123,"_17":124,"_79":125,"_80":126,"_82":51,"_83":-5,"_127":271,"_18":272},[],[120],[],[131],[],[19,66],[],[19,86],[],[19,94],[],[19,102],[],[19,108,162],[264],[19,108],[263,265,266,267,268],[19],["D",1757815371862],{"_11":12,"_213":209},{"_11":12,"_207":-5,"_208":209,"_176":177,"_210":211,"_212":51},{"_17":96,"_13":16,"_36":72,"_42":170,"_45":37,"_46":203,"_204":53,"_205":43,"_206":57,"_58":14,"_54":12},"ctx",{"_197":-5,"_232":326,"_327":328,"_329":330,"_331":51,"_332":51,"_333":51,"_334":76,"_335":-5,"_336":-7,"_337":-7,"_338":78,"_339":51,"_340":51,"_341":-5,"_342":51,"_343":51,"_344":51,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":16,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]