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 2 Packages Projects Releases Wiki Activity

wuh

Browse Source
This commit is contained in:
legop3
2025-12-01 23:45:44 -05:00
parent 2b2b6cbb60
commit 1d664cbe4c
3 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-D7nzoVy2.js → server/public/assets/index-BnSgZj98.js
+7 -7
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-D7nzoVy2.js"></script>
<script type="module" crossorigin src="/assets/index-BnSgZj98.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B1UrCI1T.css">
</head>
<body>
webui/src/hooks/useRoomCameraSnapshots.js
+7 -6
View File
@@ -5,16 +5,17 @@ export function useRoomCameraSnapshots(sourceList = []) {
const socket = useSocket();
const [feeds, setFeeds] = useState({});
const objectUrls = useRef(new Map());
const entriesKey = useMemo(() => sourceList.map((e) => (typeof e === 'string' ? e : e.id)).join('|'), [sourceList]);
const ids = useMemo(() => sourceList.map((e) => (typeof e === 'string' ? e : e.id)), [sourceList]);
const idsKey = useMemo(() => ids.join('|'), [ids]);
useEffect(() => {
objectUrls.current.forEach((url) => URL.revokeObjectURL(url));
objectUrls.current.clear();
setFeeds({});
}, [entriesKey]);
}, [idsKey]);
useEffect(() => {
if (!sourceList.length || !socket) {
if (!ids.length || !socket) {
return undefined;
}
let cancelled = false;
@@ -58,17 +59,17 @@ export function useRoomCameraSnapshots(sourceList = []) {
socket.on('roomCamera:frame', handleFrame);
socket.on('roomCamera:status', handleStatus);
socket.emit('roomCamera:subscribe', { ids: sourceList.map((e) => (typeof e === 'string' ? e : e.id)) });
socket.emit('roomCamera:subscribe', { ids });
return () => {
cancelled = true;
socket.emit('roomCamera:unsubscribe', { ids: sourceList.map((e) => (typeof e === 'string' ? e : e.id)) });
socket.emit('roomCamera:unsubscribe', { ids });
socket.off('roomCamera:frame', handleFrame);
socket.off('roomCamera:status', handleStatus);
objectUrls.current.forEach((url) => URL.revokeObjectURL(url));
objectUrls.current.clear();
};
}, [socket, sourceList, entriesKey]);
}, [socket, idsKey, ids]);
return feeds;
}