@cliqz/autoconsent/lib/web/content.js

This is a library of rules for navigating through common consent popups on the web. These rules can be run in a Firefox webextension, or in a puppeteer orchestrated headless browser. Using these rules, opt-in and opt-out options can be selected automatica

import { matches, executeAction } from "./consentomatic/index";
let actionQueue = Promise.resolve(null);
const styleOverrideElementId = "autoconsent-css-rules";
const styleSelector = `style#${styleOverrideElementId}`;
export default function handleMessage(message, debug = false) {
    if (message.type === "click") {
        const elem = document.querySelectorAll(message.selector);
        debug && console.log("[click]", message.selector, elem);
        if (elem.length > 0) {
            if (message.all === true) {
                elem.forEach(e => e.click());
            }
            else {
                elem[0].click();
            }
        }
        return elem.length > 0;
    }
    else if (message.type === "elemExists") {
        const exists = document.querySelector(message.selector) !== null;
        debug && console.log("[exists?]", message.selector, exists);
        return exists;
    }
    else if (message.type === "elemVisible") {
        const elem = document.querySelectorAll(message.selector);
        const results = new Array(elem.length);
        elem.forEach((e, i) => {
            results[i] = e.offsetParent !== null || window.getComputedStyle(e).display !== "none" || e.style?.display !== "none";
        });
        if (results.length === 0) {
            return false;
        }
        else if (message.check === "any") {
            return results.some(r => r);
        }
        else if (message.check === "none") {
            return results.every(r => !r);
        }
        // all
        return results.every(r => r);
    }
    else if (message.type === "getAttribute") {
        const elem = document.querySelector(message.selector);
        if (!elem) {
            return false;
        }
        return elem.getAttribute(message.attribute);
    }
    else if (message.type === "eval") {
        // TODO: chrome support
        const result = window.eval(message.script); // eslint-disable-line no-eval
        debug && console.log("[eval]", message.script, result);
        return result;
    }
    else if (message.type === "hide") {
        const parent = document.head ||
            document.getElementsByTagName("head")[0] ||
            document.documentElement;
        const rule = `${message.selectors.join(",")} { display: none !important; z-index: -1 !important; } `;
        const existingElement = document.querySelector(styleSelector);
        debug && console.log("[hide]", message.selectors, !!existingElement);
        if (existingElement && existingElement instanceof HTMLStyleElement) {
            existingElement.innerText += rule;
        }
        else {
            const css = document.createElement("style");
            css.type = "text/css";
            css.id = styleOverrideElementId;
            css.appendChild(document.createTextNode(rule));
            parent.appendChild(css);
        }
        return message.selectors.length > 0;
    }
    else if (message.type === "undohide") {
        const existingElement = document.querySelector(styleSelector);
        debug && console.log("[unhide]", !!existingElement);
        if (existingElement) {
            existingElement.remove();
        }
        return !!existingElement;
    }
    else if (message.type === "matches") {
        const matched = matches(message.config);
        return matched;
    }
    else if (message.type === "executeAction") {
        actionQueue = actionQueue.then(() => executeAction(message.config, message.param));
        return true;
    }
    return null;
}