/* components.jsx — composed components for the Collective website kit. */ /* ---------- Top Nav ---------- */ function Nav({ route, onNavigate }) { const items = [ ["music", "Music"], ["video", "Video"], ["programme", "Live"], ["about", "About"], ]; return (
{ e.preventDefault(); onNavigate("home"); }} style={{ border: 0, textDecoration: "none" }}>
); } /* ---------- Footer colophon ---------- */ function Footer() { return ( ); } /* ---------- Player (footer, wired to playerApi) ---------- */ function Player({ playerApi }) { if (!playerApi) return null; const { state, togglePlay, prev, next, seek, playTrack } = playerApi; const fp = window.RELEASES && window.RELEASES.find(r => r.slug === "fisher-point"); const hasTrack = state.trackIdx >= 0; // Default display when nothing is loaded: first track of Fisher Point. const displayTitle = hasTrack ? state.title : (fp ? fp.tracks[0].title : ""); const displaySubtitle = hasTrack ? state.subtitle : (fp ? `${fp.title} · 01` : ""); const totalSec = state.duration || 0; const curSec = state.position || 0; const pos = totalSec > 0 ? curSec / totalSec : 0; const fmt = s => { if (!isFinite(s) || s < 0) return "0:00"; const m = Math.floor(s/60), r = Math.floor(s % 60); return `${m}:${String(r).padStart(2,"0")}`; }; return (
{/* Track info */}
{fp && fp.sleeve ? ( ) : null}
{displayTitle} {displaySubtitle}
{/* Transport + scrubber */}
{state.isPlaying ? Live : null}
{fmt(curSec)}
{ const r = e.currentTarget.getBoundingClientRect(); seek(Math.max(0, Math.min(1, (e.clientX - r.left) / r.width))); }} style={{ height: 2, background: "var(--rule-strong)", position: "relative", cursor: "pointer" }}>
{fmt(totalSec)}
{/* Volume — visual only for now */}
); } const transportBtn = { background: "transparent", border: 0, color: "var(--halo-200)", cursor: "pointer", padding: 4, display: "inline-flex", alignItems: "center", }; const timeStyle = { fontFamily: "var(--font-mono)", fontSize: 11, fontVariantNumeric: "tabular-nums", color: "var(--halo-400)", }; /* ---------- Section wrapper ---------- */ function Section({ eyebrow, title, children, max, style, dividerBrass }) { return (
{eyebrow || title ? (
{dividerBrass ? : }
{eyebrow ? {eyebrow} : } {title ? (

{title}

) : null}
) : null}
{children}
); } /* ---------- ReleaseCard ---------- */ function ReleaseCard({ release, onClick, featured }) { const palettes = { "night-pieces": ["#1A1612","#3D2A1A","#C9A24A"], "vespers": ["#0F1A28","#14233A","#7A8A6E"], "after-hours": ["#2A1820","#5C1A1F","#E2C57E"], "small-rooms": ["#1A1A1A","#0A0A0A","#ADA294"], "score-quiet": ["#1A1512","#2A1F18","#C95B2E"], "soho-three": ["#221710","#0B0908","#C9A24A"], }; const [bg1,bg2,acc] = palettes[release.slug] || palettes["night-pieces"]; const hasPhoto = !!release.sleeve; return ( { e.preventDefault(); onClick && onClick(release); }} style={{ textDecoration: "none", border: 0, color: "inherit", display: "block", gridColumn: featured ? "span 2" : "auto" }}>
{/* photo, if any */} {hasPhoto ? ( ) : (
)} {/* protection gradient bottom-up so type reads */} {hasPhoto ? (
) : null} {/* typeset cover */}
CWC—{release.cat}
{release.title}
{release.title}
{release.subtitle}
{release.year}
); } /* ---------- Tracklist (wired to playerApi when given) ---------- */ function Tracklist({ tracks, releaseSlug, playerApi }) { const playingIdx = playerApi && playerApi.state.releaseSlug === releaseSlug ? playerApi.state.trackIdx : -1; const isPlaying = playerApi ? playerApi.state.isPlaying : false; return ( {tracks.map((t, i) => { const isCur = i === playingIdx; const showPause = isCur && isPlaying; const onClick = () => playerApi && playerApi.playTrack(releaseSlug, i); return ( e.currentTarget.style.background = "var(--night-700)"} onMouseLeave={e => e.currentTarget.style.background = "transparent"}> ); })}
{String(i+1).padStart(2, "0")} {t.title} {t.time}
); } /* ---------- ProgrammeRow ---------- */ function ProgrammeRow({ event }) { const tagColor = { "On sale": "var(--brass-600)", "Few left": "var(--ember-500)", "Sold out": "var(--halo-400)" }[event.status] || "var(--halo-300)"; return (
e.currentTarget.style.background = "var(--night-700)"} onMouseLeave={e => e.currentTarget.style.background = "transparent"}>
{event.date}
{event.venue}
{event.sub}
{event.city}
{event.status}
); } /* ---------- PressQuote ---------- */ function PressQuote({ quote, source }) { return (
“
{quote}
{source}
); } Object.assign(window, { Nav, Footer, Player, Section, ReleaseCard, Tracklist, ProgrammeRow, PressQuote });