@logux/client/confirm/index.js

Logux base components to build web client

function block(e) {
  e.returnValue = 'unsynced'
  return 'unsynced'
}

export function confirm(client) {
  let disconnected = client.state === 'disconnected'
  let wait = false

  let update = () => {
    if (client.state === 'disconnected') {
      disconnected = true
    } else if (client.state === 'synchronized') {
      disconnected = false
      wait = false
    }

    if (typeof window !== 'undefined' && window.addEventListener) {
      if (client.role !== 'follower' && wait && disconnected) {
        window.addEventListener('beforeunload', block)
      } else {
        window.removeEventListener('beforeunload', block)
      }
    }
  }

  let unbind = []
  unbind.push(client.on('role', update))
  unbind.push(client.on('state', update))
  update()

  unbind.push(
    client.on('add', (action, meta) => {
      if (action.type === 'logux/subscribe') {
        return
      } else if (action.type === 'logux/unsubscribe') {
        return
      }
      if (disconnected && meta.sync && meta.added) {
        wait = true
        update()
      }
    })
  )

  return () => {
    for (let i of unbind) i()
  }
}