Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[147,34,150],"pulls","branches","forks","envVars",{"_163":26,"_165":26},"connections",{"_163":26,"_164":26},"count","unfilledCount","emptyCount",{"_39":209,"_13":147,"_32":138,"_137":-5,"_139":81,"_140":176,"_142":24,"_41":210,"_79":141,"_35":36,"_144":-5,"_37":30,"_145":-5,"_179":211,"_17":212},{"_39":136,"_13":34,"_32":33,"_137":138,"_139":81,"_140":141,"_142":24,"_41":206,"_79":26,"_35":36,"_144":-5,"_37":30,"_145":-5,"_179":207,"_17":208},{"_39":149,"_13":150,"_32":151,"_137":33,"_139":81,"_140":141,"_142":24,"_41":203,"_79":26,"_35":153,"_144":154,"_37":30,"_145":-5,"_179":204,"_17":205},{"_39":196,"_13":197,"_32":198,"_137":138,"_139":81,"_140":141,"_142":24,"_41":199,"_79":26,"_35":21,"_144":200,"_37":30,"_145":-5,"_179":201,"_17":202},{"_39":189,"_13":190,"_32":191,"_137":138,"_139":81,"_140":141,"_142":24,"_41":192,"_79":26,"_35":153,"_144":193,"_37":30,"_145":-5,"_179":194,"_17":195},{"_39":182,"_13":183,"_32":184,"_137":-5,"_139":81,"_140":141,"_142":24,"_41":185,"_79":26,"_35":21,"_144":186,"_37":30,"_145":-5,"_179":187,"_17":188},{"_39":173,"_13":174,"_32":52,"_137":-5,"_139":81,"_140":80,"_142":24,"_41":175,"_79":176,"_35":177,"_144":178,"_37":30,"_145":-5,"_179":180,"_17":181},"311a3cf2-f549-11ef-bc58-569c3dd06744","main.ts",["D",1740688017692],7,"http","import { parseProject, 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(\"./static/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"./static/**/*\", 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;","children",[],[174],"a1057172-f548-11ef-b2a9-569c3dd06744","README.md","ea249fde-06aa-48a7-b9d7-34bdc4267c2c",["D",1740687775937],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\nThe **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\nThe **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.",[],[183],"a1056f2e-f548-11ef-b2a9-569c3dd06744","index.tsx","a9b01b78-aba9-4029-99a4-b5dbdb32e397",["D",1740687775937],"/** @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();",[],[147,190],"a1056de4-f548-11ef-b2a9-569c3dd06744","index.html","a1d60cf2-c27a-4173-8b5a-9842a0241ec8",["D",1740687775937],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[],[147,197],["D",1740687775937],[],[147,34,150],["D",1740687775937],[168],[147,34],"0e0c112c-f549-11ef-adbd-569c3dd06744",["D",1740687958879],[167,169,170],[147],["D",1740687775937],{"_11":12,"_100":96},{"_11":12,"_94":-5,"_95":96,"_31":50,"_97":98,"_99":30},{"_79":80,"_13":16,"_39":81,"_82":40,"_83":84,"_85":86,"_87":46,"_88":89,"_90":91,"_92":14,"_93":12},"ctx",{"_72":-5,"_121":250,"_251":252,"_253":254,"_255":30,"_256":30,"_257":30,"_258":24,"_259":-5,"_260":-7,"_261":-7,"_262":26,"_263":30,"_264":30,"_265":-5,"_266":30,"_267":30,"_268":30,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":16,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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