Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[168,71,63],"pulls","branches","forks","envVars",{"_181":26,"_183":26},"connections",{"_181":26,"_182":26},"count","unfilledCount","emptyCount",{"_33":233,"_13":232,"_61":226,"_43":-5,"_35":36,"_162":40,"_163":24,"_37":234,"_39":26,"_64":72,"_165":-5,"_66":30,"_166":-5,"_197":235,"_17":236},{"_33":224,"_13":225,"_61":84,"_43":226,"_35":36,"_162":40,"_163":24,"_37":227,"_39":26,"_64":228,"_165":229,"_66":30,"_166":-5,"_197":230,"_17":231},{"_33":220,"_13":168,"_61":161,"_43":-5,"_35":36,"_162":40,"_163":24,"_37":221,"_39":26,"_64":72,"_165":-5,"_66":30,"_166":-5,"_197":222,"_17":223},{"_33":160,"_13":71,"_61":70,"_43":161,"_35":36,"_162":40,"_163":24,"_37":217,"_39":26,"_64":72,"_165":-5,"_66":30,"_166":-5,"_197":218,"_17":219},{"_33":170,"_13":63,"_61":62,"_43":70,"_35":36,"_162":40,"_163":24,"_37":214,"_39":26,"_64":65,"_165":172,"_66":30,"_166":-5,"_197":215,"_17":216},{"_33":207,"_13":208,"_61":209,"_43":161,"_35":36,"_162":40,"_163":24,"_37":210,"_39":26,"_64":21,"_165":211,"_66":30,"_166":-5,"_197":212,"_17":213},{"_33":200,"_13":201,"_61":202,"_43":161,"_35":36,"_162":40,"_163":24,"_37":203,"_39":26,"_64":65,"_165":204,"_66":30,"_166":-5,"_197":205,"_17":206},{"_33":192,"_13":193,"_61":194,"_43":-5,"_35":36,"_162":40,"_163":24,"_37":195,"_39":26,"_64":21,"_165":196,"_66":30,"_166":-5,"_197":198,"_17":199},"277e5824-1324-11f0-8c7e-569c3dd06744","README.md","79a6e76f-dfee-49fa-bb54-e3cac3c20bba",["D",1743970645026],"# 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.","children",[],[193],"277e5234-1324-11f0-8c7e-569c3dd06744","index.tsx","2048b54d-f26a-4779-b87c-275629db3c45",["D",1743970645026],"/** @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();",[],[168,201],"277e502c-1324-11f0-8c7e-569c3dd06744","index.html","4f653e15-f10c-4cda-8711-2d3e71e294a9",["D",1743970645026],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[168,208],["D",1743970645026],[],[168,71,63],["D",1743970645026],[188],[168,71],"277e5518-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[187,189,190],[168],"277e424e-1324-11f0-8c7e-569c3dd06744","index.ts","d8b162fa-d49e-4b65-a84c-57c148e783e5",["D",1743970645026],"http","import { 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;",[],[232,225],"backend","277e48de-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[185],[232],["D",1743970645026],{"_11":12,"_124":69},{"_11":12,"_120":-5,"_68":69,"_31":67,"_121":122,"_123":30},{"_39":40,"_13":16,"_33":36,"_108":74,"_109":110,"_111":112,"_113":79,"_114":115,"_116":117,"_118":14,"_119":12},"ctx",{"_51":-5,"_145":274,"_275":276,"_277":278,"_279":30,"_280":30,"_281":30,"_282":24,"_283":-5,"_284":-7,"_285":-7,"_286":26,"_287":30,"_288":30,"_289":-5,"_290":30,"_291":30,"_292":30,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":16,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"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"]

History · components