/* Slow Weekend — app shell: Home + Detail, filters, calming intro, tweaks. */ const TIME_OPTS = ["Today", "This Week", "This Weekend"]; const PROFILE_LABEL = { ages: "Ages", area: "Area", intent: "Lean", energy: "Pace", sensory: "Sensory" }; const LENS_CAPTION = { morning: "Picks that fit a morning.", afternoon: "Picks that fit an afternoon.", evening: "Picks that fit the 5 to 8pm stretch, the hardest hour to fill.", }; // The time-of-day lens the current Detail was entered from (null = no lens). Set // by openDetail from the open's ctx; read by the outbound "Go" trackers so the // lens kill-metric (evening Go clicks) is tagged directly, not just inferred. let _entryLens = null; function useSaved() { const [saved, setSaved] = React.useState(() => { try { return JSON.parse(localStorage.getItem("sw_saved") || "[]"); } catch { return []; } }); React.useEffect(() => { localStorage.setItem("sw_saved", JSON.stringify(saved)); }, [saved]); const toggle = (id) => setSaved((s) => s.includes(id) ? s.filter((x) => x !== id) : [...s, id]); return [saved, toggle]; } function useReflections() { const [refs, setRefs] = React.useState(() => SW.readReflections()); React.useEffect(() => { SW.writeReflections(refs); }, [refs]); const set = (id, r) => setRefs((s) => ({ ...s, [id]: r })); return [refs, set]; } function useFeedback() { const [fb, setFb] = React.useState(() => { try { return JSON.parse(localStorage.getItem("sw_feedback") || "{}"); } catch { return {}; } }); React.useEffect(() => { try { localStorage.setItem("sw_feedback", JSON.stringify(fb)); } catch (e) {} }, [fb]); const set = (id, entry) => setFb((s) => ({ ...s, [id]: entry })); return [fb, set]; } function useMemories() { const [mem, setMem] = React.useState(() => { try { return JSON.parse(localStorage.getItem("sw_memories") || "[]"); } catch { return []; } }); React.useEffect(() => { try { localStorage.setItem("sw_memories", JSON.stringify(mem)); } catch (e) {} }, [mem]); const add = (id, date) => setMem((m) => [...m, { id: id, date: date || new Date().toISOString().slice(0, 10) }]); const removeAt = (i) => setMem((m) => m.filter((_, idx) => idx !== i)); const setDate = (i, date) => setMem((m) => m.map((e, idx) => (idx === i ? { ...e, date: date } : e))); return [mem, add, removeAt, setDate]; } // A directly-visitable link for a paired spot: its own url if we have one, // otherwise a Google Maps search by name (+ the anchor's city for disambiguation). function planSpotHref(spot, city) { if (spot.url) return spot.url; const q = /,/.test(spot.name) ? spot.name : (city ? `${spot.name}, ${city}` : spot.name); return "https://www.google.com/maps/search/?api=1&query=" + encodeURIComponent(q); } function trackSpot(pairing, spot) { try { if (window.SWA) SWA.track("plan_spot_click", { pairing: pairing, name: spot, kind: "pairing" }); } catch (e) {} } // Booking link for ticketed / reservation outings. Prefers an affiliate URL // when we have one (monetization that stays downstream of the editorial pick — // see PRD §9), then a specific booking page, then the official site. function bookingHref(pick) { const f = pick.facts || {}; return f.affiliateUrl || f.bookingUrl || pick.sourceUrl || null; } // Only genuine ticketed admission or a required reservation is "bookable" — // paid parking or pay-on-site (e.g. "$6 parking", "Pay per pound") is not. function hasTickets(pick) { return /ticket|admission/i.test((pick.facts || {}).cost || ""); } function isBookable(pick) { const f = pick.facts || {}; return !!((hasTickets(pick) || f.reservation) && bookingHref(pick)); } function bookingLabel(pick) { return hasTickets(pick) ? "Book tickets" : "Reserve a spot"; } function isAffiliate(pick) { return !!(pick.facts && pick.facts.affiliateUrl); } function trackBooking(pick) { try { if (window.SWA) SWA.track("outbound_click", { id: pick.id, title: pick.title, kind: "booking", affiliate: isAffiliate(pick), timeOfDay: _entryLens, partner: pick.partner || null }); } catch (e) {} } function makeICS(pick) { const body = [ "BEGIN:VCALENDAR", "VERSION:2.0", "PRODID:-//Slow Weekend//EN", "BEGIN:VEVENT", `SUMMARY:${pick.title}`, `LOCATION:${pick.city}`, `DESCRIPTION:${pick.blurb.replace(/,/g, "\\,")}`, "END:VEVENT", "END:VCALENDAR", ].join("\r\n"); return "data:text/calendar;charset=utf-8," + encodeURIComponent(body); } /* ---------- Chrome ---------- */ function NavBar({ active, onHome, onCollections, onSaved, onMemories, onProfile, savedCount }) { const tabs = [["Home", "home", onHome], ["Explore", "collections", onCollections], ["Saved", "saved", onSaved], ["Memories", "memories", onMemories]]; return (
Slow Weekend
); } /* Bottom tab bar — shown only on phones (CSS `.sw-bottomnav`), the native app pattern: keeps all four tabs visible without crowding the top wordmark. */ function NavHomeIcon({ color }) { return ( ); } function NavCollectionsIcon({ color }) { return ( ); } function NavSavedIcon({ color }) { return ( ); } function NavMemoriesIcon({ color }) { return ( ); } function MobileTabBar({ active, onHome, onCollections, onSaved, onMemories, savedCount }) { const tabs = [ ["Home", "home", onHome, NavHomeIcon], ["Explore", "collections", onCollections, NavCollectionsIcon], ["Saved", "saved", onSaved, NavSavedIcon], ["Memories", "memories", onMemories, NavMemoriesIcon], ]; return ( ); } function PinIcon({ color }) { return ( ); } function CalIcon({ color }) { return ( ); } function LeafIcon({ color }) { return ( ); } function ClockIcon({ color }) { return ( ); } function Filters({ time, setTime, regions, setRegions, natureOnly, setNatureOnly, energyLevels, setEnergyLevels, timeOfDay = "all", setTimeOfDay, showLens = false }) { const [menu, setMenu] = React.useState(null); // 'loc' | 'when' | 'energy' | null const locRef = React.useRef(null); const whenRef = React.useRef(null); const energyRef = React.useRef(null); React.useEffect(() => { if (!menu) return; const ref = ({ when: whenRef, energy: energyRef, loc: locRef })[menu] || locRef; const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setMenu(null); }; document.addEventListener("mousedown", h); return () => document.removeEventListener("mousedown", h); }, [menu]); // Mobile control approach (founder 2026-06-22, refined per PRD §466): the window // AND region stay visible inline so a first-time visitor sees the product's // capability; the remaining refinements (When/Intensity/Nature) collapse into a // "Refine" bottom sheet so the picks aren't buried. Desktop keeps all inline. const [isMobile, setIsMobile] = React.useState(() => typeof window !== "undefined" && !!window.matchMedia && window.matchMedia("(max-width: 560px)").matches); React.useEffect(() => { if (!window.matchMedia) return; const mq = window.matchMedia("(max-width: 560px)"); const h = (e) => setIsMobile(e.matches); mq.addEventListener ? mq.addEventListener("change", h) : mq.addListener(h); return () => { mq.removeEventListener ? mq.removeEventListener("change", h) : mq.removeListener(h); }; }, []); const [refineOpen, setRefineOpen] = React.useState(false); // Count only what lives in the sheet (When/Intensity/Nature) — region has its own // inline control + active state, so it isn't part of the "Refine" badge. const refineCount = (timeOfDay !== "all" ? 1 : 0) + (energyLevels.length ? 1 : 0) + (natureOnly ? 1 : 0); const todLabel = (SW.TIME_OF_DAY.find((b) => b.key === timeOfDay) || SW.TIME_OF_DAY[0]).label; const allRegions = !regions.length; const locLabel = allRegions ? "All regions" : regions.length === 1 ? SW.REGION_LABEL[regions[0]] : `${regions.length} regions`; const toggleRegion = (key) => { if (key === "__all") { setRegions([]); return; } setRegions((s) => (s.includes(key) ? s.filter((x) => x !== key) : [...s, key])); }; const anyIntensity = !energyLevels.length; const intensityLabel = anyIntensity ? "Any intensity" : energyLevels.length === 1 ? energyLevels[0] : `${energyLevels.length} levels`; const toggleEnergy = (key) => { if (key === "__any") { setEnergyLevels([]); return; } setEnergyLevels((s) => (s.includes(key) ? s.filter((x) => x !== key) : [...s, key])); }; const pill = (active) => ({ display: "inline-flex", alignItems: "center", gap: 8, border: active ? "1px solid #7E9078" : "1px solid rgba(47,47,47,0.16)", background: active ? "rgba(126,144,120,0.14)" : "#FFFFFF", color: active ? "#5d6b58" : "rgba(47,47,47,0.66)", borderRadius: 999, padding: "9px 15px", fontSize: 13.5, font: "inherit", cursor: "pointer", whiteSpace: "nowrap", boxShadow: "0 6px 18px -16px rgba(47,47,47,0.5)", transition: "all .25s ease", }); // Chip used inside the mobile filter bottom sheet (no nested dropdowns — there's // room to lay each choice out flat). const sheetChip = (key, label, on, onClick, color, glyph) => ( ); const sheetSection = (label, children) => (
{label}
{children}
); const clearAll = () => { setTimeOfDay("all"); setEnergyLevels([]); setNatureOnly(false); }; // The region control — shown inline on BOTH desktop and mobile (a key capability // signal for first-time visitors, PRD §466). Its dropdown menu is absolute, so it // works inline anywhere (unlike the fixed bottom sheet). const regionControl = (
{menu === "loc" && (
{[{ key: "__all", label: "All regions" }].concat(SW.REGIONS).map((r) => { const on = r.key === "__all" ? allRegions : regions.includes(r.key); return ( ); })}
)}
); return (
{/* window segmented — the always-visible primary control (the weekly answer) */}
{TIME_OPTS.map((t) => { const on = time === t; return ( ); })}
{/* Mobile: window (above) + region inline + a "Refine" sheet for the rest, so first-time visitors still see the product's filtering capability (PRD §466). */} {isMobile && (
{regionControl}
)} {!isMobile && (
{/* time-of-day lens (PRD §19, the 5–8pm Experiment) as a collapsed dropdown, matching the location control */} {showLens && (
{menu === "when" && (
{SW.TIME_OF_DAY.map((b) => { const on = timeOfDay === b.key; return ( ); })}
)}
)} {regionControl} {/* intensity — orthogonal to category (how much the day asks of you), as a multi-select dropdown next to region (collapsed to match the others) */}
{menu === "energy" && (
{[{ key: "__any", label: "Any intensity", bars: 0 }].concat(SW.ENERGY_LEVELS).map((e) => { const on = e.key === "__any" ? anyIntensity : energyLevels.includes(e.key); const color = ENERGY_COLOR[e.key] || "#7E9078"; return ( ); })}
)}
)} {/* Mobile: a real bottom sheet (founder request) — flat chip sections, no nested dropdowns, so the whole filter set is one calm panel instead of stacked rows. Portaled to because an ancestor's transform (sw-rise) would otherwise trap position:fixed inside the control bar. */} {isMobile && refineOpen && ReactDOM.createPortal(( <>
setRefineOpen(false)} style={{ position: "fixed", inset: 0, background: "rgba(47,47,47,0.38)", zIndex: 49 }} />

Refine your picks

{refineCount > 0 && }
{showLens && sheetSection("When", SW.TIME_OF_DAY.map((b) => sheetChip(b.key, b.label, timeOfDay === b.key, () => onTimeOfDay(b.key)) ))} {sheetSection("Intensity", [{ key: "__any", label: "Any" }].concat(SW.ENERGY_LEVELS).map((e) => sheetChip(e.key, e.label || e.key, e.key === "__any" ? anyIntensity : energyLevels.includes(e.key), () => toggleEnergy(e.key), ENERGY_COLOR[e.key]) ))} {sheetSection("Outdoors", [ sheetChip("nature", "Nature only", natureOnly, () => setNatureOnly(!natureOnly)), ])}
), document.body)}
); } /* ---------- Weather (PRD §15 — light, microclimate by coords) ---------- */ const _wxCache = {}; function useWeather(coord, dateISO) { const key = coord ? coord.lat.toFixed(3) + "," + coord.lng.toFixed(3) + "|" + dateISO : null; const [wx, setWx] = React.useState(() => (key && _wxCache[key]) || null); React.useEffect(() => { if (!coord || !dateISO) return; if (_wxCache[key]) { setWx(_wxCache[key]); return; } let cancelled = false; SW.fetchWeather(coord, dateISO).then((w) => { if (!cancelled && w) { _wxCache[key] = w; setWx(w); } }); return () => { cancelled = true; }; }, [key]); return wx; } const WX_TONE = { warn: "#9A6238", info: "#5d6b58", good: "rgba(47,47,47,0.6)" }; // A labeled forecast chip for a card: states the window + city so it's clearly // "the forecast for when you'd go," not today's weather. icon · window in city · // temp, condition · the packing nudge (only when it's a real warn/info). function WeatherSignal({ coord, outing, wkey }) { const wx = useWeather(coord, SW.windowDateISO(wkey, new Date())); if (!wx) return null; const nudge = SW.weatherNudge(wx, outing); const cl = SW.weatherCodeLabel(wx.code); const city = outing && outing.city; const whenWord = wkey === "today" ? "Today" : wkey === "week" ? "This week" : "This weekend"; return (
{cl.icon} {whenWord}{city ? ` in ${city}` : ""} {wx.tempMax}°, {cl.label.toLowerCase()} {nudge.tone !== "good" && · {nudge.line}}
); } // Fuller weather block for the detail aside (defaults to the upcoming weekend). function WeatherCard({ pick }) { const dateISO = SW.windowDateISO("weekend", new Date()); const wx = useWeather(pick.coord, dateISO); if (!wx) return null; const nudge = SW.weatherNudge(wx, pick); const cl = SW.weatherCodeLabel(wx.code); const dayLabel = new Date(dateISO + "T12:00:00").toLocaleDateString(undefined, { weekday: "long" }); const warn = nudge.tone === "warn"; return (

Weather · {dayLabel}

{cl.icon} {wx.tempMax}° / {wx.tempMin}° · {cl.label}
Wind {wx.wind} mph · Rain {wx.precip == null ? "—" : wx.precip + "%"}{wx.aqi != null ? ` · AQI ${wx.aqi}` : ""}
{nudge.tone !== "good" &&

{nudge.line}

}

Forecast for {dayLabel}, it can still change.

); } /* ---------- Home ---------- */ // Compact secondary card for the "More worth your time" discovery layer. // Shows a per-event TRUST signal (qualityNote) instead of a repeated window // line, and — when onMore is given — a "More like this" affordance. function HighlightCard({ pick, onOpen, onMore, fixedWidth, active }) { const accent = CAT_ACCENT[pick.category]; const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ width: fixedWidth || "auto", flex: fixedWidth ? "0 0 auto" : "1 1 auto", border: `1px solid ${active ? accent + "88" : "rgba(47,47,47,0.07)"}`, borderRadius: 16, overflow: "hidden", background: "#FFFFFF", display: "flex", flexDirection: "column", boxShadow: hover || active ? "0 20px 44px -28px rgba(47,47,47,0.5)" : "0 10px 30px -28px rgba(47,47,47,0.5)", transform: hover ? "translateY(-3px)" : "none", transition: "transform .25s cubic-bezier(.3,.7,.3,1), box-shadow .25s, border-color .2s" }}> {onMore && ( )}
); } // Small seal icon — a quiet trust mark used beside the quality note. function CheckSeal({ color }) { return ( ); } // Editorial horizontal row (the "list" variation). Score sits on the image and // "More like this" is a full-width footer, so the row stays readable on a phone. function HighlightRow({ pick, onOpen, onMore, active }) { const accent = CAT_ACCENT[pick.category]; const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: "flex", flexDirection: "column", background: "#FFFFFF", borderRadius: 16, overflow: "hidden", border: `1px solid ${active ? accent + "88" : "rgba(47,47,47,0.07)"}`, boxShadow: hover || active ? "0 18px 40px -30px rgba(47,47,47,0.5)" : "none", transition: "box-shadow .25s, border-color .2s" }}> {onMore && ( )}
); } // A revealed strip of similar outings — the inline "browse deeper" payoff. function SimilarReveal({ seed, pool, wkey, onOpen }) { const ref = React.useRef(null); React.useEffect(() => { if (ref.current) ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" }); }, [seed.id]); const accent = CAT_ACCENT[seed.category]; const sims = SW.similarTo(seed.id, pool, 5, new Date(), wkey); if (!sims.length) return (
Nothing closely similar is open in this window, try another.
); return (
Because you liked {seed.title}
{sims.map((o, i) => onOpen(o.id, { section: "more_like_this", seed: seed.id, position: i, window: wkey })} />)}
); } // A compact Fit-score ↔ Time sort switch for the discovery list. function SortToggle({ mode, onChange }) { const opt = (key, label) => { const on = mode === key; return ( ); }; return ( Sort {opt("fit", "Fit score")} {opt("time", "Time")} ); } // A labelled section within the discovery list — a day (Week/Weekend) or a // time-of-day band (Today), or the pinned "open any day" evergreen anchors. function DiscoveryGroup({ label, sub, children }) { return (

{label}

{sub && · {sub}}
{children}
); } // Curated discovery layer — shows 4 picks up front, expands on request. // Items are flattened from the window-aware groups (evergreen first, then events) // and sorted by Fit score or time. "More like this" is inline per row. function MoreWorthYourTime({ extras, pool, wkey, meta, onOpen, timeOfDay }) { const INITIAL = 4, PAGE = 10; const [seed, setSeed] = React.useState(null); const [sortMode, setSortMode] = React.useState(wkey === "today" ? "time" : "fit"); const [shown, setShown] = React.useState(INITIAL); React.useEffect(() => { setSortMode(wkey === "today" ? "time" : "fit"); setSeed(null); setShown(INITIAL); }, [wkey]); const onMore = (pick) => { setSeed((cur) => (cur && cur.id === pick.id ? null : pick)); try { if (window.SWA) SWA.track("more_like_this", { id: pick.id, title: pick.title, category: pick.category, window: wkey }); } catch (e) {} }; const { evergreen, groups } = SW.windowGroups(extras, wkey, new Date(), sortMode); // A recurring event can land in several day-groups; flatten then de-dup by id // so it shows as a single row (its `when` already names the days). const seen = new Set(); const allItems = [...evergreen, ...groups.flatMap((g) => g.items)] .filter((o) => (seen.has(o.id) ? false : seen.add(o.id))); if (!allItems.length) return null; const visible = allItems.slice(0, shown); const remaining = allItems.length - shown; const windowPhrase = wkey === "today" ? "today" : wkey === "week" ? "this week" : "this weekend"; return (

Also worth your time

The next-best matches for your pace {windowPhrase}

{visible.map((o, i) => ( onOpen(o.id, { section: "discovery", position: i, window: wkey, timeOfDay })} onMore={onMore} /> {seed && seed.id === o.id && } ))}
{remaining > 0 && ( )} {remaining <= 0 && allItems.length > INITIAL && (

That’s everything that fits your pace {windowPhrase}. More to browse in Explore.

)}
); } // A gentle, dismissible "did you go?" nudge shown on a *return* visit for an // outing the family saved but hasn't logged — converts saves into the // "I actually went" signal (memory_add). Asks one at a time; never nags (asked // ids are remembered). function WentPrompt({ saved, memories, onLog }) { const [asked, setAsked] = React.useState(() => { try { return JSON.parse(localStorage.getItem("sw_went_asked") || "[]"); } catch (e) { return []; } }); const data = window.SLOW_WEEKEND_DATA; let returning = false; try { returning = (Number(localStorage.getItem("swa_visits")) || 0) > 1; } catch (e) {} const visited = new Set((memories || []).map((m) => m.id)); const askedSet = new Set(asked); const candidateId = (saved || []).find((id) => !visited.has(id) && !askedSet.has(id)); const o = candidateId ? data.outings.find((x) => x.id === candidateId) : null; if (!returning || !o) return null; const accent = CAT_ACCENT[o.category]; const answer = (yes) => { const next = [...asked, candidateId]; setAsked(next); try { localStorage.setItem("sw_went_asked", JSON.stringify(next)); } catch (e) {} try { if (window.SWA) SWA.track("went_prompt", { id: candidateId, title: o.title, answered: yes ? "yes" : "not_yet" }); } catch (e) {} if (yes && onLog) onLog(candidateId); }; return (
Welcome back. You saved {o.title}, did you get to go?
); } // Regional forecast anchor for context-freshness ordering — a mid-Peninsula // centroid. The gross rainy/hot/clear signal is regional; per-card microclimate // still drives each card's own WeatherSignal. const SW_REGION_COORD = { lat: 37.56, lng: -122.32 }; function Home({ tweaks, prefs = {}, onOpen, onProfile, saved = [], memories = [], onLog, onToggleSave, tuneHook, homeState, initialPicks }) { const data = window.SLOW_WEEKEND_DATA; const tuned = !!(prefs.intent || prefs.sensory || prefs.energy || (prefs.ages && prefs.ages.length)); const summary = SW.prefSummary(prefs); const profile = SW.profileChips(prefs); const payoff = tweaks.personalization; // Filter state lives in App (it must survive navigation away and back; Home // unmounts on every detail/tab visit, so local state would reset — the // filter-persistence bug). First-load values come from the calendar + clock // (SW.contextualDefaults), set up in App. const { time, setTime, timeOfDay, setTimeOfDay, natureOnly, setNatureOnly, energyLevels, setEnergyLevels, regions, setRegions } = homeState; // Snapshot share (PRD §8): a ?picks= link lands the recipient on the sharer's // exact three. They stay pinned until the visitor touches a control, at which // point we release the pin and they're in a normal, personalized session. const [pinned, setPinned] = React.useState(initialPicks && initialPicks.length ? initialPicks : null); const releasePin = () => { if (pinned) setPinned(null); }; const pin = (setter) => (v) => { releasePin(); setter(v); }; // Today / This Week / This Weekend are nested in time but distinct in intent. const WINDOW_KEY = { "Today": "today", "This Week": "week", "This Weekend": "weekend" }; const wkey = WINDOW_KEY[time] || "weekend"; // Time-of-day lens (PRD §19, Experiment): the tweak doubles as the kill-switch. const lensOn = tweaks.timeLens !== "hidden"; React.useEffect(() => { if (!lensOn && timeOfDay !== "all") setTimeOfDay("all"); }, [lensOn, timeOfDay]); const onTimeOfDay = (band) => { setTimeOfDay(band); try { if (window.SWA && band !== "all") SWA.track("time_lens", { band, window: wkey }); } catch (e) {} }; // Saves under an active lens carry the band, so the kill-metric (evening saves) // is measurable. The central save_toggle still fires via onToggleSave. const onSaveLens = (id) => { try { if (window.SWA && timeOfDay !== "all") SWA.track("time_lens_save", { id, band: timeOfDay, window: wkey }); } catch (e) {} onToggleSave(id); }; // The pool narrows for Nature-only (outdoor), the Energy Level tag, a // "Free only" budget preference, and the chosen sub-regions (location filters // the three by region, a bounded control that can't sprawl as inventory grows). const pool = React.useMemo( () => SW.applyPoolFilters(data.outings, { natureOnly, energyLevels, budget: prefs.budget, regions }), [natureOnly, energyLevels.join(","), prefs.budget, JSON.stringify(regions)] ); // The lens narrows the pool to outings whose hours fit the chosen band, so the // weekly three become the answer for that time of day (the 5–8pm moment). const lensPool = React.useMemo( () => (timeOfDay === "all" ? pool : pool.filter((o) => SW.fitsTimeOfDay(o, timeOfDay))), [pool, timeOfDay] ); // Context-driven freshness (PRD §19, Experiment; the tweak is the kill-switch): // one regional forecast for this window's date + the family's recent visits feed // SOFT nudges into the ranking, so the same pool reorders as the world and their // history change. Weather is fetched once for the region (not per card here). const freshnessOn = tweaks.freshness !== "hidden"; const [freshWeather, setFreshWeather] = React.useState(null); React.useEffect(() => { if (!freshnessOn) { setFreshWeather(null); return; } let alive = true; const dateISO = SW.windowDateISO(wkey, new Date()); SW.fetchWeather(SW_REGION_COORD, dateISO).then((w) => { if (alive) setFreshWeather(w); }); return () => { alive = false; }; }, [freshnessOn, wkey]); const recentIds = React.useMemo( () => (freshnessOn ? SW.recentlyVisitedIds(memories, new Date(), 21) : []), [freshnessOn, JSON.stringify(memories)] ); // Taste learned from the family's own saves (always on; the user's own data, a // soft nudge that holds §4). Bundled into the same context the engine reads. const taste = React.useMemo(() => SW.savedTaste(saved, data.outings), [saved.join(",")]); const freshCtx = React.useMemo( () => ({ weather: freshnessOn ? freshWeather : null, recent: freshnessOn ? recentIds : null, taste }), [freshnessOn, freshWeather, recentIds.join(","), taste] ); const windowed = React.useMemo( () => SW.windowedPicks(lensPool, { ...prefs, regions }, new Date(), freshCtx), [lensPool, prefs.intent, prefs.sensory, prefs.energy, JSON.stringify(prefs.ages), JSON.stringify(regions), freshCtx] ); // Pinned snapshot picks (from a ?picks= share) take precedence over the // computed three; render the exact outings the sharer saw, in their order. const pinnedPicks = React.useMemo( () => (pinned ? pinned.map((id) => data.outings.find((o) => o.id === id)).filter(Boolean) : null), [pinned] ); const heroPicks = (pinnedPicks && pinnedPicks.length) ? pinnedPicks : (windowed[wkey] || []); const heroIds = heroPicks.map((p) => p.id); const extras = React.useMemo( () => SW.windowExtras(lensPool, { ...prefs, regions }, heroIds, wkey, new Date(), 14, freshCtx), [lensPool, prefs.intent, prefs.sensory, prefs.energy, JSON.stringify(prefs.ages), JSON.stringify(regions), wkey, heroIds.join(","), freshCtx] ); // The honest "why it shifted" line, only when weather genuinely moved the three. const freshNote = (freshnessOn && !pinned) ? SW.freshnessNote(freshWeather, wkey === "today" ? "today" : wkey === "week" ? "this week" : "this weekend") : null; React.useEffect(() => { try { if (freshNote && window.SWA) SWA.track("freshness_context", { window: wkey }); } catch (e) {} }, [freshNote, wkey]); const [heroSeed, setHeroSeed] = React.useState(null); React.useEffect(() => { setHeroSeed(null); }, [wkey, timeOfDay, JSON.stringify(regions), natureOnly, energyLevels.join(",")]); const onHeroMore = (p) => { setHeroSeed((cur) => (cur && cur.id === p.id ? null : p)); try { if (window.SWA) SWA.track("more_like_this", { id: p.id, title: p.title, category: p.category, window: wkey, section: "top3" }); } catch (e) {} }; const meta = SW.windowMeta(wkey); // Honest framing (§9): the heading earns "your three" only as the family tunes + // saves + logs. A pinned share isn't the viewer's tuned three, so it stays neutral. const density = SW.signalDensity(prefs, saved, memories); const heroHeading = pinned ? meta.title : SW.windowHeading(wkey, density); const locLabel = !regions.length ? "Bay Area" : regions.map((k) => SW.REGION_LABEL[k] || k).join(", "); // The honest "chosen from N" depth line (PRD §9; Tweak-staged Experiment). N is // the true count eligible this window from the current pool — only worth saying // when it's meaningfully more than the three, and not for a pinned share. const eligibleN = React.useMemo(() => SW.windowEligibleCount(lensPool, wkey, new Date()), [lensPool, wkey]); const whenWord = wkey === "today" ? "today" : wkey === "week" ? "this week" : "this weekend"; const showTrustLine = tweaks.trustLine !== "hidden" && !pinned && heroPicks.length >= 3 && eligibleN > 4; return (
{/* Masthead — what it is, and the one control that drives everything */}
Plans that feel good

Family plans, filtered.

Curated Bay Area family outings worth your energy, three fresh picks each week. No endless scrolling, no second-guessing.

{/* The control bar — tightened vertically so the top of the first pick peeks above the fold on tall screens (instant proof of value). position+zIndex lift the whole section so an open filter dropdown paints above the picks below (the sw-rise transform makes this section its own stacking context). */}
{/* Picks */}
{onLog && } {tuneHook && (
Like what you see? Tune these to your family, three quick taps.
)}

{heroHeading}

{meta.sub} {heroPicks.length > 0 && }
{timeOfDay !== "all" && (

{LENS_CAPTION[timeOfDay]}

)} {freshNote && (

{freshNote}

)} {showTrustLine && (

Three, chosen from {eligibleN} that cleared the Slow Weekend Filter {whenWord}.

)} {tweaks.howWeChoose !== "hidden" && !pinned && heroPicks.length >= 3 && ( 0} hasMemories={memories.length > 0} /> )} {tuned && payoff === "banner" ? (
Chosen for your pace
{profile.length > 0 && (
{profile.map((c) => ( {PROFILE_LABEL[c.k]} {c.label} ))}
)}
) : (

{tuned ? <>Re-ranked for {summary.length ? <>a {summary.join(" · ")} family : "your family"}, then matched to the moment. Each still cleared the Slow Weekend Filter, choose without second-guessing. : <>{meta.intro} Each one cleared the Slow Weekend Filter, so you can choose without second-guessing.}

)} {heroPicks.length === 0 && (
Nothing fits {timeOfDay} {time.toLowerCase()} just yet. Try another time of day, or a wider window.
)}
{heroPicks.map((p, i) => { const seeded = heroSeed && heroSeed.id === p.id; return (
{payoff === "inline" && (
{SW.qualityNote(p)}
)} onOpen(id, { section: "top3", position: i, window: wkey, timeOfDay })} isSaved={saved.includes(p.id)} onToggleSave={onSaveLens} />
); })}
{heroSeed && } {extras.length > 0 && ( )}
); } /* ---------- Feedback (PRD §16 — solicited signal) ---------- */ // Per-pick 👍/👎. Stores the vote locally and fires `feedback` events for the // kill/keep loop. It informs our editorial calls — it never auto-ranks (§4). function FeedbackVote({ pick, value, onVote }) { const vote = value && value.vote; const [reason, setReason] = React.useState((value && value.reason) || ""); const [showReason, setShowReason] = React.useState(false); const cast = (v) => { onVote(pick.id, { vote: v, reason: v === "down" ? (value && value.reason) || "" : "" }); try { if (window.SWA) SWA.track("feedback", { id: pick.id, title: pick.title, category: pick.category, vote: v, section: "detail" }); } catch (e) {} setShowReason(v === "down"); }; const sendReason = () => { const r = reason.trim(); onVote(pick.id, { vote: "down", reason: r }); try { if (window.SWA && r) SWA.track("feedback_reason", { id: pick.id, title: pick.title, reason: r }); } catch (e) {} setShowReason(false); }; const btn = (v, label, emoji) => { const on = vote === v; const c = v === "up" ? "#5d6b58" : "#9A6238"; return ( ); }; return (

Was this a good pick?

Your vote helps us tune what we recommend, it never auto-ranks the list.

{btn("up", "Good fit", "👍")} {btn("down", "Not for us", "👎")}
{(showReason || vote === "down") && (
setReason(e.target.value)} placeholder="What was off? (optional)" style={{ width: "100%", border: "1px solid rgba(47,47,47,0.16)", borderRadius: 12, padding: "10px 14px", fontSize: 13.5, background: "#FFFFFF", color: "#2F2F2F", outline: "none", boxSizing: "border-box" }} />
)} {vote && !showReason && (

Thanks, noted.

)}
); } /* ---------- Detail ---------- */ function Pill({ children }) { return {children}; } /* The toddler-hikes layer, made first-class: the living draw, when it's best, and what to bring, with a link out to the full trail map. */ function TrailDraws({ pick, accent }) { const t = pick.trail; if (!t) return null; const hasPairing = (window.SLOW_WEEKEND_DATA.pairings || []).some((p) => p.anchor === pick.id); const season = window.SW && SW.trailSeasonStatus ? SW.trailSeasonStatus(pick) : { inBest: false }; const labelCss = { fontSize: 11.5, letterSpacing: "0.13em", textTransform: "uppercase", color: accent, fontWeight: 700, flexShrink: 0, width: 64, paddingTop: 3 }; return (

Why a little one will love it

{season.inBest && }
    {(t.draws || []).map((d, i) => (
  • {d}
    • ))}
{t.bestSeason && (
Best in

{t.bestSeason.label}. {t.bestSeason.why}

)} {t.gear && t.gear.length > 0 && (
Bring
    {t.gear.map((g, i) => (
  • {g}
    • ))}
)} {t.pair && !hasPairing && (
After

{t.pair}

)}
{t.trailUrl && ( { try { if (window.SWA) SWA.track("outbound_click", { id: pick.id, title: pick.title, kind: "alltrails", timeOfDay: _entryLens, partner: pick.partner || null }); } catch (e) {} }} style={{ display: "inline-flex", alignItems: "center", gap: 8, marginTop: 20, textDecoration: "none", fontSize: 13.5, fontWeight: 600, color: accent }}> See the full route & map ↗ )}
); } function Detail({ id, onBack, backLabel = "← Back to this week", saved, toggleSave, feedback, onVote, memories, onLog, onUnlog, prefs = {} }) { const pick = window.SLOW_WEEKEND_DATA.outings.find((p) => p.id === id); const accent = CAT_ACCENT[pick.category]; const isSaved = saved.includes(id); // Type/category-aware emphasis (existing data only): the kind leads, events // lead their meta with the schedule, and context chips name what matters. const ctx = SW.detailContext(pick); const meta = ctx.isEvent ? [SW.whenLabel(pick), pick.city, pick.ageRange] : [pick.city, SW.whenLabel(pick), pick.ageRange]; return (
toggleSave(id)} />
{pick.category} · {pick.texture}
{/* Main */}
{ctx.typeLabel ? `${ctx.typeLabel} · ${pick.category}` : pick.category}

{pick.title}

{meta.map((m, i) => ( {i > 0 && } {m} ))} {pick.energyLevel && } {pick.energyLevel && }
{ctx.chips.length > 0 && (
{ctx.chips.map((c) => ( {c} ))}
)} {pick.partner &&
}

{pick.blurb}

{pick.facts && (

Good to know

trackBooking(pick)} />
)}

Why this made the cut

{pick.why}

{SW.ageReason(prefs, pick) && (

{SW.ageReason(prefs, pick)}

)}

Logistics, handled

    {pick.logistics.map((l, i) => (
  • {l}
    • ))}
{(() => { const pair = (window.SLOW_WEEKEND_DATA.pairings || []).find((p) => p.anchor === pick.id); if (!pair) return null; const prox = SW.proximityLabel(pick.coord, pair.with.coord); return ( ); })()}
{/* Aside: the filter + actions */}
); } /* ---------- Calming intro ---------- */ function Intro({ onDone }) { React.useEffect(() => { const t = setTimeout(onDone, 2300); return () => clearTimeout(t); }, []); return (

Let us make it easier

Fewer plans. Better weekends.

); } /* ---------- Newsletter capture (distribution seed, PRD §8) ---------- */ function NewsletterSignup({ variant = "card", onProfile }) { const [email, setEmail] = React.useState(""); const [done, setDone] = React.useState(() => { try { return !!localStorage.getItem("sw_newsletter"); } catch (e) { return false; } }); const [err, setErr] = React.useState(false); const submit = (e) => { e.preventDefault(); const v = email.trim(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v)) { setErr(true); return; } try { localStorage.setItem("sw_newsletter", v); } catch (er) {} try { if (window.SWA) SWA.track("subscribe", { source: variant }); } catch (er) {} // Best-effort POST to the serverless endpoint (PRD §17); the UX never blocks // on it, so signup still "works" in static preview where the API isn't live. try { fetch("/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: v, source: variant }) }).catch(() => {}); } catch (er) {} setDone(true); }; const compact = variant === "footer"; if (done) { return (
You’re on the list, the next drop heads out this week.
); } const input = (
{ setEmail(e.target.value); setErr(false); }} type="email" placeholder="you@email.com" aria-label="Email address" style={{ flex: compact ? "0 1 240px" : "1 1 240px", minWidth: 0, border: `1px solid ${err ? "#b4654a" : "rgba(47,47,47,0.18)"}`, borderRadius: 999, padding: "12px 18px", fontSize: 14.5, background: "#FFFFFF", color: "#2F2F2F", outline: "none" }} />
); if (compact) { return (
Three picks and a collection, in your inbox each week. {input}
); } return (
The weekly drop

One email. Three picks. Every week.

The same taste as this page, without having to open it, three outings and a collection, nothing else. No spam, unsubscribe anytime.

{input} {err &&

That doesn’t look like an email, mind checking?

}
); } /* ---------- Micro-outing pairings (PRD §6/§13) ---------- */ // A→B route glyph: anchor dot, dashed connector, second-beat dot. Reads as // "from here to there," so the computed proximity beside it needs no "apart". function RouteDots({ accent, end = "#2F2F2F", line = "rgba(47,47,47,0.35)" }) { return ( ); } function PairingCard({ pairing, onOpen, fixedWidth }) { const anchor = window.SLOW_WEEKEND_DATA.outings.find((o) => o.id === pairing.anchor); if (!anchor) return null; const accent = CAT_ACCENT[anchor.category]; const [hover, setHover] = React.useState(false); const prox = SW.proximityLabel(anchor.coord, pairing.with.coord); const isWalk = /walk/.test(prox || ""); const proxHeadline = prox ? (isWalk ? prox + " between" : prox + " apart") : null; return (
setHover(true)} onMouseLeave={() => setHover(false)} onClick={() => onOpen(anchor.id, { section: "pairing", pairing: pairing.id })} style={{ cursor: "pointer", background: "#FFFFFF", borderRadius: 16, overflow: "hidden", border: "1px solid rgba(47,47,47,0.07)", width: fixedWidth || "auto", flex: fixedWidth ? "0 0 auto" : undefined, boxShadow: hover ? "0 20px 44px -28px rgba(47,47,47,0.42)" : "0 10px 30px -28px rgba(47,47,47,0.5)", transform: hover ? "translateY(-3px)" : "none", transition: "transform .25s, box-shadow .25s" }}> {proxHeadline && ( {proxHeadline} )}

{pairing.title}

{pairing.blurb}

{anchor.title.length > 22 ? anchor.city : anchor.title} + { e.stopPropagation(); trackSpot(pairing.id, pairing.with.name); }} style={{ fontSize: 12.5, color: "#2F2F2F", fontWeight: 600, textDecoration: "underline", textUnderlineOffset: 2, textDecorationColor: "rgba(47,47,47,0.3)" }}> {pairing.with.name} ↗
); } // An honest, on-demand explainer of the engine's depth (PRD §19 "communicate // depth"; §14 legible-not-creepy): names the live factors so the three never read // as random or popular. Reflects what's actually active for this family. function HowWeChoose({ tuned, whenWord, hasSaves, hasMemories }) { const [open, setOpen] = React.useState(false); const toggle = () => { setOpen((v) => !v); try { if (window.SWA && !open) SWA.track("how_we_choose_open", {}); } catch (e) {} }; const factors = [ tuned ? "your pace, from your profile" : "your pace, once you tune it in Profile", `${whenWord}'s weather, read from each spot's own microclimate`, ]; if (hasSaves) factors.push("what you tend to save"); if (hasMemories) factors.push("where you've been lately, so it keeps varying"); return (
{open && (

Not random, and not a popularity list. We start from every outing that cleared the Slow Weekend Filter, then tune to:

    {factors.map((f, i) =>
  • {f}
    • )}

Then we show the three that fit best, never more.

)}
); } function MakeItAPlan({ pool, onOpen }) { const all = window.SLOW_WEEKEND_DATA.pairings || []; const list = SW.planPicks(all, pool.map((o) => o.id)); if (list.length < 1) return null; return (

Make it a plan

Not events, plans. An outing paired with a second beat, so an hour becomes a morning.

{list.map((p) => )}
); } /* ---------- Premium guide (PRD §6 v1) ---------- */ function GuideView({ id, onBack }) { const guide = (window.SLOW_WEEKEND_DATA.guides || []).find((g) => g.id === id); if (!guide) return null; const [joined, setJoined] = React.useState(() => { try { return !!localStorage.getItem("sw_guide_" + id); } catch (e) { return false; } }); const [email, setEmail] = React.useState(""); const [err, setErr] = React.useState(false); const join = (e) => { e.preventDefault(); const v = email.trim(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v)) { setErr(true); return; } try { localStorage.setItem("sw_guide_" + id, v); } catch (er) {} try { if (window.SWA) SWA.track("guide_interest", { id: id, title: guide.title }); } catch (er) {} setJoined(true); }; return (
Premium guide · in the works

{guide.title}

{guide.subtitle}

{guide.blurb}

What’s inside

    {guide.chapters.map((c, i) => (
  • {String(i + 1).padStart(2, "0")} {c}
    • ))}
{joined ? (
You’re on the list, we’ll email you the moment it’s ready.
) : (

Be first to read it

It’s being researched and written now. Leave your email and we’ll let you know when it’s ready, {guide.price}, one-time, no subscription. No charge today.

{ setEmail(e.target.value); setErr(false); }} type="email" placeholder="you@email.com" aria-label="Email address" style={{ flex: "1 1 240px", minWidth: 0, border: `1px solid ${err ? "#b4654a" : "rgba(47,47,47,0.18)"}`, borderRadius: 999, padding: "12px 18px", fontSize: 14.5, background: "#FFFFFF", color: "#2F2F2F", outline: "none" }} />
{err &&

That doesn’t look like an email, mind checking?

} )}
); } /* ---------- About (mission + principles, made visible) ---------- */ function AboutScreen({ onBack, onBrowse }) { const beliefs = [ ["Fewer, better", "Three picks, never a feed. We make the call so your weekend isn't one more thing to manage."], ["Calm is the point", "Rest is part of the plan, not a reward for finishing. A quiet morning still counts. Maybe it counts most."], ["Honest, always", "Real places, real judgment. We keep hours and prices directional or link the venue, so we never publish a number that quietly goes stale."], ["Never for sale", "A spot is in your three because it's genuinely good, never because someone paid. Our taste isn't for rent."], ["Your data is yours", "We won't hold your family's photos or your children's data until we can protect it like a bank. Words first, kept on your device."], ["Every element earns its place", "If something on the screen doesn't help you decide, it's clutter, and we cut it."], ]; const h2 = { font: "500 clamp(22px,3vw,28px) 'Source Serif 4', serif", letterSpacing: "-0.01em", color: "#2F2F2F", margin: "48px 0 18px" }; const p = { fontSize: 16.5, lineHeight: 1.65, color: "rgba(47,47,47,0.72)", margin: "0 0 16px" }; return (
Why we built this

Slow Weekend is the filter we wished we had.

Weekends with little kids are short, and they get eaten by decision fatigue, endless lists, and plans that leave everyone more tired than when they started. So we built the opposite: a calm place that hands you three outings worth your energy, then gets out of the way.

We'd rather you went once and loved it than five times and didn't.

What we believe

{beliefs.map(([title, body]) => (

{title}

{body}

))}

How we choose your three

Every outing first clears the Slow Weekend Filter, a real bar for how calm, low-friction, and forgiving it is with kids. Then, from the ones that pass, we pick the three that fit your family this week: your pace, the weather for the days you're actually looking at, the season (some places are only magic at the right time of year), what you've saved, and where you've been lately. Never random. Never a popularity contest.

Two promises

We're honest, and we're not for sale. We feature places because they're genuinely good for your family, never because anyone paid us. When we don't know something for sure, we say so or link you to the source.

We treat your family's data like a bank would, or we don't hold it. No children's photos, no quiet data collection. The personal parts of Slow Weekend live on your own device until we can protect them to that standard.

Built by parents, for parents. Thank you for spending a slow weekend with us.

); } /* ---------- App ---------- */ function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // A fresh line from the pool on each page load (stable across in-session nav). const [quote] = React.useState(() => { const q = (window.SLOW_WEEKEND_DATA.quotes || []); return q.length ? q[Math.floor(Math.random() * q.length)] : "A good weekend is one you don’t need to recover from."; }); // A shared link carries its target as a query param (?outing= / ?plan= / // ?collection= / ?week=); hydrate the nav stack from it on first load so the // recipient lands on the exact view (PRD §8). Unknown ids degrade to home. const [stack, setStack] = React.useState(() => { try { // Insights is the founder-facing metrics read-back, not for ordinary // visitors — no public link (it confused beta users). Reach it directly via // an obscure ?insights=1 URL (bookmark it). if (new URLSearchParams(location.search).has("insights")) return [{ type: "home" }, { type: "insights" }]; const s = SW.parseShareParams(location.search, window.SLOW_WEEKEND_DATA); if (s) return s; } catch (e) {} return [{ type: "home" }]; }); React.useEffect(() => { try { const s = SW.parseShareParams(location.search, window.SLOW_WEEKEND_DATA); const last = s && s[s.length - 1]; if (!last || !window.SWA) return; const map = last.type === "detail" ? { type: "outing", id: last.id } : last.type === "collection" ? { type: "collection", id: last.id } : last.picks ? { type: "picks", id: last.window || "weekend" } : last.window ? { type: "week", id: last.window } : null; if (map) SWA.track("share_open", map); } catch (e) {} }, []); const [saved, toggleSave] = useSaved(); const [reflections, setReflection] = useReflections(); const [feedback, setFeedbackEntry] = useFeedback(); const [memories, addMemory, removeMemoryAt, setMemoryDate] = useMemories(); // Instrumentation: real behavioral data only. Sample data is opt-in for a // demo (?demo=1) so the live dashboard reflects actual visitors, not fixtures. React.useEffect(() => { try { var demo = false; try { demo = new URLSearchParams(location.search).has("demo"); } catch (e) {} if (demo && window.SWA) SWA.seedDemo(); if (demo && memories.length === 0) { [["edgewood", "2026-06-13"], ["hiddenvilla", "2026-05-25"], ["hiddenvilla", "2026-05-04"]].forEach(function (m) { addMemory(m[0], m[1]); }); } } catch (e) {} }, []); const outingById = (id) => window.SLOW_WEEKEND_DATA.outings.find((o) => o.id === id); const logMemory = (id) => { try { const o = outingById(id); if (window.SWA && o) SWA.track("memory_add", { id: id, title: o.title, category: o.category }); } catch (e) {} addMemory(id); }; // Undo an accidental "we went" — removes today's entry for this outing. const unlogMemory = (id) => { const today = new Date().toISOString().slice(0, 10); const i = memories.findIndex((m) => m.id === id && m.date === today); if (i >= 0) removeMemoryAt(i); }; const openDetail = (id, ctx) => { try { const o = outingById(id); if (window.SWA && o) SWA.track("recommendation_click", Object.assign({ id: id, title: o.title, category: o.category, texture: o.texture, ageRange: o.ageRange, energyLevel: o.energyLevel, partner: o.partner || null }, ctx || {})); } catch (e) {} // Remember the lens this detail was entered from, so its outbound "Go" carries // it (the kill-metric). "all"/absent means no lens entry. const band = ctx && ctx.timeOfDay; _entryLens = band && band !== "all" ? band : null; setOpens((n) => n + 1); push({ type: "detail", id }); }; const trackedToggleSave = (id) => { try { const o = outingById(id); const willSave = !saved.includes(id); if (window.SWA && o) SWA.track("save_toggle", { id: id, title: o.title, category: o.category, saved: willSave, standing: SW.isStanding(o), partner: o.partner || null }); } catch (e) {} toggleSave(id); }; // Frictionless entry (PRD §18): a cold visitor (e.g. a curiosity click from a // shared link) lands straight in the picks after the calming intro — no upfront // questionnaire. We only *offer* tuning once they've tasted it (opened a pick // and come back), via a quiet, dismissable hook. Onboarding is never auto-shown; // it opens only when explicitly launched (the hook, or "replay" from Profile). const [onboardedInit] = React.useState(() => localStorage.getItem("sw_onboarded") === "1"); const [intro, setIntro] = React.useState(t.intro); const [onboarded, setOnboarded] = React.useState(onboardedInit); const [onboardingOpen, setOnboardingOpen] = React.useState(false); const [opens, setOpens] = React.useState(0); const [tuneDismissed, setTuneDismissed] = React.useState(() => localStorage.getItem("sw_tune_dismissed") === "1"); const [prefs, setPrefs] = React.useState(() => readPrefs()); // Home filter state lives here so it survives navigation (Home unmounts on every // detail/tab visit; local state reset = the filter-persistence bug). First-load // values come from the calendar + clock (SW.contextualDefaults), unless a shared // ?week=/?picks= link pins the window. const WINDOW_LABEL = { today: "Today", week: "This Week", weekend: "This Weekend" }; const [homeFilters, setHomeFilters] = React.useState(() => { const ctx = SW.contextualDefaults(new Date()); let shareWindow = null; try { const s0 = SW.parseShareParams(location.search, window.SLOW_WEEKEND_DATA); const hr = s0 && s0.find((r) => r.type === "home" && r.window); if (hr) shareWindow = hr.window; } catch (e) {} const p = readPrefs(); return { time: WINDOW_LABEL[shareWindow || ctx.window] || "This Weekend", timeOfDay: ctx.timeOfDay, natureOnly: false, energyLevels: [], regions: (p.regions && p.regions.length) ? p.regions : [], }; }); const setHF = (k) => (v) => setHomeFilters((f) => ({ ...f, [k]: typeof v === "function" ? v(f[k]) : v })); // Profile owns regions ("Where you wander"); sync the Home location control when // it changes (the Home control is a transient session override otherwise). React.useEffect(() => { if (prefs.regions && prefs.regions.length) setHomeFilters((f) => ({ ...f, regions: prefs.regions })); }, [JSON.stringify(prefs.regions)]); const homeState = { time: homeFilters.time, setTime: setHF("time"), timeOfDay: homeFilters.timeOfDay, setTimeOfDay: setHF("timeOfDay"), natureOnly: homeFilters.natureOnly, setNatureOnly: setHF("natureOnly"), energyLevels: homeFilters.energyLevels, setEnergyLevels: setHF("energyLevels"), regions: homeFilters.regions, setRegions: setHF("regions"), }; // Navigation is a stack synced to the browser History API, so the device/ // browser Back button (and gestures) walk the app's screens. `nav` sets the // stack and pushes a history entry; the popstate listener restores the stack // the browser hands back. const nav = (next) => { setStack(next); try { window.history.pushState({ swStack: next }, ""); } catch (e) {} window.scrollTo({ top: 0 }); }; React.useEffect(() => { try { window.history.replaceState({ swStack: stack }, ""); } catch (e) {} const onPop = (e) => { setStack((e.state && e.state.swStack) ? e.state.swStack : [{ type: "home" }]); window.scrollTo({ top: 0 }); }; window.addEventListener("popstate", onPop); return () => window.removeEventListener("popstate", onPop); }, []); const replayOnboarding = () => { setIntro(false); setOnboardingOpen(true); nav([{ type: "home" }]); }; const finishOnboarding = (p) => { setPrefs(p); setOnboarded(true); setOnboardingOpen(false); setTuneDismissed(true); window.scrollTo({ top: 0 }); }; const savePrefs = (p) => { SW.writePrefs(p); setPrefs(p); }; const dismissTune = () => { setTuneDismissed(true); try { localStorage.setItem("sw_tune_dismissed", "1"); } catch (e) {} }; // The deferred hook: offered after the aha (one opened pick), never to someone // who's already tuned or dismissed it. const showTuneHook = !onboarded && !tuneDismissed && opens >= 1; const cur = stack[stack.length - 1]; const prev = stack[stack.length - 2]; const push = (route) => nav([...stack, route]); const back = () => { if (stack.length > 1) window.history.back(); }; const goHome = () => nav([{ type: "home" }]); const goCollections = () => nav([{ type: "home" }, { type: "collections" }]); const goSaved = () => nav([{ type: "home" }, { type: "saved" }]); const goMemories = () => nav([{ type: "home" }, { type: "memories" }]); const goProfile = () => nav([{ type: "home" }, { type: "profile" }]); const baseOf = (ty) => (ty === "collections" || ty === "collection" || ty === "guide") ? "collections" : ty === "saved" ? "saved" : ty === "memories" ? "memories" : ty === "profile" ? "profile" : "home"; const active = (cur.type === "detail" && prev) ? baseOf(prev.type) : baseOf(cur.type); React.useEffect(() => { try { if (window.SWA) SWA.track("screen_view", { screen: cur.type, id: cur.id }); } catch (e) {} }, [cur.type, cur.id]); const goAbout = () => nav([{ type: "home" }, { type: "about" }]); let screen; if (cur.type === "home") { screen = setOnboardingOpen(true), onDismiss: dismissTune } : null} />; } else if (cur.type === "collections") { screen = push({ type: "collection", id })} onOpenOuting={(id, ctx) => openDetail(id, ctx || { section: "plans" })} onOpenGuide={(id) => { try { if (window.SWA) SWA.track("guide_view", { id }); } catch (e) {} push({ type: "guide", id }); }} />; } else if (cur.type === "collection") { screen = openDetail(id, { section: "collection", window: cur.id })} />; } else if (cur.type === "guide") { screen = ; } else if (cur.type === "memories") { screen = openDetail(id, { section: "memories" })} onReflect={setReflection} onRemove={removeMemoryAt} onSetDate={setMemoryDate} onBrowse={goHome} />; } else if (cur.type === "saved") { screen = openDetail(id, { section: "saved" })} onRemove={trackedToggleSave} onLog={logMemory} memories={memories} onBrowse={goHome} />; } else if (cur.type === "profile") { screen = ; } else if (cur.type === "insights") { screen = ; } else if (cur.type === "about") { screen = ; } else { const fromCollection = prev && prev.type === "collection"; screen = ; } const _sg = SW.savedGroups(saved, memories, window.SLOW_WEEKEND_DATA.outings); const savedCount = _sg.week.length + _sg.shortlist.length; return (
{intro && t.intro && setIntro(false)} />} {onboardingOpen && } {screen}
{cur.type !== "home" && (
)}

{quote}

The Slow Weekend Family ·
setTweak("cardStyle", v)} /> setTweak("scoreStyle", v)} /> setTweak("intro", v)} /> setTweak("onboardStyle", v)} /> setTweak("onboardDepth", v)} /> setTweak("personalization", v)} /> setTweak("timeLens", v)} /> setTweak("freshness", v)} /> setTweak("trustLine", v)} /> setTweak("howWeChoose", v)} />
); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "cardStyle": "editorial", "scoreStyle": "single", "intro": true, "onboardStyle": "guided", "onboardDepth": "standard", "personalization": "banner", "moreLayout": "grid", "timeLens": "shown", "freshness": "shown", "trustLine": "shown", "howWeChoose": "shown" }/*EDITMODE-END*/; ReactDOM.createRoot(document.getElementById("root")).render();