// BROADSHEET — dense multi-column newsprint grid. const SOCIAL_ICONS = { instagram: ( ), youtube: ( ), facebook: ( ), tiktok: ( ), spotify: ( ), soundcloud: ( ), }; const SOCIAL_ORDER = ['instagram', 'youtube', 'spotify', 'soundcloud', 'tiktok', 'facebook']; function RecentSubmissions({ limit = 8 }) { const [tracks, setTracks] = useState([]); const [status, setStatus] = useState('loading'); useEffect(() => { let alive = true; fetch('recent-submissions.php?limit=' + limit, { cache: 'no-store' }) .then(r => r.ok ? r.json() : Promise.reject(new Error('HTTP ' + r.status))) .then(j => { if (!alive) return; setTracks(Array.isArray(j.tracks) ? j.tracks : []); setStatus('ready'); }) .catch(() => { if (alive) setStatus('error'); }); return () => { alive = false; }; }, [limit]); if (status === 'loading') { return
Loading submissions…
; } if (status === 'error' || !tracks.length) { return (
Inbox is quiet. Send your track →
); } return (
{tracks.map((t, i) => { const audioUrl = t.uploadedFile || ''; const isAudio = /\.(wav|mp3|m4a)$/i.test(audioUrl); const socials = t.socials || {}; return (
SUBMITTED {t.genre && {t.genre}} {timeAgo(t.submittedAt) || 'just now'}

{t.trackTitle || 'Untitled'}

by {t.artistName || 'Unknown artist'}
{isAudio && (
); })}
); } function EditorialDesk({ limit = 5 }) { const [posts, setPosts] = useState([]); const [status, setStatus] = useState('loading'); useEffect(() => { let alive = true; fetch('/blog/posts.json', { cache: 'no-store' }) .then(r => r.ok ? r.json() : Promise.reject(new Error('HTTP ' + r.status))) .then(j => { if (!alive) return; const list = Array.isArray(j.posts) ? j.posts.slice(0, limit) : []; setPosts(list); setStatus('ready'); }) .catch(() => { if (alive) setStatus('error'); }); return () => { alive = false; }; }, [limit]); if (status !== 'ready' || !posts.length) return null; const lead = posts[0]; const rest = posts.slice(1); return ( <>
EDITORIAL · {lead.date}{lead.word_count ? ` · ${lead.word_count} WORDS` : ''}

{lead.title}

{lead.dek}

{Array.isArray(lead.tags) && lead.tags.length > 0 && (
{lead.tags.slice(0, 5).join(' · ')}
)}
→ READ THE EDITORIAL
{rest.map(p => ( ))}
→ ALL EDITORIALS
); } function Broadsheet() { const { data, openArticle, previewTrack, playPodcast } = useGKR(); const { breaking, lead, releases, reviews, tours, features, charts, podcasts, videos } = data; return (
{/* GKR EDITORIAL DESK — original writing, surfaced above third-party news */} {/* LEAD + SIDEBAR */}
{lead.kicker} · {lead.genre} · {lead.reading} MIN

{lead.title}

{lead.dek}

{lead.byline}
{(() => { const body = (lead.body && lead.body.length) ? lead.body : (lead.dek ? [lead.dek] : []); if (!body.length) return null; return (
{body.map((p, i) => { const first = p.charAt(0); const rest = p.slice(1); const isLast = i === body.length - 1; return (

{i === 0 ? <>{first}{rest} : p}

); })}
); })()}
{/* SIDEBAR */}
{/* FEATURES ROW */}
{features.map(f => )}
{/* THREE-UP SECTIONS */}
{releases.map(r => )}
{reviews.map(v => openArticle({ ...x, title: x.artist + ' — ' + x.title, kicker: 'REVIEW', dek: x.blurb })} />)}
{tours.map(t => )}
{/* VIDEO ROW (YouTube trending music chart, COLORS fallback) */} {videos && videos.length > 0 && ( <>
{videos.map(v => (
openArticle(v)}>
VIDEO {v.genre} {v.time || v.source || 'COLORS'}

{v.title}

{v.dek &&

{v.dek}

}
))}
)} {/* FOOTER */}
); } window.Broadsheet = Broadsheet;