Facilitator session

`; function makeDemoBlobUrl() { const blob = new Blob([DEMO_DECK_HTML], { type: 'text/html' }); return URL.createObjectURL(blob); } // ===================================================================== // Main App // ===================================================================== function App() { useAntiDownload(); const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); const [embedUrl, setEmbedUrl] = useAppState(getInitialEmbedUrl()); const [session, setSession] = useAppState(getSession()); const [slideIndex, setSlideIndex] = useAppState(0); const [slides, setSlides] = useAppState([]); const [overviewOpen, setOverviewOpen] = useAppState(false); const [notesOpen, setNotesOpen] = useAppState(true); const [fullscreen, setFullscreen] = useAppState(false); const toast = useToast(); const iframeRef = useAppRef(null); // Wire up reveal bridge once we have a URL + iframe useAppEffect(() => { if (!embedUrl || !iframeRef.current) return; RevealBridge.attach(iframeRef.current); const offReady = RevealBridge.on('ready', (info) => { if (!info.sameOrigin && (RevealBridge.getSlides() || []).length === 0) { toast.fire('Cross-origin deck — notes only available from same-domain embeds.'); } }); const offSlides = RevealBridge.on('slideschanged', (s) => setSlides(s)); const offSlide = RevealBridge.on('slidechanged', ({ indexFlat, total }) => { setSlideIndex(indexFlat || 0); }); return () => { offReady(); offSlides(); offSlide(); RevealBridge.destroy(); }; }, [embedUrl]); // Keyboard shortcuts useAppEffect(() => { const onKey = (e) => { if (e.target.matches('input, textarea')) return; const k = e.key.toLowerCase(); if (k === 'n') { setNotesOpen((o) => !o); } else if (k === 'o') { setOverviewOpen((o) => !o); } else if (k === 'f') { setFullscreen((f) => !f); } else if (e.key === 'Escape') { setOverviewOpen(false); setFullscreen(false); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); const currentSlide = slides[slideIndex] || {}; const totalSlides = slides.length; const progressPct = totalSlides ? ((slideIndex + 1) / totalSlides) * 100 : 0; const onSubmitSetup = ({ url, title }) => { if (url === 'demo') { const u = makeDemoBlobUrl(); localStorage.setItem('facilitator:deckUrl', u); setEmbedUrl(u); } else { localStorage.setItem('facilitator:deckUrl', url); setEmbedUrl(url); } if (title) { localStorage.setItem('facilitator:title', title); setSession((s) => ({ ...s, title })); } }; const handleFullscreen = () => { setFullscreen((f) => { const next = !f; try { if (next) document.documentElement.requestFullscreen?.(); else document.exitFullscreen?.(); } catch {} return next; }); }; const handleChangeDeck = () => { localStorage.removeItem('facilitator:deckUrl'); setEmbedUrl(''); setSlides([]); setSlideIndex(0); }; const headerVisible = tweaks.headerStyle !== 'hidden' && !fullscreen; return (

Skip to slides

setOverviewOpen(true)} onFullscreen={handleFullscreen} onChangeDeck={handleChangeDeck} />

{!embedUrl ? ( ) : (