@duckduckgo/autoconsent 9.1.0 → 9.2.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v9.2.1 (Fri Jan 26 2024)
+
+#### 🐛 Bug Fix
+
+- Handle absence of structuredClone() [#356](https://github.com/duckduckgo/autoconsent/pull/356) ([@muodov](https://github.com/muodov))
+
+#### Authors: 1
+
+- Maxim Tsoy ([@muodov](https://github.com/muodov))
+
+---
+
+# v9.2.0 (Thu Jan 25 2024)
+
+#### 🚀 Enhancement
+
+- Handle popup right after first popup detected (#326) [#327](https://github.com/duckduckgo/autoconsent/pull/327) ([@seia-soto](https://github.com/seia-soto))
+
+#### Authors: 1
+
+- HoJeong Go ([@seia-soto](https://github.com/seia-soto))
+
+---
+
 # v9.1.0 (Thu Jan 11 2024)
 
 #### 🚀 Enhancement

package/dist/addon-firefox/background.bundle.js

@@ -161,6 +161,12 @@
   }
 
   // lib/utils.ts
+  function copyObject(data) {
+    if (globalThis.structuredClone) {
+      return structuredClone(data);
+    }
+    return JSON.parse(JSON.stringify(data));
+  }
   function normalizeConfig(providedConfig) {
     const defaultConfig = {
       enabled: true,
@@ -180,7 +186,7 @@
         messages: false
       }
     };
-    const updatedConfig = structuredClone(defaultConfig);
+    const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
       if (typeof providedConfig[key] !== "undefined") {
         updatedConfig[key] = providedConfig[key];

package/dist/addon-firefox/content.bundle.js

@@ -951,6 +951,12 @@
     }
     return false;
   }
+  function copyObject(data) {
+    if (globalThis.structuredClone) {
+      return structuredClone(data);
+    }
+    return JSON.parse(JSON.stringify(data));
+  }
   function normalizeConfig(providedConfig) {
     const defaultConfig = {
       enabled: true,
@@ -970,7 +976,7 @@
         messages: false
       }
     };
-    const updatedConfig = structuredClone(defaultConfig);
+    const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
       if (typeof providedConfig[key] !== "undefined") {
         updatedConfig[key] = providedConfig[key];
@@ -1989,9 +1995,23 @@
         return false;
       }
       this.updateState({ lifecycle: "cmpDetected" });
-      let foundPopups = await this.detectPopups(foundCmps.filter((r) => !r.isCosmetic));
+      const staticCmps = [];
+      const cosmeticCmps = [];
+      for (const cmp of foundCmps) {
+        if (cmp.isCosmetic) {
+          cosmeticCmps.push(cmp);
+        } else {
+          staticCmps.push(cmp);
+        }
+      }
+      let result = false;
+      let foundPopups = await this.detectPopups(staticCmps, async (cmp) => {
+        result = await this.handlePopup(cmp);
+      });
       if (foundPopups.length === 0) {
-        foundPopups = await this.detectPopups(foundCmps.filter((r) => r.isCosmetic));
+        foundPopups = await this.detectPopups(cosmeticCmps, async (cmp) => {
+          result = await this.handlePopup(cmp);
+        });
       }
       if (foundPopups.length === 0) {
         logsConfig.lifecycle && console.log("no popup found");
@@ -2000,10 +2020,6 @@
         }
         return false;
       }
-      this.updateState({ lifecycle: "openPopupDetected" });
-      if (this.config.enablePrehide && !this.state.prehideOn) {
-        this.prehideElements();
-      }
       if (foundPopups.length > 1) {
         const errorDetails = {
           msg: `Found multiple CMPs, check the detection rules.`,
@@ -2015,15 +2031,7 @@
           details: errorDetails
         });
       }
-      this.foundCmp = foundPopups[0];
-      if (this.config.autoAction === "optOut") {
-        return await this.doOptOut();
-      } else if (this.config.autoAction === "optIn") {
-        return await this.doOptIn();
-      } else {
-        logsConfig.lifecycle && console.log("waiting for opt-out signal...", location.href);
-        return true;
-      }
+      return result;
     }
     async findCmp(retries) {
       const logsConfig = this.config.logs;
@@ -2054,25 +2062,51 @@
       }
       return foundCMPs;
     }
-    async detectPopups(cmps) {
-      const logsConfig = this.config.logs;
-      const result = [];
-      const popupLookups = cmps.map((cmp) => this.waitForPopup(cmp).then((isOpen) => {
-        if (isOpen) {
-          this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
-          this.sendContentMessage({
-            type: "popupFound",
-            cmp: cmp.name,
-            url: location.href
-          });
-          result.push(cmp);
+    async detectPopup(cmp) {
+      const isOpen = await this.waitForPopup(cmp);
+      if (isOpen) {
+        this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
+        this.sendContentMessage({
+          type: "popupFound",
+          cmp: cmp.name,
+          url: location.href
+        });
+      }
+      return cmp;
+    }
+    async detectPopups(cmps, onFirstPopupAppears) {
+      const tasks = cmps.map(
+        (cmp) => this.detectPopup(cmp).catch((error) => {
+          this.config.logs.errors && console.warn(`error waiting for a popup for ${cmp.name}`, error);
+          throw error;
+        })
+      );
+      await Promise.any(tasks).then((cmp) => {
+        onFirstPopupAppears(cmp);
+      }).catch(() => null);
+      const results = await Promise.allSettled(tasks);
+      const popups = [];
+      for (const result of results) {
+        if (result.status === "fulfilled") {
+          popups.push(result.value);
         }
-      }).catch((e) => {
-        logsConfig.errors && console.warn(`error waiting for a popup for ${cmp.name}`, e);
-        return null;
-      }));
-      await Promise.all(popupLookups);
-      return result;
+      }
+      return popups;
+    }
+    async handlePopup(cmp) {
+      this.updateState({ lifecycle: "openPopupDetected" });
+      if (this.config.enablePrehide && !this.state.prehideOn) {
+        this.prehideElements();
+      }
+      this.foundCmp = cmp;
+      if (this.config.autoAction === "optOut") {
+        return await this.doOptOut();
+      } else if (this.config.autoAction === "optIn") {
+        return await this.doOptIn();
+      } else {
+        this.config.logs.lifecycle && console.log("waiting for opt-out signal...", location.href);
+        return true;
+      }
     }
     async doOptOut() {
       const logsConfig = this.config.logs;

package/dist/addon-firefox/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Autoconsent",
-  "version": "2024.1.11",
+  "version": "2024.1.25",
   "background": {
     "scripts": [
       "background.bundle.js"

package/dist/addon-mv3/background.bundle.js

@@ -161,6 +161,12 @@
   }
 
   // lib/utils.ts
+  function copyObject(data) {
+    if (globalThis.structuredClone) {
+      return structuredClone(data);
+    }
+    return JSON.parse(JSON.stringify(data));
+  }
   function normalizeConfig(providedConfig) {
     const defaultConfig = {
       enabled: true,
@@ -180,7 +186,7 @@
         messages: false
       }
     };
-    const updatedConfig = structuredClone(defaultConfig);
+    const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
       if (typeof providedConfig[key] !== "undefined") {
         updatedConfig[key] = providedConfig[key];

package/dist/addon-mv3/content.bundle.js

@@ -951,6 +951,12 @@
     }
     return false;
   }
+  function copyObject(data) {
+    if (globalThis.structuredClone) {
+      return structuredClone(data);
+    }
+    return JSON.parse(JSON.stringify(data));
+  }
   function normalizeConfig(providedConfig) {
     const defaultConfig = {
       enabled: true,
@@ -970,7 +976,7 @@
         messages: false
       }
     };
-    const updatedConfig = structuredClone(defaultConfig);
+    const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
       if (typeof providedConfig[key] !== "undefined") {
         updatedConfig[key] = providedConfig[key];
@@ -1989,9 +1995,23 @@
         return false;
       }
       this.updateState({ lifecycle: "cmpDetected" });
-      let foundPopups = await this.detectPopups(foundCmps.filter((r) => !r.isCosmetic));
+      const staticCmps = [];
+      const cosmeticCmps = [];
+      for (const cmp of foundCmps) {
+        if (cmp.isCosmetic) {
+          cosmeticCmps.push(cmp);
+        } else {
+          staticCmps.push(cmp);
+        }
+      }
+      let result = false;
+      let foundPopups = await this.detectPopups(staticCmps, async (cmp) => {
+        result = await this.handlePopup(cmp);
+      });
       if (foundPopups.length === 0) {
-        foundPopups = await this.detectPopups(foundCmps.filter((r) => r.isCosmetic));
+        foundPopups = await this.detectPopups(cosmeticCmps, async (cmp) => {
+          result = await this.handlePopup(cmp);
+        });
       }
       if (foundPopups.length === 0) {
         logsConfig.lifecycle && console.log("no popup found");
@@ -2000,10 +2020,6 @@
         }
         return false;
       }
-      this.updateState({ lifecycle: "openPopupDetected" });
-      if (this.config.enablePrehide && !this.state.prehideOn) {
-        this.prehideElements();
-      }
       if (foundPopups.length > 1) {
         const errorDetails = {
           msg: `Found multiple CMPs, check the detection rules.`,
@@ -2015,15 +2031,7 @@
           details: errorDetails
         });
       }
-      this.foundCmp = foundPopups[0];
-      if (this.config.autoAction === "optOut") {
-        return await this.doOptOut();
-      } else if (this.config.autoAction === "optIn") {
-        return await this.doOptIn();
-      } else {
-        logsConfig.lifecycle && console.log("waiting for opt-out signal...", location.href);
-        return true;
-      }
+      return result;
     }
     async findCmp(retries) {
       const logsConfig = this.config.logs;
@@ -2054,25 +2062,51 @@
       }
       return foundCMPs;
     }
-    async detectPopups(cmps) {
-      const logsConfig = this.config.logs;
-      const result = [];
-      const popupLookups = cmps.map((cmp) => this.waitForPopup(cmp).then((isOpen) => {
-        if (isOpen) {
-          this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
-          this.sendContentMessage({
-            type: "popupFound",
-            cmp: cmp.name,
-            url: location.href
-          });
-          result.push(cmp);
+    async detectPopup(cmp) {
+      const isOpen = await this.waitForPopup(cmp);
+      if (isOpen) {
+        this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
+        this.sendContentMessage({
+          type: "popupFound",
+          cmp: cmp.name,
+          url: location.href
+        });
+      }
+      return cmp;
+    }
+    async detectPopups(cmps, onFirstPopupAppears) {
+      const tasks = cmps.map(
+        (cmp) => this.detectPopup(cmp).catch((error) => {
+          this.config.logs.errors && console.warn(`error waiting for a popup for ${cmp.name}`, error);
+          throw error;
+        })
+      );
+      await Promise.any(tasks).then((cmp) => {
+        onFirstPopupAppears(cmp);
+      }).catch(() => null);
+      const results = await Promise.allSettled(tasks);
+      const popups = [];
+      for (const result of results) {
+        if (result.status === "fulfilled") {
+          popups.push(result.value);
         }
-      }).catch((e) => {
-        logsConfig.errors && console.warn(`error waiting for a popup for ${cmp.name}`, e);
-        return null;
-      }));
-      await Promise.all(popupLookups);
-      return result;
+      }
+      return popups;
+    }
+    async handlePopup(cmp) {
+      this.updateState({ lifecycle: "openPopupDetected" });
+      if (this.config.enablePrehide && !this.state.prehideOn) {
+        this.prehideElements();
+      }
+      this.foundCmp = cmp;
+      if (this.config.autoAction === "optOut") {
+        return await this.doOptOut();
+      } else if (this.config.autoAction === "optIn") {
+        return await this.doOptIn();
+      } else {
+        this.config.logs.lifecycle && console.log("waiting for opt-out signal...", location.href);
+        return true;
+      }
     }
     async doOptOut() {
       const logsConfig = this.config.logs;

package/dist/addon-mv3/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Autoconsent",
-  "version": "2024.1.11",
+  "version": "2024.1.25",
   "background": {
     "service_worker": "background.bundle.js"
   },

package/dist/addon-mv3/popup.bundle.js

@@ -30,6 +30,12 @@
   }
 
   // lib/utils.ts
+  function copyObject(data) {
+    if (globalThis.structuredClone) {
+      return structuredClone(data);
+    }
+    return JSON.parse(JSON.stringify(data));
+  }
   function normalizeConfig(providedConfig) {
     const defaultConfig = {
       enabled: true,
@@ -49,7 +55,7 @@
         messages: false
       }
     };
-    const updatedConfig = structuredClone(defaultConfig);
+    const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
       if (typeof providedConfig[key] !== "undefined") {
         updatedConfig[key] = providedConfig[key];

package/dist/autoconsent.cjs.js

@@ -974,6 +974,12 @@ function isElementVisible(elem) {
   }
   return false;
 }
+function copyObject(data) {
+  if (globalThis.structuredClone) {
+    return structuredClone(data);
+  }
+  return JSON.parse(JSON.stringify(data));
+}
 function normalizeConfig(providedConfig) {
   const defaultConfig = {
     enabled: true,
@@ -993,7 +999,7 @@ function normalizeConfig(providedConfig) {
       messages: false
     }
   };
-  const updatedConfig = structuredClone(defaultConfig);
+  const updatedConfig = copyObject(defaultConfig);
   for (const key of Object.keys(defaultConfig)) {
     if (typeof providedConfig[key] !== "undefined") {
       updatedConfig[key] = providedConfig[key];
@@ -2012,9 +2018,23 @@ var AutoConsent = class {
       return false;
     }
     this.updateState({ lifecycle: "cmpDetected" });
-    let foundPopups = await this.detectPopups(foundCmps.filter((r) => !r.isCosmetic));
+    const staticCmps = [];
+    const cosmeticCmps = [];
+    for (const cmp of foundCmps) {
+      if (cmp.isCosmetic) {
+        cosmeticCmps.push(cmp);
+      } else {
+        staticCmps.push(cmp);
+      }
+    }
+    let result = false;
+    let foundPopups = await this.detectPopups(staticCmps, async (cmp) => {
+      result = await this.handlePopup(cmp);
+    });
     if (foundPopups.length === 0) {
-      foundPopups = await this.detectPopups(foundCmps.filter((r) => r.isCosmetic));
+      foundPopups = await this.detectPopups(cosmeticCmps, async (cmp) => {
+        result = await this.handlePopup(cmp);
+      });
     }
     if (foundPopups.length === 0) {
       logsConfig.lifecycle && console.log("no popup found");
@@ -2023,10 +2043,6 @@ var AutoConsent = class {
       }
       return false;
     }
-    this.updateState({ lifecycle: "openPopupDetected" });
-    if (this.config.enablePrehide && !this.state.prehideOn) {
-      this.prehideElements();
-    }
     if (foundPopups.length > 1) {
       const errorDetails = {
         msg: `Found multiple CMPs, check the detection rules.`,
@@ -2038,15 +2054,7 @@ var AutoConsent = class {
         details: errorDetails
       });
     }
-    this.foundCmp = foundPopups[0];
-    if (this.config.autoAction === "optOut") {
-      return await this.doOptOut();
-    } else if (this.config.autoAction === "optIn") {
-      return await this.doOptIn();
-    } else {
-      logsConfig.lifecycle && console.log("waiting for opt-out signal...", location.href);
-      return true;
-    }
+    return result;
   }
   async findCmp(retries) {
     const logsConfig = this.config.logs;
@@ -2077,25 +2085,51 @@ var AutoConsent = class {
     }
     return foundCMPs;
   }
-  async detectPopups(cmps) {
-    const logsConfig = this.config.logs;
-    const result = [];
-    const popupLookups = cmps.map((cmp) => this.waitForPopup(cmp).then((isOpen) => {
-      if (isOpen) {
-        this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
-        this.sendContentMessage({
-          type: "popupFound",
-          cmp: cmp.name,
-          url: location.href
-        });
-        result.push(cmp);
+  async detectPopup(cmp) {
+    const isOpen = await this.waitForPopup(cmp);
+    if (isOpen) {
+      this.updateState({ detectedPopups: this.state.detectedPopups.concat([cmp.name]) });
+      this.sendContentMessage({
+        type: "popupFound",
+        cmp: cmp.name,
+        url: location.href
+      });
+    }
+    return cmp;
+  }
+  async detectPopups(cmps, onFirstPopupAppears) {
+    const tasks = cmps.map(
+      (cmp) => this.detectPopup(cmp).catch((error) => {
+        this.config.logs.errors && console.warn(`error waiting for a popup for ${cmp.name}`, error);
+        throw error;
+      })
+    );
+    await Promise.any(tasks).then((cmp) => {
+      onFirstPopupAppears(cmp);
+    }).catch(() => null);
+    const results = await Promise.allSettled(tasks);
+    const popups = [];
+    for (const result of results) {
+      if (result.status === "fulfilled") {
+        popups.push(result.value);
       }
-    }).catch((e) => {
-      logsConfig.errors && console.warn(`error waiting for a popup for ${cmp.name}`, e);
-      return null;
-    }));
-    await Promise.all(popupLookups);
-    return result;
+    }
+    return popups;
+  }
+  async handlePopup(cmp) {
+    this.updateState({ lifecycle: "openPopupDetected" });
+    if (this.config.enablePrehide && !this.state.prehideOn) {
+      this.prehideElements();
+    }
+    this.foundCmp = cmp;
+    if (this.config.autoAction === "optOut") {
+      return await this.doOptOut();
+    } else if (this.config.autoAction === "optIn") {
+      return await this.doOptIn();
+    } else {
+      this.config.logs.lifecycle && console.log("waiting for opt-out signal...", location.href);
+      return true;
+    }
   }
   async doOptOut() {
     const logsConfig = this.config.logs;