Issue 5316 - Adds dynamic filter types to devtools panel

devtools-panel.js

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>.
  */
 
 "use strict";
 
 let lastFilterQuery = null;
 
+ext.backgroundPage.sendMessage({type: "types.get"},
+  (filterTypes) =>
+  {
+    let filterTypesElem = document.getElementById("filter-type");
+    let filterStyleElem = document.createElement("style");
+    for (let type of filterTypes)
+    {
+      filterStyleElem.innerHTML +=
+        `#items[data-filter-type=${type}] tr:not([data-type=${type}])` +
+        "{display: none;}";
+      let optionNode = document.createElement("option");
+      optionNode.appendChild(document.createTextNode(type));
+      filterTypesElem.appendChild(optionNode);
+    }
+    document.body.appendChild(filterStyleElem);
+  });
+
 function generateFilter(request, domainSpecific)
 {
   let filter = request.url.replace(/^[\w-]+:\/+(?:www\.)?/, "||");
   let options = [];
 
   if (request.type == "POPUP")
   {
     options.push("popup");
 
     if (request.url == "about:blank")
@@ skipping 201 matching lines @@
         break;
     }
   });
 
   // Since Chrome 54 the themeName is accessible, for earlier versions we must
   // assume the default theme is being used.
   // https://bugs.chromium.org/p/chromium/issues/detail?id=608869
   let theme = chrome.devtools.panels.themeName || "default";
   document.body.classList.add(theme);
 }, false);