@duckduckgo/autoconsent 15.0.0 → 16.0.0

package/dist/addon-mv3/manifest.json

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

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

@@ -761,14 +761,6 @@
     return parseImpl(url, 5, suffixLookup, options, getEmptyResult());
   }
 
-  // lib/types.ts
-  var PopupHandlingModes = {
-    None: -1,
-    Reject: 0,
-    Tier1: 1,
-    Tier2: 2
-  };
-
   // lib/utils.ts
   function copyObject(data) {
     if (globalThis.structuredClone) {
@@ -786,12 +778,10 @@
       enableCosmeticRules: true,
       enableGeneratedRules: true,
       enableHeuristicDetection: false,
-      enableHeuristicAction: false,
       enablePopupMutationObserver: false,
       detectRetries: 20,
       isMainWorld: false,
       prehideTimeout: 2e3,
-      enableFilterList: false,
       visualTest: false,
       logs: {
         lifecycle: false,
@@ -804,7 +794,8 @@
       },
       performanceLoggingEnabled: false,
       heuristicPopupSearchTimeout: 100,
-      heuristicMode: PopupHandlingModes.Reject
+      heuristicMode: "off"
+      // heuristic disabled by default
     };
     const updatedConfig = copyObject(defaultConfig);
     for (const key of Object.keys(defaultConfig)) {
@@ -823,8 +814,8 @@
     if (storedConfig.enablePopupMutationObserver === void 0) {
       storedConfig.enablePopupMutationObserver = true;
     }
-    if (storedConfig.enableHeuristicAction === void 0) {
-      storedConfig.enableHeuristicAction = true;
+    if (storedConfig.heuristicMode === void 0) {
+      storedConfig.heuristicMode = "tier1";
     }
     if (!storedConfig.logs) {
       storedConfig.logs = {
@@ -913,6 +904,7 @@
   }
 
   // addon/popup.ts
+  var maxRenderedRules = 100;
   async function init() {
     const autoconsentConfig = await storageGet("config");
     const enabledCheckbox = document.querySelector("input#enabled");
@@ -926,8 +918,10 @@
     const cosmeticOffRadio = document.querySelector("input#cosmetic-off");
     const generatedOnRadio = document.querySelector("input#generated-on");
     const generatedOffRadio = document.querySelector("input#generated-off");
-    const heuristicActionOnRadio = document.querySelector("input#heuristic-action-on");
-    const heuristicActionOffRadio = document.querySelector("input#heuristic-action-off");
+    const heuristicOffRadio = document.querySelector("input#heuristic-off");
+    const heuristicRejectRadio = document.querySelector("input#heuristic-reject");
+    const heuristicTier1Radio = document.querySelector("input#heuristic-tier1");
+    const heuristicTier2Radio = document.querySelector("input#heuristic-tier2");
     const visualTestOnRadio = document.querySelector("input#visual-test-on");
     const visualTestOffRadio = document.querySelector("input#visual-test-off");
     const popupMutationOnRadio = document.querySelector("input#popup-mutation-on");
@@ -942,6 +936,38 @@
     const logsMessagesCheckbox = document.querySelector("input#logs-messages");
     const ruleReloadButton = document.querySelector("#reload");
     const resetButton = document.querySelector("#reset");
+    const ruleSectionControls = {
+      generated: {
+        details: document.querySelector("#generated-rules-section"),
+        count: document.querySelector("#generated-rules-count"),
+        search: document.querySelector("#generated-rules-search"),
+        enableAll: document.querySelector("#generated-rules-enable-all"),
+        disableAll: document.querySelector("#generated-rules-disable-all"),
+        status: document.querySelector("#generated-rules-status"),
+        list: document.querySelector("#generated-rules-list")
+      },
+      generic: {
+        details: document.querySelector("#generic-rules-section"),
+        count: document.querySelector("#generic-rules-count"),
+        search: document.querySelector("#generic-rules-search"),
+        enableAll: document.querySelector("#generic-rules-enable-all"),
+        disableAll: document.querySelector("#generic-rules-disable-all"),
+        status: document.querySelector("#generic-rules-status"),
+        list: document.querySelector("#generic-rules-list")
+      },
+      code: {
+        details: document.querySelector("#code-rules-section"),
+        count: document.querySelector("#code-rules-count"),
+        search: document.querySelector("#code-rules-search"),
+        enableAll: document.querySelector("#code-rules-enable-all"),
+        disableAll: document.querySelector("#code-rules-disable-all"),
+        status: document.querySelector("#code-rules-status"),
+        list: document.querySelector("#code-rules-list")
+      }
+    };
+    let ruleIndexPromise = null;
+    let ruleIndex = null;
+    autoconsentConfig.disabledCmps = autoconsentConfig.disabledCmps || [];
     const [currentTab] = await chrome.tabs.query({ active: true, lastFocusedWindow: true });
     if (!currentTab.url || !currentTab.id) {
       console.error("Current tab is not valid");
@@ -1007,10 +1033,14 @@
     } else {
       generatedOffRadio.checked = true;
     }
-    if (autoconsentConfig.enableHeuristicAction) {
-      heuristicActionOnRadio.checked = true;
+    if (autoconsentConfig.heuristicMode === "reject") {
+      heuristicRejectRadio.checked = true;
+    } else if (autoconsentConfig.heuristicMode === "tier1") {
+      heuristicTier1Radio.checked = true;
+    } else if (autoconsentConfig.heuristicMode === "tier2") {
+      heuristicTier2Radio.checked = true;
     } else {
-      heuristicActionOffRadio.checked = true;
+      heuristicOffRadio.checked = true;
     }
     if (autoconsentConfig.visualTest) {
       visualTestOnRadio.checked = true;
@@ -1060,12 +1090,22 @@
     }
     generatedOnRadio.addEventListener("change", generatedChange);
     generatedOffRadio.addEventListener("change", generatedChange);
-    function heuristicActionChange() {
-      autoconsentConfig.enableHeuristicAction = heuristicActionOnRadio.checked;
+    function heuristicModeChange() {
+      if (heuristicRejectRadio.checked) {
+        autoconsentConfig.heuristicMode = "reject";
+      } else if (heuristicTier1Radio.checked) {
+        autoconsentConfig.heuristicMode = "tier1";
+      } else if (heuristicTier2Radio.checked) {
+        autoconsentConfig.heuristicMode = "tier2";
+      } else {
+        autoconsentConfig.heuristicMode = "off";
+      }
       storageSet({ config: autoconsentConfig });
     }
-    heuristicActionOnRadio.addEventListener("change", heuristicActionChange);
-    heuristicActionOffRadio.addEventListener("change", heuristicActionChange);
+    heuristicOffRadio.addEventListener("change", heuristicModeChange);
+    heuristicRejectRadio.addEventListener("change", heuristicModeChange);
+    heuristicTier1Radio.addEventListener("change", heuristicModeChange);
+    heuristicTier2Radio.addEventListener("change", heuristicModeChange);
     function visualTestChange() {
       autoconsentConfig.visualTest = visualTestOnRadio.checked;
       storageSet({ config: autoconsentConfig });
@@ -1111,10 +1151,141 @@
     logsMessagesCheckbox.addEventListener("change", () => {
       updateLogsConfig();
     });
+    async function loadRuleIndex() {
+      if (!ruleIndexPromise) {
+        ruleIndexPromise = fetch("./rule-index.json").then(async (res) => await res.json());
+      }
+      ruleIndex = await ruleIndexPromise;
+      updateRuleCounts();
+      return ruleIndex;
+    }
+    function updateRuleCounts() {
+      if (!ruleIndex) {
+        return;
+      }
+      const disabledCmps = autoconsentConfig.disabledCmps || [];
+      Object.keys(ruleSectionControls).forEach((section) => {
+        const sectionRules = ruleIndex?.filter((rule) => rule.section === section) || [];
+        const disabledInSection = sectionRules.filter((rule) => disabledCmps.includes(rule.name)).length;
+        const count = ruleSectionControls[section].count;
+        count.textContent = `(${disabledInSection}/${sectionRules.length} disabled)`;
+        count.classList.toggle("rule-count-disabled", disabledInSection > 0);
+      });
+    }
+    function setRuleEnabled(ruleName, enabled) {
+      const disabledCmps = new Set(autoconsentConfig.disabledCmps || []);
+      if (enabled) {
+        disabledCmps.delete(ruleName);
+      } else {
+        disabledCmps.add(ruleName);
+      }
+      autoconsentConfig.disabledCmps = Array.from(disabledCmps).sort();
+      storageSet({ config: autoconsentConfig });
+      updateRuleCounts();
+    }
+    function renderOpenRuleSections() {
+      Object.keys(ruleSectionControls).forEach((section) => {
+        if (ruleSectionControls[section].details.open) {
+          renderRuleSection(section);
+        }
+      });
+    }
+    function setRuleSectionEnabled(section, enabled) {
+      if (!ruleIndex) {
+        return;
+      }
+      const disabledCmps = new Set(autoconsentConfig.disabledCmps || []);
+      ruleIndex.filter((rule) => rule.section === section).forEach((rule) => {
+        if (enabled) {
+          disabledCmps.delete(rule.name);
+        } else {
+          disabledCmps.add(rule.name);
+        }
+      });
+      autoconsentConfig.disabledCmps = Array.from(disabledCmps).sort();
+      storageSet({ config: autoconsentConfig });
+      updateRuleCounts();
+      renderOpenRuleSections();
+    }
+    function renderRuleSection(section) {
+      const controls = ruleSectionControls[section];
+      if (!ruleIndex) {
+        controls.status.textContent = "Rules are not loaded yet.";
+        return;
+      }
+      const disabledCmps = autoconsentConfig.disabledCmps || [];
+      const searchQuery = controls.search.value.trim().toLowerCase();
+      const sectionRules = ruleIndex.filter((rule) => rule.section === section);
+      const matchingRules = sectionRules.filter((rule) => {
+        if (!searchQuery) {
+          return disabledCmps.includes(rule.name);
+        }
+        return rule.name.toLowerCase().includes(searchQuery) || !!rule.urlPattern?.toLowerCase().includes(searchQuery);
+      });
+      const renderedRules = matchingRules.slice(0, maxRenderedRules);
+      const disabledInSection = sectionRules.filter((rule) => disabledCmps.includes(rule.name)).length;
+      controls.status.textContent = searchQuery ? `Showing ${renderedRules.length} of ${matchingRules.length} matches. ${disabledInSection} disabled.` : `Showing ${renderedRules.length} of ${disabledInSection} disabled rules. Search to find enabled rules.`;
+      controls.list.replaceChildren(
+        ...renderedRules.map((rule) => {
+          const checkbox = document.createElement("input");
+          checkbox.type = "checkbox";
+          checkbox.checked = !disabledCmps.includes(rule.name);
+          checkbox.addEventListener("change", () => {
+            setRuleEnabled(rule.name, checkbox.checked);
+            renderRuleSection(section);
+          });
+          const label = document.createElement("label");
+          label.className = "rule-row";
+          label.title = rule.urlPattern ? `${rule.name}
+${rule.urlPattern}` : rule.name;
+          label.append(checkbox, document.createTextNode(` ${rule.name}${rule.cosmetic ? " (cosmetic)" : ""}`));
+          return label;
+        })
+      );
+    }
+    async function loadAndRenderRuleSection(section) {
+      ruleSectionControls[section].status.textContent = "Loading rules...";
+      try {
+        await loadRuleIndex();
+        renderRuleSection(section);
+      } catch (e) {
+        console.error("Failed to load rule index", e);
+        ruleSectionControls[section].status.textContent = "Failed to load rules.";
+      }
+    }
+    Object.keys(ruleSectionControls).forEach((section) => {
+      const controls = ruleSectionControls[section];
+      controls.details.addEventListener("toggle", () => {
+        if (controls.details.open) {
+          loadAndRenderRuleSection(section);
+        }
+      });
+      controls.search.addEventListener("input", () => renderRuleSection(section));
+      controls.enableAll.addEventListener("click", async () => {
+        await loadRuleIndex();
+        setRuleSectionEnabled(section, true);
+      });
+      controls.disableAll.addEventListener("click", async () => {
+        await loadRuleIndex();
+        setRuleSectionEnabled(section, false);
+      });
+    });
+    loadRuleIndex().catch((e) => {
+      console.error("Failed to load rule index", e);
+    });
     ruleReloadButton.addEventListener("click", async () => {
-      const res = await fetch("./rules.json");
-      storageSet({
-        rules: await res.json()
+      const [compactRulesRes, fullRulesRes] = await Promise.all([fetch("./compact-rules.json"), fetch("./rules.json")]);
+      const fullRules = await fullRulesRes.json();
+      await storageSet({
+        rules: await compactRulesRes.json(),
+        fullRules: fullRules.autoconsent
+      });
+      ruleIndexPromise = null;
+      ruleIndex = null;
+      Object.keys(ruleSectionControls).forEach((section) => {
+        if (ruleSectionControls[section].details.open) {
+          loadAndRenderRuleSection(section);
+        }
       });
     });
     resetButton.addEventListener("click", async () => {

package/dist/addon-mv3/popup.html

@@ -23,6 +23,52 @@
                 cursor: pointer;
                 border-radius: 2px;
             }
+
+            .rule-section {
+                margin: 0.5em 0;
+            }
+
+            .rule-search {
+                box-sizing: border-box;
+                margin: 0.5em 0;
+                width: 100%;
+            }
+
+            .rule-actions {
+                display: flex;
+                gap: 0.5em;
+                margin: 0.5em 0;
+            }
+
+            .rule-actions button {
+                flex: 1;
+            }
+
+            .rule-list {
+                border: 1px solid #ddd;
+                max-height: 12em;
+                overflow-y: auto;
+                padding: 0.25em;
+            }
+
+            .rule-row {
+                display: block;
+                overflow: hidden;
+                padding: 0.15em 0;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .rule-list-status {
+                color: #666;
+                font-size: 0.9em;
+                margin: 0.25em 0;
+            }
+
+            .rule-count-disabled {
+                color: #b00020;
+                font-weight: bold;
+            }
         </style>
     </head>
 
@@ -96,16 +142,63 @@
         </fieldset>
 
         <fieldset>
-            <legend>Handle unknown popups (beta)</legend>
+            <legend>Rules</legend>
+
+            <details class="rule-section" id="generated-rules-section">
+                <summary>Generated rules <span id="generated-rules-count"></span></summary>
+                <input class="rule-search" type="search" id="generated-rules-search" placeholder="Search generated rules" />
+                <div class="rule-actions">
+                    <button id="generated-rules-enable-all">Enable all</button>
+                    <button id="generated-rules-disable-all">Disable all</button>
+                </div>
+                <div class="rule-list-status" id="generated-rules-status"></div>
+                <div class="rule-list" id="generated-rules-list"></div>
+            </details>
+
+            <details class="rule-section" id="generic-rules-section">
+                <summary>Generic rules <span id="generic-rules-count"></span></summary>
+                <input class="rule-search" type="search" id="generic-rules-search" placeholder="Search generic rules" />
+                <div class="rule-actions">
+                    <button id="generic-rules-enable-all">Enable all</button>
+                    <button id="generic-rules-disable-all">Disable all</button>
+                </div>
+                <div class="rule-list-status" id="generic-rules-status"></div>
+                <div class="rule-list" id="generic-rules-list"></div>
+            </details>
+
+            <details class="rule-section" id="code-rules-section">
+                <summary>Code-based rules <span id="code-rules-count"></span></summary>
+                <input class="rule-search" type="search" id="code-rules-search" placeholder="Search code-based rules" />
+                <div class="rule-actions">
+                    <button id="code-rules-enable-all">Enable all</button>
+                    <button id="code-rules-disable-all">Disable all</button>
+                </div>
+                <div class="rule-list-status" id="code-rules-status"></div>
+                <div class="rule-list" id="code-rules-list"></div>
+            </details>
+        </fieldset>
+
+        <fieldset>
+            <legend>Handle unknown popups (heuristic rule)</legend>
+
+            <div>
+                <input type="radio" id="heuristic-off" name="heuristic-mode" value="off" checked />
+                <label for="heuristic-off">Off</label>
+            </div>
+
+            <div>
+                <input type="radio" id="heuristic-reject" name="heuristic-mode" value="reject" />
+                <label for="heuristic-reject">Reject when possible</label>
+            </div>
 
             <div>
-                <input type="radio" id="heuristic-action-on" name="heuristic-action" value="true" />
-                <label for="heuristic-action-on">On</label>
+                <input type="radio" id="heuristic-tier1" name="heuristic-mode" value="tier1" />
+                <label for="heuristic-tier1">Acknowledge if no reject (tier 1)</label>
             </div>
 
             <div>
-                <input type="radio" id="heuristic-action-off" name="heuristic-action" value="false" checked />
-                <label for="heuristic-action-off">Off</label>
+                <input type="radio" id="heuristic-tier2" name="heuristic-mode" value="tier2" />
+                <label for="heuristic-tier2">Accept if no reject or acknowledge (tier 2)</label>
             </div>
         </fieldset>