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

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";
import { ContentScriptMessage } from "../messages";

export default function handleMessage(message: ContentScriptMessage, debug = false) {
  if (message.type === "click") {
    const elem = document.querySelectorAll<HTMLElement>(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 Promise.resolve(elem.length > 0);
  } else if (message.type === "elemExists") {
    const exists = document.querySelector(message.selector) !== null;
    debug && console.log("[exists?]", message.selector, exists);
    return Promise.resolve(exists);
  } else if (message.type === "elemVisible") {
    const elem = document.querySelectorAll<HTMLElement>(message.selector);
    const results = new Array(elem.length);
    elem.forEach((e, i) => {
      results[i] = e.offsetParent !== null;
    });
    if (results.length === 0) {
      return Promise.resolve(false);
    } else if (message.check === "any") {
      return Promise.resolve(results.some(r => r));
    } else if (message.check === "none") {
      return Promise.resolve(results.every(r => !r));
    }
    // all
    return Promise.resolve(results.every(r => r));
  } else if (message.type === "getAttribute") {
    const elem = document.querySelector(message.selector);
    if (!elem) {
      return Promise.resolve(false);
    }
    return Promise.resolve(elem.getAttribute(message.attribute));
  } else if (message.type === "eval") {
    // TODO: chrome support
    try {
      const result = window.eval(message.script); // eslint-disable-line no-eval
      debug && console.log("[eval]", message.script, result);
      return Promise.resolve(result);
    } catch (e) {
      return Promise.reject(e);
    }
  } else if (message.type === "hide") {
    const parent =
      document.head ||
      document.getElementsByTagName("head")[0] ||
      document.documentElement;
    const hidden = message.selectors.filter(selector => {
      const matching = document.querySelectorAll(selector);
      return matching.length > 0;
    }, []);
    const rule = `${hidden.join(",")} { display: none !important; }`;
    const css = document.createElement("style");
    css.type = "text/css";
    css.id = "re-consent-css-rules";
    css.appendChild(document.createTextNode(rule));
    parent.appendChild(css);
    return Promise.resolve(hidden);
  } else if (message.type === "matches") {
    const matched = matches(message.config);
    return Promise.resolve(matched);
  } else if (message.type === "executeAction") {
    return executeAction(message.config, message.param).then(result => {
      return result !== undefined ? result : true;
    });
  }
  return Promise.resolve(null);
}