/* eslint-disable @typescript-eslint/ban-ts-comment */
import { isFunction } from './util/common';
import { IS_NODE } from './util/env';
type BrowserType = {
    IS_NODE: boolean;
    isTest: boolean;
    ie: boolean;
    ielt9: boolean;
    edge: boolean;
    webkit: boolean;
    gecko: boolean;
    android: boolean;
    android23: boolean;
    chrome: boolean;
    chromeVersion: string;
    safari: boolean;
    phantomjs: boolean;
    ie3d: boolean;
    webkit3d: boolean;
    opera12: boolean;
    gecko3d: boolean;
    any3d: boolean;
    iosWeixin: boolean;
    mobile: boolean;
    mobileWebkit: boolean;
    mobileWebkit3d: boolean;
    mobileOpera: boolean;
    mobileGecko: boolean;
    touch: boolean;
    msPointer: boolean;
    pointer: boolean;
    retina: boolean;
    devicePixelRatio: number;
    language: string;
    ie9: boolean;
    ie10: boolean;
    webgl: boolean;
    imageBitMap: boolean;
    roundRect: boolean;
    resizeObserver: boolean;
    btoa: boolean;
    decodeImageInWorker: boolean;
    monitorDPRChange: boolean;
    supportsPassive: boolean;
    proxy: boolean;
    requestIdleCallback: boolean;
    checkDevicePixelRatio: () => boolean;
    scheduler: boolean;
}

let Browser: BrowserType = {} as unknown as BrowserType;
// const maps = {};

function getDevicePixelRatio() {
    // @ts-ignore
    return (window.devicePixelRatio || (window.screen.deviceXDPI / window.screen.logicalXDPI));
}

if (!IS_NODE) {
    const ua = navigator.userAgent.toLowerCase(),
        doc = document.documentElement || { style: {} },

        ie = 'ActiveXObject' in window,

        webkit = ua.indexOf('webkit') !== -1,
        phantomjs = ua.indexOf('phantom') !== -1,
        android23 = ua.search('android [23]') !== -1,
        chrome = ua.indexOf('chrome') !== -1,
        gecko = ua.indexOf('gecko') !== -1 && !webkit && !window.opera && !ie,
        iosWeixin = /iphone/i.test(ua) && /micromessenger/i.test(ua),

        mobile = typeof orientation !== 'undefined' || ua.indexOf('mobile') !== -1,
        msPointer = !window.PointerEvent && window.MSPointerEvent,
        // @ts-ignore
        pointer = (window.PointerEvent && navigator.pointerEnabled) || msPointer,

        ie3d = ie && ('transition' in doc.style),
        webkit3d = ('WebKitCSSMatrix' in window) && ('m11' in new window.WebKitCSSMatrix()) && !android23,
        gecko3d = 'MozPerspective' in doc.style,
        opera12 = 'OTransition' in doc.style,
        any3d = (ie3d || webkit3d || gecko3d) && !opera12 && !phantomjs,
        // https://developer.mozilla.org/zh-CN/docs/Web/API/ImageBitmap
        // this will Improve performance 2-3FPS
        imageBitMap = typeof window !== 'undefined' && isFunction(window.createImageBitmap),
        resizeObserver = typeof window !== 'undefined' && isFunction(window.ResizeObserver),
        btoa = typeof window !== 'undefined' && isFunction(window.btoa),
        proxy = typeof window !== 'undefined' && isFunction(window.Proxy),
        requestIdleCallback = typeof window !== 'undefined' && isFunction(window.requestIdleCallback),
        scheduler = typeof globalThis.scheduler !== 'undefined' && typeof globalThis.scheduler  == 'object',
        roundRect = typeof CanvasRenderingContext2D !== 'undefined' && isFunction(CanvasRenderingContext2D.prototype.roundRect);


    let chromeVersion: any = 0;
    if (chrome) {
        chromeVersion = ua.match(/chrome\/([\d.]+)/)[1];
    }

    const touch = !phantomjs && (pointer || 'ontouchstart' in window ||
        (window.DocumentTouch && document instanceof window.DocumentTouch));

    // let webgl;
    // try {
    //     const canvas = document.createElement('canvas');
    //     const gl = canvas.getContext('webgl') ||
    //         canvas.getContext('experimental-webgl');
    //     webgl = gl && gl instanceof WebGLRenderingContext;
    // } catch (err) {
    //     webgl = false;
    // }
    const webgl = typeof window !== 'undefined' && ('WebGLRenderingContext' in window);

    const devicePixelRatio = getDevicePixelRatio();

    let decodeImageInWorker = false;
    try {
        const offCanvas = new OffscreenCanvas(2, 2);
        offCanvas.getContext('2d');
        decodeImageInWorker = true;
    } catch (err) {
        decodeImageInWorker = false;
    }
    // https://github.com/Modernizr/Modernizr/issues/1894
    // https://stackoverflow.com/questions/50393418/what-happens-if-i-dont-test-passive-event-listeners-support
    /* Add feature test for passive event listener support */
    let supportsPassive = false;
    try {

        const opts = Object.defineProperty({}, 'passive', {
            get: function () {
                supportsPassive = true;
            }
        });
        window.addEventListener("testPassive", null, opts);
        window.removeEventListener("testPassive", null, opts);
        /*eslint-disable no-empty */
    } catch (e) {
    }

    Browser = {
        IS_NODE,
        isTest: false,
        ie: ie,
        ielt9: ie && !document.addEventListener,
        edge: 'msLaunchUri' in navigator && !('documentMode' in document),
        webkit: webkit,
        gecko: gecko,
        android: ua.indexOf('android') !== -1,
        android23: android23,
        chrome: chrome,
        chromeVersion: chromeVersion,
        safari: !chrome && ua.indexOf('safari') !== -1,
        phantomjs: phantomjs,

        ie3d: ie3d,
        webkit3d: webkit3d,
        gecko3d: gecko3d,
        opera12: opera12,
        any3d: any3d,
        iosWeixin,

        mobile: mobile,
        mobileWebkit: mobile && webkit,
        mobileWebkit3d: mobile && webkit3d,
        mobileOpera: mobile && window.opera,
        mobileGecko: mobile && gecko,

        touch: !!touch,
        msPointer: !!msPointer,
        pointer: !!pointer,

        retina: devicePixelRatio > 1,
        devicePixelRatio,
        // @ts-ignore
        language: navigator.browserLanguage ? navigator.browserLanguage : navigator.language,
        // @ts-ignore
        ie9: (ie && document.documentMode === 9),
        // @ts-ignore
        ie10: (ie && document.documentMode === 10),

        webgl: webgl,
        imageBitMap,
        roundRect,
        resizeObserver,
        btoa,
        decodeImageInWorker,
        monitorDPRChange: true,
        supportsPassive,
        proxy,
        requestIdleCallback,
        scheduler,
        // removeDPRListening: (map) => {
        //     // if (map) {
        //     //     delete maps[map.id];
        //     // }
        // },
        checkDevicePixelRatio: () => {
            if (typeof window !== 'undefined' && Browser.monitorDPRChange) {
                const devicePixelRatio = getDevicePixelRatio();
                const changed = devicePixelRatio !== Browser.devicePixelRatio;
                if (changed) {
                    Browser.devicePixelRatio = devicePixelRatio;
                }
                return changed;
            }
            return false;
        },
        // addDPRListening: (map) => {
        //     // if (map) {
        //     //     maps[map.id] = map;
        //     // }
        // }
    };
    if (!Browser.roundRect) {
        console.warn('current env the canvas not support roundRect');
    }
}
export default Browser;