[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_269":270,"_271":272},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_72":169,"_40":-7,"_170":-5,"_17":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":-5,"_181":182,"_183":184,"_185":48,"_186":187,"_188":26,"_189":-5,"_190":-5,"_191":192},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","agree","name","reactHonoStarter","branchName","main","project",{"_32":59,"_13":14,"_34":131,"_46":-5,"_132":48,"_49":50,"_133":50,"_134":-5,"_135":-5,"_136":137,"_138":114,"_139":26,"_140":-5,"_141":-5,"_142":20,"_53":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":158,"_159":160,"_161":28,"_47":48},"ahead",0,"behind",53,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",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",4,"af32212e-feac-11ef-a124-569c3dd06744","af2f1844-feac-11ef-a124-569c3dd06744",35,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[70,71],{"_72":109,"_74":110,"_76":111},{"_72":73,"_74":75,"_76":77},"path","frontend/components/App.tsx","targetFile",{"_32":101,"_13":79,"_80":102,"_82":103,"_84":33,"_85":104,"_87":48,"_34":105,"_40":57,"_90":91,"_92":106,"_66":48,"_94":-5,"_95":-7,"_72":107,"_97":108},"sourceFile",{"_32":78,"_13":79,"_80":81,"_82":83,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":-7,"_72":96,"_97":98},"bc9fa2e6-feac-11ef-9ebb-569c3dd06744","App.tsx","fileId","d670b7db-196b-426d-b369-0daf8ddd1842","parentId","44341912-fde1-4a92-9a73-7d60e3c548fe","branchId","branchVersion",2,"latest",["D",1741720332411],1,"fileType","script","content","/** @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 have been clicked times\n

\n );\n}","label","children",[99,100,79],"contentHash","3dfe3f67f109c61274f88647e8ca9fbbc9ef175022af0316de3c79cb07ea6d02","frontend","components","5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @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}",[99,100,79],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4","backend/index.ts",{"_32":122,"_13":113,"_80":123,"_82":124,"_84":33,"_85":125,"_87":48,"_34":126,"_40":127,"_90":117,"_92":128,"_66":48,"_94":-5,"_95":-7,"_72":129,"_97":130},{"_32":112,"_13":113,"_80":114,"_82":115,"_84":58,"_85":57,"_87":26,"_34":116,"_40":86,"_90":117,"_92":118,"_66":48,"_94":-5,"_95":-7,"_72":119,"_97":120},"41f2c220-fead-11ef-9b74-569c3dd06744","index.ts","d8dfd100-8555-4bda-aee7-00d077fad9e6","cceb7da5-9933-461d-a751-60288711d923",["D",1741720556083],"http","import { parseProject, serveFile } from \"https://esm.town/v/std/utils@64-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\napp.get(\"/test\", async c => {\n return c.json({ hello: \"world\", foo: process.env.FOO });\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;",[121,113],"9bd59b32b720e939d4bc0be3ff0258dd0880b018e585009541b6555cea466a47","backend","93179838-f53e-11ef-892a-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",30,["D",1740683457628],9,"import { parseProject, serveFile } from \"https://esm.town/v/std/utils@64-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;",[121,113],"62ce12a8986fcecd89bd1ca10a7132475a9a0ed11773f136b2f041874cc4f9a6",["D",1741720309862],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","26585d50-feac-11ef-9ad6-ed73a1d6d3b8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","c5a9bfeb-bd24-4b11-b8e7-1d7bd4784535","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_168":164},"org",{"_11":12,"_162":-5,"_163":164,"_136":137,"_165":166,"_167":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydUJSYjFkdzRZZ0FvakFlOUI0WkZGOVQyMmcifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":265,"_46":-5,"_132":48,"_49":50,"_133":50,"_134":-5,"_135":-5,"_136":137,"_138":114,"_139":26,"_140":-5,"_141":-5,"_142":20,"_53":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":266,"_159":267,"_161":268,"_47":48},"tree",[226,228,233],"files",[226,227,228,229,230,231,232,233],"counts",{"_216":20,"_217":89,"_218":20,"_219":220,"_221":222},"contents",[199,200,201],"file","upstreamProject",{"_32":39,"_13":56,"_134":195,"_135":196,"_49":50,"_157":197},"upstreamBranch",{"_32":33,"_34":193,"_36":194,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"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=1789630126&sig=79030f32a6676f346f6fb62a00815360e426f9f5e6325a7e1278a5f28fde5940",{"_11":52,"_168":198},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789630126&sig=63ce47c77feaa9e88e6f76c34b39267e3532df31cfccad71d4086c9db8dc86e8",{"_32":213,"_13":121,"_80":115,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":214,"_40":20,"_90":211,"_92":-5,"_66":48,"_94":-5,"_72":215},{"_32":208,"_13":99,"_80":209,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":210,"_40":20,"_90":211,"_92":-5,"_66":48,"_94":-5,"_72":212},{"_32":202,"_13":203,"_80":204,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":205,"_40":20,"_90":180,"_92":206,"_66":48,"_94":-5,"_72":207},"af33b5de-feac-11ef-a124-569c3dd06744","README.md","b5b33bc9-fbf9-40ec-b7b6-dab8e025d2c2",["D",1741720309862],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\nThe **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\nThe **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[203],"af33b07a-feac-11ef-a124-569c3dd06744","2b1eec1a-f2e3-46ff-bf6d-8344c50c0882",["D",1741720309862],"directory",[99],"af33a850-feac-11ef-a124-569c3dd06744",["D",1741720309862],[121],"pulls","branches","forks","envVars",{"_223":89,"_225":20},"connections",{"_223":20,"_224":20},"count","unfilledCount","emptyCount",{"_32":213,"_13":121,"_80":115,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":262,"_40":20,"_90":211,"_92":-5,"_66":48,"_94":-5,"_95":263,"_72":264},{"_32":112,"_13":113,"_80":114,"_82":115,"_84":58,"_85":57,"_87":26,"_34":116,"_40":86,"_90":117,"_92":118,"_66":48,"_94":-5,"_95":260,"_72":261},{"_32":208,"_13":99,"_80":209,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":257,"_40":20,"_90":211,"_92":-5,"_66":48,"_94":-5,"_95":258,"_72":259},{"_32":253,"_13":100,"_80":83,"_82":209,"_84":58,"_85":89,"_87":26,"_34":254,"_40":20,"_90":211,"_92":-5,"_66":48,"_94":-5,"_95":255,"_72":256},{"_32":78,"_13":79,"_80":81,"_82":83,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":251,"_72":252},{"_32":244,"_13":245,"_80":246,"_82":209,"_84":58,"_85":89,"_87":26,"_34":247,"_40":20,"_90":180,"_92":248,"_66":48,"_94":-5,"_95":249,"_72":250},{"_32":237,"_13":238,"_80":239,"_82":209,"_84":58,"_85":89,"_87":26,"_34":240,"_40":20,"_90":91,"_92":241,"_66":48,"_94":-5,"_95":242,"_72":243},{"_32":202,"_13":203,"_80":204,"_82":-5,"_84":58,"_85":89,"_87":26,"_34":234,"_40":20,"_90":180,"_92":206,"_66":48,"_94":-5,"_95":235,"_72":236},["D",1741720309862],[],[203],"af33af12-feac-11ef-a124-569c3dd06744","index.tsx","3f53141d-e6ee-4ae4-8563-b949842a47a6",["D",1741720309862],"/** @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();",[],[99,238],"af33ad8c-feac-11ef-a124-569c3dd06744","index.html","be4f1c2a-051d-4f0a-9778-6196bf477ed9",["D",1741720309862],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[99,245],[],[99,100,79],"af33ac06-feac-11ef-a124-569c3dd06744",["D",1741720309862],[230],[99,100],["D",1741720309862],[229,231,232],[99],[],[121,113],["D",1741720309862],[227],[121],["D",1741720309862],{"_11":12,"_168":164},{"_11":12,"_162":-5,"_163":164,"_136":137,"_165":166,"_167":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_157":-5,"_190":302,"_303":304,"_305":306,"_307":48,"_308":48,"_309":48,"_310":26,"_311":-5,"_312":-7,"_313":-7,"_314":20,"_315":48,"_316":48,"_317":-5,"_318":48,"_319":48,"_320":48,"_321":-5},"ENV",{"_273":274,"_275":276,"_277":16,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Compare

Mergeagree/mainintotemplates/main

Hbackend/index.ts+3-0

frontend/components/App.tsx+1-1