tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/states/LiveMonitorState/index.js

@@ -1,168 +1,112 @@
-import { ref, computed } from "vue";
-import { fetchLiveList, destroyRoom, getRoomInfo } from "./api/http.js";
-import { PlayerManager } from "./player/manager/playerManager.js";
-import { safelyParse } from "../../utils/utils.js";
-import { transformRoomInfoToLiveInfo, getLiveIdFromMixedStreamUserId } from "./utils/index.js";
-import { MIXED_STREAM_PAYLOAD_TYPE } from "./player/types/trtc.js";
-import { PlayerEvents } from "./player/types/player.js";
-let initConfig = null;
-let playerManager = null;
-const prepareCancelTaskMap = ref(/* @__PURE__ */ new Map());
-const monitorLiveInfoMap = ref(/* @__PURE__ */ new Map());
-const monitorLiveInfoList = computed(() => {
-  return Array.from(monitorLiveInfoMap.value.values());
-});
-const init = (config) => {
-  initConfig = config;
-  playerManager = new PlayerManager(config.account);
-};
-const getLiveList = async (page, pageSize) => {
-  if (!(initConfig == null ? void 0 : initConfig.baseUrl)) {
+import { ref as w, computed as L } from "vue";
+import { fetchLiveList as P, destroyRoom as R, getRoomInfo as p } from "./api/http.js";
+import { PlayerManager as A } from "./player/manager/playerManager.js";
+import { safelyParse as E } from "../../utils/utils.js";
+import { transformRoomInfoToLiveInfo as v, getLiveIdFromMixedStreamUserId as U } from "./utils/index.js";
+import { MIXED_STREAM_PAYLOAD_TYPE as b } from "./player/types/trtc.js";
+import { PlayerEvents as u } from "./player/types/player.js";
+let a = null, i = null;
+const m = w(/* @__PURE__ */ new Map()), n = w(/* @__PURE__ */ new Map()), I = L(() => Array.from(n.value.values())), M = (e) => {
+  a = e, i = new A(e.account);
+}, O = async (e, t) => {
+  if (!(a != null && a.baseUrl))
     throw new Error("Please call init() first!");
-  }
-  if (page < 1) {
-    page = 1;
-  }
-  const { code, data } = await fetchLiveList(initConfig.baseUrl, {
-    next: String((page - 1) * pageSize),
-    count: pageSize
-  });
-  const liveList = [];
-  if (code === 0 && data.RoomList) {
-    data.RoomList.forEach((item) => {
-      const liveInfo = transformRoomInfoToLiveInfo(item);
-      liveList.push(liveInfo);
-    });
-  }
-  return liveList;
-};
-const closeRoom = async (liveId) => {
-  if (!(initConfig == null ? void 0 : initConfig.baseUrl)) {
+  e < 1 && (e = 1);
+  const { code: o, data: s } = await P(a.baseUrl, {
+    next: String((e - 1) * t),
+    count: t
+  }), l = [];
+  return o === 0 && s.RoomList && s.RoomList.forEach((r) => {
+    const c = v(r);
+    l.push(c);
+  }), l;
+}, S = async (e) => {
+  if (!(a != null && a.baseUrl))
     throw new Error("Please call init() first!");
-  }
-  const response = await destroyRoom(initConfig.baseUrl, {
-    roomId: liveId
-  });
-  if (response.code === 0) {
-    monitorLiveInfoMap.value.delete(liveId);
-  }
-};
-const startPlay = async (liveId, viewId) => {
-  if (!initConfig || !playerManager) throw new Error("Please call init() first!");
-  if (!monitorLiveInfoMap.value.has(liveId)) {
-    const liveInfo = await getMonitorLiveInfo(liveId);
-    if (!isBeCanceled(liveId)) {
-      monitorLiveInfoMap.value.set(liveId, liveInfo);
-      const player = playerManager.createPlayer(liveId);
-      player.on(PlayerEvents.OnReceiveSEI, handleOnReceiveSEI);
-      player.on(PlayerEvents.OnUserAudioAvailable, handleOnUserAudioAvailable);
-      await player.play(liveId, viewId);
+  (await R(a.baseUrl, {
+    roomId: e
+  })).code === 0 && n.value.delete(e);
+}, T = async (e, t) => {
+  if (!a || !i) throw new Error("Please call init() first!");
+  if (!n.value.has(e)) {
+    const o = await D(e);
+    if (!x(e)) {
+      n.value.set(e, o);
+      const s = i.createPlayer(e);
+      s.on(u.OnReceiveSEI, d), s.on(u.OnUserAudioAvailable, y), await s.play(e, t);
     }
   }
-};
-const isBeCanceled = (liveId) => {
-  const cancelTask = prepareCancelTaskMap.value.get(liveId);
-  let result = false;
-  if (cancelTask) {
-    if (Date.now() - cancelTask.timestamp < cancelTask.duration) {
-      result = true;
-    } else {
-      prepareCancelTaskMap.value.delete(liveId);
-    }
-  }
-  return result;
-};
-const stopPlay = async (liveId) => {
-  if (!initConfig || !playerManager) throw new Error("Please call init() first!");
-  if (monitorLiveInfoMap.value.has(liveId)) {
-    monitorLiveInfoMap.value.delete(liveId);
-    const player = playerManager.getPlayer(liveId);
-    player == null ? void 0 : player.off(PlayerEvents.OnReceiveSEI, handleOnReceiveSEI);
-    player == null ? void 0 : player.off(PlayerEvents.OnUserAudioAvailable, handleOnUserAudioAvailable);
-    playerManager.destroyPlayer(liveId);
-  } else {
-    prepareCancelTaskMap.value.set(liveId, {
+}, x = (e) => {
+  const t = m.value.get(e);
+  let o = !1;
+  return t && (Date.now() - t.timestamp < t.duration ? o = !0 : m.value.delete(e)), o;
+}, _ = async (e) => {
+  if (!a || !i) throw new Error("Please call init() first!");
+  if (n.value.has(e)) {
+    n.value.delete(e);
+    const t = i.getPlayer(e);
+    t == null || t.off(u.OnReceiveSEI, d), t == null || t.off(u.OnUserAudioAvailable, y), i.destroyPlayer(e);
+  } else
+    m.value.set(e, {
       timestamp: Date.now(),
       duration: 1e3
     });
-  }
-};
-const handleOnUserAudioAvailable = (liveId, available) => {
-  if (available) {
-    muteLiveAudio(liveId, true);
-  }
-};
-const getMonitorLiveInfo = async (liveId) => {
-  const response = await getRoomInfo(initConfig.baseUrl, { roomId: liveId });
-  if (response.code !== 0) {
-    if (monitorLiveInfoMap.value.has(liveId)) {
-      monitorLiveInfoMap.value.delete(liveId);
-    }
-    throw {
-      code: response.code,
-      message: response.data
+}, y = (e, t) => {
+  t && h(e, !0);
+}, D = async (e) => {
+  const t = await p(a.baseUrl, { roomId: e });
+  if (t.code !== 0)
+    throw n.value.has(e) && n.value.delete(e), {
+      code: t.code,
+      message: t.data
     };
+  return v(t.data.RoomInfo);
+}, d = (e, t) => {
+  const { payloadType: o } = E(t.app_data);
+  if (o === b) {
+    const s = U(e);
+    g(s, t);
   }
-  return transformRoomInfoToLiveInfo(response.data.RoomInfo);
-};
-const handleOnReceiveSEI = (userId, data) => {
-  const { payloadType } = safelyParse(data.app_data);
-  if (payloadType === MIXED_STREAM_PAYLOAD_TYPE) {
-    const liveId = getLiveIdFromMixedStreamUserId(userId);
-    updateRegionList(liveId, data);
-  }
-};
-const updateRegionList = async (liveId, data) => {
-  var _a;
-  if (!((_a = data.regions) == null ? void 0 : _a.length)) return;
-  const regionList = await Promise.all(
-    data.regions.map(async (region) => {
-      let liveInfo2 = null;
+}, g = async (e, t) => {
+  var l;
+  if (!((l = t.regions) != null && l.length)) return;
+  const o = await Promise.all(
+    t.regions.map(async (r) => {
+      let c = null;
       try {
-        const result = await getRoomInfo(initConfig.baseUrl, { roomId: `live_${region.uid}` });
-        if (result.code === 0) {
-          liveInfo2 = transformRoomInfoToLiveInfo(result.data.RoomInfo);
-        }
-      } catch (error) {
-        liveInfo2 = null;
+        const f = await p(a.baseUrl, { roomId: `live_${r.uid}` });
+        f.code === 0 && (c = v(f.data.RoomInfo));
+      } catch {
+        c = null;
       }
       return {
-        liveId: (liveInfo2 == null ? void 0 : liveInfo2.liveId) || liveId,
+        liveId: (c == null ? void 0 : c.liveId) || e,
         userInfo: {
-          userId: region.uid,
-          volume: region.volume
+          userId: r.uid,
+          volume: r.volume
         },
         rect: {
-          x: region.x / data.canvas.w,
-          y: region.y / data.canvas.h,
-          w: region.w / data.canvas.w,
-          h: region.h / data.canvas.h
+          x: r.x / t.canvas.w,
+          y: r.y / t.canvas.h,
+          w: r.w / t.canvas.w,
+          h: r.h / t.canvas.h
         }
       };
     })
-  );
-  const liveInfo = monitorLiveInfoMap.value.get(liveId);
-  if (liveInfo) {
-    liveInfo.regionList = regionList;
-    liveInfo.orientation = data.canvas.w > data.canvas.h ? "landscape" : "portrait";
-    monitorLiveInfoMap.value.set(liveId, { ...liveInfo });
-  }
-};
-const muteLiveAudio = async (liveId, mute) => {
-  const player = playerManager == null ? void 0 : playerManager.getPlayer(liveId);
-  await (player == null ? void 0 : player.muteAudio(mute));
-};
-const useLiveMonitorState = () => {
-  return {
-    monitorLiveInfoList,
-    init,
-    getLiveList,
-    closeRoom,
-    startPlay,
-    stopPlay,
-    muteLiveAudio
-  };
-};
+  ), s = n.value.get(e);
+  s && (s.regionList = o, s.orientation = t.canvas.w > t.canvas.h ? "landscape" : "portrait", n.value.set(e, { ...s }));
+}, h = async (e, t) => {
+  const o = i == null ? void 0 : i.getPlayer(e);
+  await (o == null ? void 0 : o.muteAudio(t));
+}, q = () => ({
+  monitorLiveInfoList: I,
+  init: M,
+  getLiveList: O,
+  closeRoom: S,
+  startPlay: T,
+  stopPlay: _,
+  muteLiveAudio: h
+});
 export {
-  useLiveMonitorState
+  q as useLiveMonitorState
 };

package/dist/states/LiveMonitorState/player/adapters/trtc.js

@@ -1,84 +1,53 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TRTCCloud } from "@tencentcloud/tuiroom-engine-js";
-import { BasePlayer } from "../base/basePlayer.js";
-import { safelyParse } from "../../../../utils/utils.js";
-import { TRTCRoleType, TRTCScene, TRTCVideoStreamType } from "../types/trtc.js";
-import { PlayerState, PlayerEvents } from "../types/player.js";
-class TRTCAdapter extends BasePlayer {
-  constructor(account) {
+var u = Object.defineProperty;
+var m = (s, r, e) => r in s ? u(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var i = (s, r, e) => m(s, typeof r != "symbol" ? r + "" : r, e);
+import { TRTCCloud as l } from "@tencentcloud/tuiroom-engine-js";
+import { BasePlayer as v } from "../base/basePlayer.js";
+import { safelyParse as n } from "../../../../utils/utils.js";
+import { TRTCRoleType as y, TRTCScene as U, TRTCVideoStreamType as d } from "../types/trtc.js";
+import { PlayerState as h, PlayerEvents as c } from "../types/player.js";
+class P extends v {
+  constructor(e) {
     super();
-    __publicField(this, "trtc");
-    __publicField(this, "account");
-    __publicField(this, "currentPlayableUserId");
-    __publicField(this, "viewId");
-    __publicField(this, "liveId");
-    __publicField(this, "handleUserVideoAvailable", async (userId, available) => {
-      this.log("onUserVideoAvailable", { userId, available });
-      if (available) {
-        this.currentPlayableUserId = this.getPlayableUserId(userId);
-        const view = this.getViewElement();
-        if (view && this.currentPlayableUserId) {
-          await this.trtc.startRemoteView(this.currentPlayableUserId, view, TRTCVideoStreamType.TRTCVideoStreamTypeBig);
-          this.updatePlayerState(PlayerState.Playing);
-        }
+    i(this, "trtc");
+    i(this, "account");
+    i(this, "currentPlayableUserId");
+    i(this, "viewId");
+    i(this, "liveId");
+    i(this, "handleUserVideoAvailable", async (e, t) => {
+      if (this.log("onUserVideoAvailable", { userId: e, available: t }), t) {
+        this.currentPlayableUserId = this.getPlayableUserId(e);
+        const a = this.getViewElement();
+        a && this.currentPlayableUserId && (await this.trtc.startRemoteView(this.currentPlayableUserId, a, d.TRTCVideoStreamTypeBig), this.updatePlayerState(h.Playing));
       }
     });
-    __publicField(this, "handleUserAudioAvailable", (userId, available) => {
-      this.log("onUserAudioAvailable", { userId, available });
-      if (available) {
-        if (!userId.includes("livekit_")) {
-          this.trtc.muteRemoteAudio(userId, true);
-        } else {
-          this.currentPlayableUserId = this.getPlayableUserId(userId);
-          if (this.isMixedStreamUser(userId) && !userId.includes(this.liveId)) {
-            this.trtc.muteRemoteAudio(userId, true);
-          }
-          this.emit(PlayerEvents.OnUserAudioAvailable, this.liveId, available);
-        }
-      }
+    i(this, "handleUserAudioAvailable", (e, t) => {
+      this.log("onUserAudioAvailable", { userId: e, available: t }), t && (e.includes("livekit_") ? (this.currentPlayableUserId = this.getPlayableUserId(e), this.isMixedStreamUser(e) && !e.includes(this.liveId) && this.trtc.muteRemoteAudio(e, !0), this.emit(c.OnUserAudioAvailable, this.liveId, t)) : this.trtc.muteRemoteAudio(e, !0));
     });
-    __publicField(this, "handleOnReceiveSEI", (userId, data) => {
-      const parsedData = safelyParse(data);
-      const result = safelyParse(parsedData.stringData);
-      if (Object.keys(result).includes("regions")) {
-        this.emit(PlayerEvents.OnReceiveSEI, userId, result);
-      }
+    i(this, "handleOnReceiveSEI", (e, t) => {
+      const a = n(t), o = n(a.stringData);
+      Object.keys(o).includes("regions") && this.emit(c.OnReceiveSEI, e, o);
     });
-    __publicField(this, "onError", (error) => {
-      throw error;
+    i(this, "onError", (e) => {
+      throw e;
     });
-    this.currentPlayableUserId = "";
-    this.viewId = "";
-    this.liveId = "";
-    this.account = account;
-    this.initTRTC();
+    this.currentPlayableUserId = "", this.viewId = "", this.liveId = "", this.account = e, this.initTRTC();
   }
   initTRTC() {
-    if (this.trtc) return;
-    TRTCCloud.callExperimentalAPI(
+    this.trtc || (l.callExperimentalAPI(
       JSON.stringify({
         api: "enableSEI",
         params: {
-          enable: true
+          enable: !0
         }
       })
-    );
-    this.trtc = new TRTCCloud();
-    this.bindEvents();
+    ), this.trtc = new l(), this.bindEvents());
   }
   bindEvents() {
-    this.trtc.on("onUserVideoAvailable", this.handleUserVideoAvailable);
-    this.trtc.on("onUserAudioAvailable", this.handleUserAudioAvailable);
-    this.trtc.on("onRecvSEIMsg", this.handleOnReceiveSEI);
-    this.trtc.on("onError", this.onError);
+    this.trtc.on("onUserVideoAvailable", this.handleUserVideoAvailable), this.trtc.on("onUserAudioAvailable", this.handleUserAudioAvailable), this.trtc.on("onRecvSEIMsg", this.handleOnReceiveSEI), this.trtc.on("onError", this.onError);
   }
   unbindEvents() {
-    this.trtc.off("onUserVideoAvailable", this.handleUserVideoAvailable);
-    this.trtc.off("onUserAudioAvailable", this.handleUserAudioAvailable);
-    this.trtc.off("onRecvSEIMsg", this.handleOnReceiveSEI);
-    this.trtc.off("onError", this.onError);
+    this.trtc.off("onUserVideoAvailable", this.handleUserVideoAvailable), this.trtc.off("onUserAudioAvailable", this.handleUserAudioAvailable), this.trtc.off("onRecvSEIMsg", this.handleOnReceiveSEI), this.trtc.off("onError", this.onError);
   }
   getEnterRoomParams() {
     return {
@@ -86,65 +55,44 @@ class TRTCAdapter extends BasePlayer {
       userId: this.account.userId,
       userSig: this.account.password,
       strRoomId: this.liveId,
-      role: TRTCRoleType.TRTCRoleAudience,
-      autoReceiveVideo: true,
-      autoReceiveAudio: false
+      role: y.TRTCRoleAudience,
+      autoReceiveVideo: !0,
+      autoReceiveAudio: !1
     };
   }
   getViewElement() {
     return document.getElementById(this.viewId);
   }
-  async doPlay(liveId, viewId) {
-    this.liveId = liveId;
-    this.viewId = viewId;
-    const params = this.getEnterRoomParams();
-    await this.trtc.enterRoom(params, TRTCScene.LIVE);
+  async doPlay(e, t) {
+    this.liveId = e, this.viewId = t;
+    const a = this.getEnterRoomParams();
+    await this.trtc.enterRoom(a, U.LIVE);
   }
   async doStop() {
-    await this.trtc.stopRemoteView(this.currentPlayableUserId, TRTCVideoStreamType.TRTCVideoStreamTypeBig);
-    this.updatePlayerState(PlayerState.Idle);
+    await this.trtc.stopRemoteView(this.currentPlayableUserId, d.TRTCVideoStreamTypeBig), this.updatePlayerState(h.Idle);
   }
   async doDestroy() {
     try {
-      if (this.trtc) {
-        await this.trtc.exitRoom();
-        this.unbindEvents();
-        this.trtc.destroy();
-        this.log(`player ${this.id} destroy success!`);
-      }
-    } catch (error) {
-      throw error;
+      this.trtc && (await this.trtc.exitRoom(), this.unbindEvents(), this.trtc.destroy(), this.log(`player ${this.id} destroy success!`));
+    } catch (e) {
+      throw e;
     } finally {
-      this.trtc = null;
-      this.viewId = "";
-      this.liveId = "";
-      this.currentPlayableUserId = "";
+      this.trtc = null, this.viewId = "", this.liveId = "", this.currentPlayableUserId = "";
     }
   }
-  async doMuteAudio(mute) {
-    if (this.trtc && this.currentPlayableUserId) {
-      await this.trtc.muteRemoteAudio(this.currentPlayableUserId, mute);
-    }
+  async doMuteAudio(e) {
+    this.trtc && this.currentPlayableUserId && await this.trtc.muteRemoteAudio(this.currentPlayableUserId, e);
   }
-  getPlayableUserId(userId) {
-    if (this.isCurrentLiveMixedStreamUser(userId)) {
-      return userId;
-    }
-    if (this.isMixedStreamUser(userId)) {
-      return this.currentPlayableUserId;
-    }
-    if (this.isCurrentLiveMixedStreamUser(this.currentPlayableUserId)) {
-      return this.currentPlayableUserId;
-    }
-    return userId;
+  getPlayableUserId(e) {
+    return this.isCurrentLiveMixedStreamUser(e) ? e : this.isMixedStreamUser(e) ? this.currentPlayableUserId : this.isCurrentLiveMixedStreamUser(this.currentPlayableUserId) ? this.currentPlayableUserId : e;
   }
-  isCurrentLiveMixedStreamUser(userId) {
-    return this.isMixedStreamUser(userId) && userId.includes(this.liveId);
+  isCurrentLiveMixedStreamUser(e) {
+    return this.isMixedStreamUser(e) && e.includes(this.liveId);
   }
-  isMixedStreamUser(userId) {
-    return userId.startsWith("livekit_");
+  isMixedStreamUser(e) {
+    return e.startsWith("livekit_");
   }
 }
 export {
-  TRTCAdapter
+  P as TRTCAdapter
 };