`, 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",{"_284":285,"_286":287},"routes/_app.x.$handle.$name",{"_99":98,"_32":44,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":58,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","01a08273-08cb-70b7-9190-4871f7cd3cc2","name","fileType","content","# NYC Trip Finder\n\nFlight + hotel finder for one specific trip pattern: flying out of MSY on\nTuesdays into JFK or LGA (nonstop, Delta preferred, cheapest refundable\nfare), and boutique/4-star hotels under $350/night in SoHo, Nolita, Lower\nEast Side, Chelsea, or Greenwich Village.\n\nBuilt for one person's use, not a general-purpose app.\n\n## Current state\n\n- **Hotels tab**: real, hand-curated list in [`data/hotels.ts`](/data/hotels.ts) —\n free hotel-search APIs don't reliably return room square footage or\n \"boutique\" status, so this is a seed list from a Sept 2026 web search.\n Prices are \"from\" rates, not live. Refresh periodically and before booking.\n- **Flights tab**: **mock data** ([`flights.ts`](/flights.ts)) — no flight\n API key is configured yet. The UI, filters, and \"cheapest\" highlighting\n all work against fake prices so the wireframe can be reviewed before\n wiring in something real.\n\n## Going live on flights ($0/mo)\n\n1. Create a free account at [Amadeus for Developers](https://developers.amadeus.com/register)\n and make a \"Self-Service\" app — the free tier includes Flight Offers\n Search (2,000 calls/month).\n2. 👉 Add the key here: https://www.val.town/x/unlikelyarchivist/nyc-flight-hotel-finder/environment-variables?key=AMADEUS_API_KEY\n3. Replace the `throw` in `getFlights()` in [`flights.ts`](/flights.ts) with\n a real Flight Offers Search call (MSY → JFK/LGA, Tuesday departures).\n Refundability isn't in the base search response — it needs a follow-up\n call to the Flight Offers *Price* endpoint per offer, which costs extra\n quota, so budget for that before turning it on for every row.\n\nKnown limits of the free tier: Amadeus's free/test data can be thinner or\nslightly stale compared to what you'd see on Google Flights or Delta.com —\ntreat this as a \"which days look cheap\" signal, not a bookable price.\n\n## JFK vs LGA — which is better for MSY?\n\nWorth showing both rather than picking one:\n\n- **LGA** is Delta's home domestic hub in NYC — it usually has more Delta\n departures/day and connects to more of the network, so it's often the\n cheaper, more frequent nonstop option for domestic city pairs like MSY.\n- **JFK** is Delta's international/long-haul hub — still serves MSY\n nonstop, but with fewer daily frequencies; can occasionally undercut LGA\n on price depending on the week.\n\nSince price and nonstop availability swap back and forth week to week, the\napp queries both and lets the destination filter narrow it down, rather\nthan hard-coding one.\n\n## v2 ideas (not built)\n\n- Configurable origin airport (currently hardcoded to MSY)\n- Configurable destination city (currently hardcoded to JFK/LGA)\n- Alerts — folded into a combined morning-brief automation across this app\n and the client-appointment-tracker app once both exist\n- Live hotel pricing (would need a paid API or manual periodic refresh of\n `data/hotels.ts`)\n\n## File structure\n\n```\nindex.ts ← Hono backend: serves frontend + /api/flights + /api/hotels\nflights.ts ← Flight data source (mock; swap for Amadeus)\ndata/hotels.ts ← Curated hotel list\nfrontend/\n root.tsx ← HTML shell\n index.tsx ← React entrypoint\n components/\n App.tsx ← Tab layout (Flights / Hotels)\n FlightsPanel.tsx ← Flights tab UI\n HotelsPanel.tsx ← Hotels tab UI\n```\n\nTemplate updates and upgrade paths for existing remixes: [CHANGELOG.md](/CHANGELOG.md)\n","# NYC Trip Finder\n\nFlight + hotel finder for one specific trip pattern: flying out of MSY on\nTuesdays into JFK or LGA (nonstop, Delta preferred, cheapest refundable\nfare), and boutique/4-star hotels under $350/night in SoHo, Nolita, Lower\nEast Side, Chelsea, or Greenwich Village.\n\nBuilt for one person's use, not a general-purpose app.\n\n## Current state\n\n- **Hotels tab**: real, hand-curated list in [`data/hotels.ts`](/data/hotels.ts) —\n free hotel-search APIs don't reliably return room square footage or\n \"boutique\" status, so this is a seed list from a Sept 2026 web search.\n Prices are \"from\" rates, not live. Refresh periodically and before booking.\n- **Flights tab**: **mock data** ([`flights.ts`](/flights.ts)) — no flight\n API key is configured yet. UI supports round trip (with a return-date\n picker) / one-way, JFK+LGA together or separately, and independent\n nonstop / Delta filters, all running against fake prices so the wireframe\n can be reviewed before wiring in something real.\n\n## Going live ($0/mo): Travelpayouts\n\nAmadeus's self-service free tier (the original plan) shut down in July\n2026 — it no longer exists for individual developers. The real $0 path is\n**[Travelpayouts](https://www.travelpayouts.com/)**: free to register, no\nminimum traffic, and it covers both halves of this app from one account:\n\n- **Flights** — `/v1/prices/calendar` returns the cheapest price *per day\n of the month* for a route. That's a direct fit for \"which Tuesday is\n cheapest.\" It's cached/aggregated (refreshed periodically, not a live\n shopping-cart quote), and has no airline/nonstop/refundable fields —\n those need a follow-up real-time search call per candidate date, which\n costs more quota, so only do that for the handful of cheapest dates\n rather than every Tuesday. Booking flows through an Aviasales affiliate\n link, not Delta.com directly.\n- **Hotels** — the Hotellook API (also under Travelpayouts) takes\n `checkIn`/`checkOut` date params directly, so it can eventually replace\n the static prices in `data/hotels.ts` with real per-date pricing. The\n neighborhood/boutique/sqft curation stays hand-picked either way — that\n part still isn't reliably in any free API response.\n\nSetup:\n1. Register at travelpayouts.com (free).\n2. 👉 Add the token here: https://www.val.town/x/unlikelyarchivist/nyc-flight-hotel-finder/environment-variables?key=TRAVELPAYOUTS_TOKEN\n3. Replace the `throw` in `getFlights()` in [`flights.ts`](/flights.ts) with\n a real `/v1/prices/calendar` call, MSY → JFK/LGA, filtered to Tuesdays.\n\n## JFK vs LGA — which is better for MSY?\n\nWorth showing both rather than picking one:\n\n- **LGA** is Delta's home domestic hub in NYC — it usually has more Delta\n departures/day and connects to more of the network, so it's often the\n cheaper, more frequent nonstop option for domestic city pairs like MSY.\n- **JFK** is Delta's international/long-haul hub — still serves MSY\n nonstop, but with fewer daily frequencies; can occasionally undercut LGA\n on price depending on the week.\n\nSince price and nonstop availability swap back and forth week to week, the\napp queries both and lets the destination filter narrow it down, rather\nthan hard-coding one.\n\n## Roadmap / open design decisions\n\n- **Round trip is UI-only right now.** The return-date field is a free\n picker (confirmed: her trip length varies, not a fixed pattern) but\n nothing computes a paired return fare yet — that needs the live\n Travelpayouts flight API first.\n- **Combining flight + hotel dates.** Once both APIs are live, the natural\n next step is: pick a Tuesday departure → show hotel prices for that\n check-in through the chosen return date, so it's one trip cost instead\n of two disconnected lists. Blocked on the live hotel API being wired up.\n- **Room photos.** Need to check what Hotellook's search response actually\n includes once there's a token — hotel metasearch APIs often carry\n partner-sourced photo URLs that are fine to display (not scraping). Any\n hotel missing photos falls back to linking out to its own site, same as\n every hotel does today via `bookingUrl`.\n- **Configurable origin/destination.** Currently hardcoded to MSY and\n JFK/LGA. Fine for v1; a real input would matter for v2 if this expands\n beyond one person's fixed route.\n- **Alerts.** Not built — the plan is to fold this into a combined\n morning-brief automation across this app and the client-appointment-tracker\n app once both exist, rather than building separate notification plumbing\n here.\n\n## File structure\n\n```\nindex.ts ← Hono backend: serves frontend + /api/flights + /api/hotels\nflights.ts ← Flight data source (mock; swap for Travelpayouts)\ndata/hotels.ts ← Curated hotel list\nfrontend/\n root.tsx ← HTML shell (+ iOS home-screen meta tags)\n index.tsx ← React entrypoint\n components/\n App.tsx ← Tab layout (Flights / Hotels)\n FlightsPanel.tsx ← Flights tab UI\n HotelsPanel.tsx ← Hotels tab UI\n```\n\nTemplate updates and upgrade paths for existing remixes: [CHANGELOG.md](/CHANGELOG.md)\n","createdAt",["D",1788896328412],"branchVersion","branchId","a2d83106-fb23-4e34-a53f-3748660d2df7","id","873d437b-aa07-4a6d-a8ae-cf25fc6517b4","nyc-flight-hotel-finder",["D",1788894971818],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Tuesday Delta fares + NYC boutique hotel finder","imageUrl","051b2cc5-9320-44ef-88e7-826bfa8daa60","pinnedFileId","01a08273-08cb-70b7-9190-4d3348710ba0","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ee5b5-1072-70b4-8a0f-c844ad002ea1","tursoName","873d437baa074a6da8aecf25fc6517b4","tursoHostname","873d437baa074a6da8aecf25fc6517b4-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789502486629],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",34,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","unlikelyarchivist","handle","displayName","Eryn Montgomery","avatar","https://lh3.googleusercontent.com/a/ACg8ocJEkHIy674nn2OrWifP7cPPXWj2A5ftzagptlIz_AXo3OPt_A=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":279,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":280,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":281,"_83":282,"_85":283,"_87":25},"tree",[187,189,197,198,199,200],"files",[187,188,189,190,191,192,193,194,195,196,197,198,199,200],"counts",{"_177":62,"_178":152,"_179":62,"_180":181,"_182":183},"contents",[130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":172,"_32":173,"_30":174,"_138":-5,"_40":41,"_39":158,"_140":58,"_37":175,"_13":62,"_33":170,"_34":-5,"_24":25,"_145":-5,"_27":176},{"_42":166,"_32":167,"_30":168,"_138":-5,"_40":41,"_39":152,"_140":58,"_37":169,"_13":62,"_33":170,"_34":-5,"_24":25,"_145":-5,"_27":171},{"_42":160,"_32":161,"_30":162,"_138":-5,"_40":41,"_39":152,"_140":58,"_37":163,"_13":62,"_33":20,"_34":164,"_24":25,"_145":-5,"_27":165},{"_42":156,"_32":28,"_30":31,"_138":-5,"_40":41,"_39":14,"_140":25,"_37":157,"_13":158,"_33":20,"_34":36,"_24":25,"_145":-5,"_27":159},{"_42":147,"_32":148,"_30":149,"_138":-5,"_40":41,"_39":150,"_140":25,"_37":151,"_13":152,"_33":153,"_34":154,"_24":25,"_145":-5,"_27":155},{"_42":136,"_32":137,"_30":56,"_138":-5,"_40":41,"_39":139,"_140":25,"_37":141,"_13":142,"_33":143,"_34":144,"_24":25,"_145":-5,"_27":146},"062ccbb3-c3f7-40b7-96e3-be4982ff5c89","index.ts","parentId",19,"latest",["D",1788896298091],3,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\nimport { getFlights } from \"./flights.ts\";\nimport { CURATED_HOTELS } from \"./data/hotels.ts\";\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\n// iOS \"Add to Home Screen\" manifest\napp.get(\"/manifest.webmanifest\", (c) =>\n c.json({\n name: \"NYC Trip Finder\",\n short_name: \"Trip Finder\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#ffffff\",\n theme_color: \"#ffffff\",\n icons: [],\n }));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/flights\", async (c) => {\n try {\n const flights = await getFlights();\n return c.json({ flights, live: !!Deno.env.get(\"TRAVELPAYOUTS_TOKEN\") });\n } catch (err) {\n return c.json({ flights: [], live: false, error: String(err) }, 200);\n }\n});\n\napp.get(\"/api/hotels\", (c) => c.json({ hotels: CURATED_HOTELS }));\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",[137],"dc3f63e1-79a6-4d06-be64-94ad0c763fff","flights.ts","fcb5f78e-abb9-11f1-ba48-1607ee4eb77e",18,["D",1788896287314],1,"script","// Flight search. Currently returns mock data — no flight API key is\n// configured yet (see README for the $0 Travelpayouts setup).\n// getFlights() is the single function the API route calls; swap its body\n// for a real Travelpayouts /v1/prices/calendar call and nothing else changes.\n\nexport interface FlightOption {\n date: string; // ISO date, always a Tuesday\n destination: \"JFK\" | \"LGA\";\n price: number;\n airline: string;\n nonstop: boolean;\n refundable: boolean;\n}\n\nconst DESTINATIONS = [\"JFK\", \"LGA\"] as const;\n\nfunction nextNTuesdays(n: number): string[] {\n const dates: string[] = [];\n const d = new Date();\n d.setUTCHours(0, 0, 0, 0);\n while (d.getUTCDay() !== 2) d.setUTCDate(d.getUTCDate() + 1); // 2 = Tuesday\n for (let i = 0; i < n; i++) {\n dates.push(new Date(d).toISOString().slice(0, 10));\n d.setUTCDate(d.getUTCDate() + 7);\n }\n return dates;\n}\n\n// Deterministic pseudo-random price so mock data is stable across requests.\nfunction mockPrice(seed: string): number {\n let h = 0;\n for (let i = 0; i < seed.length; i++) h = (h * 31 + seed.charCodeAt(i)) >>> 0;\n return 140 + (h % 220); // $140–$360\n}\n\nexport async function getFlights(): Promise {\n const token = Deno.env.get(\"TRAVELPAYOUTS_TOKEN\");\n if (!token) {\n // MOCK MODE — no live data source configured.\n const flights: FlightOption[] = [];\n for (const date of nextNTuesdays(8)) {\n for (const destination of DESTINATIONS) {\n const seed = `${date}-${destination}`;\n flights.push({\n date,\n destination,\n price: mockPrice(seed),\n airline: mockPrice(seed + \"air\") % 3 === 0 ? \"JetBlue\" : \"Delta\",\n nonstop: mockPrice(seed + \"ns\") % 4 !== 0,\n refundable: mockPrice(seed + \"rf\") % 2 === 0,\n });\n }\n }\n return flights;\n }\n\n // TODO: real Travelpayouts /v1/prices/calendar call, MSY -> JFK/LGA,\n // filtered to Tuesday departures. That endpoint gives cheapest price per\n // day/route (cached/aggregated, not a live quote) but has no airline,\n // nonstop, or refundability fields — those need a follow-up call to a\n // real-time search endpoint per candidate date, which costs more quota,\n // so only do that for the handful of cheapest dates, not every Tuesday.\n throw new Error(\"Live flight API not implemented yet\");\n}\n",[148],"af45ada6-54f6-4bc5-a34f-d0b91e54a8e8",["D",1788896328412],2,[28],"f3cde05a-882d-45c0-9e98-9c86f951c40d","CHANGELOG.md","01a08273-08cb-70b7-9190-443b3ac049cf",["D",1788894971818],"# 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

Diff · v20