Function useInitialSync

packages/player/src/remoteControl/useInitialSync.ts:19–51

(connectionStatus: ConnectionStatus)

};

export const useInitialSync = (connectionStatus: ConnectionStatus) => {
  const refetchAll = useCallback(async () => {
    const { setQueue, setPlayback, setSettings, setSynced } =
      useRemoteStore.getState();

    try {
      const [queue, playback, settings] = await Promise.all([
        fetchJSON<Queue>('/api/queue'),
        fetchJSON<PlaybackState>('/api/playback'),
        fetchJSON<SettingsState>('/api/settings'),
      ]);

      setQueue(queue);
      setPlayback(playback);
      setSettings(settings);
      setSynced(true);
    } catch (error) {
      console.error('Initial sync failed:', error);
    }
  }, []);

  const prevStatus = useRef(connectionStatus);

  useEffect(() => {
    if (
      prevStatus.current !== 'connected' &&
      connectionStatus === 'connected'
    ) {
      refetchAll();
    }
    prevStatus.current = connectionStatus;
  }, [connectionStatus, refetchAll]);
};