vtsuru.live/src/main.ts

import { QueryGetAPI } from '@/api/query'
import { BASE_API_URL, apiFail } from '@/data/constants'
import EasySpeech from 'easy-speech'
import { NButton, NFlex, NText, createDiscreteApi } from 'naive-ui'
import { createPinia } from 'pinia'
import { createApp, h } from 'vue'
import App from './App.vue'
import { GetSelfAccount, UpdateAccountLoop, useAccount } from './api/account'
import { GetNotifactions } from './data/notifactions'
import router from './router'
import { useAuthStore } from './store/useAuthStore'

const pinia = createPinia()

const app = createApp(App)
app.use(router).use(pinia).mount('#app')

let currentVersion: string
let isHaveNewVersion = false

const { notification } = createDiscreteApi(['notification'])
QueryGetAPI<string>(BASE_API_URL + 'vtsuru/version')
  .then((version) => {
    if (version.code == 200) {
      currentVersion = version.data
      const savedVersion = localStorage.getItem('Version')
      localStorage.setItem('Version', currentVersion)

      if (currentVersion && savedVersion && savedVersion !== currentVersion) {
        setTimeout(() => {
          location.reload()
        }, 1000)
        //alert('发现新的版本更新, 请按 Ctrl+F5 强制刷新页面')
        notification.info({
          title: '发现新的版本更新',
          content: '将自动刷新页面',
          duration: 5000,
          meta: () => h(NText, { depth: 3 }, () => currentVersion),
        })
      } else {
        setInterval(() => {
          if (isHaveNewVersion) {
            return
          }
          QueryGetAPI<string>(BASE_API_URL + 'vtsuru/version').then((keepCheckData) => {
            if (keepCheckData.code == 200 && keepCheckData.data != currentVersion) {
              isHaveNewVersion = true
              currentVersion = keepCheckData.data
              localStorage.setItem('Version', currentVersion)
              console.log('[vtsuru] 发现新版本: ' + currentVersion)

              const url = new URL(window.location.href)
              const path = url.pathname

              if (!path.startsWith('/obs')) {
                const n = notification.info({
                  title: '发现新的版本更新',
                  content: '是否现在刷新?',
                  meta: () => h(NText, { depth: 3 }, () => currentVersion),
                  action: () =>
                    h(NFlex, null, () => [
                      h(
                        NButton,
                        { text: true, type: 'primary', onClick: () => location.reload(), size: 'small' },
                        { default: () => '刷新' },
                      ),
                      h(NButton, { text: true, onClick: () => n.destroy(), size: 'small' }, { default: () => '稍后' }),
                    ]),
                })
              }
            }
          })
        }, 60 * 1000)
      }
    }
  })
  .catch(() => {
    apiFail.value = true
    console.log('默认API调用失败, 切换至故障转移节点')
  })
  .finally(async () => {
    //加载其他数据
    await GetSelfAccount()
    const account = useAccount()
    const useAuth = useAuthStore()
    if (account.value.id) {
      if (account.value.biliUserAuthInfo && !useAuth.currentToken) {
        useAuth.currentToken = account.value.biliUserAuthInfo.token
      }
    }
    useAuth.getAuthInfo()
    GetNotifactions()
    UpdateAccountLoop()
    InitTTS()
  })
function InitTTS() {
  try {
    const result = EasySpeech.detect()
    if (result.speechSynthesis) {
      EasySpeech.init({ maxTimeout: 5000, interval: 250 })
        .then(() => console.log('[SpeechSynthesis] 已加载tts服务'))
        .catch((e) => console.error(e))
    } else {
      console.log('[SpeechSynthesis] 当前浏览器不支持tts服务')
    }
  } catch (e) {
    console.log('[SpeechSynthesis] 当前浏览器不支持tts服务')
  }
}