1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/helpers/utils/icon-factory.js

89 lines
2.9 KiB
JavaScript
Raw Normal View History

2021-09-27 15:58:12 +02:00
import {
isValidHexAddress,
toChecksumHexAddress,
} from '../../../shared/modules/hexstring-utils';
let iconFactory;
2020-11-03 00:41:28 +01:00
export default function iconFactoryGenerator(jazzicon) {
if (!iconFactory) {
iconFactory = new IconFactory(jazzicon);
}
return iconFactory;
}
2020-11-03 00:41:28 +01:00
function IconFactory(jazzicon) {
this.jazzicon = jazzicon;
this.cache = {};
}
IconFactory.prototype.iconForAddress = function (
address,
diameter,
useTokenDetection,
tokenList,
) {
// When useTokenDetection flag is true the tokenList contains tokens with non-checksum address from the dynamic token service api,
// When useTokenDetection flag is false the tokenList contains tokens with checksum addresses from contract-metadata.
// So the flag indicates whether the address of tokens currently on the tokenList is checksum or not.
// And since the token.address from allTokens is checksumaddress
// tokenAddress have to be changed to lowercase when we are using dynamic list
2021-09-27 15:58:12 +02:00
const addr = useTokenDetection
? address.toLowerCase()
: toChecksumHexAddress(address);
if (iconExistsFor(addr, tokenList)) {
return imageElFor(addr, useTokenDetection, tokenList);
}
return this.generateIdenticonSvg(address, diameter);
};
// returns svg dom element
IconFactory.prototype.generateIdenticonSvg = function (address, diameter) {
const cacheId = `${address}:${diameter}`;
// check cache, lazily generate and populate cache
2020-11-03 00:41:28 +01:00
const identicon =
this.cache[cacheId] ||
(this.cache[cacheId] = this.generateNewIdenticon(address, diameter));
// create a clean copy so you can modify it
const cleanCopy = identicon.cloneNode(true);
return cleanCopy;
};
// creates a new identicon
IconFactory.prototype.generateNewIdenticon = function (address, diameter) {
const numericRepresentation = jsNumberForAddress(address);
const identicon = this.jazzicon(diameter, numericRepresentation);
return identicon;
};
// util
function iconExistsFor(address, tokenList) {
2020-11-03 00:41:28 +01:00
return (
tokenList[address] &&
isValidHexAddress(address, { allowNonPrefixed: false }) &&
tokenList[address].iconUrl
);
}
function imageElFor(address, useTokenDetection, tokenList) {
const tokenMetadata = tokenList[address];
const fileName = tokenMetadata?.iconUrl;
// token from dynamic api list is fetched when useTokenDetection is true
// In the static list, the iconUrl will be holding only a filename for the image,
// the corresponding images will be available in the `images/contract/` location when the contract-metadata package was added to the extension
// so that it can be accessed using the filename in iconUrl.
const path = useTokenDetection ? fileName : `images/contract/${fileName}`;
const img = document.createElement('img');
img.src = path;
img.style.width = '100%';
return img;
}
2020-11-03 00:41:28 +01:00
function jsNumberForAddress(address) {
const addr = address.slice(2, 10);
const seed = parseInt(addr, 16);
return seed;
}