import { Player, isIOS, isMobile } from '@oplayer/core'
import type { UiConfig } from '../types'

export default function registerFullScreenRotation(player: Player, config: UiConfig) {
  if (config.forceLandscapeOnFullscreen && !isIOS && isMobile) {
    player.on('fullscreenchange', ({ payload }) => {
      if (payload.isWeb) return
      if (player.isFullScreen) {
        // https://github.com/microsoft/TypeScript-DOM-lib-generator/issues/1615
        //@ts-expect-error
        screen.orientation?.lock('landscape')
      } else {

        screen.orientation?.unlock()
      }
    })
  }
}