Issue 154 - Added UI for devtools panel on Chrome

background.js

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-2015 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
@@ skipping 88 matching lines @@
       },
 
       removeSubscription: function(subscription)
       {
         var index = subscriptions.indexOf(subscription.url);
         if (index >= 0)
         {
           subscriptions.splice(index, 1);
           modules.filterNotifier.FilterNotifier.triggerListeners("subscription.removed", subscription);
         }
-      }
+      },
+
+      addFilter: function() {},
+      removeFilter: function() {}
     }
   };
 
   modules.filterClasses = {
+    Filter: function(text)
+    {
+      this.text = text;
+    },
     BlockingFilter: function() {}
   };
+  modules.filterClasses.Filter.fromText = function(text)
+  {
+    return new modules.filterClasses.Filter(text);
+  };
 
   modules.synchronizer = {
     Synchronizer: {}
   };
 
   modules.matcher = {
     defaultMatcher: {
       matchesAny: function(url, requestType, docDomain, thirdParty)
       {
         var params = {blockedURLs: ""};
@@ skipping 47 matching lines @@
       {
         return parseFloat(v1) - parseFloat(v2);
       }
     }
   };
 
   var issues = {seenDataCorruption: false, filterlistsReinitialized: false};
   updateFromURL(issues);
   global.seenDataCorruption = issues.seenDataCorruption;
   global.filterlistsReinitialized = issues.filterlistsReinitialized;
+
+  ext.devtools.onCreated.addListener(function(panel)
+  {
+    // blocked request
+    panel.sendMessage({
+      type: "add-record",
+      request: {
+        url: "http://adserver.example.com/ad_banner.png",
+        type: "IMAGE",
+        docDomain: "example.com"
+      },
+      filter: {
+        text: "/ad_banner*$domain=example.com",
+        whitelisted: false,
+        userDefined: false,
+        subscription: "EasyList"
+      }
+    });
+
+    // whitelisted request
+    panel.sendMessage({
+      type: "add-record",
+      request: {
+        url: "http://example.com/looks_like_an_ad_but_isnt_one.html",
+        type: "SUBDOCUMENT",
+        docDomain: "example.com"
+      },
+      filter: {
+        text: "@@||example.com/looks_like_an_ad_but_isnt_one.html",
+        whitelisted: true,
+        userDefined: false,
+        subscription: "EasyList"
+      }
+    });
+
+    // request with long URL and no filter matches
+    panel.sendMessage({
+      type: "add-record",
+      request: {
+        url: "https://this.url.has.a.long.domain/and_a_long_path_maybe_not_long_enough_so_i_keep_typing?there=are&a=couple&of=parameters&as=well&and=even&some=more",
+        type: "XMLHTTPREQUEST",
+        docDomain: "example.com"
+      },
+      filter: null
+    });
+
+    // matching element hiding filter
+    panel.sendMessage({
+      type: "add-record",
+      request: {
+        type: "ELEMHIDE",
+        docDomain: "example.com"
+      },
+      filter: {
+        text: "example.com##.ad_banner",
+        whitelisted: false,
+        userDefined: false,
+        subscription: "EasyList"
+      }
+    });
+
+    // user-defined filter
+    panel.sendMessage({
+      type: "add-record",
+      request: {
+        url: "http://example.com/some-annoying-popup",
+        type: "POPUP",
+        docDomain: "example.com"
+      },
+      filter: {
+        text: "||example.com/some-annoying-popup$popup",
+        whitelisted: false,
+        userDefined: true,
+        subscription: null
+      }
+    });
+  });
 })(this);