`, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_565":566,"_567":568},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":105,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",60,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/EventCard.tsx","latestPath","fileId","85b0a136-b008-11f1-a7d0-1607ee4eb77e","name","EventCard.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { CATEGORY_META, type EventItem } from \"../../shared/types.ts\";\nimport { nowInWarsaw, shortDate } from \"../dates.ts\";\n\nconst minutes = (time: string) => Number(time.slice(0, 2)) * 60 + Number(time.slice(3, 5));\n\n// Started more than two hours ago today\nfunction isOver(event: EventItem) {\n const now = nowInWarsaw();\n return event.date === now.date && !event.endDate && event.time != null && minutes(event.time) + 120 < minutes(now.time);\n}\n\nexport function EventCard({ event, starred, onOpen, onStar }: {\n event: EventItem;\n starred: boolean;\n onOpen: () => void;\n onStar: () => void;\n}) {\n const meta = CATEGORY_META[event.category];\n const showTown = (event.town !== \"Zamość\" || !event.place) && event.town !== event.place;\n const place = [event.place, showTown ? event.town : null].filter(Boolean).join(\" · \");\n const over = isOver(event);\n\n return (\n

\n \n \n {starred ? \"★\" : \"☆\"}\n \n

\n );\n}\n\nconst COLLAPSED = 4;\n\n// A day's cinema listing as one card, so films don't bury everything else\nexport function CinemaCard({ films, onOpen }: { films: EventItem[]; onOpen: (film: EventItem) => void }) {\n const [expanded, setExpanded] = useState(false);\n const shown = expanded ? films : films.slice(0, COLLAPSED);\n const now = nowInWarsaw();\n\n return (\n

\n 🎬 Kino Stylowy\n {films.length} {films.length === 1 ? \"film\" : films.length < 5 ? \"filmy\" : \"filmów\"}\n

\n \n

\n {films.length > COLLAPSED && (\n \n )}\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { CATEGORY_META, type EventItem } from \"../../shared/types.ts\";\nimport { nowInWarsaw, shortDate } from \"../dates.ts\";\n\nconst minutes = (time: string) => Number(time.slice(0, 2)) * 60 + Number(time.slice(3, 5));\n\n// Started more than two hours ago today\nfunction isOver(event: EventItem) {\n const now = nowInWarsaw();\n return event.date === now.date && !event.endDate && event.time != null && minutes(event.time) + 120 < minutes(now.time);\n}\n\nexport function EventCard({ event, starred, onOpen, onStar }: {\n event: EventItem;\n starred: boolean;\n onOpen: () => void;\n onStar: () => void;\n}) {\n const meta = CATEGORY_META[event.category];\n const showTown = (event.town !== \"Zamość\" || !event.place) && event.town !== event.place;\n const place = [event.place, showTown ? event.town : null].filter(Boolean).join(\" · \");\n const over = isOver(event);\n\n return (\n

\n \n \n {starred ? \"★\" : \"☆\"}\n \n

\n );\n}\n\nconst COLLAPSED = 4;\n\n// A cinema's listing for the day as one card, so films don't bury everything else\nexport function CinemaCard({ place, films, onOpen }: {\n place: string;\n films: EventItem[];\n onOpen: (film: EventItem) => void;\n}) {\n const [expanded, setExpanded] = useState(false);\n const shown = expanded ? films : films.slice(0, COLLAPSED);\n const now = nowInWarsaw();\n const town = films[0]?.town;\n\n return (\n

\n 🎬 {place}{town && town !== \"Zamość\" ? ` · ${town}` : \"\"}\n {films.length} {films.length === 1 ? \"film\" : films.length < 5 ? \"filmy\" : \"filmów\"}\n

\n \n

\n {films.length > COLLAPSED && (\n \n )}\n

\n );\n}\n","createdAt",["D",1789369594864],"branchVersion","branchId","255405a6-055f-4761-b8d5-94d1ffe681e3","id","25f66c95-84fd-4431-a007-b1f4e010323a","co-w-zamosciu",["D",1789336184443],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Co dziś w Zamościu i na Roztoczu — koncerty, kino, wydarzenia","imageUrl","5dd5cdfa-b36a-42e1-a911-81ba86e3b64c","pinnedFileId","01a09cbf-66da-7600-85d1-7a5d4b41e0de","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a09aab-d118-725d-b44f-c12d328bfdc6","tursoName","25f66c9584fd4431a007b1f4e010323a","tursoHostname","25f66c9584fd4431a007b1f4e010323a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789519256886],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",150,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dominik1","handle","displayName","Dominik","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":560,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":561,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":562,"_85":563,"_87":564,"_89":25},"tree",[204,221,224,242,244,246,247,248],"files",[204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248],"counts",{"_193":64,"_194":145,"_195":64,"_196":197,"_198":199},"contents",[131,132,133,134,135,136,137,138],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":187,"_32":188,"_30":189,"_141":-5,"_42":43,"_41":190,"_143":60,"_39":191,"_13":64,"_34":168,"_36":-5,"_24":25,"_148":-5,"_27":192},{"_44":181,"_32":182,"_30":183,"_141":-5,"_42":43,"_41":184,"_143":60,"_39":185,"_13":64,"_34":168,"_36":-5,"_24":25,"_148":-5,"_27":186},{"_44":176,"_32":177,"_30":178,"_141":-5,"_42":43,"_41":145,"_143":60,"_39":179,"_13":64,"_34":168,"_36":-5,"_24":25,"_148":-5,"_27":180},{"_44":170,"_32":171,"_30":172,"_141":-5,"_42":43,"_41":173,"_143":60,"_39":174,"_13":64,"_34":168,"_36":-5,"_24":25,"_148":-5,"_27":175},{"_44":163,"_32":164,"_30":165,"_141":-5,"_42":43,"_41":166,"_143":60,"_39":167,"_13":64,"_34":168,"_36":-5,"_24":25,"_148":-5,"_27":169},{"_44":157,"_32":158,"_30":159,"_141":-5,"_42":43,"_41":145,"_143":60,"_39":160,"_13":64,"_34":20,"_36":161,"_24":25,"_148":-5,"_27":162},{"_44":150,"_32":151,"_30":152,"_141":-5,"_42":43,"_41":153,"_143":25,"_39":154,"_13":145,"_34":20,"_36":155,"_24":25,"_148":-5,"_27":156},{"_44":139,"_32":140,"_30":58,"_141":-5,"_42":43,"_41":142,"_143":25,"_39":144,"_13":145,"_34":146,"_36":147,"_24":25,"_148":46,"_27":149},"1d30cf87-ed54-472c-ada2-b9947d24607b","index.ts","parentId",28,"latest",["D",1789368375905],1,"http","import { immutableFileUrl, parseVal, readFile, serveFile, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { requirePin } from \"./backend/auth.ts\";\nimport {\n getEvent,\n getMeta,\n hideEvent,\n initDb,\n listEvents,\n listSources,\n saveSubscription,\n upsertEvents,\n} from \"./backend/db.ts\";\nimport { fetchText, pageText } from \"./backend/fetch.ts\";\nimport { toIcs } from \"./backend/ics.ts\";\nimport { ICONS } from \"./backend/icons.ts\";\nimport { extractEvents } from \"./backend/llm.ts\";\nimport { addDays, clean, isDate, isTime, warsawToday } from \"./backend/normalize.ts\";\nimport { Root } from \"./frontend/root.tsx\";\nimport { type EventsResponse, isCategory, type ScrapedEvent } from \"./shared/types.ts\";\n\nawait initDb();\n\nconst app = new Hono();\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\napp.get(\"/favicon.svg\", () => serveFile(\"/frontend/favicon.svg\", import.meta.url));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/icons/:name\", (c) => {\n const base64 = ICONS[c.req.param(\"name\")];\n if (!base64) return c.notFound();\n const bytes = Uint8Array.from(atob(base64), (ch) => ch.charCodeAt(0));\n return c.body(bytes, 200, { \"Content-Type\": \"image/png\", \"Cache-Control\": \"public, max-age=604800\" });\n});\n\n// Lets the app be installed on the phone's home screen\napp.get(\"/manifest.webmanifest\", (c) =>\n c.json({\n name: \"Co w Zamościu\",\n short_name: \"Co w Zamościu\",\n description: \"Koncerty, kino i wydarzenia w Zamościu i na Roztoczu\",\n lang: \"pl\",\n start_url: \"/\",\n display: \"standalone\",\n theme_color: \"#17203a\",\n background_color: \"#17203a\",\n icons: [\n { src: \"/icons/icon-192.png\", sizes: \"192x192\", type: \"image/png\" },\n { src: \"/icons/icon-512.png\", sizes: \"512x512\", type: \"image/png\" },\n { src: \"/icons/icon-maskable-512.png\", sizes: \"512x512\", type: \"image/png\", purpose: \"maskable\" },\n ],\n }, 200, { \"Content-Type\": \"application/manifest+json\" }));\n\n// The service worker has to be served from the root to control the whole app.\n// The version stamp changes its bytes on every deploy, so phones pick up updates.\napp.get(\"/sw.js\", async (c) => {\n const source = await readFile(\"/frontend/sw.js\", import.meta.url);\n const version = immutableFileUrl(\"/frontend/sw.js\").split(\"/\")[2];\n return c.body(`const VERSION = ${JSON.stringify(version)};\\n${source}`, 200, {\n \"Content-Type\": \"text/javascript; charset=utf-8\",\n \"Cache-Control\": \"no-cache\",\n });\n});\n\n// ---------- public API ----------\n\napp.get(\"/api/events\", async (c) => {\n const today = warsawToday();\n const from = isDate(c.req.query(\"from\")) ? c.req.query(\"from\")! : today;\n let to = isDate(c.req.query(\"to\")) ? c.req.query(\"to\")! : addDays(from, 14);\n if (to < from) to = from;\n if (to > addDays(from, 62)) to = addDays(from, 62);\n const body: EventsResponse = {\n events: await listEvents(from, to),\n today,\n updatedAt: Number(await getMeta(\"last_scrape\")) || null,\n vapidPublicKey: Deno.env.get(\"VAPID_PUBLIC_KEY\") ?? null,\n };\n return c.json(body, 200, { \"Cache-Control\": \"no-store\" });\n});\n\napp.get(\"/ics/:id\", async (c) => {\n const event = await getEvent(Number(c.req.param(\"id\")));\n if (!event) return c.notFound();\n return c.body(toIcs(event), 200, {\n \"Content-Type\": \"text/calendar; charset=utf-8\",\n \"Content-Disposition\": `attachment; filename=\"wydarzenie-${event.id}.ics\"`,\n });\n});\n\napp.get(\"/api/status\", async (c) =>\n c.json({ sources: await listSources(), updatedAt: Number(await getMeta(\"last_scrape\")) || null }));\n\n// Only real push services, so the server never posts to arbitrary URLs\nconst PUSH_HOST =\n /^(fcm\\.googleapis\\.com|android\\.googleapis\\.com|updates\\.push\\.services\\.mozilla\\.com|[\\w.-]+\\.push\\.apple\\.com|[\\w.-]+\\.notify\\.windows\\.com)$/;\n\napp.post(\"/api/push\", async (c) => {\n const body = await c.req.json().catch(() => null);\n const endpoint = body?.subscription?.endpoint;\n const p256dh = body?.subscription?.keys?.p256dh;\n const auth = body?.subscription?.keys?.auth;\n let validHost = false;\n try {\n const url = new URL(endpoint);\n validHost = url.protocol === \"https:\" && PUSH_HOST.test(url.hostname);\n } catch {\n // not a URL\n }\n if (!validHost || typeof p256dh !== \"string\" || typeof auth !== \"string\") {\n return c.json({ error: \"Nieprawidłowa subskrypcja powiadomień.\" }, 400);\n }\n const favorites = Array.isArray(body?.favorites)\n ? body.favorites.filter((id: unknown) => Number.isInteger(id)).slice(0, 200)\n : [];\n await saveSubscription(endpoint, p256dh, auth, favorites);\n return c.json({ ok: true });\n});\n\n// ---------- PIN-protected API ----------\n\napp.use(\"/api/admin/*\", requirePin);\n\napp.post(\"/api/admin/pin\", (c) => c.json({ ok: true }));\n\n// Poster text, a Facebook post or a link → pre-filled event form\napp.post(\"/api/admin/extract\", async (c) => {\n const body = await c.req.json().catch(() => null);\n const text = typeof body?.text === \"string\" ? body.text.slice(0, 8000) : \"\";\n const url = typeof body?.url === \"string\" && /^https?:\\/\\//.test(body.url) ? body.url : null;\n let input = text;\n if (url) {\n try {\n input = `${text}\\n\\nStrona ${url}:\\n${pageText(await fetchText(url), url, 10_000)}`;\n } catch (err) {\n if (!text) return c.json({ error: `Nie udało się pobrać strony (${(err as Error).message}).` }, 422);\n }\n }\n if (!input.trim()) return c.json({ error: \"Wklej tekst albo link.\" }, 400);\n const events = await extractEvents(input, {\n context: \"Tekst wkleił użytkownik: plakat, post z Facebooka albo strona wydarzenia.\" +\n (url ? ` Link do wydarzenia: ${url}` : \"\"),\n });\n return c.json({ events: events.map((e) => ({ ...e, url: e.url ?? url })) });\n});\n\nfunction parseEvent(body: Record | null): ScrapedEvent | null {\n if (!body || typeof body.title !== \"string\" || !body.title.trim() || !isDate(body.date)) return null;\n const text = (v: unknown, max: number) => (typeof v === \"string\" ? clean(v, max) : null);\n return {\n title: clean(body.title, 140)!,\n date: body.date,\n endDate: isDate(body.endDate) && body.endDate > body.date ? body.endDate : null,\n time: isTime(body.time) ? body.time : null,\n place: text(body.place, 120),\n town: text(body.town, 60) ?? \"Zamość\",\n category: isCategory(body.category) ? body.category : \"inne\",\n price: text(body.price, 60),\n imageUrl: null,\n url: typeof body.url === \"string\" && /^https?:\\/\\//.test(body.url) ? body.url : null,\n description: text(body.description, 600),\n showtimes: null,\n };\n}\n\napp.post(\"/api/admin/events\", async (c) => {\n const event = parseEvent(await c.req.json().catch(() => null));\n if (!event) return c.json({ error: \"Podaj co najmniej tytuł i datę.\" }, 400);\n await upsertEvents(\"manual\", 5, [event], true);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/admin/events/:id/hide\", async (c) => {\n await hideEvent(Number(c.req.param(\"id\")));\n return c.json({ ok: true });\n});\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;\n","label",[140],"e478e360-b92c-47a5-9eed-6e470418ce3a","README.md","01a09cbf-66da-7600-85d1-77f7ef9c20ff",52,["D",1789368940845],"# Co w Zamościu\n\nMobilna aplikacja (PWA do zainstalowania na telefonie): co dziś, jutro i w weekend dzieje się w Zamościu i na Roztoczu. Koncerty, kino, teatr, festyny, sport, wydarzenia dla dzieci.\n\n👉 https://co-w-zamosciu.val.run\n\n## Jak to działa\n\n- **`cron/scrape.ts`** zbiera wydarzenia 3 razy dziennie (6:00, 12:00, 18:00 czasu letniego) z:\n - Biletyna (Zamość, Biłgoraj, Tomaszów Lub., Hrubieszów): dane schema.org,\n - tuzamosc.pl,\n - Zamojski Dom Kultury: godziny ze stron szczegółów,\n - Kino Stylowy: repertuar na tydzień, w aplikacji jako jedna karta dziennie,\n - KS Hetman Zamość: mecze u siebie,\n - Kronika Tygodnia: festyny i pikniki w powiatach.\n- To samo wydarzenie z kilku stron jest scalane w jedno. Decyduje ten sam dzień, zgodna godzina i podobny tytuł.\n- Wydarzenia, których reguły nie przypisały do kategorii, klasyfikuje AI (`std/openai`, gpt-5.4-nano). Wystarcza darmowy limit Val Town.\n- **`cron/digest.ts`** codziennie o 8:00 wysyła push na telefony (Twoje „Idę” są na początku) i mail do właściciela. W piątek dochodzi zapowiedź weekendu i ostrzeżenia o źródłach, które przestały działać.\n- **Dodawanie ręczne** (przycisk ＋, wymaga PIN-u): wklej tekst z plakatu, posta z FB albo link, a AI wypełni formularz.\n- Stan źródeł: `/api/status`.\n\n## Zmienne środowiskowe\n\n- `ADD_PIN`: PIN do dodawania i ukrywania wydarzeń.\n- `VAPID_PUBLIC_KEY`, `VAPID_PRIVATE_KEY`: klucze Web Push. Po zmianie trzeba ponownie włączyć powiadomienia na telefonach.\n- `OPENAI_API_KEY` (opcjonalnie): własny klucz, jeśli darmowy limit Val Town okaże się za mały.\n\n👉 Add ADD_PIN here: https://www.val.town/x/dominik1/co-w-zamosciu/environment-variables?key=ADD_PIN\n\n## Struktura\n\n- `index.ts`: serwer Hono (strona, manifest, ikony, service worker, API, pliki .ics)\n- `backend/adapters/*`: parsery poszczególnych stron\n- `backend/sources.ts`: rejestr źródeł i przebieg zbierania\n- `backend/db.ts`: SQLite (wydarzenia, źródła, subskrypcje push, cache AI)\n- `backend/normalize.ts`: daty w strefie Europe/Warsaw, kategorie, miejscowości, deduplikacja\n- `backend/llm.ts`: AI do odczytu tekstu i klasyfikacji\n- `frontend/`: interfejs React, service worker, powiadomienia\n- `scripts/test-adapters.ts`: próbny przebieg parserów bez zapisu (do diagnozy, gdy strona zmieni układ)\n\nNowe źródło dodajesz jako adapter w `backend/adapters/` i wpis w `SOURCES` w `backend/sources.ts`.\n",[151],"42cea312-1aaf-4642-b2da-e3bba05e69b9","CHANGELOG.md","01a09cbf-66da-7600-85d1-72302458f448",["D",1789336184443],"# Changelog\n\n## 2026-07-30 — Immutable asset caching\n\nFrontend files are now served at version-addressed URLs\n(`/__immutable/45/frontend/index.tsx`) with\n`Cache-Control: public, max-age=31536000, immutable`, so repeat visits load the\nwhole client graph from the browser cache — roughly 3× faster (~665ms → ~157ms\nmeasured). Publishing your val bumps its version, which changes every URL, so\ncaches invalidate automatically. Old-version URLs return 404 after a publish\n(like Next.js build assets); a reload picks up the new version.\n\nWhat changed in the template:\n\n- `frontend/index.html` → [`frontend/root.tsx`](/frontend/root.tsx): the HTML\n shell is now JSX and stamps asset URLs with `immutableFileUrl()`\n- [`index.ts`](/index.ts): serves `Root()` at `/`, and one\n `app.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path))` route\n serves all frontend files\n\n### Upgrading an existing remix\n\nYour copy of this template doesn't update automatically. Two options:\n\n**Minimal (most of the benefit):** point both routes at `serveImmutableFile` —\nyour existing bare URLs redirect into versioned space, the new route serves\nthem, and the whole module graph gets cached (costs one redirect per page view):\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path)); // was serveFile\n```\n\n**Full upgrade (also removes the redirect):** three self-contained steps —\nno other files needed. Adjust the ``, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter\n

{event.title}

{event.title}

Diff · v60