/* Shared UI — Header, Footer, TalkCard, icons, member store. Exposes to window. */ const { useState, useEffect, useRef } = React; /* ---- membership store (backed by SK_API token; localStorage fallback) ---- */ const memberStore = { get: () => { try { return window.SK_API ? window.SK_API.isMember() : localStorage.getItem('sk-member') === '1'; } catch (e) { return false; } }, set: (v) => { if (window.SK_API) { if (v) window.dispatchEvent(new Event('sk-member')); else window.SK_API.logout(); return; } try { localStorage.setItem('sk-member', v ? '1' : '0'); } catch (e) {} window.dispatchEvent(new Event('sk-member')); }, }; function useMember() { const [m, setM] = useState(memberStore.get()); useEffect(() => { const h = () => setM(memberStore.get()); window.addEventListener('sk-member', h); return () => window.removeEventListener('sk-member', h); }, []); return [m, (v) => memberStore.set(v)]; } const openModal = (name) => window.dispatchEvent(new CustomEvent('sk-modal', { detail: name })); /* ---- inline icons ---- */ function Icon({ name, size = 20, stroke = 1.7, style }) { const p = { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: stroke, strokeLinecap: 'round', strokeLinejoin: 'round', style }; const paths = { search: <>, play: , pause: <>, headphones: <>, video: <>, book: <>, arrow: , chevL: , chevR: , chevD: , clock: <>, bookmark: , bookmarkFill: , heart: , heartFill: , eye: <>, share: <>, menu: <>, close: , exit: <>, text: <>, mail: <>, user: <>, quote: , grid: <>, sparkle: , globe: <>, sliders: <>, lock: <>, check: , star: , moon: , instagram: <>, facebook: , x: , telegram: , youtube: <>, }; return ; } function Monogram({ person, size = 40, initialsOnly = false }) { if (person.photo && !initialsOnly) { return {person.name}; } return {person.initials}; } /* ---- Language switcher ---- */ function LanguageSwitcher({ compact }) { const { lang, setLang, meta, LANGS } = window.SK_I18N.useLang(); const [open, setOpen] = useState(false); const ref = useRef(null); useEffect(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; window.addEventListener('mousedown', h); return () => window.removeEventListener('mousedown', h); }, []); return (
{open && (
{LANGS.map(l => ( ))}
)}
); } function Brand({ place = 'header' }) { const LIGHT = 'assets/logo-light.png', DARK = 'assets/logo-dark.png'; if (place === 'footer') { return Server Kürsü; } return ( Server Kürsü ); } /* ---- Header with person-based dropdowns ---- */ function Header() { const D = window.SK_DATA; const { t } = window.SK_I18N.useLang(); const [open, setOpen] = useState(false); const [drop, setDrop] = useState(null); const [macc, setMacc] = useState(null); const [isMember] = useMember(); // mobil menü açıkken arka plandaki sayfa kaymasın useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); const goSearch = () => { window.location.href = 'search.html'; }; const closeMobile = () => { setOpen(false); setMacc(null); }; return (
{isMember ? : }
{open && (
{D.nav.map((g, i) => (
{macc === i && (
{g.cats.map(c => c === 'Hakkında' ? {c} : {c})}
)}
))} {t('nav_all')} {t('contact')}
)}
); } /* ---- simple likes store (persisted) ---- */ const likesStore = { all: () => { try { return new Set(JSON.parse(localStorage.getItem('sk-likes')) || []); } catch (e) { return new Set(); } }, has: (slug) => likesStore.all().has(slug), toggle: (slug) => { const s = likesStore.all(); const on = !s.has(slug); on ? s.add(slug) : s.delete(slug); try { localStorage.setItem('sk-likes', JSON.stringify([...s])); } catch (e) {} if (window.SK_API) window.SK_API.like(slug, on); window.dispatchEvent(new Event('sk-likes')); return on; }, }; function useLiked(slug) { const [on, setOn] = useState(() => likesStore.has(slug)); useEffect(() => { const h = () => setOn(likesStore.has(slug)); window.addEventListener('sk-likes', h); return () => window.removeEventListener('sk-likes', h); }, [slug]); return [on, () => setOn(likesStore.toggle(slug))]; } /* ---- Talk card ---- */ function TalkCard({ talk, variant }) { const D = window.SK_DATA; const { t } = window.SK_I18N.useLang(); const href = `watch.html?v=${talk.slug}`; const kindIcon = talk.kind === 'audio' ? 'headphones' : 'video'; const [liked, toggleLike] = useLiked(talk.slug); const likeCount = talk.views ? Math.round(talk.views * 0.06) + (liked ? 1 : 0) : 0; return (
{talk.kind === 'audio' ? 'Sesli' : 'Video'} {talk.durLabel}
{talk.category}

{talk.title}

{talk.speaker.short} {talk.greg && talk.greg !== '—' && <>·{talk.greg}}
{D.fmtCount(talk.views)} {t('views')}
); } /* ---- Footer (mirrors real site structure) ---- */ function Footer() { const D = window.SK_DATA; const { t } = window.SK_I18N.useLang(); const socials = ['instagram','facebook','x','telegram','youtube']; return ( ); } Object.assign(window, { Icon, Monogram, Brand, Header, TalkCard, Footer, LanguageSwitcher, useMember, memberStore, likesStore, openModal });