[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_248":249,"_250":251},"routes/_app.x.$handle.$name",{"_99":98,"_33":47,"_107":89,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":61,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":61,"_62":61,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":34,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":25},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","backend/app.ts","fileId","7c995314-3259-11f0-a825-569c3dd06744","name","index.ts","fileType","http","content","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.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url))\n.get(\"/api/data\", c => c.json({ hello: \"world\" }))\n.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;\n","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 .get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url))\n .get(\"/api/data\", (c) => c.json({ hello: \"world\" }))\n .onError((err, c) => {\n throw err;\n });\n\nexport default app.fetch;\n\n","createdAt",["D",1747402169616],"branchVersion","branchId","7c589504-3259-11f0-8b01-569c3dd06744","id","7c5849be-3259-11f0-8b01-569c3dd06744","FullstackStarter",["D",1747402036810],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","2628be28-326a-11f0-a233-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":57,"_103":104,"_105":25},"branch",{"_13":88,"_33":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"isOwned",741,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_45":46,"_33":47,"_40":244,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":61,"_62":61,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":245,"_83":246,"_85":247,"_87":25},"tree",[181,183,188,189,190],"files",[181,182,183,184,185,186,187,188,189,190],"counts",{"_171":65,"_172":168,"_173":65,"_174":175,"_176":177},"contents",[129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":165,"_33":166,"_31":167,"_137":-5,"_43":44,"_42":168,"_139":61,"_40":169,"_13":65,"_35":163,"_37":-5,"_24":25,"_142":-5,"_27":170},{"_45":158,"_33":159,"_31":160,"_137":-5,"_43":44,"_42":161,"_139":61,"_40":162,"_13":65,"_35":163,"_37":-5,"_24":25,"_142":-5,"_27":164},{"_45":151,"_33":152,"_31":153,"_137":-5,"_43":44,"_42":154,"_139":61,"_40":155,"_13":65,"_35":20,"_37":156,"_24":25,"_142":-5,"_27":157},{"_45":144,"_33":145,"_31":146,"_137":-5,"_43":44,"_42":147,"_139":25,"_40":148,"_13":65,"_35":20,"_37":149,"_24":25,"_142":-5,"_27":150},{"_45":134,"_33":135,"_31":136,"_137":-5,"_43":44,"_42":138,"_139":61,"_40":140,"_13":65,"_35":20,"_37":141,"_24":25,"_142":-5,"_27":143},"8c793ace-3259-11f0-9c6b-569c3dd06744","deno.json","8c793b6e-3259-11f0-9c6b-569c3dd06744","parentId",11,"latest",["D",1747402063833],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","label",[135],"7cb1e06e-3259-11f0-962c-569c3dd06744","README.md","7cb1e140-3259-11f0-962c-569c3dd06744",7,["D",1747402037234],"# 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/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.",[145],"8c74311e-3259-11f0-8bc8-569c3dd06744",".vtignore","8c7431f0-3259-11f0-8bc8-569c3dd06744",10,["D",1747402063833],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[152],"7c770610-3259-11f0-a3ee-569c3dd06744","frontend","7c7706e2-3259-11f0-a3ee-569c3dd06744",1,["D",1747402037005],"directory",[159],"7c814238-3259-11f0-8ffd-569c3dd06744","backend","7c8142c4-3259-11f0-8ffd-569c3dd06744",2,["D",1747402037073],[166],"pulls","branches","forks","envVars",{"_178":65,"_180":65},"connections",{"_178":65,"_179":65},"count","unfilledCount","emptyCount",{"_45":165,"_33":166,"_31":167,"_137":-5,"_43":44,"_42":168,"_139":61,"_40":241,"_13":65,"_35":163,"_37":-5,"_24":25,"_142":-5,"_192":242,"_27":243},{"_45":236,"_33":34,"_31":32,"_137":167,"_43":44,"_42":14,"_139":25,"_40":237,"_13":238,"_35":36,"_37":39,"_24":25,"_142":-5,"_192":239,"_27":240},{"_45":158,"_33":159,"_31":160,"_137":-5,"_43":44,"_42":161,"_139":61,"_40":233,"_13":65,"_35":163,"_37":-5,"_24":25,"_142":-5,"_192":234,"_27":235},{"_45":228,"_33":227,"_31":221,"_137":160,"_43":44,"_42":229,"_139":61,"_40":230,"_13":65,"_35":163,"_37":-5,"_24":25,"_142":-5,"_192":231,"_27":232},{"_45":218,"_33":219,"_31":220,"_137":221,"_43":44,"_42":222,"_139":25,"_40":223,"_13":65,"_35":206,"_37":224,"_24":25,"_142":-5,"_192":225,"_27":226},{"_45":210,"_33":211,"_31":212,"_137":160,"_43":44,"_42":213,"_139":25,"_40":214,"_13":65,"_35":20,"_37":215,"_24":25,"_142":-5,"_192":216,"_27":217},{"_45":201,"_33":202,"_31":203,"_137":160,"_43":44,"_42":204,"_139":25,"_40":205,"_13":65,"_35":206,"_37":207,"_24":25,"_142":-5,"_192":208,"_27":209},{"_45":151,"_33":152,"_31":153,"_137":-5,"_43":44,"_42":154,"_139":61,"_40":198,"_13":65,"_35":20,"_37":156,"_24":25,"_142":-5,"_192":199,"_27":200},{"_45":144,"_33":145,"_31":146,"_137":-5,"_43":44,"_42":147,"_139":25,"_40":195,"_13":65,"_35":20,"_37":149,"_24":25,"_142":-5,"_192":196,"_27":197},{"_45":134,"_33":135,"_31":136,"_137":-5,"_43":44,"_42":138,"_139":61,"_40":191,"_13":65,"_35":20,"_37":141,"_24":25,"_142":-5,"_192":193,"_27":194},["D",1747402063833],"children",[],[135],["D",1747402037234],[],[145],["D",1747402063833],[],[152],"7cbc5670-3259-11f0-b6eb-569c3dd06744","index.tsx","7cbc5738-3259-11f0-b6eb-569c3dd06744",8,["D",1747402037282],"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();",[],[159,202],"7ca366e2-3259-11f0-b540-569c3dd06744","index.html","7ca36778-3259-11f0-b540-569c3dd06744",6,["D",1747402037283],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[159,211],"7c9fe706-3259-11f0-8e8b-569c3dd06744","App.tsx","7c9fe94a-3259-11f0-8e8b-569c3dd06744","7c8ee3fc-3259-11f0-8ffd-569c3dd06744",5,["D",1747402037253],"/** @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}",[],[159,227,219],"components","7c8ee366-3259-11f0-8ffd-569c3dd06744",3,["D",1747402037165],[185],[159,227],["D",1747402037005],[184,186,187],[159],"cb82087c-3259-11f0-94a4-569c3dd06744",["D",1747402169616],4,[],[166,34],["D",1747402037073],[182],[166],["D",1747402036810],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":57,"_103":104,"_105":25},{"_13":88,"_33":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"ctx",{"_81":-5,"_126":281,"_282":283,"_284":285,"_286":25,"_287":25,"_288":25,"_289":61,"_290":-5,"_291":-7,"_292":-7,"_293":65,"_294":25,"_295":25,"_296":-5,"_297":25,"_298":25,"_299":25,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":89,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"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"]

Diff · v14