[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_308":309,"_310":311},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"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",32,"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/HotelsPanel.tsx","latestPath","fileId","20e82b86-abba-11f1-9106-1607ee4eb77e","name","HotelsPanel.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Widget } from \"./Widget.tsx\";\n\ninterface Hotel {\n name: string;\n neighborhood: string;\n stars: number;\n boutique: boolean;\n fromPricePerNight: number;\n approxSqft: number | null;\n bookingUrl: string;\n notes: string;\n}\n\nconst NEIGHBORHOODS = [\"SoHo\", \"Nolita\", \"Lower East Side\", \"Chelsea\", \"Greenwich Village\"];\n\nexport function HotelsPanel() {\n const [hotelsWidgetSrc, setHotelsWidgetSrc] = useState(undefined);\n const [hotels, setHotels] = useState(null);\n const [selected, setSelected] = useState>(new Set()); // empty = all\n const [includeNonBoutique, setIncludeNonBoutique] = useState(false);\n\n useEffect(() => {\n fetch(\"/api/config\").then((r) => r.json()).then((c) => setHotelsWidgetSrc(c.hotelsWidgetSrc));\n fetch(\"/api/hotels\").then((r) => r.json()).then((data) => setHotels(data.hotels));\n }, []);\n\n function toggleNeighborhood(n: string) {\n setSelected((prev) => {\n const next = new Set(prev);\n next.has(n) ? next.delete(n) : next.add(n);\n return next;\n });\n }\n\n if (!hotels || hotelsWidgetSrc === undefined) return

Loading hotels…

;\n\n const filtered = hotels\n .filter((h) => selected.size === 0 || selected.has(h.neighborhood))\n .filter((h) => includeNonBoutique || h.boutique)\n .sort((a, b) => a.fromPricePerNight - b.fromPricePerNight);\n\n const neighborhoodLabel = selected.size === 0\n ? \"Neighborhood\"\n : selected.size === 1\n ? [...selected][0]\n : `${selected.size} neighborhoods`;\n\n return (\n

\n {hotelsWidgetSrc && (\n

Live search — real prices, dates, photos

\n \n

\n )}\n\n

Our picks (SoHo / Nolita / LES / Chelsea / Greenwich Village)

\n Curated seed list, not live pricing — verify current rate/availability before booking. The live search above doesn't filter by neighborhood vibe, so this list covers that.\n

\n\n

\n {neighborhoodLabel} ▾\n

\n {NEIGHBORHOODS.map((n) => (\n \n toggleNeighborhood(n)} />\n {n}\n \n ))}\n

\n \n setIncludeNonBoutique(e.target.checked)}\n />\n Include non-boutique\n \n

\n\n

\n {filtered.map((h) => (\n \n

\n {h.name}\n from ${h.fromPricePerNight}/night\n

\n {h.neighborhood} · {h.stars}★ {h.boutique ? \"· boutique\" : \"\"} · {h.approxSqft ? `~${h.approxSqft} sqft` : \"sqft unconfirmed\"}\n

{h.notes}

\n \n ))}\n

\n {filtered.length === 0 &&

No hotels match these filters.

}\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Hotel {\n name: string;\n neighborhood: string;\n stars: number;\n boutique: boolean;\n fromPricePerNight: number;\n approxSqft: number | null;\n bookingUrl: string;\n notes: string;\n}\n\ninterface LiveHotel {\n name: string;\n priceUsd: number;\n stars: number | null;\n}\n\nconst NEIGHBORHOODS = [\"SoHo\", \"Nolita\", \"Lower East Side\", \"Chelsea\", \"Greenwich Village\"];\n\nexport function HotelsPanel() {\n const [hotels, setHotels] = useState(null);\n const [selected, setSelected] = useState>(new Set()); // empty = all\n const [includeNonBoutique, setIncludeNonBoutique] = useState(false);\n\n const [liveHotels, setLiveHotels] = useState(null);\n const [liveDates, setLiveDates] = useState<{ checkIn: string; checkOut: string } | null>(null);\n const [liveError, setLiveError] = useState(null);\n const [liveLoading, setLiveLoading] = useState(true);\n\n useEffect(() => {\n fetch(\"/api/hotels\").then((r) => r.json()).then((data) => setHotels(data.hotels));\n fetch(\"/api/hotels/live\").then((r) => r.json()).then((data) => {\n setLiveHotels(data.hotels);\n setLiveDates({ checkIn: data.checkIn, checkOut: data.checkOut });\n setLiveError(data.live ? null : data.error ?? \"not configured\");\n setLiveLoading(false);\n });\n }, []);\n\n function toggleNeighborhood(n: string) {\n setSelected((prev) => {\n const next = new Set(prev);\n next.has(n) ? next.delete(n) : next.add(n);\n return next;\n });\n }\n\n if (!hotels) return

Loading hotels…

\n Live NYC prices{liveDates ? ` — ${liveDates.checkIn} to ${liveDates.checkOut}` : \"\"}\n

\n {liveLoading &&

Loading live prices…

}\n {!liveLoading && liveError && (\n

\n No live hotel data yet ({liveError}). See README.md for setup — this is a new,\n not-yet-tested integration, so the first real run may need a fix.\n

\n )}\n {!liveLoading && !liveError && liveHotels?.length === 0 && (\n

No live results for these dates.

\n )}\n {!liveLoading && !liveError && liveHotels && liveHotels.length > 0 && (\n

\n {liveHotels.map((h) => (\n

\n {h.name} {h.stars ? `· ${h.stars}★` : \"\"}\n ${h.priceUsd}/night\n

\n ))}\n

\n )}\n

\n\n

Our picks (SoHo / Nolita / LES / Chelsea / Greenwich Village)

\n Curated seed list, not live pricing — verify current rate/availability before booking. Live search above doesn't filter by neighborhood vibe, so this list covers that.\n

\n\n

\n {neighborhoodLabel} ▾\n

\n {NEIGHBORHOODS.map((n) => (\n \n toggleNeighborhood(n)} />\n {n}\n \n ))}\n

\n \n setIncludeNonBoutique(e.target.checked)}\n />\n Include non-boutique\n \n

\n\n

\n {filtered.map((h) => (\n \n

\n {h.name}\n from ${h.fromPricePerNight}/night\n

\n {h.neighborhood} · {h.stars}★ {h.boutique ? \"· boutique\" : \"\"} · {h.approxSqft ? `~${h.approxSqft} sqft` : \"sqft unconfirmed\"}\n

{h.notes}

\n \n ))}\n

\n {filtered.length === 0 &&

No hotels match these filters.

}\n

\n );\n}\n","createdAt",["D",1788903331568],"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",{"_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",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",{"_44":45,"_32":46,"_39":303,"_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":304,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":305,"_85":306,"_87":307,"_89":25},"tree",[201,203,212,213,214,215,216],"files",[201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216],"counts",{"_191":64,"_192":176,"_193":64,"_194":195,"_196":197},"contents",[132,133,134,135,136,137,138],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":186,"_32":187,"_30":188,"_141":-5,"_42":43,"_41":162,"_143":60,"_39":189,"_13":64,"_34":184,"_36":-5,"_24":25,"_148":-5,"_27":190},{"_44":180,"_32":181,"_30":182,"_141":-5,"_42":43,"_41":176,"_143":60,"_39":183,"_13":64,"_34":184,"_36":-5,"_24":25,"_148":-5,"_27":185},{"_44":173,"_32":174,"_30":175,"_141":-5,"_42":43,"_41":176,"_143":60,"_39":177,"_13":64,"_34":20,"_36":178,"_24":25,"_148":-5,"_27":179},{"_44":165,"_32":166,"_30":167,"_141":-5,"_42":43,"_41":168,"_143":25,"_39":169,"_13":170,"_34":20,"_36":171,"_24":25,"_148":-5,"_27":172},{"_44":157,"_32":158,"_30":159,"_141":-5,"_42":43,"_41":160,"_143":60,"_39":161,"_13":162,"_34":35,"_36":163,"_24":25,"_148":-5,"_27":164},{"_44":150,"_32":151,"_30":152,"_141":-5,"_42":43,"_41":153,"_143":60,"_39":154,"_13":64,"_34":35,"_36":155,"_24":25,"_148":-5,"_27":156},{"_44":139,"_32":140,"_30":58,"_141":-5,"_42":43,"_41":142,"_143":60,"_39":144,"_13":145,"_34":146,"_36":147,"_24":25,"_148":-5,"_27":149},"22e2eb60-c557-40f2-bec7-9bc791d6996e","index.ts","parentId",30,"latest",["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","label",[140],"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",[151],"41a064e0-3cb9-4796-b02b-7a30ca6dc269","flights.ts","fcb5f78e-abb9-11f1-ba48-1607ee4eb77e",28,["D",1788903235268],2,"// 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",[158],"2ee5e951-a064-48c5-a432-feade184e4b9","README.md","01a08273-08cb-70b7-9190-4871f7cd3cc2",27,["D",1788898431924],4,"# 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: embedded widgets, not a custom API integration\n\nGiven the budget for this project, building a custom flight/hotel pricing\nengine (live prices, per-date hotel rates, room photos) from scratch isn't\nthe right trade. Instead this app embeds **Travelpayouts'** free, ready-made\nwidgets — confirmed against their own docs to be real, live, interactive\nsearch tools (not banner ads): clicking a date/hotel sends the visitor to\nAviasales/Hotellook to actually book.\n\n- **Flights tab** — the Aviasales **Calendar Widget**, one per destination\n (MSY→JFK, MSY→LGA), showing live cheapest-price-per-day.\n- **Hotels tab** — the Hotellook **Hotels Selections Widget** for real\n live search with dates, price, star rating, and room photos.\n\nTrade-off: results are Aviasales/Hotellook-branded and booking goes through\ntheir affiliate link, not Delta.com or a hotel's own site directly. Given\nthe budget, that's the right call — a fully custom, from-scratch pricing\nengine would cost far more effort for the same practical outcome.\n\nThe hand-curated neighborhood/boutique hotel list (`data/hotels.ts`) is\nkept alongside the live widget, because the widget filters by city/price/\nstars but not \"SoHo vs. Nolita vs. boutique aesthetic\" — that curation\nstill isn't something any free API does for you. Each flight date and\nresult also links out to a plain Google Flights search (no API, just a\npre-filled URL) as a \"verify the real price\" check, since Google has\nbetter US-domestic fare coverage than Aviasales.\n\n## Current state\n\n- **Flights tab**: shows the calendar widgets once configured (see below);\n falls back to a mock preview table until then, so the layout/filters can\n be reviewed without a live account.\n- **Hotels tab**: shows the live hotel-search widget once configured, plus\n the curated neighborhood list always (real hotels, seed prices from a\n Sept 2026 web search — refresh before booking).\n\n## Going live ($0/mo): Travelpayouts\n\nVerified against Travelpayouts' own help docs (not guessed):\n\n1. Register at [travelpayouts.com](https://www.travelpayouts.com/) (free,\n no minimum traffic). Note: the marketing site is aimed at travel\n bloggers monetizing existing content, which reads oddly for \"add search\n to my app\" — that's just their positioning, the widgets themselves are\n real functional search tools regardless of who they're marketed to.\n2. Create a **Project** in the account and mark it as a website, using\n this app's URL. Widgets are only available for Projects marked as\n websites (not for social/newsletter-only projects).\n3. Go to **Tools**, select that Project, click **Widgets**. Filter by\n Brand: **Aviasales** (flights) or **Hotellook** (hotels).\n4. Set up the **Calendar widget** (Aviasales) for MSY → JFK, click\n Customize and copy, then copy just the `src` URL out of the `

Diff · v32