\n \n \n \n",[18,96],"23c6093a-0459-11f1-a7a3-42dde27851f2",["D",1770491632295],"\n",[18,102],"23c6061a-0459-11f1-a7a3-42dde27851f2",["D",1770491632295],[18,107],"pulls","branches","forks","envVars",{"_103":26,"_225":26},"connections",{"_103":26,"_224":26},"unfilledCount","emptyCount",{"_34":186,"_13":18,"_76":116,"_44":-5,"_36":37,"_187":41,"_188":24,"_38":272,"_40":26,"_79":108,"_190":-5,"_80":30,"_191":-5,"_240":273,"_17":274},{"_34":214,"_13":107,"_76":106,"_44":116,"_36":37,"_187":41,"_188":24,"_38":269,"_40":26,"_79":108,"_190":-5,"_80":30,"_191":-5,"_240":270,"_17":271},{"_34":262,"_13":263,"_76":264,"_44":106,"_36":37,"_187":41,"_188":24,"_38":265,"_40":26,"_79":90,"_190":266,"_80":30,"_191":-5,"_240":267,"_17":268},{"_34":210,"_13":102,"_76":101,"_44":116,"_36":37,"_187":41,"_188":24,"_38":259,"_40":26,"_79":21,"_190":212,"_80":30,"_191":-5,"_240":260,"_17":261},{"_34":206,"_13":96,"_76":95,"_44":116,"_36":37,"_187":41,"_188":24,"_38":256,"_40":26,"_79":21,"_190":208,"_80":30,"_191":-5,"_240":257,"_17":258},{"_34":202,"_13":89,"_76":88,"_44":116,"_36":37,"_187":111,"_188":24,"_38":253,"_40":41,"_79":90,"_190":204,"_80":30,"_191":-5,"_240":254,"_17":255},{"_34":198,"_13":78,"_76":77,"_44":116,"_36":37,"_187":41,"_188":24,"_38":250,"_40":26,"_79":21,"_190":200,"_80":30,"_191":-5,"_240":251,"_17":252},{"_34":243,"_13":244,"_76":245,"_44":-5,"_36":37,"_187":41,"_188":24,"_38":246,"_40":26,"_79":21,"_190":247,"_80":30,"_191":-5,"_240":248,"_17":249},{"_34":235,"_13":236,"_76":128,"_44":-5,"_36":37,"_187":41,"_188":24,"_38":237,"_40":26,"_79":238,"_190":239,"_80":30,"_191":-5,"_240":241,"_17":242},"23c631ee-0459-11f1-a7a3-42dde27851f2","index.ts",["D",1770491632295],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\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) => Promise.reject(err));\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",[],[236],"23c62ad2-0459-11f1-a7a3-42dde27851f2","README.md","019c3986-5b04-71ed-b896-d773fcd625d0",["D",1770491632295],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the\ntop-right.\n\n## How it works\n\n- The **entrypoint** is [`index.ts`](index.ts). That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is\n [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from\n [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest\nreading the files in this order:\n\n[`index.ts`](index.ts) -> [`/frontend/index.html`](/frontend/index.html) ->\n[`/frontend/index.tsx`](/frontend/index.tsx) ->\n[`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\n bigger example project, with a SQLite database table, queries, client-side\n CSS, a favicon, and shared code that runs on both client and server.",[],[244],["D",1770491632295],[],[18,78],["D",1782598531906],[],[18,89],["D",1770491632295],[],[18,96],["D",1770491632295],[],[18,102],"23c5e112-0459-11f1-a7a3-42dde27851f2","App.tsx","019c3986-5b04-71ed-b896-b850e766ce52",["D",1770491632295],"/** @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,107,263],["D",1770491632295],[228],[18,107],["D",1770491632295],[227,229,230,231,232],[18],["D",1770491632295],{"_11":12,"_164":83},{"_11":12,"_160":-5,"_82":83,"_31":81,"_161":162,"_163":30},{"_40":111,"_13":16,"_34":37,"_152":118,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":14,"_159":12},"ctx",{"_53":-5,"_183":312,"_313":314,"_315":316,"_317":30,"_318":30,"_319":30,"_320":24,"_321":-5,"_322":-7,"_323":-7,"_324":26,"_325":30,"_326":30,"_327":-5,"_328":30,"_329":30,"_330":30,"_331":-5},"ENV",{"_283":284,"_285":286,"_287":16,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311},"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 · frontend