/* Home, city picker, search */
const CI = (d) => ;
const CAT_SVG = {
'For You': CI(<>),
Concerts: CI(<>),
Dance: CI(<>),
Parties: CI(<>),
Social: CI(<>),
Festivals: CI(<>),
Comedy: CI(<>)
};
const CAT_ICON = { Dance: 'dance', Parties: 'parties', Social: 'social', 'Club nights': 'parties', Meetups: 'social', Festivals: 'festivals', Comedy: 'comedy' };
CAT_SVG['Club nights'] = CAT_SVG.Parties; CAT_SVG.Meetups = CAT_SVG.Social;
const MicIcon = () => ;
function useFiltered(city, cat, when, q) {
return useMemo(() => {
const T = DP.TODAY.getTime(), D = 864e5;
const fri = new Date(2026, 9, 16).getTime(), sunEnd = new Date(2026, 9, 19).getTime(), monthEnd = new Date(2026, 10, 1).getTime();
const cc = DP.CITIES[city].cc;
const ql = (q || '').trim().toLowerCase();
const ok = e => (cat === 'For You' || e.cat === cat) && (when === 'All' || (when === 'Next 48hrs' && e.ts <= T + 2 * D) || (when === 'Weekend' && e.ts >= Math.max(fri, T) && e.ts < sunEnd) || (when === 'This Month' && e.ts < monthEnd)) && (!ql || [e.nm, e.ven, e.city, e.cat, e.country].join(' ').toLowerCase().includes(ql));
const all = DP.EVENTS.filter(ok).sort((a, b) => a.ts - b.ts);
const inCity = all.filter(e => e.city === city);
const inCountry = all.filter(e => e.city !== city && e.cc === cc).sort((a, b) => DP.km(city, a.city) - DP.km(city, b.city) || a.ts - b.ts);
const abroad = all.filter(e => e.cc !== cc).sort((a, b) => DP.km(city, a.city) - DP.km(city, b.city) || a.ts - b.ts);
const country = DP.CITIES[city].country;
const tiers = [{ l: 'In ' + city, ev: inCity }];
if (inCity.length < 8 && inCountry.length) tiers.push({ l: (inCity.length ? 'More in ' : 'Elsewhere in ') + country, s: 'Closest first', ev: inCountry });
if (abroad.length) tiers.push({ l: 'Worth the trip', s: 'Other countries, closest first', ev: inCity.length + inCountry.length < 8 ? abroad : abroad.filter(e => e.feat) });
return { all, tiers: tiers.filter(t => t.ev.length), inCity, inCountry, abroad };
}, [city, cat, when, q]);
}
function Grid({ list, onOpen }) { return {list.map(e => )}
; }
function TierLabel({ l, s }) { return {l}{s && · {s}}
; }
function Banners({ onOpen }) {
const [i, setI] = useState(0); const ref = useRef();
useEffect(() => { const t = setInterval(() => { const el = ref.current; if (!el) return; const n = (Math.round(el.scrollLeft / el.clientWidth) + 1) % DP.BANNERS.length; el.scrollTo({ left: n * el.clientWidth, behavior: 'smooth' }); }, 5000); return () => clearInterval(t); }, []);
return
setI(Math.round(e.target.scrollLeft / e.target.clientWidth))} style={{ gap: 0 }}>
{DP.BANNERS.map((b, k) =>
onOpen(DP.EVENTS.find(e => e.id === b.ev))} style={{ flex: '0 0 100%', padding: '0 16px' }}>
Promoted{b.price})}
{DP.BANNERS.map((_, k) => )}
;
}
function CatTiles({ cat, setCat, counts }) {
return {DP.CATS.filter(c => c === cat || counts[c] > 0).map(c => { const on = c === cat; return ; })}
;
}
function FilterBar({ when, setWhen }) {
const { topInset } = useApp();
return
{DP.WHEN.map(w => setWhen(w)} svg={window.WHEN_ICONS[w]} style={{ height: 38, fontSize: 13.5, padding: '0 16px' }}>{w === 'Next 48hrs' ? 'Upcoming in 48hrs' : w})}
;
}
function Home({ onOpen, onSearch, onCity, onBell, onArtist }) {
const { city, topInset, bottomInset } = useApp();
const [cat, setCat] = useState('For You'); const [when, setWhen] = useState('All');
const [loading, setLoading] = useState(true);
useEffect(() => { const t = setTimeout(() => setLoading(false), 750); return () => clearTimeout(t); }, [city]);
useEffect(() => { setLoading(true); }, [city]);
const F = useFiltered(city, cat, when, '');
const base = useFiltered(city, 'For You', 'All', '');
const counts = useMemo(() => { const o = {}; DP.CATS.forEach(c => o[c] = c === 'For You' ? 1 : DP.EVENTS.filter(e => e.cat === c && e.cc === DP.CITIES[city].cc).length); return o; }, [city]);
const cc = DP.CITIES[city].cc, country = DP.CITIES[city].country;
const hot = useMemo(() => { const pool = DP.EVENTS.filter(e => e.cc === cc); const a = pool.filter(e => e.feat).slice(0, 4), b = pool.filter(e => !e.feat).slice(0, 4); return [...a, ...b].slice(0, 4); }, [city]);
const hotTitle = hot.every(e => e.city === city) ? city : country;
const filtered = cat !== 'For You' || when !== 'All';
const countries = useMemo(() => { const m = {}; Object.keys(DP.CITIES).forEach(c => { const n = DP.EVENTS.filter(e => e.city === c).length; if (!n) return; const k = DP.CITIES[c].country; (m[k] = m[k] || { k, cc: DP.CITIES[c].cc, list: [] }).list.push({ c, n }); }); return Object.values(m).map(g => ({ ...g, list: g.list.sort((a, b) => b.n - a.n) })).sort((a, b) => (a.cc === cc ? -1 : b.cc === cc ? 1 : a.k.localeCompare(b.k))); }, [city]);
const [ctab, setCtab] = useState(0);
return (
{loading ?
{[0, 1, 2, 3].map(i => )}
:
filtered ?
{ setCat('For You'); setWhen('All'); }} />
{F.all.length === 0 &&
Nothing {when === 'All' ? 'here yet' : when.toLowerCase()}Try another date or category.
}
{F.tiers.map(t =>
{F.tiers.length > 1 && }
)}
:
{base.inCity.length > 0 && base.inCity.length <= 4 &&
}
{hot.length > 0 &&
}
{base.tiers.map((t, k) => {(base.tiers.length > 1 && k > 0) && }
)}
{[{ k: 'All', all: true }, ...countries].map((g, i) => { const on = ctab === i; const n = g.all ? countries.reduce((s, c) => s + c.list.reduce((a, x) => a + x.n, 0), 0) : g.list.reduce((a, x) => a + x.n, 0); return ; })}
{(ctab === 0 ? countries.flatMap(g => g.list) : countries[ctab - 1].list).map(({ c, n }) => )}
{DP.ARTISTS.map(a =>
onArtist(a)} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 14, padding: 10, borderRadius: 16, border: '1px solid transparent', background: 'linear-gradient(var(--sur),var(--sur)) padding-box,var(--card-ring) border-box', boxShadow: 'var(--shadow)' }}>
)}
}
);
}
function CityPicker({ open, onClose }) {
const { city, setCity } = useApp();
const [q, setQ] = useState('');
const groups = useMemo(() => { const cc = DP.CITIES[city].cc; const m = {}; Object.keys(DP.CITIES).forEach(c => { const n = DP.EVENTS.filter(e => e.city === c).length; if (!n || !c.toLowerCase().includes(q.toLowerCase())) return; const k = DP.CITIES[c].country; (m[k] = m[k] || { k, cc: DP.CITIES[c].cc, d: DP.km(city, c), list: [] }).list.push({ c, n }); }); return Object.values(m).sort((a, b) => (a.cc === cc ? -1 : b.cc === cc ? 1 : a.d - b.d)); }, [city, q]);
return
setQ(e.target.value)} placeholder="Search city" style={inputStyle} />
{groups.map(g => {g.k}
{g.list.map(({ c, n }) =>
{ setCity(c); onClose(); }} right={c === city ? : } />)}
setQ(e.target.value)} placeholder="Search events, artists, venues…" style={inputStyle} />{q && setQ('')} size={28} dim={14} bg="var(--chip)" label="Clear" />}
{!show ?
Popular searches
{sugg.map(s => )}
:
{F.all.length === 0 &&
No results for “{q}”Try an artist, city or category.
}
{F.tiers.map(t =>
{F.tiers.length > 1 &&
}
{t.ev.map(e =>
)}
)}
}
;
}
Object.assign(window, { Home, CityPicker, SearchScreen, useFiltered });