@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/extension/chatExtension.js

@@ -0,0 +1,480 @@
+"use strict";
+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);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tuiCore = require("@tencentcloud/tui-core");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+require("../services/main.js");
+const roomService = require("../services/roomService.js");
+const types = require("../services/types.js");
+require("../locales/index.js");
+require("mitt");
+require("../services/manager/roomActionManager.js");
+const interact = require("./utils/interact.js");
+const environment = require("../utils/environment.js");
+const setLanguage = require("./utils/setLanguage.js");
+const common = require("./utils/common.js");
+const judgeRoomMessage = require("./utils/judgeRoomMessage.js");
+const defaultAvatarUrl = "https://qcloudimg.tencent-cloud.cn/raw/6a075bead54faca9ca378f4d89c62fae.png";
+const getRoomOptions = () => ({
+  roomId: String(Math.ceil(Math.random() * 1e6)),
+  roomMode: "FreeToSpeak",
+  roomParam: {
+    isOpenCamera: true,
+    isOpenMicrophone: true
+  }
+});
+var RoomState = /* @__PURE__ */ ((RoomState2) => {
+  RoomState2["CREATING"] = "creating";
+  RoomState2["CREATED"] = "created";
+  RoomState2["DESTROYING"] = "destroying";
+  RoomState2["DESTROYED"] = "destroyed";
+  return RoomState2;
+})(RoomState || {});
+const _ChatExtension = class _ChatExtension {
+  constructor() {
+    __publicField(this, "message", {});
+    __publicField(this, "messagePayload", {});
+    __publicField(this, "chatContext", {
+      chat: {},
+      SDKAppID: 0,
+      userID: "",
+      userSig: ""
+    });
+    __publicField(this, "myProfile", {});
+    __publicField(this, "customMessages", {});
+    __publicField(this, "chatExtensionSetting", {
+      [
+        "C2C"
+        /* C2C */
+      ]: true,
+      [
+        "GROUP"
+        /* GROUP */
+      ]: true,
+      [
+        "customerService"
+        /* CUSTOM_SERVICE */
+      ]: false,
+      [
+        "room"
+        /* ROOM */
+      ]: false
+    });
+    __publicField(this, "service");
+    __publicField(this, "language", "zh");
+    _ChatExtension.instance = this;
+    this.initEventCtx();
+  }
+  setActiveMeetingMessage(message, messagePayload) {
+    this.message = message;
+    this.messagePayload = messagePayload;
+  }
+  static getInstance() {
+    if (!_ChatExtension.instance) {
+      _ChatExtension.instance = new _ChatExtension();
+    }
+    return _ChatExtension.instance;
+  }
+  static destroyInstance() {
+    if (!_ChatExtension.instance)
+      return;
+    _ChatExtension.instance.reset();
+    _ChatExtension.instance = void 0;
+  }
+  _bind(service) {
+    this.service = service;
+    this.init();
+  }
+  init() {
+    tuiCore.TUICore.registerExtension(tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    tuiCore.TUICore.registerEvent(
+      tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+      tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+      this
+    );
+    tuiCore.TUICore.registerEvent(
+      tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
+      tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
+      this
+    );
+  }
+  reset() {
+    tuiCore.TUICore.unregisterExtension(tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    tuiCore.TUICore.unregisterEvent(
+      tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+      tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+      this
+    );
+    tuiCore.TUICore.unregisterEvent(
+      tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
+      tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
+      this
+    );
+    this.unBindRoomServiceEvent();
+    this.unBindRoomEngineEvent();
+  }
+  setHistoryMeetingMessageList(type, customMessage) {
+    const { ID, messageData } = customMessage;
+    if (messageData.roomState === "destroyed")
+      return;
+    if (type === "add") {
+      this.customMessages[ID] = customMessage.messageData;
+    } else {
+      delete this.customMessages[ID];
+    }
+  }
+  setChatExtension(chatType, isShow) {
+    this.chatExtensionSetting[chatType] = isShow;
+  }
+  initEventCtx() {
+    this.onRoomDestroy = this.onRoomDestroy.bind(this);
+    this.onRemoteUserEnterRoom = this.onRemoteUserEnterRoom.bind(this);
+    this.onRemoteUserLeaveRoom = this.onRemoteUserLeaveRoom.bind(this);
+    this.onUserRoleChanged = this.onUserRoleChanged.bind(this);
+  }
+  bindRoomServiceEvent() {
+    var _a;
+    (_a = this.service) == null ? void 0 : _a.on(types.EventType.ROOM_DISMISS, this.onRoomDestroy);
+  }
+  bindRoomEngineEvent() {
+    var _a, _b, _c;
+    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
+    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
+    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+  }
+  unBindRoomServiceEvent() {
+    var _a;
+    (_a = this.service) == null ? void 0 : _a.off(types.EventType.ROOM_DISMISS, this.onRoomDestroy);
+  }
+  unBindRoomEngineEvent() {
+    var _a, _b, _c;
+    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
+    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
+    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+  }
+  onRemoteUserEnterRoom({ userInfo }) {
+    var _a;
+    const { userID } = this.chatContext;
+    if (((_a = this.messagePayload) == null ? void 0 : _a.owner) !== userID)
+      return;
+    const { userList } = this.messagePayload;
+    const newUserList = [
+      ...userList,
+      {
+        faceUrl: userInfo.avatarUrl,
+        nickName: userInfo.userName,
+        userId: userInfo.userId
+      }
+    ];
+    this.modifyMessage(this.message.ID, {
+      userList: newUserList,
+      memberCount: newUserList.length
+    });
+  }
+  onRemoteUserLeaveRoom({ userInfo }) {
+    var _a;
+    const { userID } = this.chatContext;
+    if (this.messagePayload.owner !== userID)
+      return;
+    const { userList } = this.messagePayload;
+    const newUserList = userList.filter((item) => item.userId !== userInfo.userId);
+    this.modifyMessage((_a = this.message) == null ? void 0 : _a.ID, {
+      userList: newUserList,
+      memberCount: newUserList.length
+    });
+  }
+  async onUserRoleChanged({ userId, userRole }) {
+    const { userID } = this.chatContext;
+    if (userRole === TUIRoomEngine.TUIRole.kRoomOwner && userId === userID) {
+      const profileResult = await this.getUserProfile([userId]);
+      const [profile] = profileResult.data;
+      const { userID: userID2, nick } = profile;
+      await this.modifyMessage(this.message.ID, {
+        owner: userID2,
+        // Homeowner’s userId
+        ownerName: nick
+        // Homeowner’s userName
+      });
+    }
+  }
+  onRoomDestroy() {
+    this.destroyRoom();
+  }
+  onGetExtension(extensionID, params) {
+    var _a;
+    const chatType = params == null ? void 0 : params.chatType;
+    const extension = {
+      weight: -1,
+      text: ((_a = this.service) == null ? void 0 : _a.t("quick meeting")) || "快速会议",
+      icon: "https://qcloudimg.tencent-cloud.cn/raw/148ab10dfe654076b41f0d0945bb82e8.png",
+      data: {
+        name: "quickRoom"
+      },
+      listener: {
+        onClicked: (data) => {
+          this.quickRoom(data);
+        }
+      }
+    };
+    if (!chatType)
+      return extension;
+    if (!this.chatExtensionSetting[chatType])
+      return;
+    return extension;
+  }
+  setAnotherMessageRoomState(state) {
+    Object.keys(this.customMessages).forEach((key) => {
+      const { roomState, isRoomCreateByMe, isInnerRoom } = this.customMessages[key];
+      if (roomState !== "destroyed" && isRoomCreateByMe && !isInnerRoom) {
+        this.modifyMessage(key, { roomState: state });
+      }
+      if (roomState === "destroyed") {
+        this.setHistoryMeetingMessageList("delete", { ID: key, messageData: this.customMessages[key] });
+      }
+    });
+  }
+  async quickRoom(data) {
+    var _a, _b, _c, _d, _e, _f;
+    if (this.getIsMeetingInProgress()) {
+      (_b = this.service) == null ? void 0 : _b.emit(types.EventType.ROOM_NOTICE_MESSAGE_BOX, {
+        code: -1,
+        message: (_a = this.service) == null ? void 0 : _a.t("Currently in a meeting, please exit the current meeting before proceeding.")
+      });
+      return;
+    }
+    try {
+      this.setAnotherMessageRoomState(
+        "destroyed"
+        /* DESTROYED */
+      );
+      const { conversationID, type } = data;
+      this.roomInit();
+      const { chat, userID } = this.chatContext;
+      const roomOptions = getRoomOptions();
+      const message = this.createCustomMessage({
+        chat,
+        userID,
+        roomId: roomOptions.roomId,
+        conversationID,
+        conversationType: type,
+        roomState: "creating"
+        /* CREATING */
+      });
+      this.updateMessageList(message);
+      await ((_c = this.service) == null ? void 0 : _c.createRoom(roomOptions));
+      await ((_d = this.service) == null ? void 0 : _d.enterRoom(roomOptions));
+      this.message = message;
+      this.messagePayload = this.parseMessageData(message);
+      await this.sendMessage(message);
+      await this.modifyMessage(message.ID, {
+        messageId: message.ID,
+        roomState: "created"
+        /* CREATED */
+      });
+    } catch (error) {
+      (_f = this.service) == null ? void 0 : _f.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+        code: -1,
+        type: "error",
+        message: (_e = this.service) == null ? void 0 : _e.t("Failed to initiate meeting")
+      });
+      throw error;
+    }
+  }
+  async destroyRoom() {
+    await this.modifyMessage(this.message.ID, {
+      roomState: "destroyed"
+      /* DESTROYED */
+    });
+  }
+  async onNotifyEvent(eventName, subKey, params) {
+    if (eventName === tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
+      if (subKey === tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS) {
+        !environment.isMobile && interact.setDragAndResize("#roomContainer");
+        TUIRoomEngine == null ? void 0 : TUIRoomEngine.callExperimentalAPI(JSON.stringify({
+          api: "setFramework",
+          params: {
+            component: "TIMRoomKit",
+            language: `vue${common.VueVersion}`
+          }
+        }));
+        this.bindRoomEngineEvent();
+        this.bindRoomServiceEvent();
+        roomService.roomService.basicStore.setScene("chat");
+        roomService.roomService.componentManager.setComponentConfig({
+          SwitchTheme: { visible: false },
+          InviteControl: { visible: false },
+          RoomLink: { visible: false }
+        });
+        this.chatContext = tuiCore.TUILogin.getContext();
+        this.myProfile = await this.getMyProfile();
+        this.roomInit(true);
+      }
+    }
+    if (eventName === tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED) {
+      if (subKey === tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS) {
+        const language = params == null ? void 0 : params.language;
+        this.language = language;
+        setLanguage.setLanguage(language);
+      }
+    }
+  }
+  async roomInit(deep) {
+    var _a, _b;
+    (_a = this.service) == null ? void 0 : _a.roomStore.reset();
+    (_b = this.service) == null ? void 0 : _b.initMediaDeviceList();
+    const { SDKAppID, userID, userSig } = this.chatContext;
+    const { nick = "", avatar = defaultAvatarUrl } = this.myProfile;
+    this.service && this.service[deep ? "initRoomKit" : "storeInit"]({
+      // To get sdkAppId, please refer to Step One
+      sdkAppId: SDKAppID,
+      // The unique Id of the user in your business
+      userId: userID,
+      // For local development and debugging, you can quickly generate userSig on the page https://console.cloud.tencent.com/trtc/usersigtool. Note that userSig and userId have a one-to-one correspondence
+      userSig,
+      // The nickname used by the user in your business
+      userName: nick,
+      // The avatar link used by the user in your business
+      avatarUrl: avatar,
+      // The skin theme color needed by the user in your business and whether to support switching skin themes
+      theme: {
+        isSupportSwitchTheme: false
+      }
+    });
+  }
+  async enterRoom(roomId, message) {
+    var _a, _b, _c;
+    if (this.getIsMeetingInProgress()) {
+      (_b = this.service) == null ? void 0 : _b.emit(types.EventType.ROOM_NOTICE_MESSAGE_BOX, {
+        code: -1,
+        message: (_a = this.service) == null ? void 0 : _a.t("Currently in a meeting, please exit the current meeting before proceeding.")
+      });
+      return;
+    }
+    this.message = message;
+    this.messagePayload = this.parseMessageData(message);
+    const roomParam = {
+      isOpenCamera: true,
+      isOpenMicrophone: true
+    };
+    this.roomInit();
+    try {
+      await ((_c = this.service) == null ? void 0 : _c.enterRoom({ roomId, roomParam }));
+    } catch (err) {
+      if (err.code === TUIRoomEngine.TUIErrorCode.ERR_ROOM_ID_NOT_EXIST) {
+        this.modifyMessage(this.message.ID, {
+          roomState: "destroyed"
+          /* DESTROYED */
+        });
+      }
+    }
+    this.setAnotherMessageRoomState(
+      "destroyed"
+      /* DESTROYED */
+    );
+  }
+  createCustomMessage(params) {
+    const { chat, userID, conversationID, conversationType, roomState, roomId } = params;
+    const message = chat.createCustomMessage({
+      to: conversationID.slice(conversationType.length),
+      conversationType,
+      payload: this.generatePayloadForMessage({
+        roomId,
+        userID,
+        conversationID,
+        roomState
+      })
+    });
+    return message;
+  }
+  async sendMessage(message) {
+    const { chat } = this.chatContext;
+    return chat.sendMessage(message);
+  }
+  updateMessageList(message) {
+    tuiCore.TUICore.callService({
+      serviceName: tuiCore.TUIConstants.TUIChat.SERVICE.NAME,
+      method: tuiCore.TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_LIST,
+      params: {
+        message
+      }
+    });
+  }
+  async modifyMessage(messageId, params) {
+    const { chat } = this.chatContext;
+    const message = await chat.findMessage(messageId);
+    let payloadData = this.parseMessageData(message);
+    payloadData = {
+      ...payloadData,
+      ...params
+    };
+    message.payload.data = JSON.stringify(payloadData);
+    return await chat.modifyMessage(message);
+  }
+  generatePayloadForMessage(params) {
+    const { roomId, userID, conversationID, roomState } = params;
+    const { nick = "", avatar = "" } = this.myProfile;
+    const payload = {
+      data: JSON.stringify({
+        version: 1,
+        businessID: "group_room_message",
+        groupId: conversationID,
+        // todo The current version does not modify this, waiting for the IM solution
+        messageId: "",
+        // Used to find and update a specific message after the audience becomes the host.
+        roomId,
+        // The id of the room, a required parameter for enterRoom
+        owner: userID,
+        // The userId of the room owner
+        ownerName: nick,
+        // The userName of the room owner
+        roomState,
+        // The current room state, there are four states: creating/created/destroying/destroyed
+        memberCount: 1,
+        // The number of people in the current room, it needs to be displayed on the UI how many people are in the meeting.
+        userList: [
+          {
+            faceUrl: avatar,
+            nickName: nick,
+            userId: userID
+          }
+        ]
+        // A list of invited users, including the host, can be displayed at most 5 to prevent the message length from exceeding the limit.
+      })
+    };
+    return payload;
+  }
+  parseMessageData(message) {
+    return judgeRoomMessage.parseMessageData(message);
+  }
+  async getMyProfile() {
+    const { chat } = this.chatContext;
+    const res = await chat.getMyProfile();
+    return (res == null ? void 0 : res.data) || {};
+  }
+  getUserProfile(userIDList) {
+    const { chat } = this.chatContext;
+    return chat.getUserProfile({
+      userIDList
+      // Please note: Even if you only pull the information of one user, you still need to use the array type, for example: userIDList: ['user1']
+    });
+  }
+  getIsMeetingInProgress() {
+    var _a;
+    return !!((_a = this.service) == null ? void 0 : _a.basicStore.roomId);
+  }
+  getOnGoingRoomId() {
+    var _a;
+    return (_a = this.service) == null ? void 0 : _a.basicStore.roomId;
+  }
+};
+__publicField(_ChatExtension, "instance");
+let ChatExtension = _ChatExtension;
+const chatExtension = ChatExtension.getInstance();
+exports.ChatExtension = ChatExtension;
+exports.RoomState = RoomState;
+exports.chatExtension = chatExtension;

package/lib/extension/index.d.ts

@@ -0,0 +1,12 @@
+declare const RoomMessageCard: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}> | import('vue').DefineComponent<{
+    message: {
+        type: import("vue").PropType<import("@tencentcloud/chat").Message>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: import("vue").PropType<import("@tencentcloud/chat").Message>;
+        required: true;
+    };
+}>>, {}, {}>;
+export { RoomMessageCard };

package/lib/extension/utils/common.d.ts

@@ -0,0 +1 @@
+export declare const VueVersion: number;

package/lib/extension/utils/common.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Vue = require("vue");
+const [major] = Vue.version.split(".").map(Number);
+const VueVersion = major;
+exports.VueVersion = VueVersion;

package/lib/extension/utils/interact.d.ts

@@ -0,0 +1 @@
+export declare const setDragAndResize: (domSelect: string) => void;

package/lib/extension/utils/interact.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+const types = require("../../services/types.js");
+require("../../locales/index.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const interact = require("interactjs");
+const setDragAndResize = (domSelect) => {
+  const minWidth = 830;
+  const minHeight = 630;
+  const screenWidth = window.innerWidth;
+  const screenHeight = window.innerHeight;
+  interact(domSelect).draggable({
+    onstart: (event) => {
+      const { target } = event;
+      target.style.margin = "initial";
+    },
+    onmove: (event) => {
+      const { target } = event;
+      let x = (parseFloat(target.getAttribute("data-x")) || 0) + event.dx;
+      let y = (parseFloat(target.getAttribute("data-y")) || 0) + event.dy;
+      x = Math.min(screenWidth - target.offsetWidth + minWidth - 100, Math.max(-minWidth + 100, x));
+      y = Math.min(screenHeight - target.offsetHeight + minHeight - 100, Math.max(-minHeight + 100, y));
+      target.style.transform = `translate(${x}px, ${y}px)`;
+      target.setAttribute("data-x", x);
+      target.setAttribute("data-y", y);
+    }
+  }).resizable({
+    edges: { top: true, left: true, bottom: true, right: true },
+    listeners: {
+      move(event) {
+        let { x, y } = event.target.dataset;
+        x = (parseFloat(x) || 0) + event.deltaRect.left;
+        y = (parseFloat(y) || 0) + event.deltaRect.top;
+        const width = Math.max(minWidth, event.rect.width);
+        const height = Math.max(minHeight, event.rect.height);
+        Object.assign(event.target.style, {
+          width: `${width}px`,
+          height: `${height}px`,
+          transform: `translate(${x}px, ${y}px)`
+        });
+        Object.assign(event.target.dataset, { x, y });
+        roomService.roomService.emit(types.EventType.ROOM_CONTAINER_RESIZE);
+      }
+    }
+  }).styleCursor(true);
+};
+exports.setDragAndResize = setDragAndResize;

package/lib/extension/utils/judgeRoomMessage.d.ts

@@ -0,0 +1,5 @@
+import { Message } from '@tencentcloud/chat';
+
+export declare const getIsRoomCardMessage: (message: Message) => boolean;
+export declare const getIsRoomSignalingMessage: (message: Message) => boolean;
+export declare const parseMessageData: (message: Message) => any;

package/lib/extension/utils/judgeRoomMessage.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getIsRoomCardMessage = (message) => {
+  const data = parseMessageData(message);
+  return (data == null ? void 0 : data.businessID) === "group_room_message";
+};
+const parseMessageData = (message) => {
+  var _a;
+  try {
+    const data = (_a = message == null ? void 0 : message.payload) == null ? void 0 : _a.data;
+    return data ? JSON.parse(data) : {};
+  } catch (err) {
+    console.warn("parseMessageData error:", err);
+    return {};
+  }
+};
+exports.getIsRoomCardMessage = getIsRoomCardMessage;
+exports.parseMessageData = parseMessageData;

package/lib/extension/utils/setLanguage.d.ts

@@ -0,0 +1 @@
+export declare const setLanguage: (language: 'zh' | 'en') => void;

package/lib/extension/utils/setLanguage.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../locales/index.js");
+const basic = require("../../stores/basic.js");
+const languageMap = {
+  zh: "zh-CN",
+  en: "en-US"
+};
+const setLanguage = (language) => {
+  const currentLanguage = languageMap[language];
+  if (!currentLanguage)
+    return;
+  const basicStore = basic.useBasicStore();
+  index.default.global.locale.value = currentLanguage;
+  basicStore.setLang(currentLanguage);
+  localStorage.setItem("tuiRoom-language", currentLanguage);
+};
+exports.setLanguage = setLanguage;

package/lib/hooks/useDeviceManager.d.ts

@@ -0,0 +1,8 @@
+export default function (options?: {
+    listenForDeviceChange: boolean;
+}): {
+    deviceManager: {
+        instance: any;
+    };
+    initMediaDeviceList: () => Promise<void>;
+};