import { createApp } from 'vue'
import App from './App'
import router from '../router/index'
// import { postMessage } from '@/helpers/native-message'
import 'vant/lib/index.css'
import 'normalize.css'
import Vue3Lottie from 'vue3-lottie'
import 'vue3-lottie/dist/style.css'
import '../styles/index.less'
import { promisefiyPostMessage, postMessage } from '@/helpers/native-message'
import { setAuth } from './music-group/layout/utils'
import { browser } from '@/helpers/utils'
import { state } from '@/state'
import ResizeObserver from 'resize-observer-polyfill'

// 增加判断如果不支持当前依赖再设置即可
if (window.ResizeObserver === undefined) {
  window.ResizeObserver = ResizeObserver;
}

// 获取token
promisefiyPostMessage({ api: 'getToken' }).then((res: any) => {
  console.log(res, 'res')
  const content = res.content
  if (content?.accessToken) {
    setAuth(content.tokenType + ' ' + content.accessToken)
  }
})

// 设置是否显示导航栏 0 不显示 1 显示
postMessage({ api: 'setBarStatus', content: { status: 0 } })
// 导航栏高度
postMessage({ api: 'getNavHeight' }, (res) => {
  const { content } = res as any
  const dpi = content.dpi || 2
  if (content.navHeight) {
    const navHeight = content.navHeight / dpi
    console.log(navHeight, 'navHeight')
    state.navBarHeight = navHeight
  }
})

const paymentType = (window as any).paymentType // 浏览器设置
if (browser().isTeacher || paymentType === 'TEACHER') {
  state.platformType = 'TEACHER'
} else if (browser().isStudent || paymentType === 'STUDENT') {
  state.platformType = 'STUDENT'
} else if (browser().isSchool || paymentType === 'SCHOOL') {
  state.platformType = 'SCHOOL'
} else {
  state.platformType = 'STUDENT'
}
if (state.platformType === 'TEACHER') {
  state.platformApi = '/api-teacher'
} else if (state.platformType === 'SCHOOL') {
  state.platformApi = '/api-school'
} else if (state.platformType === 'STUDENT') {
  state.platformApi = '/api-student'
} else {
  state.platformApi = '/api-student'
}

// import Vconsole from 'vconsole'
// const vconsole = new Vconsole()
const app = createApp(App).use(Vue3Lottie)
app.use(router)

app.mount('#app')