\n \n \n \n",[18,156],"af33ac06-feac-11ef-a124-569c3dd06744","components","44341912-fde1-4a92-9a73-7d60e3c548fe",["D",1741720309862],[18,162],"pulls","branches","forks","envVars",{"_173":139,"_175":26},"connections",{"_173":26,"_174":26},"count","unfilledCount","emptyCount",{"_38":221,"_13":220,"_32":214,"_136":-5,"_137":80,"_138":139,"_140":24,"_40":222,"_78":26,"_34":35,"_142":-5,"_36":30,"_143":-5,"_189":223,"_17":224},{"_38":212,"_13":213,"_32":51,"_136":214,"_137":80,"_138":79,"_140":24,"_40":215,"_78":201,"_34":216,"_142":217,"_36":30,"_143":-5,"_189":218,"_17":219},{"_38":135,"_13":18,"_32":33,"_136":-5,"_137":80,"_138":139,"_140":24,"_40":209,"_78":26,"_34":35,"_142":-5,"_36":30,"_143":-5,"_189":210,"_17":211},{"_38":161,"_13":162,"_32":163,"_136":33,"_137":80,"_138":139,"_140":24,"_40":206,"_78":26,"_34":35,"_142":-5,"_36":30,"_143":-5,"_189":207,"_17":208},{"_38":198,"_13":199,"_32":200,"_136":163,"_137":80,"_138":201,"_140":24,"_40":202,"_78":139,"_34":152,"_142":203,"_36":30,"_143":-5,"_189":204,"_17":205},{"_38":155,"_13":156,"_32":157,"_136":33,"_137":80,"_138":139,"_140":24,"_40":195,"_78":26,"_34":21,"_142":159,"_36":30,"_143":-5,"_189":196,"_17":197},{"_38":148,"_13":149,"_32":150,"_136":33,"_137":80,"_138":139,"_140":24,"_40":192,"_78":26,"_34":152,"_142":153,"_36":30,"_143":-5,"_189":193,"_17":194},{"_38":184,"_13":185,"_32":186,"_136":-5,"_137":80,"_138":139,"_140":24,"_40":187,"_78":26,"_34":21,"_142":188,"_36":30,"_143":-5,"_189":190,"_17":191},"af33b5de-feac-11ef-a124-569c3dd06744","README.md","b5b33bc9-fbf9-40ec-b7b6-dab8e025d2c2",["D",1741720309862],"# 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.","children",[],[185],["D",1741720309862],[],[18,149],["D",1741720309862],[],[18,156],"bc9fa2e6-feac-11ef-9ebb-569c3dd06744","App.tsx","d670b7db-196b-426d-b369-0daf8ddd1842",2,["D",1741720332411],"/** @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 have been clicked times\n

\n );\n}",[],[18,162,199],["D",1741720309862],[180],[18,162],["D",1741720309862],[179,181,182],[18],"41f2c220-fead-11ef-9b74-569c3dd06744","index.ts","cceb7da5-9933-461d-a751-60288711d923",["D",1741720556083],"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(\"/frontend/index.html\", import.meta.url);\n});\n\napp.get(\"/test\", async c => {\n return c.json({ hello: \"world\", foo: process.env.FOO });\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;",[],[220,213],"backend","af33a850-feac-11ef-a124-569c3dd06744",["D",1741720309862],[177],[220],["D",1741720309862],{"_11":12,"_99":95},{"_11":12,"_93":-5,"_94":95,"_31":49,"_96":97,"_98":30},{"_78":79,"_13":16,"_38":80,"_81":39,"_82":83,"_84":85,"_86":45,"_87":88,"_89":90,"_91":14,"_92":12},"ctx",{"_71":-5,"_120":262,"_263":264,"_265":266,"_267":30,"_268":30,"_269":30,"_270":24,"_271":-5,"_272":-7,"_273":-7,"_274":26,"_275":30,"_276":30,"_277":-5,"_278":30,"_279":30,"_280":30,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":16,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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