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

package/dist/states/ConversationListState/ConversationListState.d.ts

@@ -1,25 +1,26 @@
 import { Ref } from 'vue';
-import { default as TUIChatEngine, CreateGroupParams, SetConversationDraftParams, IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { default as TUIChatEngine, SetConversationDraftParams } from '@tencentcloud/chat-uikit-engine';
+import { ConversationModel, CreateGroupParams } from '../../types';
 
 interface ConversationListState {
-    conversationList: Ref<IConversationModel[] | undefined>;
-    activeConversation: Ref<IConversationModel | undefined>;
+    conversationList: Ref<ConversationModel[] | undefined>;
+    activeConversation: Ref<ConversationModel | undefined>;
     totalUnRead: Ref<number>;
     netStatus: Ref<typeof TUIChatEngine.TYPES.NET_STATE_CONNECTED | typeof TUIChatEngine.TYPES.NET_STATE_CONNECTING | typeof TUIChatEngine.TYPES.NET_STATE_DISCONNECTED>;
 }
 interface ConversationListAction {
     setActiveConversation: (conversationID: string) => void;
-    setCurrentConversation: (conversation: IConversationModel | undefined) => void;
-    createC2CConversation: (userID: string) => Promise<IConversationModel>;
-    createGroupConversation: (options: CreateGroupParams) => Promise<IConversationModel>;
-    pinConversation: (conversationID: string, isPin: boolean) => Promise<any>;
-    deleteConversation: (conversationID: string) => Promise<any>;
-    muteConversation: (conversationID: string, isMute: boolean) => Promise<any>;
-    setConversationDraft: (options: SetConversationDraftParams) => Promise<any>;
+    setCurrentConversation: (conversation: ConversationModel | undefined) => void;
+    createC2CConversation: (userID: string) => Promise<ConversationModel>;
+    createGroupConversation: (options: CreateGroupParams) => Promise<ConversationModel>;
+    pinConversation: (conversationID: string, isPin: boolean) => Promise<unknown>;
+    deleteConversation: (conversationID: string) => Promise<unknown>;
+    muteConversation: (conversationID: string, isMute: boolean) => Promise<unknown>;
+    setConversationDraft: (options: SetConversationDraftParams) => Promise<unknown>;
     markConversationUnread: (conversationID: string, isUnread: boolean) => void;
-    setConversationList: (conversationList: IConversationModel[]) => void;
+    setConversationList: (conversationList: ConversationModel[]) => void;
     setTotalUnRead: (totalUnRead: number) => void;
-    getConversation: (conversationID: string) => IConversationModel | undefined;
+    getConversation: (conversationID: string) => ConversationModel | undefined;
 }
 type UseConversationListStateReturn = Omit<ConversationListState & ConversationListAction, 'setConversationList' | 'setTotalUnRead' | 'getConversation' | 'setCurrentConversation'>;
 declare function useConversationListState(): UseConversationListStateReturn;

package/dist/states/ConversationListState/ConversationListState.js

@@ -17,6 +17,25 @@ const getConversation = (conversationID) => {
   var _a;
   return (_a = conversationListRef.value) == null ? void 0 : _a.find((item) => item.conversationID === conversationID);
 };
+const markConversationUnread = (conversationID, isUnread) => {
+  const conversation = getConversation(conversationID);
+  const { markList = [], unreadCount = 0 } = conversation || {};
+  const isMarked = markList.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
+  const isHasUnreadCount = unreadCount > 0;
+  const isNotNeedMarkUnread = isUnread && (isHasUnreadCount || isMarked);
+  const isNotNeedMarkRead = !isUnread && !isHasUnreadCount && !isMarked;
+  if (!conversation || isNotNeedMarkUnread || isNotNeedMarkRead) {
+    return Promise.resolve();
+  }
+  if (isHasUnreadCount && !isUnread) {
+    return conversation == null ? void 0 : conversation.setMessageRead();
+  }
+  return TUIConversationService.markConversation({
+    conversationIDList: [conversationID],
+    markType: TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD,
+    enableMark: isUnread
+  });
+};
 const setActiveConversation = async (conversationID) => {
   const currentActiveConversation = activeConversationRef.value;
   if (conversationID !== (currentActiveConversation == null ? void 0 : currentActiveConversation.conversationID)) {
@@ -47,25 +66,6 @@ const muteConversation = (conversationID, isMuted) => {
   }
   return conversation == null ? void 0 : conversation.muteConversation();
 };
-const markConversationUnread = (conversationID, isUnread) => {
-  const conversation = getConversation(conversationID);
-  const { markList = [], unreadCount = 0 } = conversation || {};
-  const isMarked = markList.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
-  const isHasUnreadCount = unreadCount > 0;
-  const isNotNeedMarkUnread = isUnread && (isHasUnreadCount || isMarked);
-  const isNotNeedMarkRead = !isUnread && !isHasUnreadCount && !isMarked;
-  if (!conversation || isNotNeedMarkUnread || isNotNeedMarkRead) {
-    return Promise.resolve();
-  }
-  if (isHasUnreadCount && !isUnread) {
-    return conversation == null ? void 0 : conversation.setMessageRead();
-  }
-  return TUIConversationService.markConversation({
-    conversationIDList: [conversationID],
-    markType: TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD,
-    enableMark: isUnread
-  });
-};
 const setConversationDraft = (options) => TUIConversationService.setConversationDraft(options);
 const createC2CConversation = async (userID) => {
   const response = await TUIConversationService.getConversationProfile(`C2C${userID}`);

package/dist/states/LiveSeatState/seatEventManager.js

@@ -45,7 +45,7 @@ const _SeatEventManager = class _SeatEventManager {
       }
     };
   }
-  onSeatLayoutChanged(roomId, seatLayout) {
+  onSeatLayoutChanged({ roomId, seatLayout }) {
     var _a;
     if (roomId !== ((_a = currentLive.value) == null ? void 0 : _a.liveId)) {
       return;
@@ -55,12 +55,10 @@ const _SeatEventManager = class _SeatEventManager {
       height: seatLayout.canvasHeight,
       background: "#000000"
     };
-    seatList.value = seatLayout.regions.map((region) => {
-      return this.getNewSeatInfo(region);
-    });
+    seatList.value = seatLayout.regions.map((region) => this.getNewSeatInfo(region));
   }
   onUserNetworkQualityChanged({ userNetworkList }) {
-    Object.keys(networkQualities.value).forEach((userId) => {
+    Array.from(networkQualities.value.keys()).forEach((userId) => {
       if (!userNetworkList.some((userNetwork) => userNetwork.userId === userId)) {
         networkQualities.value.delete(userId);
       }

package/dist/states/LiveSeatState/usePlayStream/MixStreamPlayer.js

@@ -40,6 +40,15 @@ const _MixStreamPlayer = class _MixStreamPlayer {
         streamType: TUIVideoStreamType.kCameraStream
       }));
       this.isPlayingMixStream = true;
+      setTimeout(() => {
+        var _a2, _b2, _c;
+        const { x: xContainer, y: yContainer, width: widthContainer, height: heightContainer } = ((_a2 = document.querySelector("#atomicx-live-stream-content")) == null ? void 0 : _a2.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: container", xContainer, yContainer, widthContainer, heightContainer);
+        const { x: xVideo, y: yVideo, width: widthVideo, height: heightVideo } = ((_b2 = document.querySelector("#atomicx-live-stream-content #atomicx-live-stream-content_video")) == null ? void 0 : _b2.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: videoDiv", xVideo, yVideo, widthVideo, heightVideo);
+        const { x: xVideoElement, y: yVideoElement, width: widthVideoElement, height: heightVideoElement } = ((_c = document.querySelector("#atomicx-live-stream-content video")) == null ? void 0 : _c.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: videoElement", xVideoElement, yVideoElement, widthVideoElement, heightVideoElement);
+      }, 1e3);
     }
   }
   async stop() {

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

@@ -30,7 +30,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     }[], LiveInfo[] | {
         liveId: string;
@@ -55,7 +55,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     }[]>;
     currentCursor: import('vue').Ref<string, string>;
@@ -82,7 +82,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     } | null, LiveInfo | {
         liveId: string;
@@ -107,7 +107,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     } | null>;
     localLiveStatus: import('vue').Ref<LiveStatus, LiveStatus>;

package/dist/states/LiveState/index.js

@@ -73,8 +73,7 @@ const updateCurrentLive = (liveInfo) => {
 const createLive = async (params) => {
   var _a, _b;
   if (!LoginServer.isLogin.value) {
-    console.error("[liveState createLive] roomEngine has not been initialized");
-    throw new Error("[liveState createLive] roomEngine has not been initialized");
+    await LoginServer.login();
   }
   try {
     console.log("[liveState createLive] create live", params);
@@ -109,6 +108,9 @@ const createLive = async (params) => {
 };
 const joinLive = async ({ liveId }) => {
   var _a;
+  if (!LoginServer.isLogin.value) {
+    await LoginServer.login();
+  }
   console.log("[liveState joinLive] enter room", liveId);
   const liveListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveListManager();
   try {

package/dist/states/LoginState.js

@@ -13,9 +13,7 @@ async function login(options) {
     ...restOptions
   };
   try {
-    if (!TUILogin.getContext().chat) {
-      await TUILogin.login(loginParams);
-    }
+    await TUILogin.login(loginParams);
   } catch (error) {
     console.error("[loginState login] error", error);
     throw error;

package/dist/states/MessageInputState/MessageInputState.js

@@ -61,7 +61,7 @@ const blurEditor = () => {
   var _a;
   (_a = editor.value) == null ? void 0 : _a.commands.blur();
 };
-const sendMessage = (msg) => {
+const sendMessage = async (msg) => {
   const messageToSend = msg ?? inputRawValue.value;
   if (!messageToSend) {
     return;
@@ -71,47 +71,47 @@ const sendMessage = (msg) => {
     return;
   }
   let mergedText = "";
-  const sendAccumulatedText = () => {
+  const sendAccumulatedText = async () => {
     if (mergedText) {
-      TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(mergedText) } });
+      await TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(mergedText) } });
       mergedText = "";
     }
   };
   const messageProcessors = {
     [MessageContentType.TEXT]: (content) => content,
-    [MessageContentType.IMAGE]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendImageMessage({ payload: { file: content } });
+    [MessageContentType.IMAGE]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendImageMessage({ payload: { file: content } });
       return "";
     },
-    [MessageContentType.VIDEO]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendVideoMessage({ payload: { file: content } });
+    [MessageContentType.VIDEO]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendVideoMessage({ payload: { file: content } });
       return "";
     },
-    [MessageContentType.FILE]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendFileMessage({ payload: { file: content } });
+    [MessageContentType.FILE]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendFileMessage({ payload: { file: content } });
       return "";
     },
-    [MessageContentType.MENTION]: () => {
-      sendAccumulatedText();
+    [MessageContentType.MENTION]: async () => {
+      await sendAccumulatedText();
       console.warn("Mention feature not implemented yet");
       return "";
     },
     [MessageContentType.EMOJI]: (content) => content.key
   };
-  messageToSend.forEach((item) => {
+  for (const item of messageToSend) {
     if (!item.type || !messageProcessors[item.type]) {
       throw new Error(`Invalid message type: ${item.type}`);
     }
     const processor = messageProcessors[item.type];
-    const result = processor(item.content);
+    const result = await processor(item.content);
     if ([MessageContentType.TEXT, MessageContentType.EMOJI].includes(item.type)) {
       mergedText += result;
     }
-  });
-  sendAccumulatedText();
+  }
+  await sendAccumulatedText();
 };
 function useMessageInputState() {
   return {

package/dist/states/SearchState.d.ts

@@ -1,6 +1,6 @@
-import { SearchType, SearchResult } from '../types/engine';
+import { ISearchType as SearchType, SearchCloudGroupsParams, SearchCloudMessagesParams, SearchCloudUsersParams } from '@tencentcloud/chat-uikit-engine';
 import { VariantType } from '../types/search';
-import { SearchCloudGroupsParams, SearchCloudMessagesParams, SearchCloudUsersParams } from '@tencentcloud/chat-uikit-engine';
+import { SearchResult } from '../types/engine';
 
 export declare function useSearchState(variant?: VariantType): {
     keyword: import('vue').ComputedRef<string>;