idp event draft.js

class SessionToken {
  
}

class IDP {
  static token

}


const IDP = {
  token: undefined,
  getTokenPromise: new Promise(),

  init() {
    this.boundStorageEventListener()
  },

  boundStorageEventListener () {
    window.addEventListener('storage', () => {
      if (this.token !== storageToken) {
        this.token = storageToken
        this.getTokenPromise.resolve()
        this.getTokenPromise = new Promise()
      }
    });
  },

  getStorageToken() {
    return window.localStorage.getItem('token')
  },

  checkIfStoredTokenChanged () {
    return this.getStorageToken() !== this.token
  },

  setTokenFromStorage () {
    this.token = this.getStorageToken()
  },

  onEventChanged (callback) {
    if (this.checkIfStoredTokenChanged()) {
      this.setTokenFromStorage()
      callback()

      this.unboundStorageEventListener()

      return
    }
  },

  listenStorageEventListener(callback) {
    this.boundStorageEventListener = window.addEventListener('storage', this.onEventChanged.bind(callback))
  },

  unboundStorageEventListener() {
    window.addEventListener.removeEventListener();
  },
  
  refreshToken() {
    if (locked) {
      return new Promise((resolve) => {
        // solution 1:

        // in case the event happens before we bound the listener
        if (this.checkIfStoredTokenChanged()) {
          this.setTokenFromStorage()
          resolve()
          return
        }

        listenStorageEventListener(() => {
          resolve()
        })

        // ...old code
        // window.addEventListener('storage', () => {
        //   if (this.checkIfStoredTokenChanged()) {
        //     this.setTokenFromStorage()
        //     resolve()

        //     this.unboundStorageEventListener()

        //     return
        //   }
        // })

        // solution 2:
        // setInterval(() => {
        //   const storageToken = window.localStorage.getItem('token')
        //   if (storageToken !== this.token) {
        //     this.token = storageToken
        //     resolve()
        //   }
        // }, 500)
      })
    }
  },
}

// eventEmitter