Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[178,80,64],"pulls","branches","forks","envVars",{"_191":26,"_193":26},"connections",{"_191":26,"_192":26},"count","unfilledCount","emptyCount",{"_34":244,"_13":243,"_62":237,"_44":-5,"_36":37,"_172":41,"_173":24,"_38":245,"_40":26,"_65":81,"_175":-5,"_67":30,"_176":-5,"_207":246,"_17":247},{"_34":235,"_13":236,"_62":93,"_44":237,"_36":37,"_172":41,"_173":24,"_38":238,"_40":26,"_65":239,"_175":240,"_67":30,"_176":-5,"_207":241,"_17":242},{"_34":231,"_13":178,"_62":171,"_44":-5,"_36":37,"_172":41,"_173":24,"_38":232,"_40":26,"_65":81,"_175":-5,"_67":30,"_176":-5,"_207":233,"_17":234},{"_34":170,"_13":80,"_62":79,"_44":171,"_36":37,"_172":41,"_173":24,"_38":228,"_40":26,"_65":81,"_175":-5,"_67":30,"_176":-5,"_207":229,"_17":230},{"_34":180,"_13":64,"_62":63,"_44":79,"_36":37,"_172":73,"_173":24,"_38":225,"_40":41,"_65":66,"_175":182,"_67":30,"_176":-5,"_207":226,"_17":227},{"_34":218,"_13":219,"_62":220,"_44":171,"_36":37,"_172":41,"_173":24,"_38":221,"_40":26,"_65":21,"_175":222,"_67":30,"_176":-5,"_207":223,"_17":224},{"_34":210,"_13":211,"_62":212,"_44":171,"_36":37,"_172":117,"_173":24,"_38":213,"_40":214,"_65":66,"_175":215,"_67":30,"_176":-5,"_207":216,"_17":217},{"_34":202,"_13":203,"_62":204,"_44":-5,"_36":37,"_172":41,"_173":24,"_38":205,"_40":26,"_65":21,"_175":206,"_67":30,"_176":-5,"_207":208,"_17":209},"9793a690-136b-11f0-a4bb-569c3dd06744","README.md","9f302b81-537c-4327-ac84-f9262631e5b9",["D",1744001327348],"# 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",[],[203],"0a7f98f8-136c-11f0-9fd0-569c3dd06744","index.tsx","e2c0aa31-a6b3-4458-bcf9-b7fc330b4ab1",["D",1744001520190],5,"/** @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();",[],[178,211],"9793a23a-136b-11f0-a4bb-569c3dd06744","index.html","91999518-a37c-45f4-81dd-69e98564cea3",["D",1744001327348],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[178,219],["D",1744001485886],[],[178,80,64],["D",1744001327348],[198],[178,80],"9793a4f6-136b-11f0-a4bb-569c3dd06744",["D",1744001327348],[197,199,200],[178],"9793936c-136b-11f0-a4bb-569c3dd06744","index.ts","0e9193f0-c9d3-4c06-adf8-3b70d0bcc1eb",["D",1744001327348],"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;",[],[243,236],"backend","97939d12-136b-11f0-a4bb-569c3dd06744",["D",1744001327348],[195],[243],["D",1744001327348],{"_11":12,"_134":70},{"_11":12,"_130":-5,"_69":70,"_31":68,"_131":132,"_133":30},{"_40":117,"_13":16,"_34":37,"_118":83,"_119":120,"_121":122,"_123":88,"_124":125,"_126":127,"_128":14,"_129":12},"ctx",{"_52":-5,"_155":285,"_286":287,"_288":289,"_290":30,"_291":30,"_292":30,"_293":24,"_294":-5,"_295":-7,"_296":-7,"_297":26,"_298":30,"_299":30,"_300":-5,"_301":30,"_302":30,"_303":30,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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