Issue 154 - Added UI for devtools panel on Chrome

ext/devtools.js

 /*
- * This file is part of Adblock Plus <http://adblockplus.org/>,
- * Copyright (C) 2006-2015 Eyeo GmbH
+ * This file is part of Adblock Plus <https://adblockplus.org/>,
+ * Copyright (C) 2006-2016 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/>.
  */
 
-ext.devtools = {
-  connect: function()
-  {
-    return {
-      postMessage: function() {},
+"use strict";
 
-      onMessage: {
-        addListener: function(listener)
-        {
-          // blocked request
-          listener({
-            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"
-            }
-          });
+(function(global)
+{
+  if (!global.ext)
+    global.ext = {};
 
-          // whiletisted request
-          listener({
-            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"
-            }
-          });
+  global.ext.devtools = {
+    panels: {
+      openResource: function() {}
+    },
 
-          // request with long URL and no filter matches
-          listener({
-            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
-          });
+    inspectedWindow: {
+      reload: function() {}
+    }
+  };
 
-          // matching element hiding filter
-          listener({
-            type: "add-record",
-            request: {
-              type: "ELEMHIDE",
-              docDomain: "example.com"
-            },
-            filter: {
-              text: "example.com##.ad_banner",
-              whitelisted: false,
-              userDefined: false,
-              subscription: "EasyList"
-            }
-          });
-
-          // user-defined filter
-          listener({
-            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
-            }
-          });
-
-        }
-      }
-    };
-  },
-
-  panels: {
-    openResource: function() {}
-  },
-
-  inspectedWindow: {
-    reload: function() {}
-  }
-}
-
+  global.ext.backgroundPage._sendRawMessage({type: "devtools"});
+})(this);