\n \n \n \n","label",[166,62],"frontend","pulls","branches","forks","envVars",{"_174":26,"_176":26},"connections",{"_174":26,"_175":26},"count","unfilledCount","emptyCount",{"_32":233,"_13":232,"_60":226,"_42":-5,"_34":35,"_159":39,"_160":81,"_36":234,"_38":26,"_63":217,"_162":-5,"_64":24,"_164":-5,"_190":235,"_17":236},{"_32":224,"_13":225,"_60":79,"_42":226,"_34":35,"_159":39,"_160":81,"_36":227,"_38":26,"_63":228,"_162":229,"_64":24,"_164":-5,"_190":230,"_17":231},{"_32":220,"_13":166,"_60":158,"_42":-5,"_34":35,"_159":39,"_160":81,"_36":221,"_38":26,"_63":217,"_162":-5,"_64":24,"_164":-5,"_190":222,"_17":223},{"_32":215,"_13":214,"_60":208,"_42":158,"_34":35,"_159":39,"_160":81,"_36":216,"_38":26,"_63":217,"_162":-5,"_64":24,"_164":-5,"_190":218,"_17":219},{"_32":205,"_13":206,"_60":207,"_42":208,"_34":35,"_159":209,"_160":81,"_36":210,"_38":39,"_63":198,"_162":211,"_64":24,"_164":-5,"_190":212,"_17":213},{"_32":157,"_13":62,"_60":61,"_42":158,"_34":35,"_159":39,"_160":81,"_36":202,"_38":26,"_63":21,"_162":163,"_64":24,"_164":-5,"_190":203,"_17":204},{"_32":193,"_13":194,"_60":195,"_42":158,"_34":35,"_159":104,"_160":81,"_36":196,"_38":197,"_63":198,"_162":199,"_64":24,"_164":-5,"_190":200,"_17":201},{"_32":185,"_13":186,"_60":187,"_42":-5,"_34":35,"_159":39,"_160":81,"_36":188,"_38":26,"_63":21,"_162":189,"_64":24,"_164":-5,"_190":191,"_17":192},"9793a690-136b-11f0-a4bb-569c3dd06744","README.md","9f302b81-537c-4327-ac84-f9262631e5b9",["D",1744001327348],"# 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",[],[186],"0a7f98f8-136c-11f0-9fd0-569c3dd06744","index.tsx","e2c0aa31-a6b3-4458-bcf9-b7fc330b4ab1",["D",1744001520190],5,"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();",[],[166,194],["D",1744001327348],[],[166,62],"f60d4cf8-136b-11f0-b00d-569c3dd06744","App.tsx","3a0f6cd7-6a46-4c9e-aa23-7570356ac614","f090e895-e2ab-48b2-adf1-69e0a410477b",6,["D",1744001485886],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport * as three from \"npm:three@0.148.0\";\n\nexport function App() {\n console.log(three);\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[166,214,206],"components","9793a096-136b-11f0-a4bb-569c3dd06744",["D",1744001327348],"directory",[181],[166,214],"9793a4f6-136b-11f0-a4bb-569c3dd06744",["D",1744001327348],[180,182,183],[166],"9793936c-136b-11f0-a4bb-569c3dd06744","index.ts","0e9193f0-c9d3-4c06-adf8-3b70d0bcc1eb",["D",1744001327348],"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;",[],[232,225],"backend","97939d12-136b-11f0-a4bb-569c3dd06744",["D",1744001327348],[178],[232],["D",1744001327348],{"_11":12,"_121":67},{"_11":12,"_117":-5,"_66":67,"_30":65,"_118":119,"_120":24},{"_38":104,"_13":16,"_32":35,"_105":69,"_106":107,"_108":109,"_110":74,"_111":112,"_113":114,"_115":14,"_116":12},"ctx",{"_50":-5,"_142":274,"_275":276,"_277":278,"_279":24,"_280":24,"_281":24,"_282":81,"_283":-5,"_284":-7,"_285":-7,"_286":26,"_287":24,"_288":24,"_289":-5,"_290":24,"_291":24,"_292":24,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":16,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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