You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.6 KiB
61 lines
1.6 KiB
module.exports = setupDappAutoReload
|
|
|
|
function setupDappAutoReload (web3, observable) {
|
|
// export web3 as a global, checking for usage
|
|
let hasBeenWarned = false
|
|
let reloadInProgress = false
|
|
let lastTimeUsed
|
|
let lastSeenNetwork
|
|
|
|
global.web3 = new Proxy(web3, {
|
|
get: (_web3, key) => {
|
|
// show warning once on web3 access
|
|
if (!hasBeenWarned && key !== 'currentProvider') {
|
|
console.warn('MetaMask: web3 will be deprecated in the near future in favor of the ethereumProvider \nhttps://github.com/MetaMask/faq/blob/master/detecting_metamask.md#web3-deprecation')
|
|
hasBeenWarned = true
|
|
}
|
|
// 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 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()
|
|
}
|
|
|