aboutsummaryrefslogtreecommitdiffstats
path: root/ui/lib/icon-factory.js
blob: 82cc839d6d80f67d4a981f0a70b804672ed98694 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
var iconFactory

module.exports = function (jazzicon) {
  if (!iconFactory) {
    iconFactory = new IconFactory(jazzicon)
  }
  return iconFactory
}

function IconFactory (jazzicon) {
  this.jazzicon = jazzicon
  this.cache = {}
}

IconFactory.prototype.iconForAddress = function (address, diameter, imageify) {
  if (imageify) {
    return this.generateIdenticonImg(address, diameter)
  } else {
    return this.generateIdenticonSvg(address, diameter)
  }
}

// returns img dom element
IconFactory.prototype.generateIdenticonImg = function (address, diameter) {
  var identicon = this.generateIdenticonSvg(address, diameter)
  var identiconSrc = identicon.innerHTML
  var dataUri = toDataUri(identiconSrc)
  var img = document.createElement('img')
  img.src = dataUri
  return img
}

// returns svg dom element
IconFactory.prototype.generateIdenticonSvg = function (address, diameter) {
  var cacheId = `${address}:${diameter}`
  // check cache, lazily generate and populate cache
  var identicon = this.cache[cacheId] || (this.cache[cacheId] = this.generateNewIdenticon(address, diameter))
  // create a clean copy so you can modify it
  var cleanCopy = identicon.cloneNode(true)
  return cleanCopy
}

// creates a new identicon
IconFactory.prototype.generateNewIdenticon = function (address, diameter) {
  var numericRepresentation = jsNumberForAddress(address)
  var identicon = this.jazzicon(diameter, numericRepresentation)
  return identicon
}

// util

function jsNumberForAddress (address) {
  var addr = address.slice(2, 10)
  var seed = parseInt(addr, 16)
  return seed
}

function toDataUri (identiconSrc) {
  return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(identiconSrc)
}