Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[152,171,177],[152,171],{"_104":186,"_95":187,"_153":188,"_155":154,"_156":138,"_157":158,"_159":160,"_106":189,"_100":32,"_162":190,"_164":191,"_165":22,"_166":-5,"_167":192,"_98":193},"fecd2ae6-b98f-11f0-9901-0224a6c84d84","favicon.svg","019a4f68-bcab-7295-a3f8-7e3dca1f38d3",["D",1762268855397],"file","\n",[],[152,187],{"_104":195,"_95":196,"_153":197,"_155":154,"_156":138,"_157":101,"_159":22,"_106":198,"_100":199,"_162":190,"_164":200,"_165":22,"_166":-5,"_167":201,"_98":202},"71c18456-ba1d-11f0-955f-0224a6c84d84","index.html","019a4f68-bcab-7295-a3f8-83fd3426f0f4",["D",1762329607363],20,"\n\n\n \n \n HLS manual audio decode + mix (2 streams) — with logs\n \n \n \n\n\n

\n \n Звук идёт не из <video>, а через WebAudio — видео могут оставаться muted.\n\n

Stream #1 ok=0err=0decoded=0

Stream #2 ok=0err=0decoded=0

\n\n\n\n",[],[152,196],{"_104":204,"_95":205,"_153":206,"_155":154,"_156":138,"_157":158,"_159":160,"_106":207,"_100":32,"_162":180,"_164":208,"_165":22,"_166":-5,"_167":209,"_98":210},"fecd2d98-b98f-11f0-9901-0224a6c84d84","index.tsx","019a4f68-bcab-7295-a3f8-84c95fc9314e",["D",1762268855397],"/** @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();",[],[152,205],{"_104":212,"_95":213,"_153":214,"_155":154,"_156":138,"_157":158,"_159":160,"_106":215,"_100":32,"_162":190,"_164":216,"_165":22,"_166":-5,"_167":217,"_98":218},"fecd2eba-b98f-11f0-9901-0224a6c84d84","style.css","019a4f68-bcab-7295-a3f8-8af15dd744a6",["D",1762268855397],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[152,213],[152],{"_104":221,"_95":222,"_153":223,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":224,"_100":32,"_162":190,"_164":225,"_165":22,"_166":-5,"_167":226,"_98":227},"fecd30e0-b98f-11f0-9901-0224a6c84d84","README.md","019a4f68-bcab-7295-a3f8-91128b3d2f75",["D",1762268855397],"# 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.",[],[222],{"_104":229,"_95":99,"_153":230,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":231,"_100":32,"_162":232,"_164":233,"_165":22,"_166":-5,"_167":234,"_98":235},"fecd31e4-b98f-11f0-9901-0224a6c84d84","019a4f68-bcab-7295-a3f8-97d8bba01814",["D",1762268855397],"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;",[],[99],"files",[150,169,175,185,194,203,211,220,228],"counts",{"_240":32,"_241":158,"_242":32,"_243":244},"pulls","branches","forks","envVars",{"_245":32,"_246":32},"count","emptyCount","contents",[],{"_104":229,"_95":99,"_153":230,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":250,"_100":32,"_162":232,"_164":233,"_165":22,"_166":-5,"_98":251},["D",1762268855397],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":260,"_148":265,"_236":293,"_190":294,"_247":296,"_297":-5,"_298":-5,"_299":-5,"_300":-5,"_301":302},{"_104":105,"_95":96,"_106":261,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":262,"_132":263,"_135":264,"_147":22},["D",1762268855397],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[266,287,290],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":267,"_98":286},[268,274,277,280,283],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":160,"_106":173,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":269,"_98":273},[270],{"_104":176,"_95":177,"_153":178,"_155":172,"_156":138,"_157":158,"_159":160,"_106":179,"_100":32,"_162":180,"_164":181,"_165":22,"_166":-5,"_167":271,"_98":272},[],[152,171,177],[152,171],{"_104":186,"_95":187,"_153":188,"_155":154,"_156":138,"_157":158,"_159":160,"_106":189,"_100":32,"_162":190,"_164":191,"_165":22,"_166":-5,"_167":275,"_98":276},[],[152,187],{"_104":195,"_95":196,"_153":197,"_155":154,"_156":138,"_157":101,"_159":22,"_106":198,"_100":199,"_162":190,"_164":200,"_165":22,"_166":-5,"_167":278,"_98":279},[],[152,196],{"_104":204,"_95":205,"_153":206,"_155":154,"_156":138,"_157":158,"_159":160,"_106":207,"_100":32,"_162":180,"_164":208,"_165":22,"_166":-5,"_167":281,"_98":282},[],[152,205],{"_104":212,"_95":213,"_153":214,"_155":154,"_156":138,"_157":158,"_159":160,"_106":215,"_100":32,"_162":190,"_164":216,"_165":22,"_166":-5,"_167":284,"_98":285},[],[152,213],[152],{"_104":221,"_95":222,"_153":223,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":224,"_100":32,"_162":190,"_164":225,"_165":22,"_166":-5,"_167":288,"_98":289},[],[222],{"_104":229,"_95":99,"_153":230,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":231,"_100":32,"_162":232,"_164":233,"_165":22,"_166":-5,"_167":291,"_98":292},[],[99],[266,268,270,274,277,280,283,287,290],{"_104":229,"_95":99,"_153":230,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":250,"_100":32,"_162":232,"_164":233,"_165":22,"_166":-5,"_98":295},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

handler

untitled-4899