Function to request device orientation on Android and iOS devices, remember to use HTTPS

requestDeviceOrientation.js

export function requestDeviceOrientation(fn, createTrigger) {
  // iOS 13+
  if (
    window.DeviceOrientationEvent !== undefined &&
    typeof window.DeviceOrientationEvent.requestPermission === 'function'
  ) {
    // check if the user gave permissin in the past
    window.DeviceOrientationEvent.requestPermission().then((response) => {
      if (response == 'granted') {
        fn()
      }
    }).catch(() => {
      // otherwise create a trigger and requestPermission on click

      let trigger
      switch(typeof createTrigger) {
        case 'function':
          trigger = createTrigger()
          break
        case 'object':
          trigger = createTrigger
          break
        default:
          throw new Error(`Trigger function or element not provided`)
      }

      document.body.appendChild(trigger)

      trigger.addEventListener('click', () => {
        window.DeviceOrientationEvent.requestPermission().then((response) => {
          if (response === 'granted') {
            fn()
            document.body.removeChild(trigger)
          }
        })
      })
    })
  } else {
    // normal android behaviour
    fn()
  }
}