\n \n \n \n",[18,80],"277e4ec4-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[18,69],"pulls","branches","forks","envVars",{"_81":26,"_204":26},"connections",{"_81":26,"_203":26},"unfilledCount","emptyCount",{"_33":249,"_13":248,"_67":242,"_43":-5,"_35":36,"_176":40,"_177":24,"_37":250,"_39":26,"_70":71,"_179":-5,"_72":30,"_180":-5,"_218":251,"_17":252},{"_33":240,"_13":241,"_67":99,"_43":242,"_35":36,"_176":40,"_177":24,"_37":243,"_39":26,"_70":244,"_179":245,"_72":30,"_180":-5,"_218":246,"_17":247},{"_33":175,"_13":18,"_67":87,"_43":-5,"_35":36,"_176":40,"_177":24,"_37":237,"_39":26,"_70":71,"_179":-5,"_72":30,"_180":-5,"_218":238,"_17":239},{"_33":193,"_13":69,"_67":68,"_43":87,"_35":36,"_176":40,"_177":24,"_37":234,"_39":26,"_70":71,"_179":-5,"_72":30,"_180":-5,"_218":235,"_17":236},{"_33":227,"_13":228,"_67":229,"_43":68,"_35":36,"_176":40,"_177":24,"_37":230,"_39":26,"_70":86,"_179":231,"_72":30,"_180":-5,"_218":232,"_17":233},{"_33":189,"_13":80,"_67":79,"_43":87,"_35":36,"_176":40,"_177":24,"_37":224,"_39":26,"_70":21,"_179":191,"_72":30,"_180":-5,"_218":225,"_17":226},{"_33":185,"_13":85,"_67":84,"_43":87,"_35":36,"_176":40,"_177":24,"_37":221,"_39":26,"_70":86,"_179":187,"_72":30,"_180":-5,"_218":222,"_17":223},{"_33":213,"_13":214,"_67":215,"_43":-5,"_35":36,"_176":40,"_177":24,"_37":216,"_39":26,"_70":21,"_179":217,"_72":30,"_180":-5,"_218":219,"_17":220},"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",[],[214],["D",1743970645026],[],[18,85],["D",1743970645026],[],[18,80],"277e4b5e-1324-11f0-8c7e-569c3dd06744","App.tsx","f5fe7af2-9af4-4df7-bad0-523eec6f9c5a",["D",1743970645026],"/** @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}",[],[18,69,228],["D",1743970645026],[209],[18,69],["D",1743970645026],[208,210,211],[18],"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;",[],[248,241],"backend","277e48de-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[206],[248],["D",1743970645026],{"_11":12,"_139":75},{"_11":12,"_135":-5,"_74":75,"_31":73,"_136":137,"_138":30},{"_39":40,"_13":16,"_33":36,"_123":89,"_124":125,"_126":127,"_128":94,"_129":130,"_131":132,"_133":14,"_134":12},"ctx",{"_51":-5,"_160":290,"_291":292,"_293":294,"_295":30,"_296":30,"_297":30,"_298":24,"_299":-5,"_300":-7,"_301":-7,"_302":26,"_303":30,"_304":30,"_305":-5,"_306":30,"_307":30,"_308":30,"_309":-5},"ENV",{"_261":262,"_263":264,"_265":16,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · frontend