yaak/src-web/hooks/useWindowFocus.ts

import { getCurrent } from '@tauri-apps/api/webviewWindow';
import { useEffect, useState } from 'react';

export function useWindowFocus() {
  const [visible, setVisible] = useState(true);

  useEffect(() => {
    let unsub: undefined | (() => void) = undefined;
    getCurrent()
      .onFocusChanged((e) => {
        setVisible(e.payload);
      })
      .then((fn) => {
        unsub = fn;
      });
    return () => unsub?.();
  }, []);

  return visible;
}