// ═══════════════════════════════════════════════════════════════ // SECCIÓN — EDIBARAK // Editoriales. Estética: Swiss Punk (Weingart, Brockmann roto). // Helvética gritada, reglas gruesas, grid partido, rojo + negro, // elementos rotados, mezcla de escalas extrema. // ═══════════════════════════════════════════════════════════════ function EDSection({ initialSlug, onSlugChange, onChrome }) { const eds = window.EDITORIALES || []; const [openSlug, setOpenSlug] = React.useState(initialSlug || null); React.useEffect(() => { onChrome && onChrome({ accent: '#e60012', dark: '#0a0a0a', light: '#f4f1ea' }); }, [onChrome]); React.useEffect(() => { setOpenSlug(initialSlug || null); }, [initialSlug]); const open = (slug) => { setOpenSlug(slug); onSlugChange && onSlugChange(slug); }; const back = () => { setOpenSlug(null); onSlugChange && onSlugChange(null); }; if (openSlug) { const ed = eds.find(e => e.slug === openSlug); if (!ed) return ; return ; } return ; } // ─── INDEX ────────────────────────────────────────────────── function EDIndex({ eds, onOpen }) { return (
{/* MASTHEAD — kilométrico */}

Edi
Barak

Editoriales · opinión → {eds.length} textos
{/* MANIFIESTO — giant rule + statement */}
☛ Manifiesto / sin fecha
A veces
no es solo
hablar de
cine.
Se supone que hablamos de cine, pero acá también hablamos de otras cosas.
{/* LIST — grid partido, números gigantes */}
{eds.map((ed, i) => { const [year, ...rest] = ed.published.split('-'); const mes = ed.published.split('-')[1]; // Oldest = N°01, newest = N°(total). `eds` is sorted DESC by date, // so reverse the numbering at render time. const numStr = String(eds.length - i).padStart(2, '0'); return ( ); })}
{/* FOOT */}
Archivo 2021–2026
{eds.length.toString().padStart(2,'0')} · textos
); } // ─── READER ────────────────────────────────────────────────── function EDReader({ ed, onBack, eds, onOpen }) { const idx = eds.findIndex(e => e.slug === ed.slug); const next = eds[(idx + 1) % eds.length]; // Oldest = N°01 (eds is sorted DESC, so reverse). const editionNum = String(eds.length - idx).padStart(2, '0'); return (
{/* TOP BAR — right padding clears the hamburger button (top:14, 44×44) */}
EdiBarak N° {editionNum}
{/* SPLIT HEADER */}
{/* Left: big N°+date block */}
N°{editionNum}
{ed.published.split('-')[0]}
{(() => { const M = ['ENE','FEB','MAR','ABR','MAY','JUN','JUL','AGO','SEP','OCT','NOV','DIC']; const [y,m,d] = ed.published.split('-'); return `${d} · ${M[+m-1]} · ${y}`; })()}
{ed.topic}
{/* Right: title */}
Editorial ☛

{ed.title}

{/* PULL QUOTE (excerpt) */}
{ed.excerpt}
{/* BODY */}
{ed.blocks.map((b, i) => { if (b.kind === 'h' || b.kind === 'meta') return null; // header ya visual arriba if (b.kind === 'h2') { return (

{b.text}

); } if (b.kind === 'img') { return (
{b.alt {b.alt && (
{b.alt}
)}
); } if (b.kind === 'pull') { return (
"{b.text}"
); } return (

{i === 2 ? ( <> {b.text[0]} {b.text.slice(1)} ) : b.text}

); })}
{/* END RULE */}
Fin del texto
{/* SEGUÍ LEYENDO — cross-section related items */} {/* NEXT */} {/* bottom spacer — keeps the CTA clear of the browser's bottom chrome */}
); } // ─── RELATED (cross-section) ───────────────────────────────── // EdiBarak reader shouldn't dead-end: surface 4 handpicked items that // bridge into other sections (Vamos Viendo críticas + Inmenso Bastardo). // We prefer editorial.relatedFull if present; otherwise fall back to // the 3 most-recent críticas + 1 IB chapter. function EDRelated({ ed, eds }) { const ibSlugs = React.useMemo(() => { const s = new Set(); (window.IB_CAPITULOS || []).forEach(c => s.add(c.slug)); return s; }, []); const criticasBySlug = React.useMemo(() => { const m = {}; (window.CRITICAS || []).forEach(c => { m[c.slug] = c; }); return m; }, []); const ibBySlug = React.useMemo(() => { const m = {}; (window.IB_CAPITULOS || []).forEach(c => { m[c.slug] = c; }); return m; }, []); const posterMap = window.__RT_POSTER_MAP__ || {}; // Build candidates: first from ed.relatedFull (if any), then fallback // to mixing recent críticas + first IB chapter so there's always a // non-dead-end. const items = []; const seen = new Set(); const push = (obj) => { if (!obj || !obj.slug || seen.has(obj.slug)) return; seen.add(obj.slug); items.push(obj); }; const buildCritica = (slug) => { const c = criticasBySlug[slug]; if (!c) return null; const film = c.film || {}; const isIB = ibSlugs.has(slug) || (Array.isArray(c.series) && c.series.includes('inmenso-bastardo')); return { slug, kind: isIB ? 'ib' : 'vv', href: isIB ? `#/ib/${slug}` : `#/vv/${slug}`, title: film.title || c.filmTitle || c.title, year: film.year || c.year || '', director: Array.isArray(film.director) ? film.director[0] : (c.director || ''), poster: c.poster || posterMap[slug] || c.cover, sectionLabel: isIB ? 'Inmenso Bastardo' : 'Vamos Viendo', }; }; const buildIB = (slug) => { const c = ibBySlug[slug]; if (!c) return null; return { slug, kind: 'ib', href: `#/ib/${slug}`, title: c.filmTitle || c.title, year: c.year || '', director: Array.isArray(c.director) ? c.director[0] : (c.director || ''), poster: c.poster || posterMap[slug] || c.cover, sectionLabel: 'Inmenso Bastardo', }; }; const buildEditorial = (slug) => { if (slug === ed.slug) return null; const e = (eds || []).find(x => x.slug === slug); if (!e) return null; return { slug, kind: 'ed', href: `#/ed/${slug}`, title: e.title, year: (e.published || '').split('-')[0] || '', director: e.topic || '', poster: null, sectionLabel: 'EdiBarak', }; }; // 1) anything explicit on the editorial (ed.relatedFull || []).forEach(r => { if (!r || !r.slug) return; if (r.type === 'editorial') push(buildEditorial(r.slug)); else if (r.type === 'critica') push(buildCritica(r.slug)); else if (r.type === 'ib') push(buildIB(r.slug)); }); // 2) fallback — if we have < 4, fill with recent críticas (VV + IB mix) if (items.length < 4) { const recentCriticas = (window.CRITICAS || []).slice(0, 12); for (const c of recentCriticas) { if (items.length >= 4) break; const built = buildCritica(c.slug); if (built) push(built); } } // 3) ensure at least one IB chapter so cross-section nav is visible if (items.length < 4) { const firstIB = (window.IB_CAPITULOS || [])[0]; if (firstIB) push(buildIB(firstIB.slug)); } // 4) add another editorial if still short if (items.length < 4) { const otherEd = (eds || []).find(e => e.slug !== ed.slug); if (otherEd) push(buildEditorial(otherEd.slug)); } const resolved = items.slice(0, 4); if (!resolved.length) return null; return (
Seguí leyendo ↗
otras secciones
{resolved.map((r, i) => { const accent = r.kind === 'ed' ? '#0a0a0a' : '#e60012'; const labelBg = r.kind === 'ed' ? '#e60012' : '#0a0a0a'; return (
→ {r.sectionLabel} {r.kind === 'ib' ? 'IB' : r.kind === 'ed' ? 'ED' : 'VV'}
{r.title}
{(r.year || r.director) && (
{[r.year, r.director].filter(Boolean).join(' · ')}
)}
Leer →
); })}
); } window.EDSection = EDSection;