mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 02:58:09 +01:00
2aaec1d9fb
* feat: `inpageProvider.autoRefreshOnNetworkChange` to allow dapps to control if it refreshes or not * feat: check the `autoRefreshOnNetworkChange` before a refresh * fix linting error * fix: use `window.ethereum` now `web3.ethereum`
60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
module.exports = setupDappAutoReload
|
|
|
|
function setupDappAutoReload (web3, observable) {
|
|
// export web3 as a global, checking for usage
|
|
let reloadInProgress = false
|
|
let lastTimeUsed
|
|
let lastSeenNetwork
|
|
|
|
global.web3 = new Proxy(web3, {
|
|
get: (_web3, key) => {
|
|
// get the time of use
|
|
lastTimeUsed = Date.now()
|
|
// 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()
|
|
}
|