legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

this is how it should have been...

Browse Source
This commit is contained in:
legop3
2025-12-01 23:02:59 -05:00
parent d9d8d44013
commit d068f07c4b
3 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-CAsUvZ8l.js → server/public/assets/index-BSwETZ7o.js
+5 -5
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CAsUvZ8l.js"></script>
<script type="module" crossorigin src="/assets/index-BSwETZ7o.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B1UrCI1T.css">
</head>
<body>
webui/src/hooks/useRoomCameraSnapshots.js
+19 -1
View File
@@ -2,6 +2,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
import { useSocket } from '../context/SocketContext.jsx';
const RETRY_DELAY_MS = 3000;
const RATE_LIMIT_RETRY_MS = 5000;
function normalizeCamera(entry) {
if (!entry) return null;
@@ -33,6 +34,7 @@ export function useRoomCameraSnapshots(sourceList = []) {
const entriesKey = useMemo(() => normalizedEntries.map((e) => e.key).join('|'), [normalizedEntries]);
const retryTimers = useRef(new Map());
const entriesRef = useRef([]);
const subscribeState = useRef(new Map()); // id -> 'idle' | 'pending' | 'subscribed'
useEffect(() => {
entriesRef.current = normalizedEntries;
@@ -44,6 +46,7 @@ export function useRoomCameraSnapshots(sourceList = []) {
setFeeds({});
retryTimers.current.forEach((timer) => clearTimeout(timer));
retryTimers.current.clear();
subscribeState.current.clear();
}, [entriesKey]);
useEffect(() => {
@@ -109,12 +112,26 @@ export function useRoomCameraSnapshots(sourceList = []) {
const requestSubscribe = (id) => {
const entry = entries.find((e) => e.id === id);
if (!entry) return;
// Avoid spamming subscribe if already pending/subscribed.
const state = subscribeState.current.get(id) || 'idle';
if (state === 'pending' || state === 'subscribed') {
return;
}
subscribeState.current.set(id, 'pending');
socket.emit('roomCamera:subscribe', { roomCameraId: entry.id }, (resp = {}) => {
if (resp.error) {
subscribeState.current.set(id, 'idle');
handleStatus({ id: entry.id, error: resp.error });
scheduleRetry(entry.id);
const delay = resp.error.toLowerCase().includes('rate') ? RATE_LIMIT_RETRY_MS : RETRY_DELAY_MS;
clearRetry(entry.id);
const timer = setTimeout(() => {
retryTimers.current.delete(entry.id);
requestSubscribe(entry.id);
}, delay);
retryTimers.current.set(entry.id, timer);
} else {
clearRetry(entry.id);
subscribeState.current.set(id, 'subscribed');
handleStatus({ id: entry.id, stale: true });
}
});
@@ -136,6 +153,7 @@ export function useRoomCameraSnapshots(sourceList = []) {
objectUrls.current.clear();
retryTimers.current.forEach((timer) => clearTimeout(timer));
retryTimers.current.clear();
subscribeState.current.clear();
};
}, [socket, entriesKey]);