@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/hooks/useDeviceManager.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useRoomEngine = require("./useRoomEngine.js");
+const room = require("../stores/room.js");
+const index$2 = require("../utils/common/logger/index.js");
+const Vue = require("vue");
+const index = require("../locales/index.js");
+const index$1 = require("../components/common/base/MessageBox/index.js");
+const environment = require("../utils/environment.js");
+const roomEngine = useRoomEngine.default();
+const deviceManager = {
+  instance: null
+};
+TUIRoomEngine.once("ready", () => {
+  var _a;
+  deviceManager.instance = (_a = roomEngine.instance) == null ? void 0 : _a.getMediaDeviceManager();
+});
+function useDeviceManager(options) {
+  const roomStore = room.useRoomStore();
+  const { t } = index.default.global;
+  async function initMediaDeviceList() {
+    var _a, _b, _c, _d, _e, _f;
+    if (!deviceManager.instance) {
+      return;
+    }
+    const cameraList = await ((_a = deviceManager.instance) == null ? void 0 : _a.getDevicesList({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera
+    }));
+    const microphoneList = await ((_b = deviceManager.instance) == null ? void 0 : _b.getDevicesList({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+    }));
+    const speakerList = await ((_c = deviceManager.instance) == null ? void 0 : _c.getDevicesList({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+    }));
+    if (!environment.isWeChat) {
+      const hasCameraDevice = cameraList && cameraList.length > 0;
+      const hasMicrophoneDevice = microphoneList && microphoneList.length > 0;
+      let alertMessage = "";
+      if (hasCameraDevice && !hasMicrophoneDevice) {
+        alertMessage = "Microphone not detected on current device";
+      } else if (!hasCameraDevice && hasMicrophoneDevice) {
+        alertMessage = "Camera not detected on current device";
+      } else if (!hasCameraDevice && !hasMicrophoneDevice) {
+        alertMessage = "Camera And Microphone not detected on current device";
+      }
+      if (alertMessage) {
+        index$1.default({
+          title: t("Note"),
+          message: t(alertMessage),
+          confirmButtonText: t("Sure")
+        });
+      }
+    }
+    cameraList && roomStore.setCameraList(cameraList);
+    microphoneList && roomStore.setMicrophoneList(microphoneList);
+    speakerList && roomStore.setSpeakerList(speakerList);
+    const cameraInfo = (_d = deviceManager.instance) == null ? void 0 : _d.getCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera
+    });
+    const micInfo = (_e = deviceManager.instance) == null ? void 0 : _e.getCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+    });
+    const speakerInfo = (_f = deviceManager.instance) == null ? void 0 : _f.getCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+    });
+    if (cameraInfo && cameraInfo.deviceId) {
+      roomStore.setCurrentCameraId(cameraInfo.deviceId);
+    }
+    if (micInfo && micInfo.deviceId) {
+      roomStore.setCurrentMicrophoneId(micInfo.deviceId);
+    }
+    if (speakerInfo && speakerInfo.deviceId) {
+      roomStore.setCurrentSpeakerId(speakerInfo.deviceId);
+    }
+  }
+  async function onDeviceChanged(eventInfo) {
+    var _a, _b;
+    if (!deviceManager.instance) {
+      return;
+    }
+    const stateList = ["add", "remove", "active"];
+    const deviceTypeList = ["mic", "speaker", "camera"];
+    const { deviceId, type, state } = eventInfo;
+    index$2.default.log(`onDeviceChanged: deviceId: ${deviceId}, type: ${deviceTypeList[type]}, state: ${stateList[state]}`);
+    const deviceList = await ((_a = deviceManager.instance) == null ? void 0 : _a.getDevicesList({ type }));
+    deviceList && roomStore.setDeviceList(type, deviceList);
+    if (state === TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateActive) {
+      roomStore.setCurrentDeviceId(type, deviceId);
+    }
+    if (environment.isElectron && state === TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateRemove && type === TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera) {
+      const currentCameraInfo = (_b = deviceManager.instance) == null ? void 0 : _b.getCurrentDevice({
+        type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera
+      });
+      if (currentCameraInfo && currentCameraInfo.deviceId) {
+        roomStore.setCurrentCameraId(currentCameraInfo.deviceId);
+      }
+    }
+  }
+  TUIRoomEngine.once("ready", () => {
+    var _a;
+    if (options && options.listenForDeviceChange) {
+      initMediaDeviceList();
+      (_a = deviceManager.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+    }
+  });
+  Vue.onUnmounted(() => {
+    var _a;
+    if (options && options.listenForDeviceChange) {
+      (_a = deviceManager.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+    }
+  });
+  return {
+    deviceManager,
+    initMediaDeviceList
+  };
+}
+exports.default = useDeviceManager;

package/lib/hooks/useMasterApplyControl.d.ts

@@ -0,0 +1,18 @@
+import { UserInfo } from '../stores/room';
+
+export default function (): {
+    t: any;
+    roomStore: any;
+    showApplyUserList: any;
+    hideApplyList: () => void;
+    applyToAnchorUserCount: import('vue').ComputedRef<any>;
+    applyToAnchorList: any;
+    handleUserApply: (applyUserId: string, agree: boolean) => Promise<void>;
+    agreeUserOnStage: (userInfo: UserInfo) => Promise<void>;
+    denyUserOnStage: (userInfo: UserInfo) => Promise<void>;
+    inviteUserOnStage: (userInfo: UserInfo) => Promise<void>;
+    cancelInviteUserOnStage: (userInfo: UserInfo) => void;
+    kickUserOffStage: (userInfo: UserInfo) => void;
+    handleAllUserApply: (isAgreeOrRejectAllUserApply: boolean) => Promise<void>;
+    handleShowNotification: () => void;
+};

package/lib/hooks/useMasterApplyControl.js

@@ -0,0 +1,261 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useRoomEngine = require("./useRoomEngine.js");
+const Message = require("../components/common/base/Message/Message.js");
+const message = require("../constants/message.js");
+const room = require("../stores/room.js");
+const pinia = require("pinia");
+const index = require("../locales/index.js");
+const index$1 = require("../utils/common/logger/index.js");
+const basic = require("../stores/basic.js");
+const index$2 = require("../components/common/base/Notification/index.js");
+const environment = require("../utils/environment.js");
+const roomEngine = useRoomEngine.default();
+function useMasterApplyControl() {
+  const roomStore = room.useRoomStore();
+  const basicStore = basic.useBasicStore();
+  const { applyToAnchorList } = pinia.storeToRefs(roomStore);
+  const { showApplyUserList } = pinia.storeToRefs(basicStore);
+  const { t } = index.useI18n();
+  let notification;
+  const applyToAnchorUserIdList = Vue.computed(() => applyToAnchorList.value.map((item) => item.userId));
+  const applyToAnchorUserCount = Vue.computed(() => applyToAnchorList.value.length);
+  function onRequestReceived(eventInfo) {
+    const { requestAction, requestId, userId, timestamp } = eventInfo.request;
+    if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestToTakeSeat) {
+      userId && roomStore.addApplyToAnchorUser({ userId, requestId, timestamp });
+    }
+  }
+  function onRequestCancelled(eventInfo) {
+    const { requestId } = eventInfo;
+    roomStore.removeApplyToAnchorUser(requestId);
+  }
+  function onRequestProcessed(eventInfo) {
+    const { requestId } = eventInfo;
+    roomStore.removeApplyToAnchorUser(requestId);
+  }
+  async function handleUserApply(applyUserId, agree) {
+    var _a;
+    try {
+      const userInfo = roomStore.remoteUserObj[applyUserId];
+      const requestId = userInfo.applyToAnchorRequestId;
+      if (requestId) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+          requestId,
+          agree
+        }));
+        roomStore.removeApplyToAnchorUser(requestId);
+      } else {
+        index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+      }
+    } catch (error) {
+      if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
+        Message.default({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+      } else {
+        index$1.default.error("Failure to process a user request", error);
+      }
+    }
+  }
+  async function agreeUserOnStage(userInfo) {
+    var _a;
+    try {
+      const requestId = userInfo.applyToAnchorRequestId;
+      if (requestId) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({ requestId, agree: true }));
+        roomStore.removeApplyToAnchorUser(requestId);
+      } else {
+        index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+      }
+    } catch (error) {
+      if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
+        Message.default({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+      } else {
+        index$1.default.error("Failed application for consent to go on stage", error);
+      }
+    }
+  }
+  async function denyUserOnStage(userInfo) {
+    var _a;
+    const requestId = userInfo.applyToAnchorRequestId;
+    if (requestId) {
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId,
+        agree: false
+      }));
+      roomStore.removeApplyToAnchorUser(requestId);
+    } else {
+      index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+    }
+  }
+  async function handleAllUserApply(isAgreeOrRejectAllUserApply) {
+    var _a;
+    const applyUserList = applyToAnchorList.value.map((item) => ({
+      userId: item.userId,
+      userName: item.userName,
+      applyToAnchorRequestId: item.applyToAnchorRequestId
+    }));
+    for (const { userId, userName, applyToAnchorRequestId } of applyUserList) {
+      const action = isAgreeOrRejectAllUserApply ? "Agree" : "Reject";
+      const actionFailedMessage = `${action} sb on stage failed, please retry`;
+      try {
+        if (applyToAnchorRequestId) {
+          await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+            requestId: applyToAnchorRequestId,
+            agree: isAgreeOrRejectAllUserApply
+          }));
+          roomStore.removeApplyToAnchorUser(applyToAnchorRequestId);
+        }
+      } catch (error) {
+        index$1.default.error(actionFailedMessage);
+        Message.default({
+          type: "warning",
+          message: t(`${action} sb on stage failed, please retry`, { name: userName || userId }),
+          duration: message.MESSAGE_DURATION.NORMAL
+        });
+      }
+    }
+  }
+  TUIRoomEngine.once("ready", () => {
+    var _a, _b, _c;
+    (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+    (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+  });
+  Vue.onBeforeUnmount(() => {
+    var _a, _b, _c;
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+    (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+  });
+  async function inviteUserOnStage(userInfo) {
+    var _a;
+    const { userId } = userInfo;
+    const request = await ((_a = roomEngine.instance) == null ? void 0 : _a.takeUserOnSeatByAdmin({
+      seatIndex: -1,
+      userId,
+      timeout: 60,
+      requestCallback: (callbackInfo) => {
+        const { requestCallbackType, userId: userId2, code } = callbackInfo;
+        const userName = roomStore.getUserName(userId2);
+        roomStore.removeInviteToAnchorUser(userId2);
+        switch (requestCallbackType) {
+          case TUIRoomEngine.TUIRequestCallbackType.kRequestAccepted:
+            Message.default({
+              type: "success",
+              message: `${userName || userId2} ${t("accepted the invitation to the stage")}`,
+              duration: message.MESSAGE_DURATION.NORMAL
+            });
+            break;
+          case TUIRoomEngine.TUIRequestCallbackType.kRequestRejected:
+            Message.default({
+              type: "warning",
+              message: `${userName || userId2} ${t("declined the invitation to the stage")}`,
+              duration: message.MESSAGE_DURATION.NORMAL
+            });
+            break;
+          case TUIRoomEngine.TUIRequestCallbackType.kRequestTimeout:
+            Message.default({
+              type: "warning",
+              message: t("The invitation to sb to go on stage has timed out", { name: userName || userId2 }),
+              duration: message.MESSAGE_DURATION.NORMAL
+            });
+            break;
+          case TUIRoomEngine.TUIRequestCallbackType.kRequestError:
+            if (code === TUIRoomEngine.TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
+              Message.default({
+                type: "warning",
+                message: t("This member has already received the same request, please try again later"),
+                duration: message.MESSAGE_DURATION.NORMAL
+              });
+            }
+            break;
+        }
+      }
+    }));
+    if (request && request.requestId) {
+      roomStore.addInviteToAnchorUser({ userId, requestId: request.requestId });
+    }
+  }
+  function cancelInviteUserOnStage(userInfo) {
+    var _a;
+    const { userId, inviteToAnchorRequestId } = userInfo;
+    roomStore.removeInviteToAnchorUser(userId);
+    if (inviteToAnchorRequestId) {
+      (_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({ requestId: inviteToAnchorRequestId });
+    }
+  }
+  function kickUserOffStage(userInfo) {
+    var _a;
+    (_a = roomEngine.instance) == null ? void 0 : _a.kickUserOffSeatByAdmin({
+      seatIndex: -1,
+      userId: userInfo.userId
+    });
+  }
+  const handleConfirm = async (onlyOneUserTakeStage, userId) => {
+    if (environment.isMobile) {
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("apply");
+    } else {
+      if (onlyOneUserTakeStage) {
+        handleUserApply(userId, true);
+      } else {
+        basicStore.setShowApplyUserList(true);
+      }
+    }
+  };
+  const handleCancel = async (onlyOneUserTakeStage, userId) => {
+    if (!environment.isMobile && onlyOneUserTakeStage) {
+      handleUserApply(userId, false);
+    }
+  };
+  function hideApplyList() {
+    basicStore.setShowApplyUserList(false);
+  }
+  function handleShowNotification() {
+    Vue.watch(applyToAnchorUserIdList, (newVal, oldVal) => {
+      if (newVal.length === oldVal.length && newVal === oldVal) {
+        return;
+      }
+      if (newVal.length === 0) {
+        notification && notification.close();
+        notification = null;
+        return;
+      }
+      const onlyOneUserTakeStage = newVal.length === 1;
+      const firstUser = applyToAnchorList.value[0];
+      const userName = (firstUser == null ? void 0 : firstUser.userName) || (firstUser == null ? void 0 : firstUser.userId);
+      const message2 = onlyOneUserTakeStage ? `${userName} ${t("Applying for the stage")}` : `${userName} ${t("and so on number people applying to stage", { number: applyToAnchorList.value.length })}`;
+      const confirmButtonText = environment.isMobile ? t("Check") : onlyOneUserTakeStage ? t("Agree to the stage") : t("Check");
+      const cancelButtonText = environment.isMobile ? void 0 : onlyOneUserTakeStage ? t("Reject") : t("Neglect");
+      const confirm = () => handleConfirm(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
+      const cancel = () => handleCancel(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
+      notification = index$2.default({ message: message2, confirmButtonText, cancelButtonText, confirm, cancel });
+    });
+  }
+  return {
+    t,
+    roomStore,
+    showApplyUserList,
+    hideApplyList,
+    applyToAnchorUserCount,
+    applyToAnchorList,
+    // Process the user's application for accessing the stage (agree/reject)
+    handleUserApply,
+    // Allow ordinary users to take the stage
+    agreeUserOnStage,
+    // Reject ordinary users to take the stage
+    denyUserOnStage,
+    // Invite users to the stage
+    inviteUserOnStage,
+    // Cancel invite users to the stage
+    cancelInviteUserOnStage,
+    // Kick the user off the stage
+    kickUserOffStage,
+    // Handle all user requests
+    handleAllUserApply,
+    handleShowNotification
+  };
+}
+exports.default = useMasterApplyControl;

package/lib/hooks/useMitt.d.ts

@@ -0,0 +1,2 @@
+declare const bus: import('mitt').Emitter<Record<import("mitt").EventType, unknown>>;
+export default bus;

package/lib/hooks/useMitt.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mitt = require("mitt");
+const bus = mitt();
+exports.default = bus;

package/lib/hooks/useRoomEngine.d.ts

@@ -0,0 +1 @@
+export default function useGetRoomEngine(): Record<string, any>;

package/lib/hooks/useRoomEngine.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const constants = require("../utils/constants.js");
+const roomEngine = { instance: null };
+const vueVersion = constants.isVue3 ? "vue3" : "vue2";
+function useGetRoomEngine() {
+  return roomEngine;
+}
+TUIRoomEngine.once("ready", () => {
+  roomEngine.instance = new TUIRoomEngine();
+  TUIRoomEngine.callExperimentalAPI(JSON.stringify({
+    api: "setFramework",
+    params: {
+      component: "TUIRoomKit",
+      language: vueVersion
+    }
+  }));
+});
+exports.default = useGetRoomEngine;

package/lib/hooks/useZIndex.d.ts

@@ -0,0 +1,4 @@
+export default function (): {
+    currentZIndex: number;
+    nextZIndex: () => number;
+};

package/lib/hooks/useZIndex.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const zIndex = Vue.ref(0);
+const defaultInitialZIndex = 3e3;
+function useZIndex() {
+  const currentZIndex = Vue.computed(() => defaultInitialZIndex + zIndex.value);
+  const nextZIndex = () => {
+    zIndex.value = zIndex.value + 1;
+    return currentZIndex.value;
+  };
+  return {
+    currentZIndex: currentZIndex.value,
+    nextZIndex
+  };
+}
+exports.default = useZIndex;

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+import { default as RoomMessageCard } from './extension/RoomMessageCard/RoomMessageCard.vue';
+import { conference, RoomEvent } from './conference';
+import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
+import { default as PreConferenceView } from './preConference.vue';
+import { default as ConferenceMainView } from './conference.vue';
+
+export * from './components/common/base/index';
+export { ConferenceMainView, PreConferenceView, TUIRoomEngine, conference, RoomEvent, RoomMessageCard };
+export default ConferenceMainView;