Issue 4580 - Replace ext.devtools with devtools

polyfill.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";
 
-(function()
 {
   window.browser = {};
 
-  /* I18n */
+  /* runtime */
+
+  let messageQueue = [];
+  let maxMessageId = -1;
+  let backgroundWindow = null;

[Manish Jethani, 2017/10/18 01:41:31]

We have to maintain a reference to the background window here, because the
background frame is injected in ext/content.js and we only get an event here.

+
+  function backgroundPageLoadedHandler(event)
+  {
+    if (event.data.type == "backgroundPageLoaded")
+    {
+      window.removeEventListener("message", backgroundPageLoadedHandler);

[Manish Jethani, 2017/10/18 01:41:31]

Removing the listener first, I hope it's OK.

+
+      backgroundWindow = event.source;
+
+      let queue = messageQueue || [];
+      messageQueue = null;
+      for (let message of queue)
+        backgroundWindow.postMessage(message, "*");
+    }
+  }
+
+  window.addEventListener("message", backgroundPageLoadedHandler);
+
+  function sendRawMessage(message)
+  {
+    if (messageQueue)
+      messageQueue.push(message);
+    else
+      backgroundWindow.postMessage(message, "*");
+  }
+
+  browser.runtime = {
+    connect()
+    {
+      sendRawMessage({type: "connect"});
+      return {onMessage: ext.onMessage};
+    },
+
+    sendMessage(message, responseCallback)
+    {
+      let messageId = ++maxMessageId;
+
+      sendRawMessage({type: "message", messageId, payload: message});
+
+      if (responseCallback)
+      {
+        let callbackWrapper = event =>
+        {
+          if (event.data.type == "response" &&
+              event.data.messageId == messageId)
+          {
+            window.removeEventListener("message", callbackWrapper);
+            responseCallback(event.data.payload);
+          }
+        };
+
+        window.addEventListener("message", callbackWrapper);
+      }
+    },
+
+    onConnect: {
+      addListener(callback)
+      {
+        window.addEventListener("message", event =>
+        {
+          if (event.data.type == "connect")
+          {
+            callback({
+              postMessage(message)
+              {
+                event.source.postMessage({
+                  type: "message",
+                  messageId: -1,
+                  payload: message
+                }, "*");
+              }
+            });
+          }
+        });
+      }
+    }
+  };
+
+  /* devtools */
+
+  if (top.location.pathname == "/devtools-panel.html")
+  {
+    browser.devtools = {
+      panels: {
+        openResource() {}
+      },
+
+      inspectedWindow: {
+        reload() {}
+      }
+    };
+  }
+
+  /* i18n */
 
   let getLocaleCandidates = function(selectedLocale)
   {
     let candidates = [];
     let defaultLocale = "en_US";
 
     // e.g. "ja-jp-mac" -> "ja_JP", note that the part after the second
     // dash is dropped, since we only support language and region
     let parts = selectedLocale.split("-");
     let language = parts[0];
@@ skipping 95 matching lines @@
 
         if (locales.length == 0)
           return "";
 
         let locale = locales.shift();
         readCatalog(locale, "common.json");
         readCatalog(locale, catalogFile);
       }
     }
   };
-}());
+}