2020-04-29 02:17:33 -07:00
|
|
|
let iconFactory
|
2017-05-26 00:19:24 -07:00
|
|
|
const isValidAddress = require('ethereumjs-util').isValidAddress
|
2018-04-17 12:57:55 -07:00
|
|
|
const { checksumAddress } = require('../app/util')
|
2017-05-26 09:58:33 -07:00
|
|
|
const contractMap = require('eth-contract-metadata')
|
2018-07-26 03:02:21 -07:00
|
|
|
const colors = require('../../colors')
|
2016-06-06 14:05:13 -07:00
|
|
|
|
2016-06-21 13:18:32 -07:00
|
|
|
module.exports = function (jazzicon) {
|
2016-06-06 14:05:13 -07:00
|
|
|
if (!iconFactory) {
|
|
|
|
iconFactory = new IconFactory(jazzicon)
|
|
|
|
}
|
|
|
|
return iconFactory
|
|
|
|
}
|
|
|
|
|
2016-06-21 13:18:32 -07:00
|
|
|
function IconFactory (jazzicon) {
|
2018-07-26 05:58:39 -07:00
|
|
|
jazzicon.setColorsPalette(colors)
|
2016-06-06 14:05:13 -07:00
|
|
|
this.jazzicon = jazzicon
|
|
|
|
this.cache = {}
|
|
|
|
}
|
|
|
|
|
2017-05-26 00:19:24 -07:00
|
|
|
IconFactory.prototype.iconForAddress = function (address, diameter) {
|
2018-04-17 12:57:55 -07:00
|
|
|
const addr = checksumAddress(address)
|
2017-05-26 00:19:24 -07:00
|
|
|
if (iconExistsFor(addr)) {
|
|
|
|
return imageElFor(addr)
|
2016-06-06 14:05:13 -07:00
|
|
|
}
|
|
|
|
|
2017-05-26 00:19:24 -07:00
|
|
|
return this.generateIdenticonSvg(address, diameter)
|
2016-06-06 14:05:13 -07:00
|
|
|
}
|
|
|
|
|
2016-06-23 16:09:25 -07:00
|
|
|
// returns svg dom element
|
|
|
|
IconFactory.prototype.generateIdenticonSvg = function (address, diameter) {
|
2020-04-29 02:17:33 -07:00
|
|
|
const cacheId = `${address}:${diameter}`
|
2016-06-23 16:09:25 -07:00
|
|
|
// check cache, lazily generate and populate cache
|
2020-04-29 02:17:33 -07:00
|
|
|
const identicon = this.cache[cacheId] || (this.cache[cacheId] = this.generateNewIdenticon(address, diameter))
|
2016-06-23 16:09:25 -07:00
|
|
|
// create a clean copy so you can modify it
|
2020-04-29 02:17:33 -07:00
|
|
|
const cleanCopy = identicon.cloneNode(true)
|
2016-06-23 16:09:25 -07:00
|
|
|
return cleanCopy
|
2016-06-06 14:05:13 -07:00
|
|
|
}
|
|
|
|
|
2016-06-23 16:09:25 -07:00
|
|
|
// creates a new identicon
|
|
|
|
IconFactory.prototype.generateNewIdenticon = function (address, diameter) {
|
2020-04-29 02:17:33 -07:00
|
|
|
const numericRepresentation = jsNumberForAddress(address)
|
|
|
|
const identicon = this.jazzicon.generateIdenticon(diameter, numericRepresentation)
|
2016-06-23 16:09:25 -07:00
|
|
|
return identicon
|
2016-06-06 14:05:13 -07:00
|
|
|
}
|
|
|
|
|
2016-06-23 16:09:25 -07:00
|
|
|
// util
|
|
|
|
|
2017-05-26 00:19:24 -07:00
|
|
|
function iconExistsFor (address) {
|
2017-06-13 17:47:56 -07:00
|
|
|
return contractMap[address] && isValidAddress(address) && contractMap[address].logo
|
2017-05-26 00:19:24 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
function imageElFor (address) {
|
2017-05-26 09:58:33 -07:00
|
|
|
const contract = contractMap[address]
|
|
|
|
const fileName = contract.logo
|
2017-05-26 00:19:24 -07:00
|
|
|
const path = `images/contract/${fileName}`
|
|
|
|
const img = document.createElement('img')
|
|
|
|
img.src = path
|
2017-09-05 01:48:52 -07:00
|
|
|
img.style.width = '100%'
|
2017-05-26 00:19:24 -07:00
|
|
|
return img
|
|
|
|
}
|
|
|
|
|
2016-06-21 13:18:32 -07:00
|
|
|
function jsNumberForAddress (address) {
|
2020-04-29 02:17:33 -07:00
|
|
|
const addr = address.slice(2, 10)
|
|
|
|
const seed = parseInt(addr, 16)
|
2016-06-06 14:05:13 -07:00
|
|
|
return seed
|
|
|
|
}
|