ThumbmarkJS.setOption('logging', false);

// NOTE: some browsers and private-modes will change those values - if you don't care about that or want more 'uniqueness' you can remove the entries
ThumbmarkJS.setOption('exclude', ['webgl', 'canvas', 'permissions', 'audio.sampleHash']);

function screenSize() {
    let [w, h] = [screen.width, screen.height];
    // handle device rotation if mobile
    if (navigator.maxTouchPoints > 0 && window.matchMedia("(orientation: landscape)").matches) {
        w = screen.height;
        h = screen.width;
    }
    return Promise.resolve({width: w, height: h});
}
ThumbmarkJS.includeComponent('size', screenSize);

/**
 * Generates a minimal cleartext key. This information can be useful to categorize requests.
 * @returns {string}
 */
function buildBrowserFingerprintKey(c) {
    let s = c.system.platform.split(' ')[0].toLowerCase();

    if (navigator.userAgent.match(/iPhone|iPad/i)) {
        s = 'ios';
    } else if (navigator.userAgent.includes('Android')) {
        s = 'android';
    }

    const k = [
        s,
        c.system.browser.name.toLowerCase(),
        `${c.size.width}x${c.size.height}`,
    ];
    if (c.screen.is_touchscreen) {
        k.push('touch');
    };
    return k.join('_');
}

/**
 * Generates the full browser fingerprint string.
 * @returns {Promise<string>} A Promise that resolves with the fingerprint string.
 */
async function generateBrowserFingerprint() {
    try {
        const c = await ThumbmarkJS.getFingerprintData();
        const h = await ThumbmarkJS.getFingerprint();
        return `${buildBrowserFingerprintKey(c)}_${h}`;
    } catch (error) {
        console.error('Error generating fingerprint:', error);
        // Re-throw the error so the caller can handle it
        throw error;
    }
}

/* replace with your implementation: */
async function setFingerprintCookie() {
    const fp = await generateBrowserFingerprint();
    console.log(fp);
    document.cookie = `fingerprint=${fp}`;
}

async function performSomeRequest() {
    const fp = await generateBrowserFingerprint();
    const headers = {
        'X-Fingerprint': fp,
        'Content-Type': 'application/json'
    };
    console.log(headers);
}

setFingerprintCookie();
performSomeRequest();