administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-07 03:35:26 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

check ready state

Browse Source
This commit is contained in:
Josh Hawkins 2023-10-13 21:20:25 -05:00
parent 31db8e6a6d
commit a247571829
1 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/api/ws.jsx
View File

@ -2,7 +2,7 @@ import { createContext } from 'preact';
import { baseUrl } from './baseUrl'; import { baseUrl } from './baseUrl';
import { produce } from 'immer'; import { produce } from 'immer';
import { useCallback, useContext, useEffect, useReducer } from 'preact/hooks'; import { useCallback, useContext, useEffect, useReducer } from 'preact/hooks';
import useWebSocket from 'react-use-websocket'; import useWebSocket, { ReadyState } from 'react-use-websocket';
const initialState = Object.freeze({ __connected: false }); const initialState = Object.freeze({ __connected: false });
export const WS = createContext({ state: initialState, connection: null }); export const WS = createContext({ state: initialState, connection: null });
@ -35,9 +35,8 @@ export function WsProvider({
wsUrl = `${baseUrl.replace(/^http/, 'ws')}ws`, wsUrl = `${baseUrl.replace(/^http/, 'ws')}ws`,
}) { }) {
const [state, dispatch] = useReducer(reducer, initialState); const [state, dispatch] = useReducer(reducer, initialState);
console.log(dispatch);
const { sendJsonMessage } = useWebSocket(wsUrl, { const { sendJsonMessage, readyState } = useWebSocket(wsUrl, {
onMessage: (event) => { onMessage: (event) => {
dispatch(event.data); dispatch(event.data);
@ -47,37 +46,37 @@ export function WsProvider({
}); });
useEffect(() => { useEffect(() => {
if (readyState === ReadyState.OPEN) {
Object.keys(config.cameras).forEach((camera) => { Object.keys(config.cameras).forEach((camera) => {
console.log("Setting up")
const { name, record, detect, snapshots, audio } = config.cameras[camera]; const { name, record, detect, snapshots, audio } = config.cameras[camera];
dispatch({ topic: `${name}/recordings/state`, payload: record.enabled ? 'ON' : 'OFF', retain: false }); dispatch({ topic: `${name}/recordings/state`, payload: record.enabled ? 'ON' : 'OFF', retain: false });
dispatch({ topic: `${name}/detect/state`, payload: detect.enabled ? 'ON' : 'OFF', retain: false }); dispatch({ topic: `${name}/detect/state`, payload: detect.enabled ? 'ON' : 'OFF', retain: false });
dispatch({ topic: `${name}/snapshots/state`, payload: snapshots.enabled ? 'ON' : 'OFF', retain: false }); dispatch({ topic: `${name}/snapshots/state`, payload: snapshots.enabled ? 'ON' : 'OFF', retain: false });
dispatch({ topic: `${name}/audio/state`, payload: audio.enabled ? 'ON' : 'OFF', retain: false }); dispatch({ topic: `${name}/audio/state`, payload: audio.enabled ? 'ON' : 'OFF', retain: false });
}); });
}, [config]); }
}, [config, readyState]);
return <WS.Provider value={{ state, sendJsonMessage }}>{children}</WS.Provider>; return <WS.Provider value={{ state, readyState, sendJsonMessage }}>{children}</WS.Provider>;
} }
export function useWs(watchTopic, publishTopic) { export function useWs(watchTopic, publishTopic) {
const { state, sendJsonMessage } = useContext(WS); const { state, readyState, sendJsonMessage } = useContext(WS);
console.log(state);
const value = state[watchTopic] || { payload: null }; const value = state[watchTopic] || { payload: null };
const send = useCallback( const send = useCallback(
(payload, retain = false) => { (payload, retain = false) => {
console.log("sending json"); if (readyState === ReadyState.OPEN) {
sendJsonMessage({ sendJsonMessage({
topic: publishTopic || watchTopic, topic: publishTopic || watchTopic,
payload: payload, payload,
retain, retain,
}); });
}
}, },
[sendJsonMessage, watchTopic, publishTopic] [sendJsonMessage, readyState, watchTopic, publishTopic]
); );
return { value, send, connected: state.__connected }; return { value, send, connected: state.__connected };