);
}
/* ---- Pulp nudge ---- */
// PulpNudge — a gentle "EXTRA! EXTRA!" toast that floats up from the corner
// after ~15 s on the site with the Pulp's current top headline. Mounted in the
// App shell (NOT inside : its retained animation transform
// would hijack position:fixed and pin the toast to the page bottom instead of
// the viewport) so the timer keeps running while visitors click between
// sections. Frequency-capped per browser (localStorage ff_pulp_nudge): it
// returns only for a fresh top headline (3-day minimum between showings) or
// after 3 quiet weeks.
function PulpNudge() {
const [art, setArt] = React.useState(null);
const [out, setOut] = React.useState(false);
React.useEffect(() => {
const KEY = 'ff_pulp_nudge';
let stored = null;
try { stored = JSON.parse(localStorage.getItem(KEY) || 'null'); } catch (_) {}
let timer, dead = false;
fetch('/api/pulp/articles')
.then(r => r.ok ? r.json() : null)
.then(data => {
const top = data && data.articles && data.articles[0];
if (!top || !top.hed || dead) return; // no headline, no nudge
const days = stored ? (Date.now() - (stored.t || 0)) / 864e5 : Infinity;
const due = !stored || (days >= 3 && stored.h !== top.hed) || days >= 21;
if (!due) return;
timer = setTimeout(() => {
if (dead) return;
setArt(top);
try { localStorage.setItem(KEY, JSON.stringify({ h: top.hed, t: Date.now() })); } catch (_) {}
if (window.ffTrack) window.ffTrack('pulp_nudge', 'shown');
}, 15000);
})
.catch(() => {});
return () => { dead = true; clearTimeout(timer); };
}, []);
if (!art) return null;
const dismiss = () => {
if (window.ffTrack) window.ffTrack('pulp_nudge', 'dismiss');
setOut(true);
setTimeout(() => setArt(null), 400);
};
return (