storage api listener

storage-listener.js

// Listener
window.addEventListener('storage', handlerEvent)

// Whenever we set a localStorage, window object will listen and invoke this handlerEvent function.
// We do all validation and stuff to act accordingly.

// Handler
const handlerEvent = event => {
    if (event.originalEvent.key != 'message') return

    let message = JSON.parse(event.originalEvent.newValue)
    if (!message) return

    if (message.command == 'logout') {
        // logout ()
    } else if (message.command == 'login') {
        // login()
    } else {
        // default()
    }
}

// Console log the event object to know more

// Speaker
const invokeMessage = message => {
    localStorage.setItem('message', JSON.stringify(message))
    localStorage.removeItem('message')
}

// Thats It. All set

// Give key to Speaker
invokeMessage({ 'command' : 'login' })

// When speaker speaks listener has to listen no choice