nifty-wallet/ui/lib/icon-factory.js

67 lines
1.9 KiB
JavaScript
Raw Normal View History

2020-04-29 02:17:33 -07:00
let iconFactory
const isValidAddress = require('ethereumjs-util').isValidAddress
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-21 13:18:32 -07:00
module.exports = function (jazzicon) {
if (!iconFactory) {
iconFactory = new IconFactory(jazzicon)
}
return iconFactory
}
2016-06-21 13:18:32 -07:00
function IconFactory (jazzicon) {
jazzicon.setColorsPalette(colors)
this.jazzicon = jazzicon
this.cache = {}
}
IconFactory.prototype.iconForAddress = function (address, diameter) {
const addr = checksumAddress(address)
if (iconExistsFor(addr)) {
return imageElFor(addr)
}
return this.generateIdenticonSvg(address, diameter)
}
// returns svg dom element
IconFactory.prototype.generateIdenticonSvg = function (address, diameter) {
2020-04-29 02:17:33 -07:00
const cacheId = `${address}:${diameter}`
// 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))
// create a clean copy so you can modify it
2020-04-29 02:17:33 -07:00
const cleanCopy = identicon.cloneNode(true)
return cleanCopy
}
// 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)
return identicon
}
// util
function iconExistsFor (address) {
return contractMap[address] && isValidAddress(address) && contractMap[address].logo
}
function imageElFor (address) {
2017-05-26 09:58:33 -07:00
const contract = contractMap[address]
const fileName = contract.logo
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%'
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)
return seed
}