mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
5ee1291662
Previously all browser globals were allowed to be used anywhere by ESLint because we had set the `env` property to `browser` in the ESLint config. This has made it easy to accidentally use browser globals (e.g. #8338), so it has been removed. Instead we now have a short list of allowed globals. All browser globals are now accessed as properties on `window`. Unfortunately this change resulted in a few different confusing unit test errors, as some of our unit tests setup assumed that a particular global would be used via `window` or `global`. In particular, `window.fetch` didn't work correctly because it wasn't patched by the AbortController polyfill (only `global.fetch` was being patched). The `jsdom-global` package we were using complicated matters by setting all of the JSDOM `window` properties directly on `global`, overwriting the `AbortController` for example. The `helpers.js` test setup module has been simplified somewhat by removing `jsdom-global` and constructing the JSDOM instance manually. The JSDOM window is set on `window`, and a few properties are set on `global` as well as needed by various dependencies. `node-fetch` and the AbortController polyfill/patch now work as expected as well, though `fetch` is only available on `window` now.
74 lines
2.6 KiB
JavaScript
74 lines
2.6 KiB
JavaScript
import urlUtil from 'url'
|
|
import extension from 'extensionizer'
|
|
import resolveEnsToIpfsContentId from './resolver.js'
|
|
|
|
const supportedTopLevelDomains = ['eth']
|
|
|
|
export default setupEnsIpfsResolver
|
|
|
|
function setupEnsIpfsResolver ({ provider, getCurrentNetwork, getIpfsGateway }) {
|
|
|
|
// install listener
|
|
const urlPatterns = supportedTopLevelDomains.map((tld) => `*://*.${tld}/*`)
|
|
extension.webRequest.onErrorOccurred.addListener(webRequestDidFail, { urls: urlPatterns, types: ['main_frame'] })
|
|
|
|
// return api object
|
|
return {
|
|
// uninstall listener
|
|
remove () {
|
|
extension.webRequest.onErrorOccurred.removeListener(webRequestDidFail)
|
|
},
|
|
}
|
|
|
|
async function webRequestDidFail (details) {
|
|
const { tabId, url } = details
|
|
// ignore requests that are not associated with tabs
|
|
// only attempt ENS resolution on mainnet
|
|
if (tabId === -1 || getCurrentNetwork() !== '1') {
|
|
return
|
|
}
|
|
// parse ens name
|
|
const urlData = urlUtil.parse(url)
|
|
const { hostname: name, path, search, hash: fragment } = urlData
|
|
const domainParts = name.split('.')
|
|
const topLevelDomain = domainParts[domainParts.length - 1]
|
|
// if unsupported TLD, abort
|
|
if (!supportedTopLevelDomains.includes(topLevelDomain)) {
|
|
return
|
|
}
|
|
// otherwise attempt resolve
|
|
attemptResolve({ tabId, name, path, search, fragment })
|
|
}
|
|
|
|
async function attemptResolve ({ tabId, name, path, search, fragment }) {
|
|
const ipfsGateway = getIpfsGateway()
|
|
extension.tabs.update(tabId, { url: `loading.html` })
|
|
let url = `https://app.ens.domains/name/${name}`
|
|
try {
|
|
const { type, hash } = await resolveEnsToIpfsContentId({ provider, name })
|
|
if (type === 'ipfs-ns') {
|
|
const resolvedUrl = `https://${hash}.${ipfsGateway}${path}${search || ''}${fragment || ''}`
|
|
try {
|
|
// check if ipfs gateway has result
|
|
const response = await window.fetch(resolvedUrl, { method: 'HEAD' })
|
|
if (response.status === 200) {
|
|
url = resolvedUrl
|
|
}
|
|
} catch (err) {
|
|
console.warn(err)
|
|
}
|
|
} else if (type === 'swarm-ns') {
|
|
url = `https://swarm-gateways.net/bzz:/${hash}${path}${search || ''}${fragment || ''}`
|
|
} else if (type === 'onion' || type === 'onion3') {
|
|
url = `http://${hash}.onion${path}${search || ''}${fragment || ''}`
|
|
} else if (type === 'zeronet') {
|
|
url = `http://127.0.0.1:43110/${hash}${path}${search || ''}${fragment || ''}`
|
|
}
|
|
} catch (err) {
|
|
console.warn(err)
|
|
} finally {
|
|
extension.tabs.update(tabId, { url })
|
|
}
|
|
}
|
|
}
|