[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_274":275,"_276":277},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_203":-5,"_20":204,"_22":205,"_206":207,"_208":209,"_26":210,"_24":211,"_212":213,"_214":215,"_216":52,"_217":218,"_219":73,"_220":-5,"_221":-5,"_222":223},"routes/_app.x.$handle.$name.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":32,"_34":-5},"handle","sharu","name","reactHonoStarter_project","branchName","main","version","path","frontend/components","project",{"_35":159,"_13":14,"_37":160,"_50":-5,"_161":52,"_53":54,"_162":54,"_163":-5,"_164":-5,"_165":166,"_167":153,"_168":73,"_169":-5,"_170":-5,"_171":32,"_57":172,"_173":-5,"_174":-5,"_175":-5,"_176":-5,"_177":178,"_179":178,"_180":181,"_182":181,"_183":181,"_184":178,"_185":178,"_186":187,"_188":189,"_190":191,"_51":52},"tree",[89,90,91],"file",{"_35":84,"_13":83,"_64":67,"_66":85,"_68":69,"_70":71,"_72":73,"_37":86,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_18":88},"contents",[61],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60},"pull","ahead",0,"behind","envVars","id","2fc4651e-3908-11f0-9089-9e149126039e","createdAt",["D",1748136777221],"updatedAt",["D",1748445517618],"projectId","2fc2b76e-3908-11f0-9089-9e149126039e",39,"forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",67,"lockfileKey","1748445517949-esm.town_v_lightweight_reactHonoStarter@39-main","deletedAt","isOwned",false,"privacy","public","userHandle","lightweight","orgId","65f1d616-c14b-419c-88a0-e2308cab925b","projectName","reactHonoStarter",{"_35":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_37":74,"_17":32,"_75":76,"_77":78,"_79":52,"_80":-5,"_18":81},"e7d91d3d-5102-4857-9498-c39dcf0a8f8f","App.tsx","fileId","019f289c-522d-75ce-86b3-ec8552211d7d","parentId","019f289c-522d-75ce-86b3-f2b4ff5d45f3","branchId","38fe1cb3-e00f-416b-bbc4-f8260a47758f","branchVersion",1,"latest",true,["D",1783092760934],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst lineage = {\n // host: location.host,\n \"route\": location.pathname,\n filename: location.pathname.split(\"/\").filter(Boolean).pop() || \"index.html\",\n externalScripts: Array.from(document.scripts)\n .filter(script => script.src && script.src.includes(\"index.tsx\"))\n .map(script => new URL(script.src).pathname),\n \"meta.import.url\": new URL(import.meta.url).pathname,\n};\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  {JSON.stringify(\n      {\n        lineage: lineage,\n      }, null, 2)}\n

\n );\n}","deleted","label",[82,83,63],"frontend","components","ab173fdc-b64b-47ea-bdbc-b7bf986534d9","019f289c-522d-75ce-86b4-07e0ba6e720e",["D",1783092760934],"directory",[82,83],{"_35":144,"_13":145,"_64":146,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":147,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":148,"_18":149},{"_35":100,"_13":82,"_64":85,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":101,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":102,"_18":103},{"_35":92,"_13":93,"_64":94,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":95,"_17":32,"_75":24,"_77":96,"_79":52,"_80":-5,"_97":98,"_18":99},"7dbbd80b-fe4a-4fb8-bd5d-dc78eeb811e7","README.md","019f289c-522d-75ce-86b4-0839f224bc72",["D",1783092760934],"# 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.","children",[],[93],"080f00a4-b93f-42a7-962c-8d881524c143",["D",1783092760934],[104,105,106,107,108],[82],{"_35":84,"_13":83,"_64":67,"_66":85,"_68":69,"_70":71,"_72":73,"_37":137,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":138,"_18":139},{"_35":130,"_13":131,"_64":132,"_66":85,"_68":69,"_70":71,"_72":73,"_37":133,"_17":32,"_75":24,"_77":134,"_79":52,"_80":-5,"_97":135,"_18":136},{"_35":123,"_13":124,"_64":125,"_66":85,"_68":69,"_70":71,"_72":73,"_37":126,"_17":32,"_75":24,"_77":127,"_79":52,"_80":-5,"_97":128,"_18":129},{"_35":116,"_13":117,"_64":118,"_66":85,"_68":69,"_70":71,"_72":73,"_37":119,"_17":32,"_75":76,"_77":120,"_79":52,"_80":-5,"_97":121,"_18":122},{"_35":109,"_13":110,"_64":111,"_66":85,"_68":69,"_70":71,"_72":73,"_37":112,"_17":32,"_75":24,"_77":113,"_79":52,"_80":-5,"_97":114,"_18":115},"0e5d3607-0275-4562-8013-8b6e0b85eb04","style.css","019f289c-522d-75ce-86b4-03212feb3593",["D",1783092760934],"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}",[],[82,110],"3012100d-b1cb-4020-80f9-860f870b4e36","index.tsx","019f289c-522d-75ce-86b3-ff2ed5ca67dc",["D",1783092760934],"/** @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();",[],[82,117],"231fe78c-d0b3-4fbc-8f2f-a3caf408b839","index.html","019f289c-522d-75ce-86b3-fbef4a46e507",["D",1783092760934],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[82,124],"c49fecdb-d604-42c0-9fad-67dbe4f459f6","favicon.svg","019f289c-522d-75ce-86b3-f415212a9c58",["D",1783092760934],"\n",[],[82,131],["D",1783092760934],[140],[82,83],{"_35":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_37":141,"_17":32,"_75":76,"_77":78,"_79":52,"_80":-5,"_97":142,"_18":143},["D",1783092760934],[],[82,83,63],"65f26ee6-ad04-491f-ad14-cd89ce9c723b","backend","019f289c-522d-75ce-86b3-e974c16f545f",["D",1783092760934],[150],[145],{"_35":151,"_13":152,"_64":153,"_66":146,"_68":69,"_70":71,"_72":73,"_37":154,"_17":32,"_75":155,"_77":156,"_79":52,"_80":-5,"_97":157,"_18":158},"3a941551-67c0-4397-a092-028b9c0b8973","index.ts","019f289c-522d-75ce-86b3-e514547df4c3",["D",1783092760934],"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;",[],[145,152],"dddb3875-7fdc-40e2-bcde-14dfeac76103",["D",1783092760934],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","3808016e-3b6c-431f-bf7c-53ba3f09b385","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f2840-da72-778c-8f9c-dacdd311ce48","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_202":198},"org",{"_11":12,"_195":196,"_197":198,"_165":166,"_199":200,"_201":52},"branch",{"_17":71,"_13":16,"_35":69,"_41":159,"_44":36,"_46":43,"_192":54,"_193":42,"_194":58,"_59":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Shazz !!","avatar","https://lh3.googleusercontent.com/a/ACg8ocJI4O4MS_GEG86UqEvlFEJgpJLfOTWLWtyhjAB6R311NbfDew=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":159,"_13":14,"_37":270,"_50":-5,"_161":52,"_53":54,"_162":54,"_163":-5,"_164":-5,"_165":166,"_167":153,"_168":73,"_169":-5,"_170":-5,"_171":32,"_57":172,"_173":-5,"_174":-5,"_175":-5,"_176":-5,"_177":178,"_179":178,"_180":181,"_182":181,"_183":181,"_184":178,"_185":178,"_186":271,"_188":272,"_190":273,"_51":52},[240,242,249],"files",[240,241,242,243,244,245,246,247,248,249],"counts",{"_231":32,"_232":71,"_233":32,"_34":234,"_235":236},[229],{"_35":84,"_13":83,"_64":67,"_66":85,"_68":69,"_70":71,"_72":73,"_37":86,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_18":228},"upstreamProject",{"_35":42,"_13":60,"_163":-5,"_164":-5,"_53":54,"_186":226},"upstreamBranch",{"_35":36,"_37":224,"_39":225,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1748136777221],["D",1748445517618],{"_11":56,"_202":227},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/aa289d5e-22db-464f-ba88-7288e2183b00/square512?exp=1789567199&sig=d66b4893fb05563762ed002ec9af86fae6fe435982674b2b4e07962d91fa0fce",[82,83],{"_35":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_37":74,"_17":32,"_75":76,"_77":78,"_79":52,"_80":-5,"_18":230},[82,83,63],"pulls","branches","forks",{"_237":32,"_239":32},"connections",{"_237":32,"_238":32},"count","unfilledCount","emptyCount",{"_35":144,"_13":145,"_64":146,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":147,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":268,"_18":269},{"_35":151,"_13":152,"_64":153,"_66":146,"_68":69,"_70":71,"_72":73,"_37":154,"_17":32,"_75":155,"_77":156,"_79":52,"_80":-5,"_97":266,"_18":267},{"_35":100,"_13":82,"_64":85,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":101,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":264,"_18":265},{"_35":84,"_13":83,"_64":67,"_66":85,"_68":69,"_70":71,"_72":73,"_37":137,"_17":32,"_75":87,"_77":-5,"_79":52,"_80":-5,"_97":262,"_18":263},{"_35":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_37":141,"_17":32,"_75":76,"_77":78,"_79":52,"_80":-5,"_97":260,"_18":261},{"_35":130,"_13":131,"_64":132,"_66":85,"_68":69,"_70":71,"_72":73,"_37":133,"_17":32,"_75":24,"_77":134,"_79":52,"_80":-5,"_97":258,"_18":259},{"_35":123,"_13":124,"_64":125,"_66":85,"_68":69,"_70":71,"_72":73,"_37":126,"_17":32,"_75":24,"_77":127,"_79":52,"_80":-5,"_97":256,"_18":257},{"_35":116,"_13":117,"_64":118,"_66":85,"_68":69,"_70":71,"_72":73,"_37":119,"_17":32,"_75":76,"_77":120,"_79":52,"_80":-5,"_97":254,"_18":255},{"_35":109,"_13":110,"_64":111,"_66":85,"_68":69,"_70":71,"_72":73,"_37":112,"_17":32,"_75":24,"_77":113,"_79":52,"_80":-5,"_97":252,"_18":253},{"_35":92,"_13":93,"_64":94,"_66":-5,"_68":69,"_70":71,"_72":73,"_37":95,"_17":32,"_75":24,"_77":96,"_79":52,"_80":-5,"_97":250,"_18":251},[],[93],[],[82,110],[],[82,117],[],[82,124],[],[82,131],[],[82,83,63],[244],[82,83],[243,245,246,247,248],[82],[],[145,152],[241],[145],["D",1783092760934],{"_11":12,"_202":198},{"_11":12,"_195":196,"_197":198,"_165":166,"_199":200,"_201":52},{"_17":71,"_13":16,"_35":69,"_41":159,"_44":36,"_46":43,"_192":54,"_193":42,"_194":58,"_59":14,"_55":12},"ctx",{"_186":-5,"_221":307,"_308":309,"_310":311,"_312":52,"_313":52,"_314":52,"_315":73,"_316":-5,"_317":-7,"_318":-7,"_319":32,"_320":52,"_321":52,"_322":-5,"_323":52,"_324":52,"_325":52,"_326":-5},"ENV",{"_278":279,"_280":281,"_282":16,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]