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":216,"_13":215,"_32":209,"_137":-5,"_139":81,"_140":141,"_142":24,"_41":217,"_79":26,"_35":36,"_144":-5,"_37":30,"_145":-5,"_179":218,"_17":219},{"_39":207,"_13":208,"_32":52,"_137":209,"_139":81,"_140":141,"_142":24,"_41":210,"_79":26,"_35":211,"_144":212,"_37":30,"_145":-5,"_179":213,"_17":214},{"_39":203,"_13":147,"_32":138,"_137":-5,"_139":81,"_140":141,"_142":24,"_41":204,"_79":26,"_35":36,"_144":-5,"_37":30,"_145":-5,"_179":205,"_17":206},{"_39":136,"_13":34,"_32":33,"_137":138,"_139":81,"_140":141,"_142":24,"_41":200,"_79":26,"_35":36,"_144":-5,"_37":30,"_145":-5,"_179":201,"_17":202},{"_39":149,"_13":150,"_32":151,"_137":33,"_139":81,"_140":141,"_142":24,"_41":197,"_79":26,"_35":153,"_144":154,"_37":30,"_145":-5,"_179":198,"_17":199},{"_39":190,"_13":191,"_32":192,"_137":138,"_139":81,"_140":141,"_142":24,"_41":193,"_79":26,"_35":21,"_144":194,"_37":30,"_145":-5,"_179":195,"_17":196},{"_39":182,"_13":183,"_32":184,"_137":138,"_139":81,"_140":80,"_142":24,"_41":185,"_79":186,"_35":153,"_144":187,"_37":30,"_145":-5,"_179":188,"_17":189},{"_39":174,"_13":175,"_32":176,"_137":-5,"_139":81,"_140":141,"_142":24,"_41":177,"_79":26,"_35":21,"_144":178,"_37":30,"_145":-5,"_179":180,"_17":181},"2d3f5b34-fe87-11ef-8bae-569c3dd06744","README.md","a5701e19-bf5d-499b-9072-7dc7b53e23fe",["D",1741704200455],"# 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.","children",[],[175],"74cbb134-feb2-11ef-83cd-569c3dd06744","logs-toast","57c00a34-fe87-11ef-8bae-569c3dd06744",["D",1741722788884],11,"console.log(\"toast toast toast\");",[],[147,183],"2d3f56b6-fe87-11ef-8bae-569c3dd06744","index.html","9fb56738-cff4-41a9-a999-b0e0864c2526",["D",1741704200455],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[147,191],["D",1741704200455],[],[147,34,150],["D",1741704200455],[170],[147,34],"2d3f599a-fe87-11ef-8bae-569c3dd06744",["D",1741704200455],[169,171,172],[147],"2d3f484c-fe87-11ef-8bae-569c3dd06744","index.ts","a5fef433-67ff-487c-b486-8af38e044fc2",["D",1741704200455],"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(\"/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;",[],[215,208],"backend","2d3f4edc-fe87-11ef-8bae-569c3dd06744",["D",1741704200455],[167],[215],["D",1741704200455],{"_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":257,"_258":259,"_260":261,"_262":30,"_263":30,"_264":30,"_265":24,"_266":-5,"_267":-7,"_268":-7,"_269":26,"_270":30,"_271":30,"_272":-5,"_273":30,"_274":30,"_275":30,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":16,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"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"]

History · components