@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/lib/locales/en-US.d.ts

@@ -63,6 +63,11 @@ declare const _default: {
     Me: string;
     me: string;
     More: string;
+    'AI Assistant': string;
+    'AI real-time conference content': string;
+    'Turn on AI real-time subtitles': string;
+    'Turn off AI real-time subtitles': string;
+    'Enable AI real-time meeting recording': string;
     'Raise hand': string;
     Agree: string;
     Chat: string;
@@ -389,5 +394,16 @@ declare const _default: {
     'Close whiteboard': string;
     'Start annotating': string;
     'End annotating': string;
+    'You are sharing the whiteboard, please stop sharing first': string;
+    Beauty: string;
+    'Beauty Effects': string;
+    Smoother: string;
+    Whitening: string;
+    Ruddy: string;
+    Compare: string;
+    Reset: string;
+    Degree: string;
+    'Sure you want to reset the beauty effect?': string;
+    'All beauty parameters will revert to default after reset': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -65,6 +65,11 @@ const EN = {
   Me: "Me",
   me: "me",
   More: "More",
+  "AI Assistant": "AI Assistant",
+  "AI real-time conference content": "AI real-time conference content",
+  "Turn on AI real-time subtitles": "Turn on AI real-time subtitles",
+  "Turn off AI real-time subtitles": "Turn off AI real-time subtitles",
+  "Enable AI real-time meeting recording": "Enable AI real-time meeting recording",
   "Raise hand": "Raise hand",
   Agree: "Agree",
   Chat: "Chat",
@@ -398,6 +403,18 @@ const EN = {
   "Open whiteboard": "Open whiteboard",
   "Close whiteboard": "Close whiteboard",
   "Start annotating": "Start annotating",
-  "End annotating": "End annotating"
+  "End annotating": "End annotating",
+  "You are sharing the whiteboard, please stop sharing first": "You are sharing the whiteboard, please stop sharing first",
+  // Beauty
+  Beauty: "Beauty",
+  "Beauty Effects": "Beauty Effects",
+  Smoother: "Smoother",
+  Whitening: "Whitening",
+  Ruddy: "ruddy",
+  Compare: "Compare",
+  Reset: "Reset",
+  Degree: "Degree",
+  "Sure you want to reset the beauty effect?": "Sure you want to reset the beauty effect?",
+  "All beauty parameters will revert to default after reset": "All beauty parameters will revert to default after reset"
 };
 exports.default = EN;

package/lib/locales/zh-CN.d.ts

@@ -60,6 +60,11 @@ declare const _default: {
     Admin: string;
     RoomOwner: string;
     More: string;
+    'AI Assistant': string;
+    'AI real-time conference content': string;
+    'Turn on AI real-time subtitles': string;
+    'Turn off AI real-time subtitles': string;
+    'Enable AI real-time meeting recording': string;
     'Raise hand': string;
     Agree: string;
     Chat: string;
@@ -393,5 +398,16 @@ declare const _default: {
     'Close whiteboard': string;
     'Start annotating': string;
     'End annotating': string;
+    'You are sharing the whiteboard, please stop sharing first': string;
+    Beauty: string;
+    'Beauty Effects': string;
+    Smoother: string;
+    Whitening: string;
+    Ruddy: string;
+    Compare: string;
+    Reset: string;
+    Degree: string;
+    'Sure you want to reset the beauty effect?': string;
+    'All beauty parameters will revert to default after reset': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -62,6 +62,11 @@ const ZH = {
   Admin: "管理员",
   RoomOwner: "主持人",
   More: "更多",
+  "AI Assistant": "AI 助手",
+  "AI real-time conference content": "AI 实时会议内容",
+  "Turn on AI real-time subtitles": "开启AI实时字幕",
+  "Turn off AI real-time subtitles": "关闭AI实时字幕",
+  "Enable AI real-time meeting recording": "开启AI实时会议记录",
   "Raise hand": "举手",
   Agree: "同意",
   Chat: "聊天",
@@ -402,6 +407,18 @@ const ZH = {
   "Open whiteboard": "开启白板",
   "Close whiteboard": "关闭白板",
   "Start annotating": "开始批注",
-  "End annotating": "结束批注"
+  "End annotating": "结束批注",
+  "You are sharing the whiteboard, please stop sharing first": "您正在共享白板，请先停止共享",
+  // Beauty
+  Beauty: "美颜",
+  "Beauty Effects": "美颜特效",
+  Smoother: "磨皮",
+  Whitening: "美白",
+  Ruddy: "红润",
+  Compare: "对比",
+  Reset: "重置",
+  Degree: "程度",
+  "Sure you want to reset the beauty effect?": "确定要重置美颜效果吗?",
+  "All beauty parameters will revert to default after reset": "重置后所有美颜参数将恢复至默认"
 };
 exports.default = ZH;

package/lib/package.json.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const name = "@tencentcloud/roomkit-electron-vue3";
+const version = "2.6.3";
+const main = "./lib/index.js";
+const module$1 = "./es/index.mjs";
+const types = "./es/index.d.ts";
+const homepage = "https://cloud.tencent.com/document/product/647/81962";
+const author = "Tencent Cloud Client R&D Center";
+const license = "ISC";
+const repository = {
+  type: "git",
+  url: "git@github.com:tencentyun/TUIRoomKit.git"
+};
+const keywords = [
+  "conference",
+  "tuiroomkit",
+  "webrtc",
+  "javascript"
+];
+const scripts = {
+  dev: "vite build --watch",
+  build: "vite build"
+};
+const dependencies = {
+  "@tencentcloud/chat": "latest",
+  "@tencentcloud/tui-core": "latest",
+  "@tencentcloud/tuiroom-engine-electron": "workspace:^2.6.3",
+  "@tencentcloud/chat-uikit-engine": "2.2.7",
+  "@tencentcloud/chat-uikit-vue": "2.2.7",
+  "@tencentcloud/universal-api": "^2.0.9",
+  "@tiptap/core": "^2.6.6",
+  "@tiptap/extension-document": "^2.6.6",
+  "@tiptap/extension-image": "^2.6.6",
+  "@tiptap/extension-mention": "^2.6.6",
+  "@tiptap/extension-paragraph": "^2.6.6",
+  "@tiptap/extension-placeholder": "^2.6.6",
+  "@tiptap/extension-text": "^2.6.6",
+  "@tiptap/pm": "^2.6.6",
+  "@tiptap/suggestion": "^2.6.6",
+  dayjs: "^1.11.13",
+  interactjs: "^1.10.26",
+  mitt: "^3.0.0",
+  fabric: "^5.3.0",
+  "hotkeys-js": "^3.10.1"
+};
+const peerDependencies = {
+  pinia: "^2.1.7",
+  vue: "~3.3.13",
+  electron: ">=4.0.0"
+};
+const devDependencies = {
+  "@originjs/vite-plugin-commonjs": "^1.0.3",
+  "@vitejs/plugin-vue": "^5.0.4",
+  sass: "^1.72.0",
+  typescript: "^5.2.2",
+  vite: "^5.2.0",
+  "vite-plugin-css-injected-by-js": "^3.5.0",
+  "vite-plugin-dts": "^3.7.3",
+  vue: "~3.3.13",
+  "vue-tsc": "^2.0.6"
+};
+const packageConfig = {
+  name,
+  version,
+  main,
+  module: module$1,
+  types,
+  homepage,
+  author,
+  license,
+  repository,
+  keywords,
+  scripts,
+  dependencies,
+  peerDependencies,
+  devDependencies
+};
+exports.author = author;
+exports.default = packageConfig;
+exports.dependencies = dependencies;
+exports.devDependencies = devDependencies;
+exports.homepage = homepage;
+exports.keywords = keywords;
+exports.license = license;
+exports.main = main;
+exports.module = module$1;
+exports.name = name;
+exports.peerDependencies = peerDependencies;
+exports.repository = repository;
+exports.scripts = scripts;
+exports.types = types;
+exports.version = version;

package/lib/preConference.vue2.js

@@ -12,11 +12,12 @@ require("./locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("./services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+const environment = require("./utils/environment.js");
 const ScheduleRoomList = require("./components/ScheduleConference/ScheduleRoomList.vue.js");
 const Logo = require("./components/common/Logo.vue.js");
 const index$2 = require("./components/common/base/MessageBox/index.js");
 const Message = require("./components/common/base/Message/Message.js");
-const environment = require("./utils/environment.js");
 const InvitationNotification = require("./components/RoomInvite/InvitationNotification.vue.js");
 const _hoisted_1 = { class: "header" };
 const _hoisted_2 = { class: "left-header" };

package/lib/services/function/aiTask.d.ts

@@ -0,0 +1,48 @@
+import { IRoomService } from '../';
+
+interface SubtitleMessage {
+    userid: string;
+    text: string;
+    translation_text: string;
+}
+export declare enum AI_TASK {
+    TRANSCRIPTION_TASK = "transcription"
+}
+export interface AITaskEvent {
+    [AI_TASK.TRANSCRIPTION_TASK]: {
+        subtitleMsg: SubtitleMessage[];
+        subtitleText: {
+            value: string;
+        };
+        transcriptionText: {
+            value: string;
+        };
+    };
+    [key: string]: unknown;
+    [key: symbol]: unknown;
+}
+export declare class AITask {
+    private emitter;
+    private trtc;
+    private service;
+    subtitleMsg: SubtitleMessage[];
+    subtitleText: {
+        value: string;
+    };
+    transcriptionText: {
+        value: string;
+    };
+    constructor(service: IRoomService);
+    private bindCtx;
+    on<T extends keyof AITaskEvent>(eventType: T, callback: (data?: AITaskEvent[T]) => void): void;
+    off<T extends keyof AITaskEvent>(eventType: T, callback: (data?: AITaskEvent[T]) => void): void;
+    emit<T extends keyof AITaskEvent>(eventType: T, data: AITaskEvent[T]): void;
+    dispose(): void;
+    private handleMount;
+    private handleUnmount;
+    private bindEvent;
+    private handleAIMessage;
+    private handleMessage;
+    StartAITranscription(): void;
+}
+export {};

package/lib/services/function/aiTask.js

@@ -0,0 +1,170 @@
+"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 mitt = require("mitt");
+const environment = require("../../utils/environment.js");
+var AI_TASK = /* @__PURE__ */ ((AI_TASK2) => {
+  AI_TASK2["TRANSCRIPTION_TASK"] = "transcription";
+  return AI_TASK2;
+})(AI_TASK || {});
+class AITask {
+  constructor(service) {
+    __publicField(this, "emitter", mitt());
+    __publicField(this, "trtc");
+    __publicField(this, "service");
+    __publicField(this, "subtitleMsg", []);
+    __publicField(this, "subtitleText", { value: "" });
+    __publicField(this, "transcriptionText", { value: "" });
+    this.service = service;
+    if (environment.isElectron || environment.isMobile) return;
+    this.bindCtx();
+    this.bindEvent();
+  }
+  bindCtx() {
+    this.handleMount = this.handleMount.bind(this);
+    this.handleUnmount = this.handleUnmount.bind(this);
+    this.handleAIMessage = this.handleAIMessage.bind(this);
+  }
+  on(eventType, callback) {
+    this.emitter.on(eventType, callback);
+  }
+  off(eventType, callback) {
+    this.emitter.off(eventType, callback);
+  }
+  emit(eventType, data) {
+    this.emitter.emit(eventType, data);
+  }
+  dispose() {
+    this.service.lifeCycleManager.off("mount", this.handleMount);
+    this.service.lifeCycleManager.off("unmount", this.handleUnmount);
+  }
+  handleMount() {
+    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);
+  }
+  handleUnmount() {
+    var _a;
+    this.subtitleMsg = [];
+    this.subtitleText.value = "";
+    this.transcriptionText.value = "";
+    (_a = this.trtc) == null ? void 0 : _a.off("custom-message", this.handleAIMessage);
+  }
+  bindEvent() {
+    this.service.lifeCycleManager.on("mount", this.handleMount);
+    this.service.lifeCycleManager.on("unmount", this.handleUnmount);
+  }
+  // todo trtc defines this type as any
+  handleAIMessage(event) {
+    if (event.cmdId !== 1) return;
+    const data = new TextDecoder().decode(event.data);
+    const jsonData = JSON.parse(data);
+    this.handleMessage(jsonData);
+    this.emit("transcription", {
+      subtitleText: this.subtitleText,
+      transcriptionText: this.transcriptionText,
+      subtitleMsg: this.subtitleMsg
+    });
+  }
+  handleMessage(data) {
+    const refreshSubtitle = () => {
+      let displayText = "";
+      for (let i = 0; i < this.subtitleMsg.length; i++) {
+        displayText += `${this.service.roomStore.getDisplayName(this.subtitleMsg[i].userid)}: ${this.subtitleMsg[i].text}
+`;
+        if (this.subtitleMsg[i].translation_text !== "") {
+          displayText += `${this.service.roomStore.getDisplayName(this.subtitleMsg[i].userid)}: ${this.subtitleMsg[i].translation_text}
+`;
+        }
+      }
+      this.subtitleText.value = displayText;
+    };
+    if (data.type === 1e4 && data.payload.end === false) {
+      let exist = false;
+      for (let i = 0; i < this.subtitleMsg.length; i++) {
+        if (data.sender === this.subtitleMsg[i].userid) {
+          this.subtitleMsg[i].text = data.payload.text;
+          this.subtitleMsg[i].translation_text = data.payload.translation_text;
+          exist = true;
+          break;
+        }
+      }
+      if (!exist) {
+        this.subtitleMsg.push({
+          userid: data.sender,
+          text: data.payload.text,
+          translation_text: data.payload.translation_text
+        });
+      }
+      refreshSubtitle();
+    } else if (data.type === 1e4 && data.payload.end === true) {
+      for (let i = 0; i < this.subtitleMsg.length; i++) {
+        if (data.sender === this.subtitleMsg[i].userid) {
+          this.subtitleMsg[i].text = data.payload.text;
+          this.subtitleMsg[i].translation_text = data.payload.translation_text;
+          break;
+        }
+      }
+      refreshSubtitle();
+      let content = `${data.payload.start_time}->${data.payload.end_time}  ${data.sender}: ${data.payload.text}
+`;
+      if (data.payload.translation_text !== "") {
+        content += `${data.payload.start_time}->${data.payload.end_time}  ${data.sender}: ${data.payload.translation_text}
+`;
+      }
+      this.transcriptionText.value += content;
+    }
+    if (data.type === "subtitle") {
+      let exist = false;
+      for (let i = 0; i < this.subtitleMsg.length; i++) {
+        if (data.userid === this.subtitleMsg[i].userid) {
+          this.subtitleMsg[i].text = data.text;
+          this.subtitleMsg[i].translation_text = data.translation_text;
+          exist = true;
+          break;
+        }
+      }
+      if (!exist) {
+        this.subtitleMsg.push({
+          userid: data.userid,
+          text: data.text,
+          translation_text: data.translation_text
+        });
+      }
+      refreshSubtitle();
+    } else if (data.type === "transcription") {
+      for (let i = 0; i < this.subtitleMsg.length; i++) {
+        if (data.userid === this.subtitleMsg[i].userid) {
+          this.subtitleMsg[i].text = data.text;
+          this.subtitleMsg[i].translation_text = data.translation_text;
+          break;
+        }
+      }
+      refreshSubtitle();
+      let content = `${formatTimestampToTime(data.start_ms_ts)}->${formatTimestampToTime(data.end_ms_ts)}  ${this.service.roomStore.getDisplayName(data.userid)}: ${data.text}
+`;
+      if (data.translation_text !== "") {
+        content += `${formatTimestampToTime(data.start_ms_ts)}->${formatTimestampToTime(data.end_ms_ts)}  ${this.service.roomStore.getDisplayName(data.userid)}: ${data.translation_text}
+`;
+      }
+      this.transcriptionText.value += content;
+    }
+  }
+  StartAITranscription() {
+  }
+}
+function formatTimestampToTime(timestamp) {
+  const date = new Date(timestamp);
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  const seconds = date.getSeconds().toString().padStart(2, "0");
+  return `${hours}:${minutes}:${seconds}`;
+}
+exports.AITask = AITask;
+exports.AI_TASK = AI_TASK;

package/lib/services/function/basicBeauty.d.ts

@@ -0,0 +1,22 @@
+import { IRoomService } from '../types';
+import { TRTCBeautyStyle } from '../../constants/room';
+
+interface IBasicBeauty {
+    dispose(): void;
+    initBasicBeauty(): Promise<void>;
+    setBasicBeauty(style: TRTCBeautyStyle, beautyLevel: number, whitenessLevel: number, ruddinessLevel: number): Promise<void>;
+    setTestBasicBeauty(style: TRTCBeautyStyle, beautyLevel: number, whitenessLevel: number, ruddinessLevel: number): Promise<void>;
+}
+export declare class BasicBeauty implements IBasicBeauty {
+    constructor(service: IRoomService);
+    dispose(): void;
+    initBasicBeauty(): Promise<void>;
+    setBasicBeauty(style: TRTCBeautyStyle, beautyLevel: number, whitenessLevel: number, ruddinessLevel: number): Promise<void>;
+    setTestBasicBeauty(style: TRTCBeautyStyle, beautyLevel: number, whitenessLevel: number, ruddinessLevel: number): Promise<void>;
+    private service;
+    private basicBeautyPluginReady;
+    private get trtcCloud();
+    private bindEvent;
+    private handleUnmount;
+}
+export {};

package/lib/services/function/basicBeauty.js

@@ -0,0 +1,61 @@
+"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 environment = require("../../utils/environment.js");
+const room = require("../../constants/room.js");
+class BasicBeauty {
+  constructor(service) {
+    __publicField(this, "service");
+    __publicField(this, "basicBeautyPluginReady", false);
+    __publicField(this, "handleUnmount", async () => {
+      await this.setBasicBeauty(room.TRTCBeautyStyle.TRTCBeautyStyleNature, 0, 0, 0);
+      await this.setTestBasicBeauty(
+        room.TRTCBeautyStyle.TRTCBeautyStyleNature,
+        0,
+        0,
+        0
+      );
+    });
+    this.service = service;
+    if (environment.isElectron || environment.isWeChat) return;
+    this.bindEvent();
+  }
+  dispose() {
+    this.service.lifeCycleManager.off("unmount", this.handleUnmount);
+  }
+  async initBasicBeauty() {
+    var _a;
+    if (!this.basicBeautyPluginReady && ((_a = this.trtcCloud) == null ? void 0 : _a.useBeautyStyle)) {
+      await this.trtcCloud.useBeautyStyle();
+      this.basicBeautyPluginReady = true;
+    }
+  }
+  async setBasicBeauty(style, beautyLevel, whitenessLevel, ruddinessLevel) {
+    await this.initBasicBeauty();
+    await this.trtcCloud.setBeautyStyle(
+      style,
+      beautyLevel,
+      whitenessLevel,
+      ruddinessLevel
+    );
+  }
+  async setTestBasicBeauty(style, beautyLevel, whitenessLevel, ruddinessLevel) {
+    await this.initBasicBeauty();
+    await this.trtcCloud.callExperimentalAPI(
+      JSON.stringify({
+        api: "enableTestBeautyStyle",
+        params: { style, beautyLevel, whitenessLevel, ruddinessLevel }
+      })
+    );
+  }
+  get trtcCloud() {
+    var _a, _b;
+    return (_b = (_a = this.service.roomEngine) == null ? void 0 : _a.instance) == null ? void 0 : _b.getTRTCCloud();
+  }
+  bindEvent() {
+    this.service.lifeCycleManager.on("unmount", this.handleUnmount);
+  }
+}
+exports.BasicBeauty = BasicBeauty;

package/lib/services/index.d.ts

@@ -7,3 +7,5 @@ export * from './manager/userManager';
 export * from './manager/lifeCycleManager';
 export * from './manager/roomActionManager';
 export * from './manager/scheduleConferenceManager';
+export * from './manager/chatManager';
+export * from './function/aiTask';

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

@@ -0,0 +1,20 @@
+import { IRoomService } from '../types';
+
+export declare class ChatManager {
+    static instance?: ChatManager;
+    private service;
+    private isRoomType;
+    constructor(service: IRoomService);
+    static getInstance(ctx: IRoomService): ChatManager;
+    static destroyInstance(): void;
+    dispose(): void;
+    reset(): void;
+    setChatType(type: boolean): void;
+    onNotifyEvent(eventName: string, subKey: string, options?: any): Promise<void>;
+    private onLanguageChanged;
+    private onThemeChanged;
+    private onUserNameCardChanged;
+    private bindEventContext;
+    private bindEvent;
+    private unbindEvent;
+}