ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: lazily load token list validator (#2342)

Browse Source 
Removes 125kb from main chunk. Moves ~90ms off of the critical pageload path.
This commit is contained in:
Zach Pomerantz 2021-09-15 13:23:17 -07:00 committed by GitHub
parent 308f7d59a0
commit c2093ce040
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/utils/getTokenList.ts
View File

@ -1,11 +1,26 @@
import { TokenList } from '@uniswap/token-lists'
import schema from '@uniswap/token-lists/src/tokenlist.schema.json'
import Ajv from 'ajv'
import { ValidateFunction } from 'ajv'
import contenthashToUri from './contenthashToUri'
import { parseENSAddress } from './parseENSAddress'
import uriToHttp from './uriToHttp'
const tokenListValidator = new Ajv({ allErrors: true }).compile(schema)
// lazily get the validator the first time it is used
const getTokenListValidator = (() => {
let tokenListValidator: Promise<ValidateFunction>
return () => {
if (!tokenListValidator) {
tokenListValidator = new Promise<ValidateFunction>(async (resolve) => {
const [ajv, schema] = await Promise.all([
import('ajv'),
import('@uniswap/token-lists/src/tokenlist.schema.json'),
])
const validator = new ajv.default({ allErrors: true }).compile(schema)
resolve(validator)
})
}
return tokenListValidator
}
})()
/**
* Contains the logic for resolving a list URL to a validated token list
@ -16,6 +31,7 @@ export default async function getTokenList(
listUrl: string,
resolveENSContentHash: (ensName: string) => Promise<string>
): Promise<TokenList> {
const tokenListValidator = getTokenListValidator()
const parsedENS = parseENSAddress(listUrl)
let urls: string[]
if (parsedENS) {
@ -54,10 +70,10 @@ export default async function getTokenList(
continue
}
const json = await response.json()
if (!tokenListValidator(json)) {
const [json, validator] = await Promise.all([response.json(), tokenListValidator])
if (!validator(json)) {
const validationErrors: string =
tokenListValidator.errors?.reduce<string>((memo, error) => {
validator.errors?.reduce<string>((memo, error) => {
const add = `${error.dataPath} ${error.message ?? ''}`
return memo.length > 0 ? `${memo}; ${add}` : `${add}`
}, '') ?? 'unknown error'