From 6c1c9c69af507a81a5bb24f82d9391ff622377eb Mon Sep 17 00:00:00 2001
From: Samuel Hawksby-Robinson <samuel@samyoul.com>
Date: Wed, 8 Nov 2017 16:26:08 +0000
Subject: [PATCH 1/2] Added Identicons / Ether Blockies

Resolves #91

This commit contains functionality for auto scaling blockie images to be inserted infront of any ethereum address
---
 css/app.css                | 11 +++++++++++
 js/DomManipulator.js       | 19 ++++++++++++++++++-
 js/app/lib/blockies.min.js |  1 +
 manifest.json              |  6 +++++-
 4 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 js/app/lib/blockies.min.js

diff --git a/css/app.css b/css/app.css
index 5aea8d51..d6df6757 100644
--- a/css/app.css
+++ b/css/app.css
@@ -81,4 +81,15 @@
     margin-top: 5%;
     padding: 15px 5%;
     background: #e4e4e4;
+}
+
+.ext-etheraddresslookup-blockie {
+    width: 1em;
+    height: 1em;
+    background-size: cover;
+    background-repeat: no-repeat;
+    border-radius: 50%;
+    box-shadow: inset rgba(255, 255, 255, 0.6) 0 2px 2px, inset rgba(0, 0, 0, 0.3) 0 -2px 6px;
+    display: inline-block;
+    margin-bottom: -0.2em;
 }
\ No newline at end of file
diff --git a/js/DomManipulator.js b/js/DomManipulator.js
index 8b4033fc..3eb35e5c 100644
--- a/js/DomManipulator.js
+++ b/js/DomManipulator.js
@@ -82,7 +82,9 @@ class EtherAddressLookup {
             '$1<a title="See this address on the blockchain explorer" ' +
             'href="' + this.strBlockchainExplorer + '/$2" ' +
             'class="ext-etheraddresslookup-link" ' +
-            'target="'+ this.target +'">$2</a>$3',
+            'target="'+ this.target +'">' +
+            '<div class="ext-etheraddresslookup-blockie" data-ether-address="$2" ></div> $2' +
+            '</a>$3',
 
             // ENS Address Replace
             '<a title="See this address on the blockchain explorer" ' +
@@ -148,6 +150,7 @@ class EtherAddressLookup {
         }
 
         this.tidyUpSlots();
+        this.addBlockies();
 
         if(this.blHighlight) {
             this.addHighlightStyle();
@@ -240,6 +243,20 @@ class EtherAddressLookup {
         }
     }
 
+    addBlockies()
+    {
+        var blockieDivs = document.querySelectorAll("div.ext-etheraddresslookup-blockie");
+        for(var i = 0; i < blockieDivs.length; i++){
+
+            blockieDivs[i].style.backgroundImage = 'url(' + blockies.create({
+                // toLowerCase is used because standard blockies are based on none-checksum Ethereum addresses
+                seed:blockieDivs[i].getAttribute('data-ether-address').toLowerCase(),
+                size: 8,
+                scale: 16
+            }).toDataURL() +')';
+        }
+    }
+
     //Removes the highlight style from Ethereum addresses
     removeHighlightStyle()
     {
diff --git a/js/app/lib/blockies.min.js b/js/app/lib/blockies.min.js
new file mode 100644
index 00000000..abed25c5
--- /dev/null
+++ b/js/app/lib/blockies.min.js
@@ -0,0 +1 @@
+!function(){function e(e){for(var o=0;o<c.length;o++)c[o]=0;for(var o=0;o<e.length;o++)c[o%4]=(c[o%4]<<5)-c[o%4]+e.charCodeAt(o)}function o(){var e=c[0]^c[0]<<11;return c[0]=c[1],c[1]=c[2],c[2]=c[3],c[3]=c[3]^c[3]>>19^e^e>>8,(c[3]>>>0)/(1<<31>>>0)}function r(){var e=Math.floor(360*o()),r=60*o()+40+"%",t=25*(o()+o()+o()+o())+"%",l="hsl("+e+","+r+","+t+")";return l}function t(e){for(var r=e,t=e,l=Math.ceil(r/2),n=r-l,a=[],c=0;t>c;c++){for(var i=[],f=0;l>f;f++)i[f]=Math.floor(2.3*o());var s=i.slice(0,n);s.reverse(),i=i.concat(s);for(var h=0;h<i.length;h++)a.push(i[h])}return a}function l(o){var t={};return t.seed=o.seed||Math.floor(Math.random()*Math.pow(10,16)).toString(16),e(t.seed),t.size=o.size||8,t.scale=o.scale||4,t.color=o.color||r(),t.bgcolor=o.bgcolor||r(),t.spotcolor=o.spotcolor||r(),t}function n(e,o){var r=t(e.size),l=Math.sqrt(r.length);o.width=o.height=e.size*e.scale;var n=o.getContext("2d");n.fillStyle=e.bgcolor,n.fillRect(0,0,o.width,o.height),n.fillStyle=e.color;for(var a=0;a<r.length;a++)if(r[a]){var c=Math.floor(a/l),i=a%l;n.fillStyle=1==r[a]?e.color:e.spotcolor,n.fillRect(i*e.scale,c*e.scale,e.scale,e.scale)}return o}function a(e){var e=l(e||{}),o=document.createElement("canvas");return n(e,o),o}var c=new Array(4),i={create:a,render:n};"undefined"!=typeof module&&(module.exports=i),"undefined"!=typeof window&&(window.blockies=i)}();
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 815a84ba..be8ef92d 100644
--- a/manifest.json
+++ b/manifest.json
@@ -23,7 +23,11 @@
   "content_scripts":[{
     "run_at": "document_start",
     "matches": ["http://*/*", "https://*/*"],
-    "js": ["js/app/lib/punycode.min.js", "js/DomainBlacklist.js"]
+    "js": [
+      "js/app/lib/punycode.min.js",
+      "js/app/lib/blockies.min.js",
+      "js/DomainBlacklist.js"
+    ]
   },{
     "run_at": "document_end",
     "matches": ["http://*/*", "https://*/*"],

From 7b9e20c7861b90d1facd7ed12f398f17f3128bc6 Mon Sep 17 00:00:00 2001
From: Samuel Hawksby-Robinson <samuel@samyoul.com>
Date: Wed, 8 Nov 2017 17:14:02 +0000
Subject: [PATCH 2/2] Updated Version to 1.10.0

---
 manifest.json | 2 +-
 package.json  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/manifest.json b/manifest.json
index be8ef92d..70f7cf2c 100644
--- a/manifest.json
+++ b/manifest.json
@@ -4,7 +4,7 @@
   "name": "EtherAddressLookup",
   "short_name": "EtherAddressLookup",
   "description": "Adds links to strings that look like Ethereum addresses to your favorite blockchain explorer.",
-  "version": "1.9.0",
+  "version": "1.10.0",
 
   "browser_action": {
     "default_icon": "images/icon.png",
diff --git a/package.json b/package.json
index 1412b757..c87138cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "etheraddresslookup",
-  "version": "1.0.0",
+  "version": "1.10.0",
   "description": "A web extension for blocking ethereum phishing websites.",
   "main": "blacklists/domains.json",
   "scripts": {