import uuidv4 from "../../func/utils/uuidv4";
import WuhuBase from "../WuhuBase";

export default class WindowActiveState extends WuhuBase {
    isFocus = false;
    uuid = uuidv4();

    private constructor() {
        super();
        if (self !== top) return null;
        localStorage.setItem('whuuid', this.uuid);
        document.addEventListener('visibilitychange',
            () => (document.visibilityState !== 'hidden') && (localStorage.setItem('whuuid', this.uuid))
        );
        addEventListener('focus', () => this.isFocus = true);
        addEventListener('blur', () => this.isFocus = false);
    }

    get(): boolean {
        // 当前窗口获得了焦点 优先级最高
        if (this.isFocus) return true;
        // 可视性
        if (!document.hidden) return true;
        // 全部在后台，使用唯一id判断
        return this.uuid === localStorage.getItem('whuuid')
    }
}

// export default function WindowActiveState() {
//     if (self !== top) return null;
//     const uuid = uuidv4();
//     let isFocus = false;
//     localStorage.setItem('whuuid', uuid);
//     document.addEventListener('visibilitychange', () =>
//         (document.visibilityState !== 'hidden') && (localStorage.setItem('whuuid', uuid))
//     );
//     addEventListener('focus', () => isFocus = true)
//     addEventListener('blur', () => isFocus = false)
//     return function (): boolean {
//         // 当前窗口获得了焦点 优先级最高
//         if (isFocus) return true;
//         // 可视性
//         if (!document.hidden) return true;
//         // 全部在后台，使用唯一id判断
//         return uuid === localStorage.getItem('whuuid')
//     };
// }