add rtc feature, set payment page to wip state

src/store/useAuthStore.ts

@@ -36,6 +36,7 @@ export const useAuthStore = defineStore('BiliAuth', () => {
   async function getAuthInfo() {
     try {
       isLoading.value = true
+      if(!currentToken.value) return
       await QueryBiliAuthGetAPI<BiliAuthModel>(BILI_AUTH_API_URL + 'info').then((data) => {
         if (data.code == 200) {
           biliAuth.value = data.data

src/store/useRTC.ts

@@ -0,0 +1,44 @@
+import { useAccount } from '@/api/account'
+import { MasterRTCClient, SlaveRTCClient } from '@/data/RTCClient'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useWebRTC = defineStore('WebRTC', () => {
+  const masterClient = ref<MasterRTCClient>()
+  const slaveClient = ref<SlaveRTCClient>()
+  const accountInfo = useAccount()
+
+  function Init(type: 'master' | 'slave') {
+    if (type == 'master') {
+      if (masterClient.value) {
+        return masterClient
+      } else {
+        masterClient.value = new MasterRTCClient(
+          accountInfo.value.id.toString(),
+          accountInfo.value.token
+        )
+        masterClient.value.Init()
+        return masterClient
+      }
+    } else {
+      if (slaveClient.value) {
+        return slaveClient
+      } else {
+        slaveClient.value = new SlaveRTCClient(
+          accountInfo.value.id.toString(),
+          accountInfo.value.token
+        )
+        slaveClient.value.Init()
+        return slaveClient
+      }
+    }
+  }
+
+  return {
+    Init
+  }
+})
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useWebRTC, import.meta.hot))
+}

src/store/useVTsuruHub.ts

@@ -0,0 +1,106 @@
+import { useAccount } from '@/api/account'
+import { BASE_HUB_URL } from '@/data/constants'
+import {
+  HttpTransportType,
+  HubConnectionBuilder,
+  LogLevel
+} from '@microsoft/signalr'
+import { MessagePackHubProtocol } from '@microsoft/signalr-protocol-msgpack'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useVTsuruHub = defineStore('VTsuruHub', () => {
+  const accountInfo = useAccount()
+  const signalRClient = ref<signalR.HubConnection>()
+  const isInited = ref(false)
+  const isIniting = ref(false)
+
+  async function connectSignalR() {
+    if (isIniting.value) return
+    isIniting.value = true
+    //console.log('[Components-Event] 正在连接到 VTsuru 服务器...')
+    const connection = new HubConnectionBuilder()
+      .withUrl(BASE_HUB_URL + 'main?token=' + accountInfo.value.token, {
+        skipNegotiation: true,
+        transport: HttpTransportType.WebSockets,
+        logger: LogLevel.Error
+      })
+      .withAutomaticReconnect([0, 2000, 10000, 30000])
+      .withHubProtocol(new MessagePackHubProtocol())
+      .build()
+    connection.on('Finished', async () => {
+      connection.send('Finished')
+    })
+    connection.on('Disconnect', (reason: unknown) => {
+      console.log('[Hub] 被 VTsuru 服务器断开连接: ' + reason)
+    })
+
+    connection.onclose(reconnect)
+    try {
+      await connection.start()
+      console.log('[Hub] 已连接到 VTsuru 服务器')
+      signalRClient.value = connection
+      isInited.value = true
+      return true
+    } catch (e) {
+      console.log('[Hub] 无法连接到 VTsuru 服务器: ' + e)
+      return false
+    } finally {
+      isIniting.value = false
+    }
+  }
+  async function reconnect() {
+    try {
+      await signalRClient.value?.start()
+      signalRClient.value?.send('Reconnected')
+      console.log('[Hub] 已重新连接')
+    } catch (err) {
+      console.log(err)
+      setTimeout(reconnect, 5000) // 如果连接失败，则每5秒尝试一次重新启动连接
+    }
+  }
+
+  async function send(methodName: string, ...args: any[]) {
+    if (!isInited.value) {
+      await connectSignalR()
+    }
+    signalRClient.value?.send(methodName, ...args)
+  }
+  async function invoke<T>(methodName: string, ...args: any[]) {
+    if (!isInited.value) {
+      await connectSignalR()
+    }
+    return signalRClient.value?.invoke<T>(methodName, ...args)
+  }
+  async function on(eventName: string, listener: (args: any) => any) {
+    if (!isInited.value) {
+      await connectSignalR()
+    }
+    signalRClient.value?.on(eventName, listener)
+  }
+  async function off(eventName: string, listener: (args: any) => any) {
+    if (!isInited.value) {
+      await connectSignalR()
+    }
+    signalRClient.value?.off(eventName, listener)
+  }
+  async function onreconnected(listener: (id: any) => any) {
+    if (!isInited.value) {
+      await connectSignalR()
+    }
+    signalRClient.value?.onreconnected(listener)
+  }
+
+  function Init() {
+    if (!isInited.value) {
+      connectSignalR()
+    }
+    return useVTsuruHub()
+  }
+
+  return { signalRClient, Init, send, invoke, on, off, onreconnected }
+})
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useVTsuruHub, import.meta.hot))
+}