Issue 4218 - Browser icons for newer Chrome + Edge

lib/icon.js

 /*
  * 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
@@ skipping 105 matching lines @@
 
     let frames = {};
     let canvas = document.createElement("canvas");
     let context = canvas.getContext("2d");
 
     for (let whitelisted of [false, true])
     {
       for (let i = 0, opacity = 0; i <= 10; opacity = ++i / 10)
       {
         let imageData = {};
-        for (let size of [16, 19, 20, 32, 38, 40])

[Sebastian Noack, 2016/08/09 13:46:47]

As mentioned before, please don't use for..of with array literals in code
processed by jsHydra. jsHydra being quite simple, it will generate following
ugly (and potentially slow) code. Use a variable instead.
 
  for (var _loopIndex13 = 0; _loopIndex13 < [16, 19, 20, 32, 38, 40].length;
++_loopIndex13)
  {
    var size = [16, 19, 20, 32, 38, 40][_loopIndex13];
    ...

Yes, this seems to be unrelated to your changes here, but since you made the
array even longer it makes it worse.

+        let sizes = [16, 19, 20, 32, 38, 40];
+        for (let size of sizes)
         {
           canvas.width = size;
           canvas.height = size;
           context.globalAlpha = 1;
           context.drawImage(images[size]["base"][whitelisted | 0], 0, 0);
           context.globalAlpha = opacity;
           context.drawImage(images[size]["overlay"], 0, 0);
           imageData[size] = context.getImageData(0, 0, size, size);
         }
         frames["" + opacity + whitelisted] = imageData;
@@ skipping 89 matching lines @@
           clearInterval(interval);
           resolve();
           return;
         }
 
         animateIcon(type, frames);
       }, 10000);
     });
   });
 };