redux-implicit-oauth2/src/util/popup.js

OAuth 2.0 Implicit Grant Flow with Redux

const SETTINGS =
  'scrollbars=no,toolbar=no,location=no,titlebar=no,directories=no,status=no,menubar=no'

const getPopupDimensions = (width, height) => {
  const wLeft = window.screenLeft || window.screenX
  const wTop = window.screenTop || window.screenY

  const left = wLeft + window.innerWidth / 2 - width / 2
  const top = wTop + window.innerHeight / 2 - height / 2

  return `width=${width},height=${height},top=${top},left=${left}`
}

const openPopup = (url, name, width, height) =>
  window.open(url, name, `${SETTINGS},${getPopupDimensions(width, height)}`)

export default openPopup