yaak/src-web/hooks/useWindowFocus.ts

import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow';
import { useEffect, useState } from 'react';
import { fireAndForget } from '../lib/fireAndForget';

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

  useEffect(() => {
    const unlisten = getCurrentWebviewWindow().onFocusChanged((e) => {
      setVisible(e.payload);
    });

    return () => {
      fireAndForget(unlisten.then((fn) => fn()));
    };
  }, []);

  return visible;
}