\n \n \n \n","label",[165,62],"frontend","pulls","branches","forks","envVars",{"_173":26,"_175":26},"connections",{"_173":26,"_174":26},"count","unfilledCount","emptyCount",{"_32":230,"_13":229,"_60":223,"_42":-5,"_34":35,"_158":39,"_159":81,"_36":231,"_38":26,"_63":214,"_161":-5,"_64":24,"_163":-5,"_189":232,"_17":233},{"_32":221,"_13":222,"_60":79,"_42":223,"_34":35,"_158":39,"_159":81,"_36":224,"_38":26,"_63":225,"_161":226,"_64":24,"_163":-5,"_189":227,"_17":228},{"_32":217,"_13":165,"_60":157,"_42":-5,"_34":35,"_158":39,"_159":81,"_36":218,"_38":26,"_63":214,"_161":-5,"_64":24,"_163":-5,"_189":219,"_17":220},{"_32":212,"_13":211,"_60":206,"_42":157,"_34":35,"_158":39,"_159":81,"_36":213,"_38":26,"_63":214,"_161":-5,"_64":24,"_163":-5,"_189":215,"_17":216},{"_32":203,"_13":204,"_60":205,"_42":206,"_34":35,"_158":39,"_159":81,"_36":207,"_38":26,"_63":196,"_161":208,"_64":24,"_163":-5,"_189":209,"_17":210},{"_32":156,"_13":62,"_60":61,"_42":157,"_34":35,"_158":39,"_159":81,"_36":200,"_38":26,"_63":21,"_161":162,"_64":24,"_163":-5,"_189":201,"_17":202},{"_32":192,"_13":193,"_60":194,"_42":157,"_34":35,"_158":39,"_159":81,"_36":195,"_38":26,"_63":196,"_161":197,"_64":24,"_163":-5,"_189":198,"_17":199},{"_32":184,"_13":185,"_60":186,"_42":-5,"_34":35,"_158":39,"_159":81,"_36":187,"_38":26,"_63":21,"_161":188,"_64":24,"_163":-5,"_189":190,"_17":191},"277e5824-1324-11f0-8c7e-569c3dd06744","README.md","79a6e76f-dfee-49fa-bb54-e3cac3c20bba",["D",1743970645026],"# 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",[],[185],"277e5234-1324-11f0-8c7e-569c3dd06744","index.tsx","2048b54d-f26a-4779-b87c-275629db3c45",["D",1743970645026],"script","/** @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();",[],[165,193],["D",1743970645026],[],[165,62],"277e4b5e-1324-11f0-8c7e-569c3dd06744","App.tsx","f5fe7af2-9af4-4df7-bad0-523eec6f9c5a","fb47e6f8-3300-48a9-b900-887c0912585a",["D",1743970645026],"/** @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}",[],[165,211,204],"components","277e4ec4-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],"directory",[180],[165,211],"277e5518-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[179,181,182],[165],"277e424e-1324-11f0-8c7e-569c3dd06744","index.ts","d8b162fa-d49e-4b65-a84c-57c148e783e5",["D",1743970645026],"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;",[],[229,222],"backend","277e48de-1324-11f0-8c7e-569c3dd06744",["D",1743970645026],[177],[229],["D",1743970645026],{"_11":12,"_120":67},{"_11":12,"_116":-5,"_66":67,"_30":65,"_117":118,"_119":24},{"_38":39,"_13":16,"_32":35,"_104":69,"_105":106,"_107":108,"_109":74,"_110":111,"_112":113,"_114":14,"_115":12},"ctx",{"_50":-5,"_141":271,"_272":273,"_274":275,"_276":24,"_277":24,"_278":24,"_279":81,"_280":-5,"_281":-7,"_282":-7,"_283":26,"_284":24,"_285":24,"_286":-5,"_287":24,"_288":24,"_289":24,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":16,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · index.html