[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_295":296,"_297":298},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_71":160,"_40":-7,"_161":-5,"_17":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":-5,"_172":173,"_174":175,"_176":50,"_177":178,"_179":26,"_180":-5,"_181":-5,"_182":183},"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","paweljw","name","HonoReactTailwindStarter","branchName","main","project",{"_32":60,"_13":14,"_34":121,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":-5,"_125":-5,"_126":127,"_128":129,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":149,"_150":151,"_152":28,"_49":50},"ahead",22,"behind",0,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":41,"_61":52,"_62":39,"_63":56,"_57":14,"_53":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","id","9afa31e4-04ea-11f0-b249-569c3dd06744","createdAt",["D",1742406611707],"updatedAt",["D",1744504765954],"projectId","9af65e7a-04ea-11f0-b249-569c3dd06744","version",81,"forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",38,"lockfileKey","1764027647218-esm.town_v_moe_HonoReactTailwindStarter@81-main","deletedAt","isOwned",false,"privacy","public","userHandle","moe","orgId","54e6f3c3-bf27-4301-a0b3-0ccc1fb75a27","projectName",23,"4c537f66-1b59-11f0-8c18-569c3dd06744","4c4fee28-1b59-11f0-8c18-569c3dd06744","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[107],"deleted",[],"modified",[70],{"_71":72,"_73":74,"_75":76},"path","frontend/App.tsx","targetFile",{"_32":98,"_13":78,"_79":99,"_81":100,"_83":33,"_84":101,"_85":26,"_34":102,"_40":103,"_88":89,"_90":104,"_66":50,"_92":-5,"_93":-7,"_71":105,"_95":106},"sourceFile",{"_32":77,"_13":78,"_79":80,"_81":82,"_83":59,"_84":58,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_66":50,"_92":-5,"_93":-7,"_71":94,"_95":96},"b32c10c0-1b5b-11f0-b5c4-569c3dd06744","App.tsx","fileId","5f64bae3-8196-41e1-96a2-0dc60453bc09","parentId","de1da2be-c7f9-4ec5-9188-4f2e81bdfaea","branchId","branchVersion","latest",["D",1744874111036],11,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@19 */\nimport { Route, Routes } from \"https://esm.sh/react-router@7\";\nimport { useState } from \"https://esm.sh/react@19\";\nimport { Example } from \"./components/Example.tsx\";\nimport { Link } from \"./components/Link.tsx\";\n\nexport function App() {\n return (\n

\n \n\n

\n \n \n } />\n } />\n \n

\n );\n}\n\nfunction Home() {\n return

Home page

;\n}\nfunction About() {\n return

About page

;\n}","label","children",[97,78],"contentHash","bd3a9abc6b771d74bf9b51d2c7df8eb5dc517719287e11d7b4dadc75e9f1cf68","frontend","a6434c82-0c3a-11f0-bb7a-569c3dd06744","67bd0556-04ed-11f0-bec8-569c3dd06744","6add332d-8aa4-41fc-8cbb-c0d7bc6c5287",57,["D",1743210648540],4,"/** @jsxImportSource https://esm.sh/react@19 */\nimport { NavLink, Route, Routes } from \"https://esm.sh/react-router@7\";\nimport { useState } from \"https://esm.sh/react@19\";\nimport { Example } from \"./components/Example.tsx\";\n\nexport function App() {\n return (\n

\n \n\n \n\n \n } />\n } />\n \n

\n );\n}\n\nfunction Home() {\n return

Home page

;\n}\nfunction About() {\n return

About page

;\n}",[97,78],"e30fa363f5ed995abd68c8a0a8bb44904faa4cd09b3110f5b3ddac0fcf798708",{"_71":108,"_73":-7,"_75":109},"frontend/components/Link.tsx",{"_32":110,"_13":111,"_79":112,"_81":113,"_83":59,"_84":114,"_85":26,"_34":115,"_40":116,"_88":89,"_90":117,"_66":50,"_92":-5,"_93":-7,"_71":118,"_95":119},"58a12db6-1b5b-11f0-8906-569c3dd06744","Link.tsx","070c904a-1b5a-11f0-969c-569c3dd06744","8e0b4767-45fe-4e5b-ad4a-91250ee6d23f",16,["D",1744873959131],10,"/** @jsxImportSource https://esm.sh/react@19 */\n\nimport type { PropsWithChildren } from \"https://esm.sh/react@19\";\nimport { NavLink } from \"https://esm.sh/react-router@7\";\n\ntype LinkProps = {\n to: string\n}\n\nexport function Link({ to, children }: PropsWithChildren) {\n const className = \"bg-slate-200 hover:bg-slate-300 p-2 rounded\";\n const activeClassName = \"bg-slate-300\";\n\n const classNameFun = (isActive: boolean) => {\n if (isActive) {\n return `${className} ${activeClassName}`;\n } else {\n return className;\n }\n }\n \n return classNameFun(isActive)}>{children};",[97,120,111],"9bbc1af9e008e6af5b22a972de6e711e18e993187ae5b5f410094cace4fec2cd","components",["D",1744873079472],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","8d4ea7d0-1af4-11f0-95aa-5d5018793d0b","pinnedFileId","d6714c24-528f-47ff-8659-05a4f3c4649f","pinPreview","pinMigrated","screenshotVersion","likeCount","fb48f692-fb0e-4db8-be7e-75a74febbbf0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_159":155},"org",{"_11":12,"_153":-5,"_154":155,"_126":127,"_156":157,"_158":50},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydnA2akxud09HcGpuZXBOR3JWb2lYUURQcDcifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":60,"_13":14,"_34":291,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":-5,"_125":-5,"_126":127,"_128":129,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":292,"_150":293,"_152":294,"_49":50},"tree",[224,227,234,235],"files",[224,225,226,227,228,229,230,231,232,233,234,235],"counts",{"_214":22,"_215":195,"_216":22,"_217":218,"_219":220},"contents",[188,189,190,191],"file","upstreamProject",{"_32":39,"_13":14,"_124":-5,"_125":-5,"_51":52,"_148":186},"upstreamBranch",{"_32":33,"_34":184,"_36":185,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742406611707],["D",1744504765954],{"_11":54,"_159":187},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ",{"_32":209,"_13":210,"_79":211,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":212,"_40":22,"_88":207,"_90":-5,"_66":50,"_92":-5,"_71":213},{"_32":205,"_13":97,"_79":82,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":206,"_40":22,"_88":207,"_90":-5,"_66":50,"_92":-5,"_71":208},{"_32":199,"_13":200,"_79":201,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":202,"_40":22,"_88":171,"_90":203,"_66":50,"_92":-5,"_71":204},{"_32":192,"_13":193,"_79":194,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":196,"_40":22,"_88":171,"_90":197,"_66":50,"_92":-5,"_71":198},"4c56e2e6-1b59-11f0-8c18-569c3dd06744","todo.txt","f18273c0-edba-4051-b1c0-f3678a1ccdaf",1,["D",1744873079472],"dynamic og image\ndb\nreact-query",[193],"4c56c414-1b59-11f0-8c18-569c3dd06744","README.md","946e1c81-251f-4c4b-a316-a0a1bf329c5f",["D",1744873079472],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/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`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/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.",[200],"4c56c0d6-1b59-11f0-8c18-569c3dd06744",["D",1744873079472],"directory",[97],"4c5697b4-1b59-11f0-8c18-569c3dd06744","backend","8b0ac49f-3e15-4d5a-b362-029211306c67",["D",1744873079472],[210],"pulls","branches","forks","envVars",{"_221":22,"_223":22},"connections",{"_221":22,"_222":22},"count","unfilledCount","emptyCount",{"_32":209,"_13":210,"_79":211,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":288,"_40":22,"_88":207,"_90":-5,"_66":50,"_92":-5,"_93":289,"_71":290},{"_32":281,"_13":282,"_79":283,"_81":211,"_83":59,"_84":195,"_85":26,"_34":284,"_40":22,"_88":89,"_90":285,"_66":50,"_92":-5,"_93":286,"_71":287},{"_32":274,"_13":275,"_79":129,"_81":211,"_83":59,"_84":195,"_85":26,"_34":276,"_40":22,"_88":277,"_90":278,"_66":50,"_92":-5,"_93":279,"_71":280},{"_32":205,"_13":97,"_79":82,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":271,"_40":22,"_88":207,"_90":-5,"_66":50,"_92":-5,"_93":272,"_71":273},{"_32":267,"_13":120,"_79":113,"_81":82,"_83":59,"_84":195,"_85":26,"_34":268,"_40":22,"_88":207,"_90":-5,"_66":50,"_92":-5,"_93":269,"_71":270},{"_32":260,"_13":261,"_79":262,"_81":113,"_83":59,"_84":195,"_85":26,"_34":263,"_40":22,"_88":89,"_90":264,"_66":50,"_92":-5,"_93":265,"_71":266},{"_32":110,"_13":111,"_79":112,"_81":113,"_83":59,"_84":114,"_85":26,"_34":115,"_40":116,"_88":89,"_90":117,"_66":50,"_92":-5,"_93":258,"_71":259},{"_32":77,"_13":78,"_79":80,"_81":82,"_83":59,"_84":58,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_66":50,"_92":-5,"_93":256,"_71":257},{"_32":249,"_13":250,"_79":251,"_81":82,"_83":59,"_84":195,"_85":26,"_34":252,"_40":22,"_88":171,"_90":253,"_66":50,"_92":-5,"_93":254,"_71":255},{"_32":242,"_13":243,"_79":244,"_81":82,"_83":59,"_84":195,"_85":26,"_34":245,"_40":22,"_88":89,"_90":246,"_66":50,"_92":-5,"_93":247,"_71":248},{"_32":199,"_13":200,"_79":201,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":239,"_40":22,"_88":171,"_90":203,"_66":50,"_92":-5,"_93":240,"_71":241},{"_32":192,"_13":193,"_79":194,"_81":-5,"_83":59,"_84":195,"_85":26,"_34":236,"_40":22,"_88":171,"_90":197,"_66":50,"_92":-5,"_93":237,"_71":238},["D",1744873079472],[],[193],["D",1744873079472],[],[200],"4c56be60-1b59-11f0-8c18-569c3dd06744","index.tsx","3ad2a0ee-62e9-4c3d-a2b0-4a434ce8fca7",["D",1744873079472],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { createRoot } from \"https://esm.sh/react-dom@19/client\";\nimport { BrowserRouter } from \"https://esm.sh/react-router@7\";\nimport { App } from \"./App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(\n // ,\n \n \n ,\n);",[],[97,243],"4c56bba4-1b59-11f0-8c18-569c3dd06744","index.html","0cda5ae3-1b36-40c8-810c-c2d3927ac9b5",["D",1744873079472],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n \n

\n \n \n \n",[],[97,250],[],[97,78],[],[97,120,111],"4c569944-1b59-11f0-8c18-569c3dd06744","Example.tsx","3bf1d288-f7a6-465f-8151-1f86a0b1bed4",["D",1744873079472],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useState } from \"https://esm.sh/react@19\";\n\nexport function Example() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

Hello world...

\n setClicked((c) => c + 1)}\n >\n I've been clicked {clicked} times\n \n

\n );\n}",[],[97,120,261],"4c56b578-1b59-11f0-8c18-569c3dd06744",["D",1744873079472],[229,230],[97,120],["D",1744873079472],[228,231,232,233],[97],"4c569462-1b59-11f0-8c18-569c3dd06744","index.ts",["D",1744873079472],"http","import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nimport * as db from \"./db.ts\";\n\nconst app = new Hono();\n\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// app.get(\"/api/get/:key\", async c => c.json(await db.get(c.req.param(\"key\"))));\n// app.get(\"/api/set/:key/:value\", async c => c.json(await db.set(c.req.param(\"key\"), c.req.param(\"value\"))));\n\napp.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\napp.get(\"/\", async c => serveFile(\"/frontend/index.html\", import.meta.url));\napp.get(\"*\", async c => serveFile(\"/frontend/index.html\", import.meta.url));\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;",[],[210,275],"4c567748-1b59-11f0-8c18-569c3dd06744","db.ts","a0a29375-a307-40e4-bf45-e46eefdffb39",["D",1744873079472],"import { blob } from \"https://esm.town/v/std/blob\";\n\nconst projectPrefix = \"test-project\";\n\nexport async function get(key: string) {\n return await blob.getJSON(`${projectPrefix}::${key}`);\n}\nexport async function set(key: string, value: any) {\n return await blob.setJSON(`${projectPrefix}::${key}`, value);\n}",[],[210,282],["D",1744873079472],[225,226],[210],["D",1744873079472],{"_11":12,"_159":155},{"_11":12,"_153":-5,"_154":155,"_126":127,"_156":157,"_158":50},{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":41,"_61":52,"_62":39,"_63":56,"_57":14,"_53":12},"ctx",{"_148":-5,"_181":328,"_329":330,"_331":332,"_333":50,"_334":50,"_335":50,"_336":26,"_337":-5,"_338":-7,"_339":-7,"_340":22,"_341":50,"_342":50,"_343":-5,"_344":50,"_345":50,"_346":50,"_347":-5},"ENV",{"_299":300,"_301":302,"_303":16,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327},"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

Mergepaweljw/mainintomoe/main

frontend/App.tsx+13-11

frontend/components/Link.tsx+22-0