@duckduckgo/autoconsent 1.0.6 → 2.0.0

package/lib/web/consentomatic/index.ts

@@ -1,249 +0,0 @@
-import Tools from "./tools";
-
-export function matches(config: any) {
-  const result = Tools.find(config);
-  if (config.type === "css") {
-    return !!result.target;
-  } else if (config.type === "checkbox") {
-    return !!result.target && result.target.checked;
-  }
-}
-
-export async function executeAction(config: any, param?: any): Promise<boolean | void> {
-  switch (config.type) {
-    case "click":
-      return clickAction(config);
-    case "list":
-      return listAction(config, param);
-    case "consent":
-      return consentAction(config, param);
-    case "ifcss":
-      return ifCssAction(config, param);
-    case "waitcss":
-      return waitCssAction(config);
-    case "foreach":
-      return forEachAction(config, param);
-    case "hide":
-      return hideAction(config);
-    case "slide":
-      return slideAction(config);
-    case "close":
-      return closeAction(config);
-    case "wait":
-      return waitAction(config);
-    case "eval":
-      return evalAction(config);
-    default:
-      throw "Unknown action type: " + config.type;
-  }
-}
-
-const STEP_TIMEOUT = 0;
-
-function waitTimeout(timeout: number): Promise<void> {
-  return new Promise(resolve => {
-    setTimeout(() => {
-      resolve();
-    }, timeout);
-  });
-}
-
-async function clickAction(config: any) {
-  const result = Tools.find(config);
-  if (result.target != null) {
-    result.target.click();
-  }
-  return waitTimeout(STEP_TIMEOUT);
-}
-
-async function listAction(config: any, param: any) {
-  for (let action of config.actions) {
-    await executeAction(action, param);
-  }
-}
-
-async function consentAction(config: any, consentTypes: any) {
-  for (const consentConfig of config.consents) {
-    const shouldEnable = consentTypes.indexOf(consentConfig.type) !== -1;
-    if (consentConfig.matcher && consentConfig.toggleAction) {
-      const isEnabled = matches(consentConfig.matcher);
-      if (isEnabled !== shouldEnable) {
-        await executeAction(consentConfig.toggleAction);
-      }
-    } else {
-      if (shouldEnable) {
-        await executeAction(consentConfig.trueAction);
-      } else {
-        await executeAction(consentConfig.falseAction);
-      }
-    }
-  }
-}
-
-async function ifCssAction(config: any, param: any) {
-  const result = Tools.find(config);
-  if (!result.target) {
-    if (config.trueAction) {
-      await executeAction(config.trueAction, param);
-    }
-  } else {
-    if (config.falseAction) {
-      await executeAction(config.falseAction, param);
-    }
-  }
-}
-
-async function waitCssAction(config: any) {
-  await new Promise<void>(resolve => {
-    let numRetries = config.retries || 10;
-    const waitTime = config.waitTime || 250;
-    const checkCss = () => {
-      const result = Tools.find(config);
-      if (
-        (config.negated && result.target) ||
-        (!config.negated && !result.target)
-      ) {
-        if (numRetries > 0) {
-          numRetries -= 1;
-          setTimeout(checkCss, waitTime);
-        } else {
-          resolve();
-        }
-      } else {
-        resolve();
-      }
-    };
-    checkCss();
-  });
-}
-
-async function forEachAction(config: any, param: any) {
-  const results = Tools.find(config, true);
-  const oldBase = Tools.base;
-  for (const result of results) {
-    if (result.target) {
-      Tools.setBase(result.target);
-      await executeAction(config.action, param);
-    }
-  }
-  Tools.setBase(oldBase);
-}
-
-async function hideAction(config: any) {
-  const result = Tools.find(config);
-  if (result.target) {
-    result.target.classList.add("Autoconsent-Hidden");
-    // result.target.setAttribute("style", "display: none;");
-  }
-}
-
-async function slideAction(config: any) {
-  const result = Tools.find(config);
-  const dragResult = Tools.find(config.dragTarget);
-  if (result.target) {
-    let targetBounds = result.target.getBoundingClientRect();
-    let dragTargetBounds = dragResult.target.getBoundingClientRect();
-
-    let yDiff = dragTargetBounds.top - targetBounds.top;
-    let xDiff = dragTargetBounds.left - targetBounds.left;
-
-    if (this.config.axis.toLowerCase() === "y") {
-      xDiff = 0;
-    }
-    if (this.config.axis.toLowerCase() === "x") {
-      yDiff = 0;
-    }
-
-    let screenX = window.screenX + targetBounds.left + targetBounds.width / 2.0;
-    let screenY = window.screenY + targetBounds.top + targetBounds.height / 2.0;
-    let clientX = targetBounds.left + targetBounds.width / 2.0;
-    let clientY = targetBounds.top + targetBounds.height / 2.0;
-
-    let mouseDown = document.createEvent("MouseEvents");
-    mouseDown.initMouseEvent(
-      "mousedown",
-      true,
-      true,
-      window,
-      0,
-      screenX,
-      screenY,
-      clientX,
-      clientY,
-      false,
-      false,
-      false,
-      false,
-      0,
-      result.target
-    );
-    let mouseMove = document.createEvent("MouseEvents");
-    mouseMove.initMouseEvent(
-      "mousemove",
-      true,
-      true,
-      window,
-      0,
-      screenX + xDiff,
-      screenY + yDiff,
-      clientX + xDiff,
-      clientY + yDiff,
-      false,
-      false,
-      false,
-      false,
-      0,
-      result.target
-    );
-    let mouseUp = document.createEvent("MouseEvents");
-    mouseUp.initMouseEvent(
-      "mouseup",
-      true,
-      true,
-      window,
-      0,
-      screenX + xDiff,
-      screenY + yDiff,
-      clientX + xDiff,
-      clientY + yDiff,
-      false,
-      false,
-      false,
-      false,
-      0,
-      result.target
-    );
-    result.target.dispatchEvent(mouseDown);
-    await this.waitTimeout(10);
-    result.target.dispatchEvent(mouseMove);
-    await this.waitTimeout(10);
-    result.target.dispatchEvent(mouseUp);
-  }
-}
-
-async function waitAction(config: any) {
-  await waitTimeout(config.waitTime);
-}
-
-async function closeAction(config: any) {
-  window.close();
-}
-
-async function evalAction(config: any): Promise<boolean> {
-  console.log("eval!", config.code);
-  return new Promise(resolve => {
-    try {
-      if (config.async) {
-        window.eval(config.code);
-        setTimeout(() => {
-          resolve(window.eval("window.__consentCheckResult"));
-        }, config.timeout || 250);
-      } else {
-        resolve(window.eval(config.code));
-      }
-    } catch (e) {
-      console.warn("eval error", e, config.code);
-      resolve(false);
-    }
-  });
-}

package/lib/web/consentomatic/tools.js

@@ -1,177 +0,0 @@
-/**
- * This code is in most parts copied from https://github.com/cavi-au/Consent-O-Matic/blob/master/Extension/Tools.js
- * which is licened under the MIT.
- */
-export default class Tools {
-    static setBase(base) {
-        Tools.base = base;
-    }
-    static findElement(options, parent = null, multiple = false) {
-        let possibleTargets = null;
-        if (parent != null) {
-            possibleTargets = Array.from(parent.querySelectorAll(options.selector));
-        }
-        else {
-            if (Tools.base != null) {
-                possibleTargets = Array.from(Tools.base.querySelectorAll(options.selector));
-            }
-            else {
-                possibleTargets = Array.from(document.querySelectorAll(options.selector));
-            }
-        }
-        if (options.textFilter != null) {
-            possibleTargets = possibleTargets.filter(possibleTarget => {
-                let textContent = possibleTarget.textContent.toLowerCase();
-                if (Array.isArray(options.textFilter)) {
-                    let foundText = false;
-                    for (let text of options.textFilter) {
-                        if (textContent.indexOf(text.toLowerCase()) !== -1) {
-                            foundText = true;
-                            break;
-                        }
-                    }
-                    return foundText;
-                }
-                else if (options.textFilter != null) {
-                    return textContent.indexOf(options.textFilter.toLowerCase()) !== -1;
-                }
-            });
-        }
-        if (options.styleFilters != null) {
-            possibleTargets = possibleTargets.filter(possibleTarget => {
-                let styles = window.getComputedStyle(possibleTarget);
-                let keep = true;
-                for (let styleFilter of options.styleFilters) {
-                    let option = styles[styleFilter.option];
-                    if (styleFilter.negated) {
-                        keep = keep && option !== styleFilter.value;
-                    }
-                    else {
-                        keep = keep && option === styleFilter.value;
-                    }
-                }
-                return keep;
-            });
-        }
-        if (options.displayFilter != null) {
-            possibleTargets = possibleTargets.filter(possibleTarget => {
-                if (options.displayFilter) {
-                    //We should be displayed
-                    return possibleTarget.offsetHeight !== 0;
-                }
-                else {
-                    //We should not be displayed
-                    return possibleTarget.offsetHeight === 0;
-                }
-            });
-        }
-        if (options.iframeFilter != null) {
-            possibleTargets = possibleTargets.filter(possibleTarget => {
-                if (options.iframeFilter) {
-                    //We should be inside an iframe
-                    return window.location !== window.parent.location;
-                }
-                else {
-                    //We should not be inside an iframe
-                    return window.location === window.parent.location;
-                }
-            });
-        }
-        if (options.childFilter != null) {
-            possibleTargets = possibleTargets.filter(possibleTarget => {
-                let oldBase = Tools.base;
-                Tools.setBase(possibleTarget);
-                let childResults = Tools.find(options.childFilter);
-                Tools.setBase(oldBase);
-                return childResults.target != null;
-            });
-        }
-        if (multiple) {
-            return possibleTargets;
-        }
-        else {
-            if (possibleTargets.length > 1) {
-                console.warn("Multiple possible targets: ", possibleTargets, options, parent);
-            }
-            return possibleTargets[0];
-        }
-    }
-    static find(options, multiple = false) {
-        let results = [];
-        if (options.parent != null) {
-            let parent = Tools.findElement(options.parent, null, multiple);
-            if (parent != null) {
-                if (parent instanceof Array) {
-                    parent.forEach(p => {
-                        let targets = Tools.findElement(options.target, p, multiple);
-                        if (targets instanceof Array) {
-                            targets.forEach(target => {
-                                results.push({
-                                    parent: p,
-                                    target: target
-                                });
-                            });
-                        }
-                        else {
-                            results.push({
-                                parent: p,
-                                target: targets
-                            });
-                        }
-                    });
-                    return results;
-                }
-                else {
-                    let targets = Tools.findElement(options.target, parent, multiple);
-                    if (targets instanceof Array) {
-                        targets.forEach(target => {
-                            results.push({
-                                parent: parent,
-                                target: target
-                            });
-                        });
-                    }
-                    else {
-                        results.push({
-                            parent: parent,
-                            target: targets
-                        });
-                    }
-                }
-            }
-        }
-        else {
-            let targets = Tools.findElement(options.target, null, multiple);
-            if (targets instanceof Array) {
-                targets.forEach(target => {
-                    results.push({
-                        parent: null,
-                        target: target
-                    });
-                });
-            }
-            else {
-                results.push({
-                    parent: null,
-                    target: targets
-                });
-            }
-        }
-        if (results.length === 0) {
-            results.push({
-                parent: null,
-                target: null
-            });
-        }
-        if (multiple) {
-            return results;
-        }
-        else {
-            if (results.length !== 1) {
-                console.warn("Multiple results found, even though multiple false", results);
-            }
-            return results[0];
-        }
-    }
-}
-Tools.base = null;

package/lib/web/content-utils.js

@@ -1,29 +0,0 @@
-// get or create a style container for CSS overrides
-export function getStyleElementUtil() {
-    const styleOverrideElementId = "autoconsent-css-rules";
-    const styleSelector = `style#${styleOverrideElementId}`;
-    const existingElement = document.querySelector(styleSelector);
-    if (existingElement && existingElement instanceof HTMLStyleElement) {
-        return existingElement;
-    }
-    else {
-        const parent = document.head ||
-            document.getElementsByTagName("head")[0] ||
-            document.documentElement;
-        const css = document.createElement("style");
-        css.id = styleOverrideElementId;
-        parent.appendChild(css);
-        return css;
-    }
-}
-// hide elements with a CSS rule
-export function hideElementsUtil(selectors, method) {
-    const hidingSnippet = method === 'display' ? `display: none` : `opacity: 0`;
-    const rule = `${selectors.join(",")} { ${hidingSnippet} !important; z-index: -1 !important; pointer-events: none !important; } `;
-    const styleEl = getStyleElementUtil();
-    if (styleEl instanceof HTMLStyleElement) {
-        styleEl.innerText += rule;
-        return selectors.length > 0;
-    }
-    return false;
-}

package/lib/web/content-utils.ts

@@ -1,31 +0,0 @@
-import { HideMethod } from "../messages";
-
-// get or create a style container for CSS overrides
-export function getStyleElementUtil(): HTMLStyleElement {
-  const styleOverrideElementId = "autoconsent-css-rules";
-  const styleSelector = `style#${styleOverrideElementId}`;
-  const existingElement = document.querySelector(styleSelector);
-  if (existingElement && existingElement instanceof HTMLStyleElement) {
-    return existingElement;
-  } else {
-    const parent = document.head ||
-      document.getElementsByTagName("head")[0] ||
-      document.documentElement;
-    const css = document.createElement("style");
-    css.id = styleOverrideElementId;
-    parent.appendChild(css);
-    return css;
-  }
-}
-
-// hide elements with a CSS rule
-export function hideElementsUtil(selectors: string[], method: HideMethod): boolean {
-  const hidingSnippet = method === 'display' ? `display: none` : `opacity: 0`;
-  const rule = `${selectors.join(",")} { ${hidingSnippet} !important; z-index: -1 !important; pointer-events: none !important; } `;
-  const styleEl = getStyleElementUtil();
-  if (styleEl instanceof HTMLStyleElement) {
-    styleEl.innerText += rule;
-    return selectors.length > 0;
-  }
-  return false;
-}

package/lib/web/content.js

@@ -1,79 +0,0 @@
-import { matches, executeAction } from "./consentomatic/index";
-import { hideElementsUtil, getStyleElementUtil } from "./content-utils";
-let actionQueue = Promise.resolve(null);
-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"; // TODO: handle visibility and z-index?
-        });
-        debug && console.log("[visible?]", message.selector, elem, results);
-        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);
-        debug && console.log("[getAttribute]", message.selector, elem);
-        if (!elem) {
-            return false;
-        }
-        return elem.getAttribute(message.attribute);
-    }
-    else if (message.type === "eval") {
-        // TODO: chrome support
-        debug && console.log("about to [eval]", message.script); // this will not show in Webkit console
-        const result = window.eval(message.script); // eslint-disable-line no-eval
-        return result;
-    }
-    else if (message.type === "hide") {
-        debug && console.log("[hide]", message.selectors);
-        return hideElementsUtil(message.selectors, message.method);
-    }
-    else if (message.type === "undohide") {
-        const existingElement = getStyleElementUtil();
-        debug && console.log("[unhide]", !!existingElement);
-        if (existingElement) {
-            existingElement.remove();
-        }
-        return !!existingElement;
-    }
-    else if (message.type === "matches") {
-        const matched = matches(message.config);
-        debug && console.log("[matches?]", message.config.type, JSON.stringify(message.config), matched);
-        return matched;
-    }
-    else if (message.type === "executeAction") {
-        debug && console.log("[executeAction]", message);
-        actionQueue = actionQueue.then(() => executeAction(message.config, message.param));
-        return true;
-    }
-    return null;
-}

package/lib/web/content.ts

@@ -1,71 +0,0 @@
-import { matches, executeAction } from "./consentomatic/index";
-import { ContentScriptMessage } from "../messages";
-import { hideElementsUtil, getStyleElementUtil } from "./content-utils";
-
-let actionQueue = Promise.resolve(null);
-
-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 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<HTMLElement>(message.selector);
-    const results = new Array(elem.length);
-    elem.forEach((e, i) => {
-      results[i] = e.offsetParent !== null || window.getComputedStyle(e).display !== "none"; // TODO: handle visibility and z-index?
-    });
-    debug && console.log("[visible?]", message.selector, elem, results);
-    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);
-    debug && console.log("[getAttribute]", message.selector, elem);
-    if (!elem) {
-      return false;
-    }
-    return elem.getAttribute(message.attribute);
-  } else if (message.type === "eval") {
-    // TODO: chrome support
-    debug && console.log("about to [eval]", message.script); // this will not show in Webkit console
-    const result = window.eval(message.script); // eslint-disable-line no-eval
-    return result;
-  } else if (message.type === "hide") {
-    debug && console.log("[hide]", message.selectors);
-    return hideElementsUtil(message.selectors, message.method);
-  } else if (message.type === "undohide") {
-    const existingElement = getStyleElementUtil();
-    debug && console.log("[unhide]", !!existingElement);
-    if (existingElement) {
-      existingElement.remove();
-    }
-    return !!existingElement
-  } else if (message.type === "matches") {
-    const matched = matches(message.config);
-    debug && console.log("[matches?]", message.config.type, JSON.stringify(message.config), matched);
-    return matched;
-  } else if (message.type === "executeAction") {
-    debug && console.log("[executeAction]", message);
-    actionQueue = actionQueue.then(() => executeAction(message.config, message.param));
-    return true;
-  }
-  return null;
-}