tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/states/CoGuestState.js

@@ -1,329 +1,229 @@
-import { ref, computed, watch } from "vue";
-import TUIRoomEngine, { TUIRoomEvents, TUIRequestAction, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { useLiveAudienceState } from "./LiveAudienceState.js";
-import { useLiveState } from "./LiveState/index.js";
-import { useLoginState } from "./LoginState.js";
-import { useSeatStore } from "./SeatStore.js";
-import { CoGuestStatus } from "../types/coGuest.js";
-import { LiveStatus } from "../types/live.js";
-const roomEngine = useRoomEngine();
-const { loginUserInfo } = useLoginState();
-const { audienceList } = useLiveAudienceState();
-const { localLiveStatus } = useLiveState();
-const {
-  sentDeviceRequestMap,
-  receivedDeviceRequestMap,
-  seatList,
-  liveOwnerUserId,
-  localUserId,
-  userInfoMap,
-  getUserInfo
-} = useSeatStore();
-const localUserInfo = ref(null);
-const sendCoRequestMap = ref(/* @__PURE__ */ new Map());
-const receivedCoRequestMap = ref(/* @__PURE__ */ new Map());
-const localCoGuestStatus = computed(() => {
-  var _a;
-  const isInCoGuest = seatList.value.some((seat) => {
-    var _a2, _b;
-    return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === ((_b = loginUserInfo.value) == null ? void 0 : _b.userId);
-  });
-  const isInSentCoGuest = sendCoRequestMap.value.has(((_a = loginUserInfo.value) == null ? void 0 : _a.userId) || "");
-  const isInReceivedCoGuest = receivedCoRequestMap.value.has(liveOwnerUserId.value);
-  if (isInCoGuest) {
-    return CoGuestStatus.Connected;
-  }
-  if (isInSentCoGuest) {
-    return CoGuestStatus.UserApplying;
-  }
-  if (isInReceivedCoGuest) {
-    return CoGuestStatus.AdminInviting;
-  }
-  return CoGuestStatus.Disconnected;
-});
-const receivedCoGuestUserList = computed(() => Array.from(receivedCoRequestMap.value.keys()).map((userId) => {
-  const userInfo = userInfoMap.value.get(userId);
-  if (!userInfo) {
-    console.error("[CoGuestState receivedCoGuestUserList] userInfo not found", userId);
-  }
-  return userInfo;
-}));
-const sentCoGuestUserList = computed(() => Array.from(sendCoRequestMap.value.keys()).filter((requestKey) => !requestKey.startsWith("owner-")).map((userId) => {
-  const userInfo = userInfoMap.value.get(userId);
-  if (!userInfo) {
-    console.error("[CoGuestState sentCoGuestUserList] userInfo not found", userId);
-  }
-  return userInfo;
-}));
-const userListInCoGuest = computed(() => seatList.value.filter((seat) => !!seat.userInfo).map((seat) => seat.userInfo));
-const availableCoGuestUserList = computed(() => audienceList.value.filter((audience) => {
-  var _a;
-  const isLocalUser = audience.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  const isInSeat = seatList.value.some((seat) => {
-    var _a2;
-    return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === audience.userId;
-  });
-  const isInActiveRequest = sendCoRequestMap.value.has(audience.userId);
-  const isInPassiveRequest = receivedCoRequestMap.value.has(audience.userId);
-  return !isLocalUser && !isInSeat && !isInActiveRequest && !isInPassiveRequest;
-}));
-const latestReceivedCoGuestRequest = ref(null);
-const latestCancelledCoGuestRequest = ref(null);
-const latestAcceptedCoGuestRequest = ref(null);
-const latestRejectedCoGuestRequest = ref(null);
-const sendCoGuestRequest = async (options) => {
-  var _a, _b;
-  const { seatIndex = -1, timeout = 30, userId = "", requestCallback } = options;
-  if (!userId) {
-    const request2 = await ((_a = roomEngine.instance) == null ? void 0 : _a.takeSeat({
-      seatIndex,
-      timeout,
-      requestCallback: (callbackInfo) => {
-        sendCoRequestMap.value.delete(localUserId.value);
-        requestCallback == null ? void 0 : requestCallback(callbackInfo);
+import { ref as I, computed as m, watch as A } from "vue";
+import $, { TUIRoomEvents as S, TUIRequestAction as q, TUIMediaDevice as U } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as h } from "../hooks/useRoomEngine.js";
+import { useLiveAudienceState as D } from "./LiveAudienceState.js";
+import { useLiveState as O } from "./LiveState/index.js";
+import { useLoginState as T } from "./LoginState.js";
+import { useSeatStore as M } from "./SeatStore.js";
+import { CoGuestStatus as k } from "../types/coGuest.js";
+import { LiveStatus as b } from "../types/live.js";
+const i = h(), { loginUserInfo: d } = T(), { audienceList: x } = D(), { localLiveStatus: E } = O(), {
+  sentDeviceRequestMap: C,
+  receivedDeviceRequestMap: y,
+  seatList: p,
+  liveOwnerUserId: v,
+  localUserId: g,
+  userInfoMap: R,
+  getUserInfo: w
+} = M(), G = I(null), l = I(/* @__PURE__ */ new Map()), c = I(/* @__PURE__ */ new Map()), B = m(() => {
+  var s;
+  const e = p.value.some((a) => {
+    var u, o;
+    return ((u = a.userInfo) == null ? void 0 : u.userId) === ((o = d.value) == null ? void 0 : o.userId);
+  }), t = l.value.has(((s = d.value) == null ? void 0 : s.userId) || ""), n = c.value.has(v.value);
+  return e ? k.Connected : t ? k.UserApplying : n ? k.AdminInviting : k.Disconnected;
+}), P = m(() => Array.from(c.value.keys()).map((e) => {
+  const t = R.value.get(e);
+  return t || console.error("[CoGuestState receivedCoGuestUserList] userInfo not found", e), t;
+})), j = m(() => Array.from(l.value.keys()).filter((e) => !e.startsWith("owner-")).map((e) => {
+  const t = R.value.get(e);
+  return t || console.error("[CoGuestState sentCoGuestUserList] userInfo not found", e), t;
+})), V = m(() => p.value.filter((e) => !!e.userInfo).map((e) => e.userInfo)), W = m(() => x.value.filter((e) => {
+  var u;
+  const t = e.userId === ((u = d.value) == null ? void 0 : u.userId), n = p.value.some((o) => {
+    var r;
+    return ((r = o.userInfo) == null ? void 0 : r.userId) === e.userId;
+  }), s = l.value.has(e.userId), a = c.value.has(e.userId);
+  return !t && !n && !s && !a;
+})), z = I(null), F = I(null), H = I(null), J = I(null), K = async (e) => {
+  var o, r;
+  const { seatIndex: t = -1, timeout: n = 30, userId: s = "", requestCallback: a } = e || {};
+  if (!s) {
+    const f = await ((o = i.instance) == null ? void 0 : o.takeSeat({
+      seatIndex: t,
+      timeout: n,
+      requestCallback: (L) => {
+        l.value.delete(g.value), a == null || a(L);
       }
     }));
-    if (request2) {
-      sendCoRequestMap.value.set(localUserId.value, request2);
-    }
+    f && l.value.set(g.value, f);
     return;
   }
-  const request = await ((_b = roomEngine.instance) == null ? void 0 : _b.takeUserOnSeatByAdmin({
-    seatIndex,
-    timeout,
-    userId,
-    requestCallback: (callbackInfo) => {
-      sendCoRequestMap.value.delete(userId);
-      requestCallback == null ? void 0 : requestCallback(callbackInfo);
+  const u = await ((r = i.instance) == null ? void 0 : r.takeUserOnSeatByAdmin({
+    seatIndex: t,
+    timeout: n,
+    userId: s,
+    requestCallback: (f) => {
+      l.value.delete(s), a == null || a(f);
     }
   }));
-  if (request) {
-    const userInfo = await getUserInfo(userId);
-    sendCoRequestMap.value.set(userId, request);
-    userInfoMap.value.set(userId, userInfo);
-  }
-};
-const cancelCoGuestRequest = async (options) => {
-  var _a, _b;
-  const { userId = ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) || "" } = options;
-  const request = sendCoRequestMap.value.get(userId);
-  if (request) {
-    await ((_b = roomEngine.instance) == null ? void 0 : _b.cancelRequest({
-      requestId: request.requestId
-    }));
-    sendCoRequestMap.value.delete(userId);
-  }
-};
-const acceptCoGuestRequest = async (options) => {
-  var _a;
-  const { userId = liveOwnerUserId.value } = options;
-  const request = receivedCoRequestMap.value.get(userId);
-  if (request) {
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-      requestId: request.requestId,
-      agree: true
-    }));
-    receivedCoRequestMap.value.delete(userId);
-  }
-};
-const rejectCoGuestRequest = async (options) => {
-  var _a;
-  const { userId = liveOwnerUserId.value } = options;
-  const request = receivedCoRequestMap.value.get(userId);
-  if (request) {
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-      requestId: request.requestId,
-      agree: false
-    }));
-    receivedCoRequestMap.value.delete(userId);
-  }
-};
-const disconnect = async (userId) => {
-  var _a, _b, _c, _d;
-  if (!userId) {
-    return (_a = roomEngine.instance) == null ? void 0 : _a.leaveSeat();
-  }
-  const seatIndex = ((_c = (_b = seatList.value) == null ? void 0 : _b.find((seat) => {
-    var _a2;
-    return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === userId;
-  })) == null ? void 0 : _c.index) || -1;
-  if (seatIndex === -1) {
-    console.error("[CoGuestState disconnect] seatIndex not found", userId);
+  if (u) {
+    const f = await w(s);
+    l.value.set(s, u), R.value.set(s, f);
+  }
+}, N = async (e) => {
+  var s, a;
+  const { userId: t = ((s = d.value) == null ? void 0 : s.userId) || "" } = e, n = l.value.get(t);
+  n && (await ((a = i.instance) == null ? void 0 : a.cancelRequest({
+    requestId: n.requestId
+  })), l.value.delete(t));
+}, Q = async (e) => {
+  var s;
+  const { userId: t = v.value } = e, n = c.value.get(t);
+  n && (await ((s = i.instance) == null ? void 0 : s.responseRemoteRequest({
+    requestId: n.requestId,
+    agree: !0
+  })), c.value.delete(t));
+}, X = async (e) => {
+  var s;
+  const { userId: t = v.value } = e, n = c.value.get(t);
+  n && (await ((s = i.instance) == null ? void 0 : s.responseRemoteRequest({
+    requestId: n.requestId,
+    agree: !1
+  })), c.value.delete(t));
+}, Y = async (e) => {
+  var n, s, a, u;
+  if (!e)
+    return (n = i.instance) == null ? void 0 : n.leaveSeat();
+  const t = ((a = (s = p.value) == null ? void 0 : s.find((o) => {
+    var r;
+    return ((r = o.userInfo) == null ? void 0 : r.userId) === e;
+  })) == null ? void 0 : a.index) || -1;
+  if (t === -1) {
+    console.error("[CoGuestState disconnect] seatIndex not found", e);
     return;
   }
-  return (_d = roomEngine.instance) == null ? void 0 : _d.kickUserOffSeatByAdmin({
-    userId,
-    seatIndex
+  return (u = i.instance) == null ? void 0 : u.kickUserOffSeatByAdmin({
+    userId: e,
+    seatIndex: t
   });
-};
-const sendOpenDeviceRequest = async (options) => {
-  var _a;
-  const { type, timeout = 30, userId, requestCallback } = options;
-  const request = await ((_a = roomEngine.instance) == null ? void 0 : _a.openRemoteDeviceByAdmin({
-    device: type,
-    timeout,
-    userId,
-    requestCallback: (callbackInfo) => {
-      sentDeviceRequestMap.value.delete(`${userId}-${type}`);
-      requestCallback == null ? void 0 : requestCallback(callbackInfo);
+}, Z = async (e) => {
+  var o;
+  const { type: t, timeout: n = 30, userId: s, requestCallback: a } = e, u = await ((o = i.instance) == null ? void 0 : o.openRemoteDeviceByAdmin({
+    device: t,
+    timeout: n,
+    userId: s,
+    requestCallback: (r) => {
+      C.value.delete(`${s}-${t}`), a == null || a(r);
     }
   }));
-  if (request) {
-    sentDeviceRequestMap.value.set(`${userId}-${type}`, request);
-  }
-};
-const cancelOpenDeviceRequest = async (options) => {
-  var _a;
-  const { type, userId } = options;
-  const request = sentDeviceRequestMap.value.get(`${userId}-${type}`);
-  if (request) {
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({
-      requestId: request.requestId
-    }));
-    sentDeviceRequestMap.value.delete(`${userId}-${type}`);
-  }
-};
-const acceptOpenDeviceRequest = async (options) => {
-  var _a;
-  const { type } = options;
-  const request = receivedDeviceRequestMap.value.get(`${liveOwnerUserId.value}-${type}`);
-  if (request) {
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-      requestId: request.requestId,
-      agree: true
-    }));
-    receivedDeviceRequestMap.value.delete(`${liveOwnerUserId.value}-${type}`);
-  }
-};
-const rejectOpenDeviceRequest = async (options) => {
-  var _a;
-  const { type } = options;
-  const request = receivedDeviceRequestMap.value.get(`${liveOwnerUserId.value}-${type}`);
-  if (request) {
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
-      requestId: request.requestId,
-      agree: false
-    }));
-    receivedDeviceRequestMap.value.delete(`${liveOwnerUserId.value}-${type}`);
-  }
-};
-const closeRemoteDevice = async (options) => {
-  var _a, _b;
-  const { type, userId } = options;
-  const seat = (_a = seatList.value) == null ? void 0 : _a.find((seat2) => {
-    var _a2;
-    return ((_a2 = seat2.userInfo) == null ? void 0 : _a2.userId) === userId;
+  u && C.value.set(`${s}-${t}`, u);
+}, _ = async (e) => {
+  var a;
+  const { type: t, userId: n } = e, s = C.value.get(`${n}-${t}`);
+  s && (await ((a = i.instance) == null ? void 0 : a.cancelRequest({
+    requestId: s.requestId
+  })), C.value.delete(`${n}-${t}`));
+}, ee = async (e) => {
+  var s;
+  const { type: t } = e, n = y.value.get(`${v.value}-${t}`);
+  n && (await ((s = i.instance) == null ? void 0 : s.responseRemoteRequest({
+    requestId: n.requestId,
+    agree: !0
+  })), y.value.delete(`${v.value}-${t}`));
+}, te = async (e) => {
+  var s;
+  const { type: t } = e, n = y.value.get(`${v.value}-${t}`);
+  n && (await ((s = i.instance) == null ? void 0 : s.responseRemoteRequest({
+    requestId: n.requestId,
+    agree: !1
+  })), y.value.delete(`${v.value}-${t}`));
+}, se = async (e) => {
+  var a, u;
+  const { type: t, userId: n } = e, s = (a = p.value) == null ? void 0 : a.find((o) => {
+    var r;
+    return ((r = o.userInfo) == null ? void 0 : r.userId) === n;
   });
-  if (!seat) {
-    return;
-  }
-  await ((_b = roomEngine.instance) == null ? void 0 : _b.lockSeatByAdmin({
-    seatIndex: seat.index,
+  s && await ((u = i.instance) == null ? void 0 : u.lockSeatByAdmin({
+    seatIndex: s.index,
     lockParams: {
-      lockSeat: seat.isLocked,
-      lockVideo: type === TUIMediaDevice.kCamera || seat.isVideoLocked,
-      lockAudio: type === TUIMediaDevice.kMicrophone || seat.isAudioLocked
+      lockSeat: s.isLocked,
+      lockVideo: t === U.kCamera || s.isVideoLocked,
+      lockAudio: t === U.kMicrophone || s.isAudioLocked
     }
   }));
-};
-const onRequestReceived = async ({ request }) => {
-  const { userId, requestAction } = request;
-  userInfoMap.value.set(userId, await getUserInfo(userId));
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToTakeSeat:
-      receivedCoRequestMap.value.set(userId, request);
+}, ne = async ({ request: e }) => {
+  const { userId: t, requestAction: n } = e;
+  switch (R.value.set(t, await w(t)), n) {
+    case q.kRequestToTakeSeat:
+      c.value.set(t, e);
       break;
-    case TUIRequestAction.kRequestRemoteUserOnSeat:
-      receivedCoRequestMap.value.set(liveOwnerUserId.value, request);
+    case q.kRequestRemoteUserOnSeat:
+      c.value.set(v.value, e);
       break;
   }
-};
-const onRequestProcessed = ({
-  userId,
-  request
+}, ae = ({
+  userId: e,
+  request: t
 }) => {
-  const { requestAction } = request;
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToTakeSeat:
-      receivedCoRequestMap.value.delete(userId);
+  const { requestAction: n } = t;
+  switch (n) {
+    case q.kRequestToTakeSeat:
+      c.value.delete(e);
       break;
-    case TUIRequestAction.kRequestRemoteUserOnSeat:
-      receivedCoRequestMap.value.delete(liveOwnerUserId.value);
+    case q.kRequestRemoteUserOnSeat:
+      c.value.delete(v.value);
       break;
   }
-};
-const onRequestCancelled = ({
-  userId,
-  request
+}, ue = ({
+  userId: e,
+  request: t
 }) => {
-  const { requestAction } = request;
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToTakeSeat:
-      receivedCoRequestMap.value.delete(userId);
+  const { requestAction: n } = t;
+  switch (n) {
+    case q.kRequestToTakeSeat:
+      c.value.delete(e);
       break;
-    case TUIRequestAction.kRequestRemoteUserOnSeat:
-      receivedCoRequestMap.value.delete(liveOwnerUserId.value);
+    case q.kRequestRemoteUserOnSeat:
+      c.value.delete(v.value);
       break;
   }
-};
-const roomEvents = [
-  { event: TUIRoomEvents.onRequestReceived, handler: onRequestReceived },
-  { event: TUIRoomEvents.onRequestProcessed, handler: onRequestProcessed },
-  { event: TUIRoomEvents.onRequestCancelled, handler: onRequestCancelled }
-];
-const bindEvent = () => {
-  roomEvents.forEach(({ event, handler }) => {
-    var _a;
-    (_a = roomEngine.instance) == null ? void 0 : _a.on(event, handler);
+}, oe = [
+  { event: S.onRequestReceived, handler: ne },
+  { event: S.onRequestProcessed, handler: ae },
+  { event: S.onRequestCancelled, handler: ue }
+], ce = () => {
+  oe.forEach(({ event: e, handler: t }) => {
+    var n;
+    (n = i.instance) == null || n.on(e, t);
   });
 };
-TUIRoomEngine.once("ready", () => {
-  bindEvent();
+$.once("ready", () => {
+  ce();
 });
-watch(
-  localLiveStatus,
-  async (newStatus) => {
-    var _a;
-    if (newStatus === LiveStatus.Live) {
-      if ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) {
-        localUserInfo.value = await getUserInfo(loginUserInfo.value.userId);
-        userInfoMap.value.set(loginUserInfo.value.userId, localUserInfo.value);
-      }
-    } else {
-      sendCoRequestMap.value.clear();
-      receivedCoRequestMap.value.clear();
-      userInfoMap.value.clear();
-      localUserInfo.value = null;
-    }
+A(
+  E,
+  async (e) => {
+    var t;
+    e === b.Live ? (t = d.value) != null && t.userId && (G.value = await w(d.value.userId), R.value.set(d.value.userId, G.value)) : (l.value.clear(), c.value.clear(), R.value.clear(), G.value = null);
   },
-  { immediate: true }
+  { immediate: !0 }
 );
-function useCoGuestState() {
+function me() {
   return {
     // state
-    localCoGuestStatus,
-    userListInCoGuest,
-    receivedCoGuestUserList,
-    availableCoGuestUserList,
-    sentCoGuestUserList,
-    latestReceivedCoGuestRequest,
-    latestCancelledCoGuestRequest,
-    latestAcceptedCoGuestRequest,
-    latestRejectedCoGuestRequest,
+    localCoGuestStatus: B,
+    userListInCoGuest: V,
+    receivedCoGuestUserList: P,
+    availableCoGuestUserList: W,
+    sentCoGuestUserList: j,
+    latestReceivedCoGuestRequest: z,
+    latestCancelledCoGuestRequest: F,
+    latestAcceptedCoGuestRequest: H,
+    latestRejectedCoGuestRequest: J,
     // action
-    sendCoGuestRequest,
-    cancelCoGuestRequest,
-    acceptCoGuestRequest,
-    rejectCoGuestRequest,
-    disconnect,
-    sendOpenDeviceRequest,
-    cancelOpenDeviceRequest,
-    acceptOpenDeviceRequest,
-    rejectOpenDeviceRequest,
-    closeRemoteDevice
+    sendCoGuestRequest: K,
+    cancelCoGuestRequest: N,
+    acceptCoGuestRequest: Q,
+    rejectCoGuestRequest: X,
+    disconnect: Y,
+    sendOpenDeviceRequest: Z,
+    cancelOpenDeviceRequest: _,
+    acceptOpenDeviceRequest: ee,
+    rejectOpenDeviceRequest: te,
+    closeRemoteDevice: se
   };
 }
 export {
-  useCoGuestState
+  me as useCoGuestState
 };

package/dist/states/CoHostState/CoHostState.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+import { TUIConnectionCode } from '@tencentcloud/tuiroom-engine-js';
+import { SeatUserInfo, CoHostStatus, CoHostEvent, CoHostLayoutTemplate } from '../../types';
+
+export type CoHostEventCallback = (eventInfo: any) => void;
+export declare function useCoHostState(): {
+    coHostStatus: import('vue').ComputedRef<CoHostStatus>;
+    connected: Ref<SeatUserInfo[], SeatUserInfo[]>;
+    applicants: Ref<SeatUserInfo[], SeatUserInfo[]>;
+    invitees: Ref<SeatUserInfo[], SeatUserInfo[]>;
+    candidates: import('vue').ComputedRef<SeatUserInfo[]>;
+    requestHostConnection: (params: {
+        liveId: string;
+        layoutTemplate: CoHostLayoutTemplate;
+        timeout: number;
+        extensionInfo: string;
+    }) => Promise<Map<string, TUIConnectionCode>>;
+    cancelHostConnection: (params: {
+        liveId: string;
+    }) => Promise<void>;
+    acceptHostConnection: (params: {
+        liveId: string;
+    }) => Promise<void>;
+    rejectHostConnection: (params: {
+        liveId: string;
+    }) => Promise<void>;
+    exitHostConnection: () => Promise<void>;
+    subscribeEvent: (event: CoHostEvent, callback: CoHostEventCallback) => void;
+    unsubscribeEvent: (event: CoHostEvent, callback: CoHostEventCallback) => void;
+};