/*global Web3*/ // TODO:deprecate:2020 // Delete this file import 'web3/dist/web3.min' const shouldLogUsage = !([ 'docs.metamask.io', 'metamask.github.io', 'metamask.io', ].includes(window.location.hostname)) export default function setupWeb3 (log) { // export web3 as a global, checking for usage let reloadInProgress = false let lastTimeUsed let lastSeenNetwork let hasBeenWarned = false const web3 = new Web3(window.ethereum) web3.setProvider = function () { log.debug('MetaMask - overrode web3.setProvider') } log.debug('MetaMask - injected web3') Object.defineProperty(window.ethereum, '_web3Ref', { enumerable: false, writable: true, configurable: true, value: web3.eth, }) const web3Proxy = new Proxy(web3, { get: (_web3, key) => { // get the time of use lastTimeUsed = Date.now() // show warning once on web3 access if (!hasBeenWarned) { console.warn(`MetaMask: We will stop injecting web3 in Q4 2020.\nPlease see this article for more information: https://medium.com/metamask/no-longer-injecting-web3-js-4a899ad6e59e`) hasBeenWarned = true } if (shouldLogUsage) { window.ethereum.request({ method: 'metamask_logInjectedWeb3Usage', params: [{ action: 'window.web3 get', name: key }], }) } // return value normally return _web3[key] }, set: (_web3, key, value) => { if (shouldLogUsage) { window.ethereum.request({ method: 'metamask_logInjectedWeb3Usage', params: [{ action: 'window.web3 set', name: key }], }) } // set value normally _web3[key] = value }, }) Object.defineProperty(global, 'web3', { enumerable: false, writable: true, configurable: true, value: web3Proxy, }) window.ethereum._publicConfigStore.subscribe((state) => { // if the auto refresh on network change is false do not // do anything if (!window.ethereum.autoRefreshOnNetworkChange) { return } // if reload in progress, no need to check reload logic if (reloadInProgress) { return } const currentNetwork = state.networkVersion // set the initial network if (!lastSeenNetwork) { lastSeenNetwork = currentNetwork return } // skip reload logic if web3 not used if (!lastTimeUsed) { return } // if network did not change, exit if (currentNetwork === lastSeenNetwork) { return } // initiate page reload reloadInProgress = true const timeSinceUse = Date.now() - lastTimeUsed // if web3 was recently used then delay the reloading of the page if (timeSinceUse > 500) { triggerReset() } else { setTimeout(triggerReset, 500) } }) } // reload the page function triggerReset () { global.location.reload() }