42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import { numbers } from '@/constants'
|
|
import { Plugin } from '@nuxt/types'
|
|
|
|
function main() {
|
|
const id = Date.now().toString()
|
|
window.id = id
|
|
window.localStorage.setItem('firstTab', id)
|
|
|
|
const onLocalStorageEvent = function (e: StorageEvent) {
|
|
// the second tab will write its id to this key. The first one will notice it
|
|
if (e.key === 'firstTab') {
|
|
const newID = Date.now()
|
|
|
|
console.warn('Another tab detected. Setting the new page id', newID)
|
|
|
|
setTimeout(() => {
|
|
window.localStorage.secondTab = newID // this is going to be a message for the second tab
|
|
}, numbers.ONE_HUNDRED * numbers.TWO)
|
|
}
|
|
|
|
// the second tab processes the message
|
|
if (e.key === 'secondTab' && window.id === window.localStorage.firstTab) {
|
|
console.warn('There is another tab that already opened. We will close this one')
|
|
|
|
window.onbeforeunload = null
|
|
window.alert(`Multiple tabs opened. Your page will be closed. Please only use single instance of ${window.location.origin}`)
|
|
window.location.href = 'https://twitter.com/tornadocash'
|
|
}
|
|
}
|
|
|
|
// this event will only trigger when a window other than itself makes changes to local storage.
|
|
setTimeout(() => {
|
|
window.addEventListener('storage', onLocalStorageEvent, false)
|
|
}, numbers.ONE_HUNDRED)
|
|
}
|
|
|
|
const preventMultitabs: Plugin = (_, inject) => {
|
|
inject('preventMultitabs', main)
|
|
}
|
|
|
|
export default preventMultitabs
|