[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_268":269,"_270":271},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_201":-5,"_20":202,"_22":203,"_204":205,"_206":207,"_25":208,"_24":-5,"_209":-5,"_210":-5,"_211":54,"_212":213,"_214":46,"_215":-5,"_216":-5,"_217":218},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","derekbrimley","name","myNewWebsite","branchName","main","version","path","","project",{"_35":147,"_13":14,"_47":148,"_149":-5,"_150":54,"_151":152,"_153":152,"_154":155,"_156":-5,"_157":158,"_159":140,"_160":46,"_161":46,"_162":-5,"_163":49,"_164":165,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":180,"_181":182,"_183":184,"_185":54},"tree",[70,71,72],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":64,"_13":65,"_38":66,"_40":-5,"_41":42,"_43":67,"_45":46,"_47":68,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_18":69},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":61,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_18":63},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_18":56},"id","02e2a86e-549f-11f0-a5df-f69ea79377d9","README.md","fileId","02e2a9ae-549f-11f0-a5df-f69ea79377d9","parentId","branchId","0274fb34-549f-11f0-ac70-f69ea79377d9","branchVersion",8,"latest",true,"createdAt",["D",1751170237324],0,"fileType","content","# 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.","deleted",false,"label",[37],"02a24292-549f-11f0-9dd5-f69ea79377d9","frontend","02a2436e-549f-11f0-9dd5-f69ea79377d9",1,["D",1751170236913],"directory",[58],"02b0a5a8-549f-11f0-89f0-f69ea79377d9","backend","02b0a6de-549f-11f0-89f0-f69ea79377d9",2,["D",1751170237007],[65],{"_35":64,"_13":65,"_38":66,"_40":-5,"_41":42,"_43":67,"_45":46,"_47":134,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":135,"_18":136},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":77,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":78,"_18":79},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":73,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_74":75,"_18":76},["D",1751170237324],"children",[],[37],["D",1751170236913],[80,81,82,83,84],[58],{"_35":118,"_13":119,"_38":120,"_40":59,"_41":42,"_43":121,"_45":46,"_47":122,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":123,"_18":124},{"_35":110,"_13":111,"_38":112,"_40":59,"_41":42,"_43":113,"_45":46,"_47":114,"_17":49,"_50":24,"_51":115,"_53":54,"_55":-5,"_74":116,"_18":117},{"_35":102,"_13":103,"_38":104,"_40":59,"_41":42,"_43":105,"_45":46,"_47":106,"_17":49,"_50":24,"_51":107,"_53":54,"_55":-5,"_74":108,"_18":109},{"_35":93,"_13":94,"_38":95,"_40":59,"_41":42,"_43":96,"_45":46,"_47":97,"_17":49,"_50":98,"_51":99,"_53":54,"_55":-5,"_74":100,"_18":101},{"_35":85,"_13":86,"_38":87,"_40":59,"_41":42,"_43":88,"_45":46,"_47":89,"_17":49,"_50":24,"_51":90,"_53":54,"_55":-5,"_74":91,"_18":92},"02d91114-549f-11f0-85dd-f69ea79377d9","style.css","02d911a0-549f-11f0-85dd-f69ea79377d9",6,["D",1751170237196],"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}",[],[58,86],"02ccf94c-549f-11f0-89f0-f69ea79377d9","index.tsx","02ccfa00-549f-11f0-89f0-f69ea79377d9",4,["D",1751170237194],"script","/** @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();",[],[58,94],"02e64b40-549f-11f0-abf5-f69ea79377d9","index.html","02e64c08-549f-11f0-abf5-f69ea79377d9",9,["D",1751170237197],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[58,103],"02ff4f14-549f-11f0-b1f9-f69ea79377d9","favicon.svg","02ff4fc8-549f-11f0-b1f9-f69ea79377d9",10,["D",1751170237198],"\n",[],[58,111],"02bf7592-549f-11f0-a5df-f69ea79377d9","components","02bf7650-549f-11f0-a5df-f69ea79377d9",3,["D",1751170237108],[125],[58,119],{"_35":126,"_13":127,"_38":128,"_40":120,"_41":42,"_43":129,"_45":46,"_47":130,"_17":49,"_50":98,"_51":131,"_53":54,"_55":-5,"_74":132,"_18":133},"02d2c5fc-549f-11f0-aa42-f69ea79377d9","App.tsx","02d2c6ce-549f-11f0-aa42-f69ea79377d9",5,["D",1751170237196],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[58,119,127],["D",1751170237007],[137],[65],{"_35":138,"_13":139,"_38":140,"_40":66,"_41":42,"_43":141,"_45":46,"_47":142,"_17":60,"_50":143,"_51":144,"_53":54,"_55":-5,"_74":145,"_18":146},"031d4dc0-549f-11f0-b1f9-f69ea79377d9","index.ts","02dd7d12-549f-11f0-a3c3-f69ea79377d9",11,["D",1751170237712],"http","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;",[],[65,139],"0274a364-549f-11f0-ac70-f69ea79377d9",["D",1751170236619],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","3c5617d0-5499-11f0-bff0-a7864abf1a7a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","21296820-e189-45cb-afff-e6f9018d1ab4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_200":196},"org",{"_11":12,"_194":-5,"_195":196,"_157":158,"_197":198,"_199":54},"branch",{"_17":141,"_13":16,"_35":42,"_186":147,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yekFKNENpRDZpTjVDc1RlN1hDdkdseWhXNVkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":147,"_13":14,"_47":264,"_149":-5,"_150":54,"_151":152,"_153":152,"_154":155,"_156":-5,"_157":158,"_159":140,"_160":46,"_161":46,"_162":-5,"_163":49,"_164":165,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":265,"_181":266,"_183":267,"_185":54},[234,236,243],"files",[234,235,236,237,238,239,240,241,242,243],"counts",{"_225":49,"_226":60,"_227":49,"_31":228,"_229":230},[219,220,221],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":64,"_13":65,"_38":66,"_40":-5,"_41":42,"_43":67,"_45":46,"_47":68,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_18":224},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":61,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_18":223},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_18":222},[37],[58],[65],"pulls","branches","forks",{"_231":49,"_233":49},"connections",{"_231":49,"_232":49},"count","unfilledCount","emptyCount",{"_35":64,"_13":65,"_38":66,"_40":-5,"_41":42,"_43":67,"_45":46,"_47":134,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":262,"_18":263},{"_35":138,"_13":139,"_38":140,"_40":66,"_41":42,"_43":141,"_45":46,"_47":142,"_17":60,"_50":143,"_51":144,"_53":54,"_55":-5,"_74":260,"_18":261},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":77,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":258,"_18":259},{"_35":118,"_13":119,"_38":120,"_40":59,"_41":42,"_43":121,"_45":46,"_47":122,"_17":49,"_50":62,"_51":-5,"_53":54,"_55":-5,"_74":256,"_18":257},{"_35":126,"_13":127,"_38":128,"_40":120,"_41":42,"_43":129,"_45":46,"_47":130,"_17":49,"_50":98,"_51":131,"_53":54,"_55":-5,"_74":254,"_18":255},{"_35":110,"_13":111,"_38":112,"_40":59,"_41":42,"_43":113,"_45":46,"_47":114,"_17":49,"_50":24,"_51":115,"_53":54,"_55":-5,"_74":252,"_18":253},{"_35":102,"_13":103,"_38":104,"_40":59,"_41":42,"_43":105,"_45":46,"_47":106,"_17":49,"_50":24,"_51":107,"_53":54,"_55":-5,"_74":250,"_18":251},{"_35":93,"_13":94,"_38":95,"_40":59,"_41":42,"_43":96,"_45":46,"_47":97,"_17":49,"_50":98,"_51":99,"_53":54,"_55":-5,"_74":248,"_18":249},{"_35":85,"_13":86,"_38":87,"_40":59,"_41":42,"_43":88,"_45":46,"_47":89,"_17":49,"_50":24,"_51":90,"_53":54,"_55":-5,"_74":246,"_18":247},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":73,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_74":244,"_18":245},[],[37],[],[58,86],[],[58,94],[],[58,103],[],[58,111],[],[58,119,127],[238],[58,119],[237,239,240,241,242],[58],[],[65,139],[235],[65],["D",1751170236619],{"_11":12,"_200":196},{"_11":12,"_194":-5,"_195":196,"_157":158,"_197":198,"_199":54},{"_17":141,"_13":16,"_35":42,"_186":147,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"ctx",{"_179":-5,"_216":301,"_302":303,"_304":305,"_306":54,"_307":54,"_308":54,"_309":46,"_310":-5,"_311":-7,"_312":-7,"_313":49,"_314":54,"_315":54,"_316":-5,"_317":54,"_318":54,"_319":54,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":16,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"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"]

Code