const globalHost =
  (globalThis as any).wx ?? (globalThis as any).taro ?? globalThis

export function isMiniProgram() {
  return (globalThis as any).wx
  // if (typeof process != 'undefined') {
  //   return !!process.env.TARO_ENV
  // }
  // return false
}

export function pageScrollTop(top: number, animated = true) {
  if (isMiniProgram()) {
    globalHost.pageScrollTop({
      scrollTop: top,
      duration: animated ? 300 : 0,
    })
  } else {
    globalHost.scrollTo({
      top,
      behavior: animated ? 'smooth' : 'instant',
    })
  }
}

interface windowResizeHandler {
  (res: { windowWidth: number; windowHeight: number }): void
  __sard_listener: () => void
}

export function onWindowResize(listener: windowResizeHandler) {
  if (isMiniProgram()) {
    globalHost.onWindowResize(listener)
  } else {
    listener.__sard_listener = () => {
      listener({
        windowWidth: globalHost.innerWidth,
        windowHeight: globalHost.innerHeight,
      })
    }
    globalHost.addEventListener('resize', listener.__sard_listener)
  }
}

export function offWindowResize(listener: windowResizeHandler) {
  if (isMiniProgram()) {
    globalHost.offWindowResize(listener)
  } else {
    globalHost.removeEventListener('resize', listener.__sard_listener)
  }
}

export function getBoundingClientRect(
  selector: string,
  callback: (rect: {
    left: number
    right: number
    top: number
    bottom: number
    width: number
    height: number
  }) => void
) {
  if (isMiniProgram()) {
    globalHost
      .createSelectorQuery()
      .select(selector)
      .boundingClientRect(callback)
      .exec()
  } else {
    let el = document.querySelector(selector)
    if (el) {
      callback(el.getBoundingClientRect())
    }
  }
}