// TODO:deprecate:2020-01-13 export default setupDappAutoReload function setupDappAutoReload (web3, observable) { // export web3 as a global, checking for usage let reloadInProgress = false let lastTimeUsed let lastSeenNetwork let hasBeenWarned = false global.web3 = new Proxy(web3, { get: (_web3, key) => { // get the time of use lastTimeUsed = Date.now() // show warning once on web3 access if (!hasBeenWarned && key !== 'currentProvider') { console.warn(`MetaMask: On 2020-01-13, MetaMask will no longer inject web3. For more information, see: https://medium.com/metamask/no-longer-injecting-web3-js-4a899ad6e59e`) hasBeenWarned = true } // return value normally return _web3[key] }, set: (_web3, key, value) => { // set value normally _web3[key] = value }, }) observable.subscribe(function (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() }