\n \n \n","label",[147,33],"static","pulls","branches","forks","envVars",{"_155":26,"_157":26},"connections",{"_155":26,"_156":26},"count","unfilledCount","emptyCount",{"_37":206,"_13":147,"_31":137,"_136":-5,"_138":80,"_139":168,"_141":52,"_39":207,"_78":140,"_34":203,"_143":-5,"_35":24,"_145":-5,"_171":208,"_17":209},{"_37":201,"_13":200,"_31":195,"_136":137,"_138":80,"_139":140,"_141":52,"_39":202,"_78":26,"_34":203,"_143":-5,"_35":24,"_145":-5,"_171":204,"_17":205},{"_37":192,"_13":193,"_31":194,"_136":195,"_138":80,"_139":140,"_141":52,"_39":196,"_78":26,"_34":185,"_143":197,"_35":24,"_145":-5,"_171":198,"_17":199},{"_37":135,"_13":33,"_31":32,"_136":137,"_138":80,"_139":140,"_141":52,"_39":189,"_78":26,"_34":21,"_143":144,"_35":24,"_145":-5,"_171":190,"_17":191},{"_37":181,"_13":182,"_31":183,"_136":137,"_138":80,"_139":140,"_141":52,"_39":184,"_78":26,"_34":185,"_143":186,"_35":24,"_145":-5,"_171":187,"_17":188},{"_37":174,"_13":175,"_31":176,"_136":-5,"_138":80,"_139":140,"_141":52,"_39":177,"_78":26,"_34":21,"_143":178,"_35":24,"_145":-5,"_171":179,"_17":180},{"_37":165,"_13":166,"_31":50,"_136":-5,"_138":80,"_139":79,"_141":52,"_39":167,"_78":168,"_34":169,"_143":170,"_35":24,"_145":-5,"_171":172,"_17":173},"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",[],[166],"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.",[],[175],"a1056f2e-f548-11ef-b2a9-569c3dd06744","index.tsx","a9b01b78-aba9-4029-99a4-b5dbdb32e397",["D",1740687775937],"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();",[],[147,182],["D",1740687775937],[],[147,33],"a105689e-f548-11ef-b2a9-569c3dd06744","App.tsx","90f45e52-92e0-43ba-86ca-7ab9d357109f","d1b99ddd-6b2f-458d-a420-3edb7dd6e74f",["D",1740687775937],"/** @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}",[],[147,200,193],"components","a1056c36-f548-11ef-b2a9-569c3dd06744",["D",1740687775937],"directory",[160],[147,200],"0e0c112c-f549-11ef-adbd-569c3dd06744",["D",1740687958879],[159,161,162],[147],["D",1740687775937],{"_11":12,"_99":95},{"_11":12,"_93":-5,"_94":95,"_30":48,"_96":97,"_98":24},{"_78":79,"_13":16,"_37":80,"_81":38,"_82":83,"_84":85,"_86":44,"_87":88,"_89":90,"_91":14,"_92":12},"ctx",{"_71":-5,"_120":247,"_248":249,"_250":251,"_252":24,"_253":24,"_254":24,"_255":52,"_256":-5,"_257":-7,"_258":-7,"_259":26,"_260":24,"_261":24,"_262":-5,"_263":24,"_264":24,"_265":24,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":16,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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 · index.html