@tencentcloud/roomkit-electron-vue3 2.6.2 → 2.6.7

package/lib/index.js

@@ -979,30 +979,30 @@
 }.select[data-v-86b2cd04] {
   width: 100%;
   font-size: 14px;
-}.audio-setting-tab[data-v-4cbcecda] {
+}.audio-setting-tab[data-v-4e811209] {
   width: 100%;
   font-size: 14px;
   border-radius: 4px;
 }
-.audio-setting-tab .item-setting[data-v-4cbcecda] {
+.audio-setting-tab .item-setting[data-v-4e811209] {
   width: 100%;
 }
-.audio-setting-tab .item-setting[data-v-4cbcecda]:not(:last-child) {
+.audio-setting-tab .item-setting[data-v-4e811209]:not(:last-child) {
   margin-bottom: 20px;
 }
-.audio-setting-tab .flex[data-v-4cbcecda] {
+.audio-setting-tab .flex[data-v-4e811209] {
   display: flex;
   width: 100%;
 }
-.audio-setting-tab .select[data-v-4cbcecda] {
+.audio-setting-tab .select[data-v-4e811209] {
   flex: 1;
 }
-.audio-setting-tab .button[data-v-4cbcecda] {
+.audio-setting-tab .button[data-v-4e811209] {
   width: 74px;
   padding: 5px 23px;
   margin-left: 10px;
 }
-.audio-setting-tab .title[data-v-4cbcecda] {
+.audio-setting-tab .title[data-v-4e811209] {
   display: inline-block;
   width: 100%;
   margin-bottom: 8px;
@@ -1011,24 +1011,24 @@
   line-height: 22px;
   color: #4f586b;
 }
-.audio-setting-tab .mic-bar-container[data-v-4cbcecda] {
+.audio-setting-tab .mic-bar-container[data-v-4e811209] {
   display: flex;
   justify-content: space-between;
 }
-.audio-setting-tab .mic-bar-container .mic-bar[data-v-4cbcecda] {
+.audio-setting-tab .mic-bar-container .mic-bar[data-v-4e811209] {
   width: 3px;
   height: 6px;
   background-color: var(--background-color-4);
 }
-.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-4cbcecda] {
+.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-4e811209] {
   background-color: var(--green-color);
 }
-.audio-setting-tab .audio-level-container[data-v-4cbcecda] {
+.audio-setting-tab .audio-level-container[data-v-4e811209] {
   display: flex;
   width: 100%;
   height: 20px;
 }
-.audio-setting-tab .audio-level-container .slider[data-v-4cbcecda] {
+.audio-setting-tab .audio-level-container .slider[data-v-4e811209] {
   height: 20px;
   margin-left: 10px;
 }.audio-icon-container[data-v-6e9fcb9f] {
@@ -3156,7 +3156,7 @@ input[data-v-e79d67af]:disabled {
 @keyframes breath-44d9a08c {
 50% {
     /* stylelint-disable-next-line scss/no-global-function-names */
-    background-color: lightgray;
+    background-color: rgb(210.5, 210.5, 210.5);
 }
 }.overlay-container[data-v-567d271d] {
   position: fixed;
@@ -7923,7 +7923,7 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   --screen-font-color: #b2bbd1;
   --user-has-no-camera-bg-color: rgba(34, 38, 46, 0.5);
   --user-info-container-bg-color: rgba(34, 38, 46, 0.8);
-}.local-screen-container[data-v-5c425af9] {
+}.local-screen-container[data-v-222da582] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7931,13 +7931,13 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   height: 100%;
   background-color: var(--background-color-1);
 }
-.local-screen-container[data-v-5c425af9]::before {
+.local-screen-container[data-v-222da582]::before {
   width: 100%;
   height: 100%;
   content: "";
   background-color: var(--local-screen-stream-bg-color);
 }
-.local-screen-container .local-screen-control-container[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container[data-v-222da582] {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -7947,38 +7947,38 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   color: var(--screen-font-color);
   transform: translate(-50%, -50%);
 }
-.local-screen-container .local-screen-control-container.mini[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container.mini[data-v-222da582] {
   transform: translate(-50%, -50%) scale(0.7);
 }
-.local-screen-container .local-screen-control-container .local-screen-info[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container .local-screen-info[data-v-222da582] {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.local-screen-container .local-screen-control-container .local-screen-info .text[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container .local-screen-info .text[data-v-222da582] {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   white-space: nowrap;
 }
-.local-screen-container .local-screen-control-container .stop-button[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container .stop-button[data-v-222da582] {
   margin-top: 30px;
   background-color: var(--red-color-3);
   border: 1.5px solid var(--red-color-3);
 }
-.local-screen-container .local-screen-control-container .toggle-annotating-button[data-v-5c425af9] {
+.local-screen-container .local-screen-control-container .toggle-annotating-button[data-v-222da582] {
   margin-top: 30px;
   background-color: var(--red-color-3);
   border: 1.5px solid var(--red-color-3);
 }
-.tui-theme-white .local-screen-container[data-v-5c425af9] {
+.tui-theme-white .local-screen-container[data-v-222da582] {
   --local-screen-stream-bg-color: rgba(228, 232, 238, 0.4);
 }
-.tui-theme-black .local-screen-container[data-v-5c425af9] {
+.tui-theme-black .local-screen-container[data-v-222da582] {
   --local-screen-stream-bg-color: rgba(34, 38, 46, 0.5);
 }
-.dialog-button[data-v-5c425af9] {
+.dialog-button[data-v-222da582] {
   margin-right: 12px;
 }.stream-region-container[data-v-5ad6ef67] {
   display: flex;

package/lib/services/function/aiTask.js

@@ -18,7 +18,7 @@ class AITask {
     __publicField(this, "subtitleText", { value: "" });
     __publicField(this, "transcriptionText", { value: "" });
     this.service = service;
-    if (environment.isElectron) return;
+    if (environment.isElectron || environment.isMobile) return;
     this.bindCtx();
     this.bindEvent();
   }
@@ -41,8 +41,11 @@ class AITask {
     this.service.lifeCycleManager.off("unmount", this.handleUnmount);
   }
   handleMount() {
-    var _a;
-    const trtc = (_a = this.service.roomEngine.instance) == null ? void 0 : _a.getTRTCCloud()._trtc;
+    var _a, _b, _c, _d;
+    if (typeof ((_a = this.service.roomEngine.instance) == null ? void 0 : _a.getTRTCCloud) === "undefined" || typeof ((_c = (_b = this.service.roomEngine.instance) == null ? void 0 : _b.getTRTCCloud()) == null ? void 0 : _c._trtc) === "undefined") {
+      return;
+    }
+    const trtc = (_d = this.service.roomEngine.instance) == null ? void 0 : _d.getTRTCCloud()._trtc;
     this.trtc = trtc;
     trtc.on("custom-message", this.handleAIMessage);
   }

package/lib/services/index.d.ts

@@ -8,4 +8,5 @@ export * from './manager/lifeCycleManager';
 export * from './manager/roomActionManager';
 export * from './manager/scheduleConferenceManager';
 export * from './manager/chatManager';
+export * from './manager/dataReportManager';
 export * from './function/aiTask';

package/lib/services/manager/dataReportManager.d.ts

@@ -3,8 +3,21 @@ export declare enum MetricsKey {
     stopSharingWhiteboard = 106001,
     startAnnotating = 106002,
     stopAnnotating = 106003,
-    saveWhiteboard = 106004
+    saveWhiteboard = 106004,
+    setLanguage = 106050,
+    setTheme = 106051,
+    disableTextMessaging = 106052,
+    disableScreenSharing = 106053,
+    enableWatermark = 106054,
+    enableVirtualBackground = 106055,
+    hideFeatureButton = 106056
 }
 export declare class DataReportManager {
-    static reportCount(key: MetricsKey): void;
+    private taskQueue;
+    private isReady;
+    constructor();
+    reportCount(key: MetricsKey): void;
+    private bindEvent;
+    private executePendingTasks;
+    private createReportCountTask;
 }

package/lib/services/manager/dataReportManager.js

@@ -1,8 +1,9 @@
 "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);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
-const _package = require("../../package.json.js");
-const appVersion = _package.default.version;
 const KEY_METRICS_API = "KeyMetricsStats";
 var MetricsKey = /* @__PURE__ */ ((MetricsKey2) => {
   MetricsKey2[MetricsKey2["startSharingWhiteboard"] = 106e3] = "startSharingWhiteboard";
@@ -10,20 +11,48 @@ var MetricsKey = /* @__PURE__ */ ((MetricsKey2) => {
   MetricsKey2[MetricsKey2["startAnnotating"] = 106002] = "startAnnotating";
   MetricsKey2[MetricsKey2["stopAnnotating"] = 106003] = "stopAnnotating";
   MetricsKey2[MetricsKey2["saveWhiteboard"] = 106004] = "saveWhiteboard";
+  MetricsKey2[MetricsKey2["setLanguage"] = 106050] = "setLanguage";
+  MetricsKey2[MetricsKey2["setTheme"] = 106051] = "setTheme";
+  MetricsKey2[MetricsKey2["disableTextMessaging"] = 106052] = "disableTextMessaging";
+  MetricsKey2[MetricsKey2["disableScreenSharing"] = 106053] = "disableScreenSharing";
+  MetricsKey2[MetricsKey2["enableWatermark"] = 106054] = "enableWatermark";
+  MetricsKey2[MetricsKey2["enableVirtualBackground"] = 106055] = "enableVirtualBackground";
+  MetricsKey2[MetricsKey2["hideFeatureButton"] = 106056] = "hideFeatureButton";
   return MetricsKey2;
 })(MetricsKey || {});
 class DataReportManager {
-  static reportCount(key) {
-    TUIRoomEngine.callExperimentalAPI(
-      JSON.stringify({
-        api: KEY_METRICS_API,
-        params: {
-          opt: "count",
-          key,
-          version: appVersion
-        }
-      })
-    );
+  constructor() {
+    __publicField(this, "taskQueue", []);
+    __publicField(this, "isReady", false);
+    this.bindEvent();
+  }
+  reportCount(key) {
+    const task = this.createReportCountTask(key);
+    if (!this.isReady) {
+      this.taskQueue.push(task);
+    } else {
+      task();
+    }
+  }
+  bindEvent() {
+    TUIRoomEngine.once("ready", () => {
+      this.isReady = true;
+      this.executePendingTasks();
+    });
+  }
+  executePendingTasks() {
+    this.taskQueue.forEach((task) => task());
+    this.taskQueue = [];
+  }
+  createReportCountTask(key) {
+    return () => {
+      TUIRoomEngine.callExperimentalAPI(
+        JSON.stringify({
+          api: KEY_METRICS_API,
+          params: { key }
+        })
+      );
+    };
   }
 }
 exports.DataReportManager = DataReportManager;

package/lib/services/roomService.d.ts

@@ -12,6 +12,7 @@ import { VirtualBackground } from './function/virtualBackground';
 import { BasicBeauty } from './function/basicBeauty';
 import { ScheduleConferenceManager } from './manager/scheduleConferenceManager';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
+import { DataReportManager } from './manager/dataReportManager';
 import { ErrorHandler } from './function/errorHandler';
 import { ChatManager } from './manager/chatManager';
 import { AITask } from './function/aiTask';
@@ -31,6 +32,7 @@ export declare class RoomService implements IRoomService {
     basicBeauty: BasicBeauty;
     scheduleConferenceManager: ScheduleConferenceManager;
     conferenceInvitationManager: ConferenceInvitationManager;
+    dataReportManager: DataReportManager;
     errorHandler: ErrorHandler;
     chatManager: ChatManager;
     aiTask: AITask;

package/lib/services/roomService.js

@@ -26,6 +26,7 @@ const virtualBackground = require("./function/virtualBackground.js");
 const basicBeauty = require("./function/basicBeauty.js");
 const scheduleConferenceManager = require("./manager/scheduleConferenceManager.js");
 const conferenceInvitationManager = require("./manager/conferenceInvitationManager.js");
+const dataReportManager = require("./manager/dataReportManager.js");
 const errorHandler = require("./function/errorHandler.js");
 const chatManager = require("./manager/chatManager.js");
 const TUICore = require("@tencentcloud/tui-core");
@@ -47,6 +48,7 @@ const _RoomService = class _RoomService {
     __publicField(this, "basicBeauty", new basicBeauty.BasicBeauty(this));
     __publicField(this, "scheduleConferenceManager", new scheduleConferenceManager.ScheduleConferenceManager(this));
     __publicField(this, "conferenceInvitationManager", new conferenceInvitationManager.ConferenceInvitationManager(this));
+    __publicField(this, "dataReportManager", new dataReportManager.DataReportManager());
     __publicField(this, "errorHandler", new errorHandler.ErrorHandler(this));
     __publicField(this, "chatManager", new chatManager.ChatManager(this));
     __publicField(this, "aiTask", new aiTask.AITask(this));

package/lib/services/types.d.ts

@@ -8,6 +8,7 @@ import { RoomActionManager } from './manager/roomActionManager';
 import { ErrorHandler } from './function/errorHandler';
 import { AITask } from './function/aiTask';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
+import { DataReportManager } from './manager/dataReportManager';
 
 export interface IRoomService {
     t: any;
@@ -19,6 +20,7 @@ export interface IRoomService {
     roomActionManager?: RoomActionManager;
     scheduleConferenceManager: ScheduleConferenceManager;
     conferenceInvitationManager: ConferenceInvitationManager;
+    dataReportManager: DataReportManager;
     errorHandler: ErrorHandler;
     aiTask: AITask;
     on: (eventType: EventType, callback: (data?: any) => any) => void;

package/lib/utils/constants.js

@@ -22,7 +22,7 @@ const Vue__namespace = /* @__PURE__ */ _interopNamespaceDefault(Vue);
 const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const isVue27 = /^2\.7\.*/.test(Vue__namespace.version);
 const isVue3 = /^3\.*/.test(Vue__namespace.version);
-const isInnerScene = { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.src || new URL("utils/constants.js", document.baseURI).href } && __vite_import_meta_env__ && false;
+const isInnerScene = { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("utils/constants.js", document.baseURI).href } && __vite_import_meta_env__ && false;
 exports.isInnerScene = isInnerScene;
 exports.isVue27 = isVue27;
 exports.isVue3 = isVue3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-electron-vue3",
-  "version": "2.6.2",
+  "version": "2.6.7",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -18,10 +18,9 @@
     "javascript"
   ],
   "dependencies": {
-    "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@tencentcloud/chat": "latest",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-electron": "^2.6.2",
+    "@tencentcloud/tuiroom-engine-electron": "^2.6.7",
     "@tencentcloud/chat-uikit-engine": "2.2.7",
     "@tencentcloud/chat-uikit-vue": "2.2.7",
     "@tencentcloud/universal-api": "^2.0.9",
@@ -46,6 +45,7 @@
     "electron": ">=4.0.0"
   },
   "devDependencies": {
+    "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "sass": "^1.72.0",
     "typescript": "^5.2.2",

package/src/TUIRoom/components/RoomContent/StreamRegion/LocalScreenView/index.vue

@@ -69,10 +69,8 @@ import Dialog from '../../../common/base/Dialog/index.vue';
 import eventBus from '../../../../hooks/useMitt';
 import { useI18n } from '../../../../locales';
 import { useRoomStore } from '../../../../stores/room';
-import {
-  DataReportManager,
-  MetricsKey,
-} from '../../../../services/manager/dataReportManager';
+import { MetricsKey } from '../../../../services/manager/dataReportManager';
+import { roomService } from '../../../../services';
 
 const roomStore = useRoomStore();
 const { t } = useI18n();
@@ -108,17 +106,17 @@ function toggleAnnotationWindow() {
   if (isAnnotationVisiable.value) {
     ipcRenderer?.send('annotation:stop-annotating');
     isAnnotationVisiable.value = false;
-    DataReportManager.reportCount(MetricsKey.stopAnnotating);
+    roomService.dataReportManager.reportCount(MetricsKey.stopAnnotating);
   } else {
     ipcRenderer?.send('annotation:start-annotating');
     isAnnotationVisiable.value = true;
-    DataReportManager.reportCount(MetricsKey.startAnnotating);
+    roomService.dataReportManager.reportCount(MetricsKey.startAnnotating);
   }
 }
 
 ipcRenderer?.on('annotation:stop-from-annotation-window', () => {
   isAnnotationVisiable.value = false;
-  DataReportManager.reportCount(MetricsKey.stopAnnotating);
+  roomService.dataReportManager.reportCount(MetricsKey.stopAnnotating);
 });
 </script>
 

package/src/TUIRoom/components/RoomFooter/WhiteboardControl.vue

@@ -30,10 +30,7 @@ import eventBus from '../../hooks/useMitt';
 import { EventType, roomEngine } from '../../services';
 import { MESSAGE_DURATION } from '../../constants/message';
 import { roomService } from '../../services/index';
-import {
-  DataReportManager,
-  MetricsKey,
-} from '../../services/manager/dataReportManager';
+import { MetricsKey } from '../../services/manager/dataReportManager';
 
 const { t } = useI18n();
 const roomStore = useRoomStore();
@@ -109,10 +106,10 @@ async function startShareWhiteboard() {
 function stopShareWhiteboard() {
   roomEngine.instance?.stopScreenSharing();
   if (isWhiteboardVisiable.value) {
-    DataReportManager.reportCount(MetricsKey.stopSharingWhiteboard);
+    roomService.dataReportManager.reportCount(MetricsKey.stopSharingWhiteboard);
   }
   if (isAnnotationVisiable.value) {
-    DataReportManager.reportCount(MetricsKey.stopAnnotating);
+    roomService.dataReportManager.reportCount(MetricsKey.stopAnnotating);
   }
   isWhiteboardVisiable.value = false;
   isAnnotationVisiable.value = false;
@@ -127,7 +124,7 @@ function hideAllWhiteboardWindow() {
 function showWhiteboardWindow() {
   isWhiteboardVisiable.value = true;
   ipcRenderer.send('whiteboard:show-window');
-  DataReportManager.reportCount(MetricsKey.startSharingWhiteboard);
+  roomService.dataReportManager.reportCount(MetricsKey.startSharingWhiteboard);
 }
 
 ipcRenderer.on('whiteboard:window-closed', () => {
@@ -139,7 +136,7 @@ ipcRenderer.on('whiteboard:stop-from-whiteboard-window', () => {
 });
 
 ipcRenderer.on('whiteboard:save-from-whiteboard-window', () => {
-  DataReportManager.reportCount(MetricsKey.saveWhiteboard);
+  roomService.dataReportManager.reportCount(MetricsKey.saveWhiteboard);
 });
 
 onMounted(() => {

package/src/TUIRoom/components/common/AudioSettingTab.vue

@@ -110,7 +110,9 @@ function handleMicrophoneTest() {
 
 const isTestingSpeaker = ref(false);
 const audioPlayer = document?.createElement('audio');
-audioPlayer.loop = true;
+if (audioPlayer && typeof audioPlayer.loop !== 'undefined') {
+  audioPlayer.loop = true;
+}
 const { t } = useI18n();
 
 /**

package/src/TUIRoom/conference.ts

@@ -6,6 +6,7 @@ import {
   LanguageOption,
   Theme,
   EventType,
+  MetricsKey,
 } from './services';
 import { TUIRoomEngine } from './index';
 import logger from './utils/common/logger';
@@ -144,26 +145,34 @@ class Conference implements IConference {
   }
 
   public setLanguage(language: LanguageOption) {
+    roomService.dataReportManager.reportCount(MetricsKey.setLanguage);
     return roomService.setLanguage(language);
   }
 
   public setTheme(theme: ThemeOption) {
+    roomService.dataReportManager.reportCount(MetricsKey.setTheme);
     return roomService.setTheme(toTargetTheme(theme) as Theme);
   }
 
   public disableTextMessaging() {
+    roomService.dataReportManager.reportCount(MetricsKey.disableTextMessaging);
     roomService.setComponentConfig({ ChatControl: { visible: false } });
   }
 
   public disableScreenSharing() {
+    roomService.dataReportManager.reportCount(MetricsKey.disableScreenSharing);
     roomService.setComponentConfig({ ScreenShare: { visible: false } });
   }
 
   public enableWatermark() {
+    roomService.dataReportManager.reportCount(MetricsKey.enableWatermark);
     roomService.waterMark.toggleWatermark(true);
   }
 
   public enableVirtualBackground() {
+    roomService.dataReportManager.reportCount(
+      MetricsKey.enableVirtualBackground
+    );
     roomService.setComponentConfig({ VirtualBackground: { visible: true } });
   }
 
@@ -172,6 +181,7 @@ class Conference implements IConference {
   }
 
   public hideFeatureButton(name: FeatureButton) {
+    roomService.dataReportManager.reportCount(MetricsKey.hideFeatureButton);
     roomService.setComponentConfig({ [name]: { visible: false } });
   }
 

package/src/TUIRoom/services/function/aiTask.ts

@@ -1,6 +1,6 @@
 import { IRoomService } from '../';
 import mitt from 'mitt';
-import { isElectron } from '../../utils/environment';
+import { isElectron, isMobile } from '../../utils/environment';
 
 interface SubtitleMessage {
   userid: string;
@@ -53,7 +53,7 @@ export class AITask {
 
   constructor(service: IRoomService) {
     this.service = service;
-    if (isElectron) return;
+    if (isElectron || isMobile) return;
     this.bindCtx();
     this.bindEvent();
   }
@@ -88,6 +88,14 @@ export class AITask {
   }
 
   private handleMount() {
+    // todo trtccloud adds custom-message event
+    if (
+      typeof this.service.roomEngine.instance?.getTRTCCloud === 'undefined' ||
+      typeof this.service.roomEngine.instance?.getTRTCCloud()?._trtc ===
+        'undefined'
+    ) {
+      return;
+    }
     const trtc = this.service.roomEngine.instance?.getTRTCCloud()._trtc;
     this.trtc = trtc;
     trtc.on('custom-message', this.handleAIMessage);

package/src/TUIRoom/services/index.ts

@@ -9,4 +9,5 @@ export * from './manager/lifeCycleManager';
 export * from './manager/roomActionManager';
 export * from './manager/scheduleConferenceManager';
 export * from './manager/chatManager';
+export * from './manager/dataReportManager';
 export * from './function/aiTask';

package/src/TUIRoom/services/manager/dataReportManager.ts

@@ -1,6 +1,5 @@
 import TUIRoomEngine from '@tencentcloud/tuiroom-engine-electron';
-import packageConfig from '../../../../package.json';
-const appVersion = packageConfig.version;
+
 const KEY_METRICS_API = 'KeyMetricsStats';
 
 export enum MetricsKey {
@@ -9,19 +8,55 @@ export enum MetricsKey {
   startAnnotating = 106002,
   stopAnnotating = 106003,
   saveWhiteboard = 106004,
+
+  setLanguage = 106050,
+  setTheme = 106051,
+  disableTextMessaging = 106052,
+  disableScreenSharing = 106053,
+  enableWatermark = 106054,
+  enableVirtualBackground = 106055,
+  hideFeatureButton = 106056,
 }
 
+type Task = () => void;
+
 export class DataReportManager {
-  static reportCount(key: MetricsKey) {
-    TUIRoomEngine.callExperimentalAPI(
-      JSON.stringify({
-        api: KEY_METRICS_API,
-        params: {
-          opt: 'count',
-          key,
-          version: appVersion,
-        },
-      })
-    );
+  private taskQueue: Task[] = [];
+  private isReady = false;
+
+  constructor() {
+    this.bindEvent();
+  }
+
+  public reportCount(key: MetricsKey) {
+    const task = this.createReportCountTask(key);
+    if (!this.isReady) {
+      this.taskQueue.push(task);
+    } else {
+      task();
+    }
+  }
+
+  private bindEvent() {
+    TUIRoomEngine.once('ready', () => {
+      this.isReady = true;
+      this.executePendingTasks();
+    });
+  }
+
+  private executePendingTasks() {
+    this.taskQueue.forEach(task => task());
+    this.taskQueue = [];
+  }
+
+  private createReportCountTask(key: MetricsKey): Task {
+    return () => {
+      TUIRoomEngine.callExperimentalAPI(
+        JSON.stringify({
+          api: KEY_METRICS_API,
+          params: { key },
+        })
+      );
+    };
   }
 }

package/src/TUIRoom/services/roomService.ts

@@ -37,6 +37,7 @@ import { VirtualBackground } from './function/virtualBackground';
 import { BasicBeauty } from './function/basicBeauty';
 import { ScheduleConferenceManager } from './manager/scheduleConferenceManager';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
+import { DataReportManager } from './manager/dataReportManager';
 import { ErrorHandler } from './function/errorHandler';
 import { ChatManager } from './manager/chatManager';
 import { TUILogin } from '@tencentcloud/tui-core';
@@ -63,6 +64,7 @@ export class RoomService implements IRoomService {
     new ScheduleConferenceManager(this);
   public conferenceInvitationManager: ConferenceInvitationManager =
     new ConferenceInvitationManager(this);
+  public dataReportManager: DataReportManager = new DataReportManager();
   public errorHandler: ErrorHandler = new ErrorHandler(this);
   public chatManager: ChatManager = new ChatManager(this);
   public aiTask: AITask = new AITask(this);

package/src/TUIRoom/services/types.ts

@@ -8,6 +8,7 @@ import { RoomActionManager } from './manager/roomActionManager';
 import { ErrorHandler } from './function/errorHandler';
 import { AITask } from './function/aiTask';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
+import { DataReportManager } from './manager/dataReportManager';
 export interface IRoomService {
   t: any;
   roomEngine: Record<string, any>;
@@ -18,6 +19,7 @@ export interface IRoomService {
   roomActionManager?: RoomActionManager;
   scheduleConferenceManager: ScheduleConferenceManager;
   conferenceInvitationManager: ConferenceInvitationManager;
+  dataReportManager: DataReportManager;
   errorHandler: ErrorHandler;
   aiTask: AITask;
   on: (eventType: EventType, callback: (data?: any) => any) => void;