`, 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",{"_320":321,"_322":323},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_241":-5,"_20":242,"_22":243,"_244":245,"_246":247,"_26":248,"_24":249,"_250":-5,"_251":-5,"_252":54,"_253":254,"_255":45,"_256":-5,"_257":-5,"_258":259},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","unlikelyarchivist","name","nyc-flight-hotel-finder","branchName","main","version","path","data/hotels.ts","project",{"_33":183,"_13":14,"_46":184,"_185":-5,"_186":54,"_187":188,"_189":188,"_190":191,"_192":-5,"_193":194,"_195":67,"_196":45,"_197":-5,"_198":-5,"_199":48,"_200":201,"_202":203,"_204":205,"_206":207,"_208":-5,"_209":210,"_211":210,"_212":213,"_214":213,"_215":213,"_216":210,"_217":210,"_218":219,"_220":221,"_222":223,"_224":54},"tree",[58,59,60,61,62,63,64],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"contents",[],"upstream","pull","ahead","behind","envVars","id","bf65dbd5-942e-4a5a-af04-cdcc27b15e2c","hotels.ts","fileId","f453bb94-abb9-11f1-9563-1607ee4eb77e","parentId","4921a4fc-1f42-4e53-8b1a-308d4b1dc08a","branchId","a2d83106-fb23-4e34-a53f-3748660d2df7","branchVersion",2,"latest",true,"createdAt",["D",1788895058147],0,"fileType","script","content","// Curated seed list — free hotel-search APIs don't reliably return room square\n// footage or \"boutique\" status, so this list is hand-picked to match the\n// criteria (SoHo, Nolita, LES, Chelsea, Greenwich Village; 4-star+, boutique\n// preferred; <$350/night; >200 sqft). Prices are approximate starting rates\n// from a Sept 2026 web search, not live — verify before booking.\nexport interface Hotel {\n name: string;\n neighborhood: \"SoHo\" | \"Nolita\" | \"Lower East Side\" | \"Chelsea\" | \"Greenwich Village\";\n stars: number;\n boutique: boolean;\n fromPricePerNight: number;\n approxSqft: number | null; // null = not confirmed, check before booking\n bookingUrl: string;\n notes: string;\n}\n\nexport const CURATED_HOTELS: Hotel[] = [\n {\n name: \"The Marlton\",\n neighborhood: \"Greenwich Village\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 295,\n approxSqft: 175,\n bookingUrl: \"https://www.marltonhotel.com/\",\n notes: \"Small rooms — check the sqft on the specific room type before booking.\",\n },\n {\n name: \"Walker Hotel Greenwich Village\",\n neighborhood: \"Greenwich Village\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 295,\n approxSqft: 220,\n bookingUrl: \"https://walkerhotel.com/greenwich-village/\",\n notes: \"Golden-age NY design theme.\",\n },\n {\n name: \"The Standard High Line\",\n neighborhood: \"Chelsea\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 320,\n approxSqft: 210,\n bookingUrl: \"https://www.standardhotels.com/new-york/properties/high-line\",\n notes: \"Sits between Chelsea and Greenwich Village.\",\n },\n {\n name: \"Hotel Hugo\",\n neighborhood: \"SoHo\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 285,\n approxSqft: 200,\n bookingUrl: \"https://www.hotelhugony.com/\",\n notes: \"Hudson Square edge of SoHo, Italian-inspired design.\",\n },\n {\n name: \"The Manner SoHo\",\n neighborhood: \"SoHo\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 295,\n approxSqft: null,\n bookingUrl: \"https://themanner.com/soho/\",\n notes: \"Bold color palettes, custom furnishings — confirm room sqft.\",\n },\n {\n name: \"Arlo SoHo\",\n neighborhood: \"SoHo\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 260,\n approxSqft: 175,\n bookingUrl: \"https://arlohotels.com/soho/\",\n notes: \"Compact rooms — some entry categories may run under 200 sqft, check before booking.\",\n },\n {\n name: \"The Nolitan Hotel\",\n neighborhood: \"Nolita\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 275,\n approxSqft: 250,\n bookingUrl: \"https://www.thenolitan.com/\",\n notes: \"Balconies in some rooms.\",\n },\n {\n name: \"PUBLIC, an Ian Schrager Hotel\",\n neighborhood: \"Nolita\",\n stars: 4,\n boutique: true,\n fromPricePerNight: 300,\n approxSqft: 210,\n bookingUrl: \"https://www.publichotels.com/\",\n notes: \"Technically Bowery/LES-adjacent to Nolita.\",\n },\n {\n name: \"citizenM New York Bowery\",\n neighborhood: \"Lower East Side\",\n stars: 4,\n boutique: false,\n fromPricePerNight: 250,\n approxSqft: 190,\n bookingUrl: \"https://www.citizenm.com/destinations/new-york/new-york-bowery-hotel\",\n notes: \"Not boutique but hits every other filter reliably; good fallback.\",\n },\n];\n","deleted",false,"label",[57,35],"data",{"_33":175,"_13":57,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":176,"_17":48,"_49":112,"_51":-5,"_53":54,"_55":-5,"_73":177,"_18":178},{"_33":108,"_13":109,"_36":110,"_38":-5,"_40":41,"_42":103,"_44":45,"_46":111,"_17":48,"_49":112,"_51":-5,"_53":54,"_55":-5,"_73":113,"_18":114},{"_33":100,"_13":101,"_36":102,"_38":-5,"_40":41,"_42":103,"_44":45,"_46":104,"_17":48,"_49":24,"_51":105,"_53":54,"_55":-5,"_73":106,"_18":107},{"_33":92,"_13":93,"_36":94,"_38":-5,"_40":41,"_42":95,"_44":45,"_46":96,"_17":70,"_49":24,"_51":97,"_53":54,"_55":-5,"_73":98,"_18":99},{"_33":84,"_13":85,"_36":86,"_38":-5,"_40":41,"_42":87,"_44":45,"_46":88,"_17":43,"_49":50,"_51":89,"_53":54,"_55":-5,"_73":90,"_18":91},{"_33":76,"_13":77,"_36":78,"_38":-5,"_40":41,"_42":79,"_44":45,"_46":80,"_17":48,"_49":50,"_51":81,"_53":54,"_55":-5,"_73":82,"_18":83},{"_33":65,"_13":66,"_36":67,"_38":-5,"_40":41,"_42":68,"_44":45,"_46":69,"_17":70,"_49":71,"_51":72,"_53":54,"_55":-5,"_73":74,"_18":75},"22e2eb60-c557-40f2-bec7-9bc791d6996e","index.ts","01a08273-08cb-70b7-9190-4d3348710ba0",30,["D",1788903284055],5,"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\";\nimport { searchNycHotels } from \"./hotels-live.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\napp.get(\"/api/hotels/live\", async (c) => {\n const today = new Date();\n const in30 = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);\n const in33 = new Date(today.getTime() + 33 * 24 * 60 * 60 * 1000);\n const checkIn = c.req.query(\"checkIn\") ?? in30.toISOString().slice(0, 10);\n const checkOut = c.req.query(\"checkOut\") ?? in33.toISOString().slice(0, 10);\n const customerIp = c.req.header(\"cf-connecting-ip\") ?? c.req.header(\"x-forwarded-for\")?.split(\",\")[0] ?? \"127.0.0.1\";\n\n try {\n const hotels = await searchNycHotels(checkIn, checkOut, customerIp);\n return c.json({ hotels, checkIn, checkOut, live: true });\n } catch (err) {\n return c.json({ hotels: [], checkIn, checkOut, live: false, error: String(err) }, 200);\n }\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","children",[],[66],"2a86d18e-4607-444d-9193-9271db6cd71f","hotels-live.ts","0b9f1bfa-abcd-11f1-b1f9-1607ee4eb77e",29,["D",1788903257664],"// Live hotel search via the Hotellook engine API (engine.hotellook.com) —\n// a raw JSON API, not the embeddable widget. We own the UI; this is a data\n// source. UNTESTED against a real token/marker as of writing — the request\n// shape below matches Travelpayouts' documented signature spec exactly, but\n// I could not load their gated help article directly to triple-check it, so\n// treat the first real run as the actual test and report back any error\n// string this throws.\n//\n// Flow (two HTTP calls, both required):\n// 1. POST /api/v2/search/start.json — kicks off an async search, returns a searchId\n// 2. GET /api/v2/search/getResult.json — poll until results are ready\nimport md5 from \"npm:md5@2.3.0\";\n\nexport interface LiveHotel {\n name: string;\n priceUsd: number;\n stars: number | null;\n}\n\nasync function signature(\n token: string,\n marker: string,\n params: Record,\n fields: string[],\n): Promise {\n const parts = [token, marker, ...fields.map((f) => String(params[f] ?? \"\"))];\n return md5(parts.join(\":\"));\n}\n\nexport async function searchNycHotels(\n checkIn: string, // YYYY-MM-DD\n checkOut: string, // YYYY-MM-DD\n customerIp: string,\n): Promise {\n const token = Deno.env.get(\"HOTELLOOK_TOKEN\");\n const marker = Deno.env.get(\"HOTELLOOK_MARKER\");\n if (!token || !marker) throw new Error(\"HOTELLOOK_TOKEN / HOTELLOOK_MARKER not configured\");\n\n const startParams = {\n adultsCount: 2,\n checkIn,\n checkOut,\n childAge1: \"\",\n childrenCount: 0,\n currency: \"USD\",\n customerIP: customerIp,\n iata: \"NYC\",\n lang: \"en\",\n waitForResult: 0,\n };\n // Signature fields must be alphabetical by param name, per Travelpayouts' spec.\n const startSig = await signature(token, marker, startParams, [\n \"adultsCount\",\n \"checkIn\",\n \"checkOut\",\n \"childAge1\",\n \"childrenCount\",\n \"currency\",\n \"customerIP\",\n \"iata\",\n \"lang\",\n \"waitForResult\",\n ]);\n\n const startUrl = new URL(\"https://engine.hotellook.com/api/v2/search/start.json\");\n for (const [k, v] of Object.entries(startParams)) startUrl.searchParams.set(k, String(v));\n startUrl.searchParams.set(\"marker\", marker);\n startUrl.searchParams.set(\"signature\", startSig);\n\n const startRes = await fetch(startUrl, { method: \"POST\" });\n if (!startRes.ok) throw new Error(`Hotellook search/start failed: ${startRes.status}`);\n const startBody = await startRes.json();\n const searchId = startBody.searchId;\n if (!searchId) throw new Error(\"Hotellook search/start returned no searchId\");\n\n // Poll for results — the search runs async on their end.\n for (let attempt = 0; attempt < 10; attempt++) {\n await new Promise((r) => setTimeout(r, 1000));\n\n const resultParams = { limit: 20, offset: 0, roomsCount: 1, searchId, sortAsc: 1, sortBy: \"price\" };\n const resultSig = await signature(token, marker, resultParams, [\n \"limit\",\n \"offset\",\n \"roomsCount\",\n \"searchId\",\n \"sortAsc\",\n \"sortBy\",\n ]);\n const resultUrl = new URL(\"https://engine.hotellook.com/api/v2/search/getResult.json\");\n for (const [k, v] of Object.entries(resultParams)) resultUrl.searchParams.set(k, String(v));\n resultUrl.searchParams.set(\"marker\", marker);\n resultUrl.searchParams.set(\"signature\", resultSig);\n\n const resultRes = await fetch(resultUrl);\n if (!resultRes.ok) throw new Error(`Hotellook getResult failed: ${resultRes.status}`);\n const resultBody = await resultRes.json();\n\n const hotels = resultBody?.result?.hotels;\n if (Array.isArray(hotels) && hotels.length > 0) {\n return hotels.map((h: any) => ({\n name: h.name ?? h.hotelName ?? \"Unknown hotel\",\n priceUsd: h.priceFrom ?? h.priceAvg ?? 0,\n stars: h.stars ?? null,\n }));\n }\n if (resultBody?.status === \"finished\") return []; // search finished, no results\n }\n\n throw new Error(\"Hotellook search timed out waiting for results\");\n}\n",[],[77],"41a064e0-3cb9-4796-b02b-7a30ca6dc269","flights.ts","fcb5f78e-abb9-11f1-ba48-1607ee4eb77e",28,["D",1788903235268],"// Flight search using the real Travelpayouts (Aviasales) Data API —\n// https://api.travelpayouts.com/v1/prices/calendar — a plain JSON endpoint,\n// not the embeddable widget. We own the UI; this is just a data source.\n// Falls back to mock data if TRAVELPAYOUTS_TOKEN isn't set.\n\nexport interface FlightOption {\n date: string; // ISO date, always a Tuesday\n destination: \"JFK\" | \"LGA\";\n price: number;\n airline: string; // IATA code, or a mapped name for common carriers\n nonstop: boolean;\n refundable: boolean | null; // null = not available from this data source\n}\n\nconst DESTINATIONS = [\"JFK\", \"LGA\"] as const;\n\nconst AIRLINE_NAMES: Record = {\n DL: \"Delta\",\n B6: \"JetBlue\",\n AA: \"American\",\n UA: \"United\",\n WN: \"Southwest\",\n F9: \"Frontier\",\n NK: \"Spirit\",\n AS: \"Alaska\",\n};\n\nfunction airlineName(code: string): string {\n return AIRLINE_NAMES[code] ?? code;\n}\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\nfunction mockFlights(): FlightOption[] {\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// /v1/prices/calendar returns one entry per day of the given month — the\n// cheapest fare Aviasales users found for that departure date (cached, up\n// to 48h old, not a live quote). We call it once per month needed to cover\n// the next ~8 Tuesdays, then keep only the Tuesday rows.\nasync function fetchMonthCalendar(\n token: string,\n destination: \"JFK\" | \"LGA\",\n yearMonth: string, // \"YYYY-MM\"\n): Promise> {\n const url = new URL(\"https://api.travelpayouts.com/v1/prices/calendar\");\n url.searchParams.set(\"origin\", \"MSY\");\n url.searchParams.set(\"destination\", destination);\n url.searchParams.set(\"depart_date\", yearMonth);\n url.searchParams.set(\"calendar_type\", \"departure_date\");\n url.searchParams.set(\"currency\", \"usd\");\n url.searchParams.set(\"token\", token);\n\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Travelpayouts calendar request failed: ${res.status}`);\n const body = await res.json();\n if (!body.success) throw new Error(\"Travelpayouts calendar request returned success:false\");\n return body.data ?? {};\n}\n\nexport async function getFlights(): Promise {\n const token = Deno.env.get(\"TRAVELPAYOUTS_TOKEN\");\n if (!token) return mockFlights();\n\n const tuesdays = nextNTuesdays(8);\n const monthsNeeded = [...new Set(tuesdays.map((d) => d.slice(0, 7)))];\n\n const flights: FlightOption[] = [];\n for (const destination of DESTINATIONS) {\n const monthData = await Promise.all(monthsNeeded.map((m) => fetchMonthCalendar(token, destination, m)));\n const merged = Object.assign({}, ...monthData);\n for (const date of tuesdays) {\n const entry = merged[date];\n if (!entry) continue; // no cached fare found for that date\n flights.push({\n date,\n destination,\n price: entry.price,\n airline: airlineName(entry.airline),\n nonstop: entry.transfers === 0,\n refundable: null, // not available from this endpoint — verify via the link\n });\n }\n }\n return flights;\n}\n",[],[85],"766275ca-5c83-40cb-8681-82d9503cffff","README.md","01a08273-08cb-70b7-9190-4871f7cd3cc2",34,["D",1788903397857],"# 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## Architecture: our own UI, Travelpayouts as a data source only\n\nEarlier drafts of this app tried an embeddable Travelpayouts widget\n(Aviasales/Hotellook branded search boxes). That's not what this app does\nnow — it uses Travelpayouts' plain JSON APIs as a data source and renders\neverything in our own UI. Given the budget, a custom flight/hotel pricing\nengine from full scratch (own scraper, own inventory) still wasn't the\nright trade — but \"our UI, their data\" is.\n\n- **Flights tab** — `flights.ts` calls the Aviasales Data API\n (`/v1/prices/calendar`), a plain JSON endpoint returning the cheapest\n cached fare per day for a route. High confidence: single GET request,\n documented and tested against the real API shape.\n- **Hotels tab** — `hotels-live.ts` calls the Hotellook engine API\n (`engine.hotellook.com`), a two-step MD5-signed search (start, then poll\n for results). **This one is unverified** — I built it against\n Travelpayouts' documented signature spec but couldn't load their full\n gated help article to triple-check it, and have no token to test against.\n Treat the first real run as the actual test; if `/api/hotels/live`\n returns an error, paste it back and I'll debug against the real response.\n\nBoth fall back cleanly (mock flight data / curated-list-only) when their\nenv vars aren't set — nothing crashes either way.\n\nThe hand-curated neighborhood/boutique hotel list (`data/hotels.ts`) stays\nalongside the live hotel search, because Hotellook's citywide NYC results\ndon't carry \"SoHo vs. Nolita vs. boutique aesthetic\" — that curation still\nisn't something any free API does for you. Each flight row also links out\nto a plain Google Flights search (no API, just a pre-filled URL) as a\n\"verify the real price\" check, since Google has better US-domestic fare\ncoverage than Aviasales.\n\n## Current state\n\n- **Flights tab**: real data once `TRAVELPAYOUTS_TOKEN` is set (falls back\n to a mock table otherwise). No refundability field exists in this data\n source — that column shows \"Check\" and relies on the Google Flights link.\n- **Hotels tab**: live NYC search once `HOTELLOOK_TOKEN` +\n `HOTELLOOK_MARKER` are set (shows a config/error message otherwise,\n never crashes), plus the curated neighborhood list always.\n\n## Going live ($0/mo): Travelpayouts\n\n1. Register at [travelpayouts.com](https://www.travelpayouts.com/) (free,\n no minimum traffic). The marketing site is aimed at travel bloggers\n monetizing content, which reads oddly for \"add search to my app\" — but\n the underlying APIs work the same regardless of how they're marketed.\n2. Find your **API token** in your Travelpayouts **Profile → API token**\n section (this is separate from the widgets/Projects flow — you don't\n need to create a Project or set up any widget for this).\n3. 👉 Add it here: https://www.val.town/x/unlikelyarchivist/nyc-flight-hotel-finder/environment-variables?key=TRAVELPAYOUTS_TOKEN\n4. For hotels, you also need a **marker** (your partner/affiliate ID,\n findable in the same account area — it's used for attribution, distinct\n from the API token):\n 👉 https://www.val.town/x/unlikelyarchivist/nyc-flight-hotel-finder/environment-variables?key=HOTELLOOK_TOKEN\n 👉 https://www.val.town/x/unlikelyarchivist/nyc-flight-hotel-finder/environment-variables?key=HOTELLOOK_MARKER\n5. Reload the app. If the Hotels tab shows an error instead of live prices,\n send me the exact error text from the yellow box — that's the real\n signal for what to fix in `hotels-live.ts`.\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\n## Roadmap / open design decisions\n\n- **Combining flight + hotel dates into one trip cost.** Flights and\n hotels query independently right now (hotels defaults to a generic\n 30-days-out date range). A v2 could pass the Tuesday she picks in the\n flight table as the hotel search's check-in date.\n- **Round trip / return date.** Her trip length varies trip to trip (not a\n fixed pattern). Not built into the flight data yet — `/v1/prices/calendar`\n as used here is one-way; a round-trip version would need a second call\n per candidate return date.\n- **Refundability.** Not available from the free flight data API. Stays a\n manual \"Verify\" click through to Google Flights.\n- **Matching live Hotellook results to the curated list.** Right now the\n live section and the curated list are two separate blocks, not merged —\n matching them by name would be fragile without Hotellook's internal\n hotel IDs, so they're kept apart rather than faked into one list.\n- **Configurable origin/destination.** Currently hardcoded to MSY and\n JFK/LGA. Fine for v1 (one person, one 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 + /api/hotels/live\nflights.ts ← Aviasales Data API (real once TRAVELPAYOUTS_TOKEN set; mock otherwise)\nhotels-live.ts ← Hotellook signed search (untested — see \"Architecture\" above)\ndata/hotels.ts ← Curated neighborhood 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 ← Flight table + Google Flights verify links\n HotelsPanel.tsx ← Live hotel results + curated picks list\n```\n\nTemplate updates and upgrade paths for existing remixes: [CHANGELOG.md](/CHANGELOG.md)\n",[],[93],"f3cde05a-882d-45c0-9e98-9c86f951c40d","CHANGELOG.md","01a08273-08cb-70b7-9190-443b3ac049cf",1,["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