root/gaming-hub
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Auto-Join via ?viewStream= URL-Parameter funktioniert jetzt

Browse source 
App.tsx wechselt automatisch zum Streaming-Tab wenn ?viewStream= in der URL steht.
StreamingTab nutzt ref-basierten Ansatz: Stream-ID wird beim Mount gespeichert,
Passwort-Modal oeffnet sich sobald die Stream-Liste vom Server geladen ist.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Daniel 2026-03-07 02:07:49 +01:00
parent 470bef62e4
commit 59ebfc91a9
4 changed files with 82 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

37
web/src/plugins/streaming/StreamingTab.tsx
View file

@ -441,28 +441,31 @@ export default function StreamingTab({ data }: { data: any }) {
}, []);
// ── Auto-join from URL ?viewStream=... ──
const pendingViewStreamRef = useRef<string | null>(null);
// On mount: grab the streamId from URL and clear it
useEffect(() => {
const params = new URLSearchParams(location.search);
const streamId = params.get('viewStream');
if (!streamId) return;
// Clean up URL
const url = new URL(location.href);
url.searchParams.delete('viewStream');
window.history.replaceState({}, '', url.toString());
// Wait for streams to load, then open join modal
const tryOpen = () => {
const s = streams.find(st => st.id === streamId);
if (s) { openJoinModal(s); return; }
// Retry a few times (stream list may not be loaded yet)
let tries = 0;
const iv = setInterval(() => {
tries++;
if (tries > 20) { clearInterval(iv); return; }
}, 500);
};
setTimeout(tryOpen, 500);
if (streamId) {
pendingViewStreamRef.current = streamId;
const url = new URL(location.href);
url.searchParams.delete('viewStream');
window.history.replaceState({}, '', url.toString());
}
}, []);
// When streams update, check if we have a pending auto-join
useEffect(() => {
const pending = pendingViewStreamRef.current;
if (!pending || streams.length === 0) return;
const s = streams.find(st => st.id === pending);
if (s) {
pendingViewStreamRef.current = null;
openJoinModal(s);
}
}, [streams, openJoinModal]);
// ── Helpers for 3-dot menu ──
const buildStreamLink = useCallback((streamId: string) => {
const url = new URL(location.href);