tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

package/dist/rtc/server.js

@@ -0,0 +1,115 @@
+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 { ref } from "vue";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUICore, { TUIConstants, TUILogin } from "@tencentcloud/tui-core";
+import TUIRoomEngine from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState } from "../states/LoginState.js";
+const _RTCLoginServer = class _RTCLoginServer {
+  constructor() {
+    __publicField(this, "isReady", false);
+    __publicField(this, "isEngineLoggingIn", false);
+    __publicField(this, "isLogin", ref(false));
+    __publicField(this, "resolveList", []);
+    __publicField(this, "rejectList", []);
+    this.init();
+  }
+  static getInstance() {
+    if (!_RTCLoginServer.instance) {
+      _RTCLoginServer.instance = new _RTCLoginServer();
+    }
+    return _RTCLoginServer.instance;
+  }
+  init() {
+    if (!this.isReady) {
+      this.isReady = true;
+      TUICore.registerEvent(
+        TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+        TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+        this
+      );
+    }
+  }
+  /**
+   * @param { TUIInitParam } params
+   */
+  onNotifyEvent(eventName, subKey) {
+    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
+      switch (subKey) {
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+          this.login();
+          break;
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
+          this.logout();
+          break;
+      }
+    }
+  }
+  async login() {
+    const {
+      chat,
+      SDKAppID,
+      userID,
+      userSig
+    } = TUILogin.getContext();
+    if (this.isEngineLoggingIn) {
+      return new Promise((resolve, reject) => {
+        this.resolveList.push(resolve);
+        this.rejectList.push(reject);
+      });
+    }
+    try {
+      this.isEngineLoggingIn = true;
+      await TUIChatEngine.login({
+        chat,
+        SDKAppID,
+        userID,
+        userSig
+      });
+      const res = await TUIRoomEngine.login({
+        sdkAppId: SDKAppID,
+        userId: userID,
+        userSig,
+        tim: chat
+      });
+      this.isLogin.value = true;
+      this.resolveList.forEach((resolve) => {
+        resolve();
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      const { loginUserInfo } = useLoginState();
+      const result = await chat.getUserProfile({ userIDList: [userID] });
+      const localUserInfo = result.data[0];
+      if (!localUserInfo.value) {
+        loginUserInfo.value = {
+          userId: localUserInfo.userID,
+          userName: localUserInfo.nick,
+          avatarUrl: localUserInfo.avatar,
+          customInfo: localUserInfo.profileCustomField
+        };
+      }
+      return res;
+    } catch (error) {
+      this.rejectList.forEach((reject) => {
+        reject(error);
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      throw error;
+    } finally {
+      this.isEngineLoggingIn = false;
+    }
+  }
+  logout() {
+    TUIRoomEngine.logout();
+    this.isLogin.value = false;
+    this.isEngineLoggingIn = false;
+  }
+};
+__publicField(_RTCLoginServer, "instance");
+let RTCLoginServer = _RTCLoginServer;
+export {
+  RTCLoginServer as default
+};

package/dist/states/BarrageListState/BarrageListState.js

@@ -1,8 +1,8 @@
 import { ref, shallowRef, watch, onUnmounted, triggerRef } from "vue";
 import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-import { useScroll } from "../../hooks/useScroll.js";
-import { useRoomEngine } from "../../hooks/useRoomEngine.js";
 import TUIRoomEngine, { TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine } from "../../hooks/useRoomEngine.js";
+import { useScroll } from "../../hooks/useScroll.js";
 import { useLiveState } from "../LiveState/index.js";
 import { LiveStatus } from "../../types/live.js";
 const roomEngine = useRoomEngine();
@@ -50,14 +50,12 @@ const processMessageQueue = async () => {
   isProcessingQueue.value = true;
   try {
     let currentBatch = [];
-    let lastUpdateTime = Date.now();
     while (messageUpdateQueue.value.length > 0) {
       const messages = messageUpdateQueue.value.splice(0, 1)[0];
       currentBatch.push(...messages);
       const newMessageList = [...messageListRef.value || [], ...currentBatch];
       messageListRef.value = truncateMessageList(newMessageList);
       currentBatch = [];
-      lastUpdateTime = Date.now();
       if (messageUpdateQueue.value.length > 0) {
         await new Promise((resolve) => setTimeout(resolve, MESSAGE_QUEUE_PROCESS_DELAY));
       }
@@ -70,6 +68,7 @@ const processedMessageListUpdate = (list) => {
   const newList = list.slice(messageListCursor.value);
   messageListCursor.value = list.length;
   if (newList.length === 0) {
+    messageListRef.value = list;
     return;
   }
   for (let i = 0; i < newList.length; i += BATCH_SIZE) {

package/dist/states/C2CSettingState/C2CSettingState.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+
+interface C2CSettingState {
+    userID: Ref<string | undefined>;
+    nick: Ref<string | undefined>;
+    avatar: Ref<string | undefined>;
+    signature: Ref<string | undefined>;
+    remark: Ref<string | undefined>;
+    isMuted: Ref<boolean | undefined>;
+    isPinned: Ref<boolean | undefined>;
+    isContact: Ref<boolean | undefined>;
+}
+interface C2CSettingBusinessAction {
+    setChatPinned: (value: boolean) => void;
+    setChatMuted: (value: boolean) => void;
+    setUserRemark: (remark: string) => void;
+}
+declare function useC2CSettingState(): C2CSettingState & C2CSettingBusinessAction;
+export { useC2CSettingState, };

package/dist/states/C2CSettingState/C2CSettingState.js

@@ -0,0 +1,112 @@
+import { ref, watch } from "vue";
+import TUIChatEngine, { TUIFriendService, TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+const currentConversationRef = ref(void 0);
+const userIDRef = ref(void 0);
+const nickRef = ref(void 0);
+const avatarRef = ref(void 0);
+const signatureRef = ref(void 0);
+const remarkRef = ref(void 0);
+const isMutedRef = ref(void 0);
+const isPinnedRef = ref(void 0);
+const isContactRef = ref(void 0);
+function setChatPinned(value) {
+  var _a;
+  if (value === isPinnedRef.value) {
+    return;
+  }
+  (_a = currentConversationRef.value) == null ? void 0 : _a.pinConversation();
+}
+function setChatMuted(value) {
+  var _a;
+  if (value === isMutedRef.value) {
+    return;
+  }
+  (_a = currentConversationRef.value) == null ? void 0 : _a.muteConversation();
+}
+function setUserRemark(remark) {
+  if (!userIDRef.value) {
+    return;
+  }
+  TUIFriendService.updateFriend({
+    userID: userIDRef.value,
+    remark
+  });
+}
+function reset() {
+  currentConversationRef.value = void 0;
+  userIDRef.value = void 0;
+  nickRef.value = void 0;
+  avatarRef.value = void 0;
+  signatureRef.value = void 0;
+  remarkRef.value = void 0;
+  isMutedRef.value = void 0;
+  isPinnedRef.value = void 0;
+  isContactRef.value = void 0;
+}
+watch(userIDRef, (userID) => {
+  if (!userID) {
+    return;
+  }
+  TUIFriendService.checkFriend({
+    userIDList: [userID],
+    type: TUIChatEngine.TYPES.SNS_CHECK_TYPE_BOTH
+  }).then((res) => {
+    var _a, _b, _c;
+    const _relation = (_c = (_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.successUserIDList) == null ? void 0 : _b[0]) == null ? void 0 : _c.relation;
+    if (_relation === "CheckResult_Type_BothWay") {
+      isContactRef.value = true;
+    } else {
+      isContactRef.value = false;
+    }
+  });
+});
+function initWatcher() {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: (conversation) => {
+      if (conversation && conversation.type === "C2C") {
+        currentConversationRef.value = conversation;
+        const {
+          userProfile: {
+            userID,
+            nick,
+            avatar,
+            selfSignature
+          },
+          remark,
+          isPinned,
+          isMuted
+        } = conversation;
+        userIDRef.value = userID;
+        nickRef.value = nick;
+        avatarRef.value = avatar;
+        signatureRef.value = selfSignature;
+        remarkRef.value = remark;
+        isPinnedRef.value = isPinned;
+        isMutedRef.value = isMuted;
+      } else {
+        reset();
+      }
+    }
+  });
+}
+initWatcher();
+function useC2CSettingState() {
+  return {
+    // State
+    userID: userIDRef,
+    nick: nickRef,
+    avatar: avatarRef,
+    signature: signatureRef,
+    remark: remarkRef,
+    isMuted: isMutedRef,
+    isPinned: isPinnedRef,
+    isContact: isContactRef,
+    // Business actions
+    setChatPinned,
+    setChatMuted,
+    setUserRemark
+  };
+}
+export {
+  useC2CSettingState
+};

package/dist/states/C2CSettingState/index.d.ts

@@ -0,0 +1 @@
+export { useC2CSettingState } from './C2CSettingState';

package/dist/states/C2CSettingState/index.js

@@ -0,0 +1,4 @@
+import { useC2CSettingState } from "./C2CSettingState.js";
+export {
+  useC2CSettingState
+};

package/dist/states/CoGuestState.js

@@ -1,12 +1,12 @@
 import { ref, computed, watch } from "vue";
 import TUIRoomEngine, { TUIRoomEvents, TUIRequestAction, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { LiveStatus } from "../types/live.js";
-import { CoGuestStatus } from "../types/coGuest.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();

package/dist/states/CoHostState.d.ts

@@ -1,6 +1,6 @@
+import { CoHostStatus } from '../types/coHost';
 import { SeatUserInfo } from '../types';
 import { TUILiveConnectionUser } from '@tencentcloud/tuiroom-engine-js';
-import { CoHostStatus } from '../types/coHost';
 
 export declare function useCoHostState(): {
     localCoHostStatus: import('vue').ComputedRef<CoHostStatus>;

package/dist/states/CoHostState.js

@@ -1,11 +1,11 @@
-import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { DeviceStatus } from "../types/device.js";
-import TUIRoomEngine, { TUILiveConnectionManagerEvents } from "@tencentcloud/tuiroom-engine-js";
 import { ref, computed } from "vue";
+import TUIRoomEngine, { TUILiveConnectionManagerEvents } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine } from "../hooks/useRoomEngine.js";
+import { CoHostStatus } from "../types/coHost.js";
+import { useLiveState } from "./LiveState/index.js";
 import { useLoginState } from "./LoginState.js";
 import { useSeatStore } from "./SeatStore.js";
-import { useLiveState } from "./LiveState/index.js";
-import { CoHostStatus } from "../types/coHost.js";
+import { DeviceStatus } from "../types/device.js";
 const roomEngine = useRoomEngine();
 const { loginUserInfo } = useLoginState();
 const { liveList } = useLiveState();
@@ -16,75 +16,72 @@ const localCoHostStatus = computed(() => {
   if (coHostUserList.value.find((seat) => {
     var _a, _b;
     return ((_a = seat.userInfo) == null ? void 0 : _a.userId) === ((_b = loginUserInfo.value) == null ? void 0 : _b.userId);
-  }))
+  })) {
     return CoHostStatus.Connected;
+  }
   if (receivedCoHostUserListCache.value.find((user) => {
     var _a;
     return user.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  }))
+  })) {
     return CoHostStatus.Invited;
+  }
   if (sendCoHostUserListCache.value.find((user) => {
     var _a;
     return user.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-  }))
+  })) {
     return CoHostStatus.Requesting;
+  }
   return CoHostStatus.Disconnected;
 });
-const userListInCoHost = computed(() => {
-  return coHostUserList.value.map((seat) => seat.userInfo);
-});
-const receivedCoHostRequestList = computed(() => {
-  return receivedCoHostUserListCache.value.map((user) => ({
-    avatarUrl: user.avatarUrl,
-    joinConnectionTime: user.joinConnectionTime,
-    roomId: user.roomId,
-    userId: user.userId,
-    userName: user.userName
-  }));
-});
-const sendCoHostUserList = computed(() => {
-  return sendCoHostUserListCache.value.map((user) => ({
-    roomId: user.roomId,
-    userId: user.userId,
-    userName: user.userName,
-    avatarUrl: user.avatarUrl,
-    microphoneStatus: DeviceStatus.Off,
-    cameraStatus: DeviceStatus.Off,
-    onSeatTimestamp: 0,
-    networkQuality: void 0,
-    customInfo: {}
-  }));
-});
-const availableCoHostUserList = computed(() => {
-  return liveList.value.filter((live) => {
-    var _a;
-    const isLocalUser = live.liveOwner.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
-    const isInSeat = coHostUserList.value.some((seat) => {
-      var _a2;
-      return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === live.liveOwner.userId;
-    });
-    const isInSendUserList = sendCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
-    const isInReceivedUserList = receivedCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
-    return !isLocalUser && !isInSeat && !isInSendUserList && !isInReceivedUserList;
-  }).map((live) => ({
-    roomId: live.liveId,
-    userId: live.liveOwner.userId,
-    userName: live.liveOwner.userName,
-    avatarUrl: live.liveOwner.avatarUrl,
-    microphoneStatus: DeviceStatus.Off,
-    cameraStatus: DeviceStatus.Off,
-    onSeatTimestamp: 0,
-    networkQuality: void 0,
-    customInfo: {}
-  }));
-});
+const userListInCoHost = computed(() => coHostUserList.value.map((seat) => seat.userInfo));
+const receivedCoHostRequestList = computed(() => receivedCoHostUserListCache.value.map((user) => ({
+  avatarUrl: user.avatarUrl,
+  joinConnectionTime: user.joinConnectionTime,
+  roomId: user.roomId,
+  userId: user.userId,
+  userName: user.userName
+})));
+const sendCoHostUserList = computed(() => sendCoHostUserListCache.value.map((user) => ({
+  roomId: user.roomId,
+  userId: user.userId,
+  userName: user.userName,
+  avatarUrl: user.avatarUrl,
+  microphoneStatus: DeviceStatus.Off,
+  cameraStatus: DeviceStatus.Off,
+  onSeatTimestamp: 0,
+  networkQuality: void 0,
+  customInfo: {}
+})));
+const availableCoHostUserList = computed(() => liveList.value.filter((live) => {
+  var _a;
+  const isLocalUser = live.liveOwner.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
+  const isInSeat = coHostUserList.value.some((seat) => {
+    var _a2;
+    return ((_a2 = seat.userInfo) == null ? void 0 : _a2.userId) === live.liveOwner.userId;
+  });
+  const isInSendUserList = sendCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
+  const isInReceivedUserList = receivedCoHostUserListCache.value.find((u) => u.userId === live.liveOwner.userId);
+  return !isLocalUser && !isInSeat && !isInSendUserList && !isInReceivedUserList;
+}).map((live) => ({
+  roomId: live.liveId,
+  userId: live.liveOwner.userId,
+  userName: live.liveOwner.userName,
+  avatarUrl: live.liveOwner.avatarUrl,
+  microphoneStatus: DeviceStatus.Off,
+  cameraStatus: DeviceStatus.Off,
+  onSeatTimestamp: 0,
+  networkQuality: void 0,
+  customInfo: {}
+})));
 const sendCoHostRequest = async (options) => {
   var _a, _b;
   const { userList, timeout, extensionInfo } = options;
   await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.requestConnection(
-    userList.map((user) => user.roomId),
-    timeout,
-    extensionInfo
+    {
+      roomIdList: userList.map((user) => user.roomId),
+      timeout,
+      extensionInfo
+    }
   ));
   sendCoHostUserListCache.value = userList.map((user) => ({
     avatarUrl: user.avatarUrl,
@@ -97,28 +94,28 @@ const sendCoHostRequest = async (options) => {
 const cancelCoHostRequest = async (options) => {
   var _a, _b;
   const { userList } = options;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.cancelConnectionRequest(userList.map((user) => user.roomId)));
+  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.cancelConnectionRequest({ roomIdList: userList.map((user) => user.roomId) }));
   sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(
     (user) => !userList.find((u) => u.userId === user.userId && u.roomId === user.roomId)
   );
 };
 const acceptCoHostRequest = async (user) => {
   var _a, _b;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.acceptConnection(user.roomId));
+  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.acceptConnection({ roomId: user.roomId }));
   receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
     (u) => u.userId !== user.userId && u.roomId !== user.roomId
   );
 };
 const rejectCoHostRequest = async (user) => {
   var _a, _b;
-  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.rejectConnection(user.roomId));
+  await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.rejectConnection({ roomId: user.roomId }));
   receivedCoHostUserListCache.value = receivedCoHostUserListCache.value.filter(
     (u) => u.userId !== user.userId && u.roomId !== user.roomId
   );
 };
 const exitCoHost = async () => {
   var _a, _b;
-  return await ((_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.disconnect());
+  return (_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.disconnect();
 };
 const onConnectionRequestAccept = (invitee) => {
   sendCoHostUserListCache.value = sendCoHostUserListCache.value.filter(

package/dist/states/ContactListState/ContactListState.d.ts

@@ -0,0 +1,40 @@
+import { Ref } from 'vue';
+import { AddFriendParams, DeleteFriendParams, Friend, FriendApplication, FriendApplicationParams, FriendGroup, FriendGroupParams, FriendRemarkParams, GroupApplication, GroupApplicationParams, GroupModel, JoinGroupParams, RenameFriendGroupParams, UserProfile } from '../../types';
+
+interface ContactListState {
+    friendList: Ref<Friend[]>;
+    groupList: Ref<GroupModel[]>;
+    blackList: Ref<UserProfile[]>;
+    friendApplicationUnreadCount: Ref<number>;
+    friendGroupList: Ref<FriendGroup[]>;
+    friendApplicationList: Ref<FriendApplication[]>;
+    groupApplicationList: Ref<GroupApplication[]>;
+}
+interface ContactListAction {
+    addFriend: (options: AddFriendParams) => Promise<unknown>;
+    markFriendApplicationAsRead: () => Promise<unknown>;
+    acceptFriendApplication: (options: FriendApplicationParams) => Promise<unknown>;
+    refuseFriendApplication: (userID: string) => Promise<unknown>;
+    deleteFriend: (options: DeleteFriendParams) => Promise<unknown>;
+    setFriendRemark: (options: FriendRemarkParams) => Promise<unknown>;
+    addToBlacklist: (userIDList: string[]) => Promise<unknown>;
+    removeFromBlacklist: (userIDList: string[]) => Promise<unknown>;
+    createFriendGroup: (options: FriendGroupParams) => Promise<unknown>;
+    deleteFriendGroup: (name: string) => Promise<unknown>;
+    addToFriendGroup: (options: FriendGroupParams) => Promise<unknown>;
+    removeFromFriendGroup: (options: FriendGroupParams) => Promise<unknown>;
+    renameFriendGroup: (options: RenameFriendGroupParams) => Promise<unknown>;
+    joinGroup: (options: JoinGroupParams) => Promise<unknown>;
+    acceptGroupApplication: (options: GroupApplicationParams) => Promise<unknown>;
+    refuseGroupApplication: (options: GroupApplicationParams) => Promise<unknown>;
+    setFriendList: (friendList: Friend[]) => void;
+    setGroupList: (groupList: GroupModel[]) => void;
+    setBlackList: (blackList: UserProfile[]) => void;
+    setFriendApplicationUnreadCount: (count: number) => void;
+    setFriendGroupList: (friendGroupList: FriendGroup[]) => void;
+    setFriendApplicationList: (friendApplicationList: FriendApplication[]) => void;
+    setGroupApplicationList: (groupApplicationList: GroupApplication[]) => void;
+}
+type UseContactListStateReturn = Omit<ContactListState & ContactListAction, 'setFriendList' | 'setGroupList' | 'setBlackList' | 'setFriendApplicationUnreadCount' | 'setFriendGroupList' | 'setFriendApplicationList' | 'setGroupApplicationList'>;
+declare function useContactListState(): UseContactListStateReturn;
+export { useContactListState };