Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[153,72,64],"pulls","branches",1,"forks","envVars",{"_168":26,"_170":26},"connections",{"_168":26,"_169":26},"count","unfilledCount","emptyCount",{"_33":268,"_13":267,"_62":261,"_43":-5,"_35":36,"_149":269,"_156":24,"_37":270,"_39":26,"_65":73,"_146":-5,"_67":30,"_151":-5,"_189":271,"_17":272},{"_33":258,"_13":259,"_62":260,"_43":261,"_35":36,"_149":262,"_156":24,"_37":263,"_39":162,"_65":187,"_146":264,"_67":30,"_151":-5,"_189":265,"_17":266},{"_33":254,"_13":153,"_62":147,"_43":-5,"_35":36,"_149":162,"_156":24,"_37":255,"_39":26,"_65":73,"_146":-5,"_67":30,"_151":-5,"_189":256,"_17":257},{"_33":145,"_13":72,"_62":71,"_43":147,"_35":36,"_149":150,"_156":24,"_37":251,"_39":26,"_65":73,"_146":-5,"_67":30,"_151":-5,"_189":252,"_17":253},{"_33":155,"_13":64,"_62":63,"_43":71,"_35":36,"_149":40,"_156":24,"_37":248,"_39":26,"_65":66,"_146":158,"_67":30,"_151":-5,"_189":249,"_17":250},{"_33":240,"_13":241,"_62":242,"_43":147,"_35":36,"_149":243,"_156":24,"_37":244,"_39":26,"_65":21,"_146":245,"_67":30,"_151":-5,"_189":246,"_17":247},{"_33":232,"_13":233,"_62":234,"_43":147,"_35":36,"_149":235,"_156":24,"_37":236,"_39":26,"_65":21,"_146":237,"_67":30,"_151":-5,"_189":238,"_17":239},{"_33":224,"_13":225,"_62":226,"_43":147,"_35":36,"_149":227,"_156":24,"_37":228,"_39":26,"_65":66,"_146":229,"_67":30,"_151":-5,"_189":230,"_17":231},{"_33":216,"_13":217,"_62":218,"_43":147,"_35":36,"_149":219,"_156":24,"_37":220,"_39":26,"_65":21,"_146":221,"_67":30,"_151":-5,"_189":222,"_17":223},{"_33":208,"_13":209,"_62":210,"_43":-5,"_35":36,"_149":211,"_156":24,"_37":212,"_39":26,"_65":21,"_146":213,"_67":30,"_151":-5,"_189":214,"_17":215},{"_33":200,"_13":201,"_62":202,"_43":-5,"_35":36,"_149":203,"_156":24,"_37":204,"_39":162,"_65":21,"_146":205,"_67":30,"_151":-5,"_189":206,"_17":207},{"_33":192,"_13":193,"_62":194,"_43":-5,"_35":36,"_149":195,"_156":24,"_37":196,"_39":26,"_65":21,"_146":197,"_67":30,"_151":-5,"_189":198,"_17":199},{"_33":184,"_13":185,"_62":86,"_43":-5,"_35":36,"_149":110,"_156":24,"_37":186,"_39":26,"_65":187,"_146":188,"_67":30,"_151":-5,"_189":190,"_17":191},"8a31668e-35af-11f0-a268-9e149126039e","index.http.tsx",["D",1747768850247],"http","export default async function (req) {\n return new Response(`Hello ${req.method} ${req.url}`);\n}\n","children",[],[185],"4c690c04-35ae-11f0-93cf-9e149126039e","deno.json","4c690c90-35ae-11f0-93cf-9e149126039e",13,["D",1747768317081],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[193],"4ce5e558-35ae-11f0-a18c-9e149126039e","README.md","d31bcd6e-35ad-11f0-b30b-9e149126039e",14,["D",1747768317841],"# React Hono Starter\n\nTesting `vt` CLI.\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.\n",[],[201],"4c65c684-35ae-11f0-ab5b-9e149126039e",".vtignore","4c65c74c-35ae-11f0-ab5b-9e149126039e",12,["D",1747768317075],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[209],"d30ff728-35ad-11f0-9e4d-9e149126039e","style.css","d30ff7be-35ad-11f0-9e4d-9e149126039e",5,["D",1747768113499],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[153,217],"d30e2812-35ad-11f0-a3fd-9e149126039e","index.tsx","d30e28bc-35ad-11f0-a3fd-9e149126039e",4,["D",1747768113498],"/** @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();",[],[153,225],"d31f2aea-35ad-11f0-b5be-9e149126039e","index.html","d31f2d42-35ad-11f0-b5be-9e149126039e",10,["D",1747768113520],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[153,233],"d313a1b6-35ad-11f0-a59c-9e149126039e","favicon.svg","d313a260-35ad-11f0-a59c-9e149126039e",6,["D",1747768113500],"\n",[],[153,241],["D",1747768113519],[],[153,72,64],["D",1747768113430],[175],[153,72],"d2f0e31a-35ad-11f0-a59c-9e149126039e",["D",1747768113303],[174,176,177,178,179],[153],"d32edac6-35ad-11f0-b2c6-9e149126039e","index.ts","d31692b8-35ad-11f0-9c9d-9e149126039e","d2fab9a8-35ad-11f0-a59c-9e149126039e",11,["D",1747768113708],"import { serveFile } from \"https://esm.town/v/std/utils@85-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;",[],[267,259],"backend","d2fab8cc-35ad-11f0-a59c-9e149126039e",2,["D",1747768113370],[172],[267],["D",1747768113117],{"_11":12,"_123":70},{"_11":12,"_119":-5,"_69":70,"_31":68,"_120":121,"_122":30},{"_39":110,"_13":16,"_33":36,"_111":75,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_52":-5,"_142":310,"_311":312,"_313":314,"_315":30,"_316":30,"_317":30,"_318":24,"_319":-5,"_320":-7,"_321":-7,"_322":26,"_323":30,"_324":30,"_325":-5,"_326":30,"_327":30,"_328":30,"_329":-5},"ENV",{"_281":282,"_283":284,"_285":16,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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