@duckduckgo/autoconsent 1.0.5 → 1.0.8

package/dist/autoconsent.puppet.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+const enableLogs = false; // change this to enable debug logs
+
 /* eslint-disable no-restricted-syntax,no-await-in-loop,no-underscore-dangle */
 async function waitFor(predicate, maxTimes, interval) {
     let result = await predicate();
@@ -17,7 +19,7 @@ async function waitFor(predicate, maxTimes, interval) {
 async function success(action) {
     const result = await action;
     if (!result) {
-        throw new Error(`Action failed: ${action}`);
+        throw new Error(`Action failed: ${action} ${result}`);
     }
     return result;
 }
@@ -361,6 +363,36 @@ function matches(config) {
     }
 }
 
+// get or create a style container for CSS overrides
+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
+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;
+}
+
 const DEBUG = false;
 class Tab {
     constructor(page, url, frames) {
@@ -369,6 +401,10 @@ class Tab {
         this.page = page;
         this.url = url;
         this.frames = frames;
+        this._utilsSnippet = `
+      ${getStyleElementUtil.toString()}
+      ${hideElementsUtil.toString()}
+    `;
     }
     async elementExists(selector, frameId = 0) {
         const elements = await this.frames[frameId].$$(selector);
@@ -440,9 +476,11 @@ class Tab {
         }
         return false;
     }
-    async hideElements(selectors, frameId = 0) {
-        // TODO implement this
-        return Promise.resolve(true);
+    async hideElements(selectors, frameId = 0, method = 'display') {
+        return await this.frames[frameId].evaluate(`(() => {
+      ${this._utilsSnippet}
+      return hideElementsUtil(${JSON.stringify(selectors)}, '${method}');
+    })()`);
     }
     undoHideElements(frameId) {
         return Promise.resolve(true);
@@ -477,6 +515,7 @@ async function detectDialog(tab, retries, rules) {
             try {
                 if (await r.detectCmp(tab)) {
                     earlyReturn = true;
+                    enableLogs && console.log(`Found CMP in [${tab.id}]: ${r.name}`);
                     resolve(index);
                 }
             }
@@ -521,10 +560,12 @@ class TabConsent {
     }
     async doOptOut() {
         try {
+            enableLogs && console.log(`doing opt out ${this.getCMPName()} in tab ${this.tab.id}`);
             this.optOutStatus = await this.rule.optOut(this.tab);
             return this.optOutStatus;
         }
         catch (e) {
+            console.error('error during opt out', e);
             this.optOutStatus = e;
             throw e;
         }
@@ -561,6 +602,20 @@ class TabConsent {
     }
 }
 
+// hide rules not specific to a single CMP rule
+const globalHidden = [
+    "#didomi-popup,.didomi-popup-container,.didomi-popup-notice,.didomi-consent-popup-preferences,#didomi-notice,.didomi-popup-backdrop,.didomi-screen-medium",
+];
+async function prehideElements(tab, rules) {
+    const selectors = rules.reduce((selectorList, rule) => {
+        if (rule.prehideSelectors) {
+            return [...selectorList, ...rule.prehideSelectors];
+        }
+        return selectorList;
+    }, globalHidden);
+    await tab.hideElements(selectors, undefined, 'opacity');
+}
+
 class TrustArc extends AutoConsentBase {
     constructor() {
         super("TrustArc");
@@ -577,10 +632,10 @@ class TrustArc extends AutoConsentBase {
             tab.frame.url.startsWith("https://consent-pref.trustarc.com/?")) {
             return true;
         }
-        return tab.elementExists("#truste-show-consent");
+        return tab.elementExists("#truste-show-consent,#truste-consent-track");
     }
     async detectPopup(tab) {
-        return ((await tab.elementsAreVisible("#truste-consent-content,#trustarc-banner-overlay")) ||
+        return ((await tab.elementsAreVisible("#truste-consent-content,.truste-consent-content,#trustarc-banner-overlay")) ||
             (tab.frame &&
                 (await tab.waitForElement("#defaultpreferencemanager", 5000, tab.frame.id))));
     }
@@ -670,7 +725,7 @@ class TrustArc extends AutoConsentBase {
 class Cookiebot extends AutoConsentBase {
     constructor() {
         super('Cybotcookiebot');
-        this.prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner"];
+        this.prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookieoverlay"];
     }
     async detectCmp(tab) {
         try {
@@ -681,7 +736,7 @@ class Cookiebot extends AutoConsentBase {
         }
     }
     detectPopup(tab) {
-        return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner');
+        return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookiebanner');
     }
     async optOut(tab) {
         if (await tab.elementExists('.cookie-alert-extended-detail-link')) {
@@ -720,6 +775,10 @@ class Cookiebot extends AutoConsentBase {
             await tab.eval('Cookiebot.dialog.submitConsent() || true');
             await tab.wait(500);
         }
+        // site with 3rd confirm settings modal
+        if (await tab.elementExists('#cb-confirmedSettings')) {
+            await tab.eval('endCookieProcess()');
+        }
         return true;
     }
     async optIn(tab) {
@@ -879,12 +938,47 @@ class Evidon extends AutoConsentBase {
     }
 }
 
+class Onetrust extends AutoConsentBase {
+    constructor() {
+        super("Onetrust");
+        this.prehideSelectors = ["#onetrust-banner-sdk,#onetrust-consent-sdk,.optanon-alert-box-wrapper,.onetrust-pc-dark-filter,.js-consent-banner"];
+    }
+    detectCmp(tab) {
+        return tab.elementExists("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+    }
+    detectPopup(tab) {
+        return tab.elementsAreVisible("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+    }
+    async optOut(tab) {
+        if (await tab.elementExists("#onetrust-pc-btn-handler")) { // "show purposes" button inside a popup
+            await success(tab.clickElement("#onetrust-pc-btn-handler"));
+        }
+        else { // otherwise look for a generic "show settings" button
+            await success(tab.clickElement(".ot-sdk-show-settings,button.js-cookie-settings"));
+        }
+        await success(tab.waitForElement("#onetrust-consent-sdk", 2000));
+        await success(tab.wait(1000));
+        await tab.clickElements("#onetrust-consent-sdk input.category-switch-handler:checked,.js-editor-toggle-state:checked"); // optional step
+        await success(tab.waitForThenClick(".save-preference-btn-handler,.js-consent-save", 1000));
+        // popup doesn't disappear immediately
+        await waitFor(async () => !(await tab.elementsAreVisible("#onetrust-banner-sdk")), 10, 500);
+        return true;
+    }
+    async optIn(tab) {
+        return tab.clickElement("onetrust-accept-btn-handler,js-accept-cookies");
+    }
+    async test(tab) {
+        return tab.eval("window.OnetrustActiveGroups.split(',').filter(s => s.length > 0).length <= 1");
+    }
+}
+
 const rules = [
     new TrustArc(),
     new Cookiebot(),
     new SourcePoint(),
     new ConsentManager(),
     new Evidon(),
+    new Onetrust(),
 ];
 function createAutoCMP(config) {
     return new AutoConsent(config);
@@ -945,10 +1039,11 @@ class ConsentOMaticCMP {
     }
 }
 
-function attachToPage(page, url, rules, retries = 1) {
-    const frames = {};
+function attachToPage(page, url, rules, retries = 1, prehide = true) {
+    const frames = {
+        0: page.mainFrame(),
+    };
     const tab = new Tab(page, url, frames);
-    frames[0] = page.mainFrame();
     async function onFrame(frame) {
         const allFrames = await page.frames();
         allFrames.forEach((frame, frameId) => {
@@ -967,6 +1062,9 @@ function attachToPage(page, url, rules, retries = 1) {
     }
     page.on('framenavigated', onFrame);
     page.frames().forEach(onFrame);
+    if (prehide) {
+        prehideElements(tab, rules);
+    }
     return new TabConsent(tab, detectDialog(tab, retries, rules));
 }
 

package/lib/cmps/all.js

@@ -4,12 +4,14 @@ import CookieBot from './cookiebot';
 import SourcePoint from './sourcepoint';
 import ContentManager from './consentmanager';
 import Evidon from './evidon';
+import Onetrust from './onetrust';
 const rules = [
     new TrustArc(),
     new CookieBot(),
     new SourcePoint(),
     new ContentManager(),
     new Evidon(),
+    new Onetrust(),
 ];
 export function createAutoCMP(config) {
     return new AutoConsent(config);

package/lib/cmps/all.ts

@@ -5,6 +5,7 @@ import SourcePoint from './sourcepoint';
 import ContentManager from './consentmanager';
 import Evidon from './evidon';
 import { AutoConsentCMPRule } from '../rules';
+import Onetrust from './onetrust';
 
 const rules = [
   new TrustArc(),
@@ -12,6 +13,7 @@ const rules = [
   new SourcePoint(),
   new ContentManager(),
   new Evidon(),
+  new Onetrust(),
 ];
 
 export function createAutoCMP(config: AutoConsentCMPRule): AutoConsent {

package/lib/cmps/base.js

@@ -1,4 +1,5 @@
 /* eslint-disable no-restricted-syntax,no-await-in-loop,no-underscore-dangle */
+import { enableLogs } from "../config";
 export async function waitFor(predicate, maxTimes, interval) {
     let result = await predicate();
     if (!result && maxTimes > 0) {
@@ -13,7 +14,7 @@ export async function waitFor(predicate, maxTimes, interval) {
 export async function success(action) {
     const result = await action;
     if (!result) {
-        throw new Error(`Action failed: ${action}`);
+        throw new Error(`Action failed: ${action} ${result}`);
     }
     return result;
 }
@@ -118,7 +119,9 @@ export class AutoConsent extends AutoConsentBase {
     }
     async _runRulesSequentially(tab, rules) {
         for (const rule of rules) {
+            enableLogs && console.log('Running rule...', rule, tab.id);
             const result = await evaluateRule(rule, tab);
+            enableLogs && console.log('...rule result', result);
             if (!result && !rule.optional) {
                 return false;
             }
@@ -145,6 +148,7 @@ export class AutoConsent extends AutoConsentBase {
     }
     async optOut(tab) {
         if (this.config.optOut) {
+            enableLogs && console.log('Initiated optOut()', this.config.optOut);
             return this._runRulesSequentially(tab, this.config.optOut);
         }
         return false;

package/lib/cmps/base.ts

@@ -2,6 +2,7 @@
 
 import { AutoCMP, TabActor } from "../types";
 import { AutoConsentCMPRule, AutoConsentRuleStep } from "../rules";
+import { enableLogs } from "../config";
 
 export async function waitFor(predicate: () => Promise<boolean> | boolean, maxTimes: number, interval: number): Promise<boolean> {
   let result = await predicate();
@@ -19,7 +20,7 @@ export async function waitFor(predicate: () => Promise<boolean> | boolean, maxTi
 export async function success(action: Promise<boolean>): Promise<boolean> {
   const result = await action;
   if (!result) {
-    throw new Error(`Action failed: ${action}`)
+    throw new Error(`Action failed: ${action} ${result}`)
   }
   return result
 }
@@ -140,7 +141,9 @@ export class AutoConsent extends AutoConsentBase {
 
   async _runRulesSequentially(tab: TabActor, rules: AutoConsentRuleStep[]): Promise<boolean> {
     for (const rule of rules) {
+      enableLogs && console.log('Running rule...', rule, tab.id);
       const result = await evaluateRule(rule, tab);
+      enableLogs && console.log('...rule result', result);
       if (!result && !rule.optional) {
         return false;
       }
@@ -171,6 +174,7 @@ export class AutoConsent extends AutoConsentBase {
 
   async optOut(tab: TabActor) {
     if (this.config.optOut) {
+      enableLogs && console.log('Initiated optOut()', this.config.optOut);
       return this._runRulesSequentially(tab, this.config.optOut);
     }
     return false;

package/lib/cmps/cookiebot.js

@@ -2,7 +2,7 @@ import AutoConsentBase from './base';
 export default class Cookiebot extends AutoConsentBase {
     constructor() {
         super('Cybotcookiebot');
-        this.prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner"];
+        this.prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookieoverlay"];
     }
     async detectCmp(tab) {
         try {
@@ -13,7 +13,7 @@ export default class Cookiebot extends AutoConsentBase {
         }
     }
     detectPopup(tab) {
-        return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner');
+        return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookiebanner');
     }
     async optOut(tab) {
         if (await tab.elementExists('.cookie-alert-extended-detail-link')) {
@@ -52,6 +52,10 @@ export default class Cookiebot extends AutoConsentBase {
             await tab.eval('Cookiebot.dialog.submitConsent() || true');
             await tab.wait(500);
         }
+        // site with 3rd confirm settings modal
+        if (await tab.elementExists('#cb-confirmedSettings')) {
+            await tab.eval('endCookieProcess()');
+        }
         return true;
     }
     async optIn(tab) {

package/lib/cmps/cookiebot.ts

@@ -3,7 +3,7 @@ import { TabActor } from '../types';
 
 export default class Cookiebot extends AutoConsentBase {
 
-  prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner"]
+  prehideSelectors = ["#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookieoverlay"]
 
   constructor() {
     super('Cybotcookiebot');
@@ -18,7 +18,7 @@ export default class Cookiebot extends AutoConsentBase {
   }
 
   detectPopup(tab: TabActor) {
-    return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner');
+    return tab.elementExists('#CybotCookiebotDialog,#dtcookie-container,#cookiebanner,#cb-cookiebanner');
   }
 
   async optOut(tab: TabActor) {
@@ -57,6 +57,12 @@ export default class Cookiebot extends AutoConsentBase {
       await tab.eval('Cookiebot.dialog.submitConsent() || true');
       await tab.wait(500);
     }
+    
+    // site with 3rd confirm settings modal
+    if (await tab.elementExists('#cb-confirmedSettings')) {
+        await tab.eval('endCookieProcess()')
+    }
+
     return true;
   }
 

package/lib/cmps/onetrust.js

@@ -0,0 +1,34 @@
+import AutoConsentBase, { success, waitFor } from "./base";
+export default class Onetrust extends AutoConsentBase {
+    constructor() {
+        super("Onetrust");
+        this.prehideSelectors = ["#onetrust-banner-sdk,#onetrust-consent-sdk,.optanon-alert-box-wrapper,.onetrust-pc-dark-filter,.js-consent-banner"];
+    }
+    detectCmp(tab) {
+        return tab.elementExists("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+    }
+    detectPopup(tab) {
+        return tab.elementsAreVisible("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+    }
+    async optOut(tab) {
+        if (await tab.elementExists("#onetrust-pc-btn-handler")) { // "show purposes" button inside a popup
+            await success(tab.clickElement("#onetrust-pc-btn-handler"));
+        }
+        else { // otherwise look for a generic "show settings" button
+            await success(tab.clickElement(".ot-sdk-show-settings,button.js-cookie-settings"));
+        }
+        await success(tab.waitForElement("#onetrust-consent-sdk", 2000));
+        await success(tab.wait(1000));
+        await tab.clickElements("#onetrust-consent-sdk input.category-switch-handler:checked,.js-editor-toggle-state:checked"); // optional step
+        await success(tab.waitForThenClick(".save-preference-btn-handler,.js-consent-save", 1000));
+        // popup doesn't disappear immediately
+        await waitFor(async () => !(await tab.elementsAreVisible("#onetrust-banner-sdk")), 10, 500);
+        return true;
+    }
+    async optIn(tab) {
+        return tab.clickElement("onetrust-accept-btn-handler,js-accept-cookies");
+    }
+    async test(tab) {
+        return tab.eval("window.OnetrustActiveGroups.split(',').filter(s => s.length > 0).length <= 1");
+    }
+}

package/lib/cmps/onetrust.ts

@@ -0,0 +1,47 @@
+import AutoConsentBase, { success, waitFor } from "./base";
+import { TabActor } from "../types";
+
+export default class Onetrust extends AutoConsentBase {
+
+  prehideSelectors = ["#onetrust-banner-sdk,#onetrust-consent-sdk,.optanon-alert-box-wrapper,.onetrust-pc-dark-filter,.js-consent-banner"]
+
+  constructor() {
+    super("Onetrust");
+  }
+
+  detectCmp(tab: TabActor) {
+    return tab.elementExists("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+  }
+
+  detectPopup(tab: TabActor) {
+    return tab.elementsAreVisible("#onetrust-banner-sdk,.optanon-alert-box-wrapper");
+  }
+
+  async optOut(tab: TabActor) {
+    if (await tab.elementExists("#onetrust-pc-btn-handler")) { // "show purposes" button inside a popup
+      await success(tab.clickElement("#onetrust-pc-btn-handler"));
+    } else { // otherwise look for a generic "show settings" button
+      await success(tab.clickElement(".ot-sdk-show-settings,button.js-cookie-settings"));
+    }
+
+    await success(tab.waitForElement("#onetrust-consent-sdk", 2000));
+    await success(tab.wait(1000));
+    await tab.clickElements("#onetrust-consent-sdk input.category-switch-handler:checked,.js-editor-toggle-state:checked"); // optional step
+    await success(tab.waitForThenClick(".save-preference-btn-handler,.js-consent-save", 1000));
+    // popup doesn't disappear immediately
+    await waitFor(
+      async () => !(await tab.elementsAreVisible("#onetrust-banner-sdk")),
+      10,
+      500
+    );
+    return true;
+  }
+
+  async optIn(tab: TabActor) {
+    return tab.clickElement("onetrust-accept-btn-handler,js-accept-cookies");
+  }
+
+  async test(tab: TabActor){
+    return tab.eval("window.OnetrustActiveGroups.split(',').filter(s => s.length > 0).length <= 1");
+  }
+}

package/lib/cmps/trustarc.js

@@ -15,10 +15,10 @@ export default class TrustArc extends AutoConsentBase {
             tab.frame.url.startsWith("https://consent-pref.trustarc.com/?")) {
             return true;
         }
-        return tab.elementExists("#truste-show-consent");
+        return tab.elementExists("#truste-show-consent,#truste-consent-track");
     }
     async detectPopup(tab) {
-        return ((await tab.elementsAreVisible("#truste-consent-content,#trustarc-banner-overlay")) ||
+        return ((await tab.elementsAreVisible("#truste-consent-content,.truste-consent-content,#trustarc-banner-overlay")) ||
             (tab.frame &&
                 (await tab.waitForElement("#defaultpreferencemanager", 5000, tab.frame.id))));
     }

package/lib/cmps/trustarc.ts

@@ -23,12 +23,12 @@ export default class TrustArc extends AutoConsentBase {
     ) {
       return true;
     }
-    return tab.elementExists("#truste-show-consent");
+    return tab.elementExists("#truste-show-consent,#truste-consent-track");
   }
 
   async detectPopup(tab: TabActor) {
     return (
-      (await tab.elementsAreVisible("#truste-consent-content,#trustarc-banner-overlay")) ||
+      (await tab.elementsAreVisible("#truste-consent-content,.truste-consent-content,#trustarc-banner-overlay")) ||
       (tab.frame &&
         (await tab.waitForElement(
           "#defaultpreferencemanager",

package/lib/config.js

@@ -0,0 +1 @@
+export const enableLogs = false; // change this to enable debug logs

package/lib/config.ts

@@ -0,0 +1 @@
+export const enableLogs = false; // change this to enable debug logs

package/lib/detector.js

@@ -1,11 +1,14 @@
+import { enableLogs } from './config';
 export default async function detectDialog(tab, retries, rules) {
     let breakEarly = false;
     const found = await new Promise(async (resolve) => {
         let earlyReturn = false;
+        enableLogs && console.log(`${new Date()} [${tab.id}] Detecting CMPs (${rules.length} rules)`);
         await Promise.all(rules.map(async (r, index) => {
             try {
                 if (await r.detectCmp(tab)) {
                     earlyReturn = true;
+                    enableLogs && console.log(`Found CMP in [${tab.id}]: ${r.name}`);
                     resolve(index);
                 }
             }
@@ -17,6 +20,7 @@ export default async function detectDialog(tab, retries, rules) {
             resolve(-1);
         }
     });
+    enableLogs && console.log(`${new Date()} CMP detection finished in [${tab.id}], found rule #${found}`);
     if (found === -1 && retries > 0 && !breakEarly) {
         return new Promise((resolve) => {
             setTimeout(async () => {

package/lib/detector.ts

@@ -1,13 +1,16 @@
+import { enableLogs } from './config';
 import { AutoCMP, TabActor } from './types';
 
 export default async function detectDialog(tab: TabActor, retries: number, rules: AutoCMP[]): Promise<AutoCMP> {
   let breakEarly = false;
   const found: number = await new Promise(async (resolve) => {
     let earlyReturn = false;
+    enableLogs && console.log(`${new Date()} [${tab.id}] Detecting CMPs (${rules.length} rules)`);
     await Promise.all(rules.map(async (r, index) => {
       try {
         if (await r.detectCmp(tab)) {
           earlyReturn = true;
+          enableLogs && console.log(`Found CMP in [${tab.id}]: ${r.name}`);
           resolve(index)
         }
       } catch (e) {
@@ -18,6 +21,7 @@ export default async function detectDialog(tab: TabActor, retries: number, rules
       resolve(-1)
     }
   })
+  enableLogs && console.log(`${new Date()} CMP detection finished in [${tab.id}], found rule #${found}`);
   if (found === -1 && retries > 0 && !breakEarly) {
     return new Promise((resolve) => {
       setTimeout(async () => {

package/lib/hider.js

@@ -9,5 +9,5 @@ export default async function prehideElements(tab, rules) {
         }
         return selectorList;
     }, globalHidden);
-    await tab.hideElements(selectors);
+    await tab.hideElements(selectors, undefined, 'opacity');
 }

package/lib/hider.ts

@@ -12,5 +12,5 @@ export default async function prehideElements(tab: TabActor, rules: AutoCMP[]):
         }
         return selectorList;
       }, globalHidden);
-    await tab.hideElements(selectors);
+    await tab.hideElements(selectors, undefined, 'opacity');
 }

package/lib/messages.d.ts

@@ -9,6 +9,8 @@ export type ContentScriptMessage =
   | MatchesMessage
   | ActionMessage;
 
+export type HideMethod = 'display' | 'opacity';
+
 type ClickMessage = {
   type: "click";
   selector: string;
@@ -40,6 +42,7 @@ type EvalMessage = {
 type HideMessage = {
   type: "hide";
   selectors: string[];
+  method: HideMethod;
 };
 
 type UndoHideMessage = {

package/lib/node.js

@@ -1,13 +1,15 @@
 import Tab from './puppet/tab';
 import detectDialog from './detector';
 import TabConsent from './tabwrapper';
+import prehideElements from './hider';
 export * from './index';
 export { ConsentOMaticCMP } from './consentomatic/index';
 export { Tab, detectDialog, TabConsent, };
-export function attachToPage(page, url, rules, retries = 1) {
-    const frames = {};
+export function attachToPage(page, url, rules, retries = 1, prehide = true) {
+    const frames = {
+        0: page.mainFrame(),
+    };
     const tab = new Tab(page, url, frames);
-    frames[0] = page.mainFrame();
     async function onFrame(frame) {
         const allFrames = await page.frames();
         allFrames.forEach((frame, frameId) => {
@@ -26,5 +28,8 @@ export function attachToPage(page, url, rules, retries = 1) {
     }
     page.on('framenavigated', onFrame);
     page.frames().forEach(onFrame);
+    if (prehide) {
+        prehideElements(tab, rules);
+    }
     return new TabConsent(tab, detectDialog(tab, retries, rules));
 }

package/lib/node.ts

@@ -2,6 +2,7 @@ import Tab from './puppet/tab';
 import detectDialog from './detector';
 import TabConsent from './tabwrapper';
 import { AutoCMP } from './types';
+import prehideElements from './hider';
 
 export * from './index';
 export { ConsentOMaticCMP } from './consentomatic/index';
@@ -11,11 +12,12 @@ export {
   TabConsent,
 }
 
-export function attachToPage(page: any, url: string, rules: AutoCMP[], retries = 1) {
-  const frames: { [id: number]: any } = {};
+export function attachToPage(page: any, url: string, rules: AutoCMP[], retries = 1, prehide = true) {
+  const frames: { [id: number]: any } = {
+    0: page.mainFrame(),
+  };
   const tab = new Tab(page, url, frames);
-  frames[0] = page.mainFrame();
-  
+
   async function onFrame(frame: any) {
     const allFrames: any[] = await page.frames();
     allFrames.forEach((frame, frameId) => {
@@ -34,5 +36,8 @@ export function attachToPage(page: any, url: string, rules: AutoCMP[], retries =
   }
   page.on('framenavigated', onFrame);
   page.frames().forEach(onFrame);
-  return new TabConsent(tab, detectDialog(tab, retries, rules))
+  if (prehide) {
+    prehideElements(tab, rules);
+  }
+  return new TabConsent(tab, detectDialog(tab, retries, rules));
 }