; }); /* ---- danmu compose: gõ → xác nhận (sửa được) → xuất bản ---- */ function DanmuCompose({ onPublish, placeholder = 'Viết bình luận…' }) { const [text, setText] = useState(''); const [pending, setPending] = useState(null); // chuỗi đang chờ xác nhận const review = () => { const t = text.trim(); if (!t) return; setPending(t); }; const publish = () => { onPublish(pending); setPending(null); setText(''); }; const edit = () => { setText(pending); setPending(null); }; if (pending) { return (

XEM TRƯỚC {pending}

); } return (

setText(e.target.value)} placeholder={placeholder} onKeyDown={e => { if (e.key === 'Enter') review(); }} style={{ flex: 1, fontFamily: 'var(--font-body)', fontSize: 14, color: 'var(--cream)', background: 'var(--ink-glass)', backdropFilter: 'blur(10px)', border: '1px solid var(--ink-line)', borderRadius: 12, padding: '11px 14px', outline: 'none', }} />

); } /* ---- notes list: chế độ Họp — bubble tĩnh kiểu chat, không bay ---- */ function NotesList({ notes, selfName, maxHeight = 220 }) { const scrollRef = useRef(null); useEffect(() => { if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight; }, [notes.length]); if (!notes.length) return null; return (

{notes.map((n, i) => { const self = n.a === selfName; return (

{!self && }

{!self &&

{n.a}

}

{n.t}

); })}

); } /* ---- in-app browser (Zalo/Messenger/...) detect + "mở bằng trình duyệt thật" banner ---- */ function detectInAppBrowser() { const ua = (typeof navigator !== 'undefined' && navigator.userAgent) || ''; if (/Zalo/i.test(ua)) return 'Zalo'; if (/FBAN|FBAV|FB_IAB|MessengerForiOS/i.test(ua)) return 'Facebook/Messenger'; if (/Instagram/i.test(ua)) return 'Instagram'; if (/\bLine\//i.test(ua)) return 'Line'; return null; } function InAppBrowserBanner() { const [app] = useState(detectInAppBrowser); const [dismissed, setDismissed] = useState(false); if (!app || dismissed) return null; return (

Đang mở trong {app} · mic & cài app có thể bị chặn. Bấm ⋯ ở trên → Mở bằng Safari/Chrome để dùng đầy đủ.

); } /* ---- striped image placeholder ---- */ function StripedImg({ label, style = {}, className = '', children }) { return (

{label && {label}} {children}

); } /* ---- B1 wordmark (in-app brand mark, replaces old 聚 seal) ---- */ function B1Wordmark({ size = 34, title, style = {} }) { return ( B1 ); } /* ---- vermilion seal stamp (signature mark) ---- */ function SealStamp({ size = 46, char = '聚', title, style = {} }) { return (

{char}

); } /* ---- mic level bars ---- */ function MicBars({ active = false, color = 'var(--gold)', size = 13 }) { if (!active) { return ( ); } return (

{[0, 1, 2].map(i => ( ))}

); } /* ---- push-to-talk button (thu âm thật bằng MediaRecorder) ---- */ function PushToTalk({ onStart, onEnd }) { const [held, setHeld] = useState(false); const [secs, setSecs] = useState(0); const [denied, setDenied] = useState(false); const recRef = useRef(null); const streamRef = useRef(null); const chunksRef = useRef([]); const startMsRef = useRef(0); useInterval(() => setSecs(s => s + 0.1), held ? 100 : null); const start = async (e) => { e.preventDefault(); setHeld(true); setSecs(0); startMsRef.current = Date.now(); onStart && onStart(); try { if (!navigator.mediaDevices?.getUserMedia) throw new Error('no-media'); const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); streamRef.current = stream; const rec = new MediaRecorder(stream); chunksRef.current = []; rec.ondataavailable = (ev) => { if (ev.data.size > 0) chunksRef.current.push(ev.data); }; rec.onstop = () => { const dur = (Date.now() - startMsRef.current) / 1000; const blob = new Blob(chunksRef.current, { type: rec.mimeType || 'audio/webm' }); const url = URL.createObjectURL(blob); stream.getTracks().forEach(t => t.stop()); streamRef.current = null; onEnd && onEnd({ url, duration: dur }); }; recRef.current = rec; rec.start(); } catch (err) { setDenied(true); } }; const end = () => { if (!held) return; setHeld(false); if (recRef.current && recRef.current.state === 'recording') { recRef.current.stop(); // → onstop sẽ gọi onEnd với clip recRef.current = null; } else { // fallback: chưa kịp/không có quyền micro → vẫn báo thời lượng onEnd && onEnd({ url: null, duration: secs }); } }; return ( ); } /* ---- voice clip: bubble phát lại sau khi thả nút giữ-để-nói ---- */ function VoiceClip({ clip, onClose, mine = true }) { const [playing, setPlaying] = useState(false); const [pos, setPos] = useState(0); const audioRef = useRef(null); useEffect(() => { if (!clip || !clip.url) return; const a = new Audio(clip.url); audioRef.current = a; a.addEventListener('timeupdate', () => setPos(a.currentTime)); a.addEventListener('ended', () => { setPlaying(false); setPos(0); }); return () => { a.pause(); audioRef.current = null; }; }, [clip && clip.url]); if (!clip) return null; const toggle = () => { const a = audioRef.current; if (!a) return; if (playing) { a.pause(); setPlaying(false); } else { a.currentTime = 0; a.play().catch(() => {}); setPlaying(true); } }; const dur = Math.max(0.1, clip.duration || 0); const pct = playing ? Math.min(100, (pos / dur) * 100) : 0; return (

{Array.from({ length: 22 }).map((_, i) => { const h = 4 + ((i * 7919) % 12); const reached = (i / 22) * 100 <= pct; return ; })}

{dur.toFixed(1)}s {onClose && }

); } Object.assign(window, { useInterval, uid, EMOJI_LIB, EMOJI_FLAT, TYPE_LABEL, DANMU_SEED, SPEEDS, PARTICLE_KINDS, MoteLayer, FlyingLayer, DanmuLayer, DanmuCompose, StripedImg, SealStamp, B1Wordmark, MicBars, PushToTalk, VoiceClip, SessionTray, NotesList, detectInAppBrowser, InAppBrowserBanner, });