【Electron】update Electron TUIRoomKit

Tencent-RTC · Aug 1, 2024 · e8ba010 · e8ba010
1 parent 1c5f864
commit e8ba010
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 23 deletions.
diff --git a/Electron/example/vue2/src/views/home.vue b/Electron/example/vue2/src/views/home.vue
@@ -15,7 +15,6 @@
 <script>
 import { PreConferenceView, conference } from '@tencentcloud/roomkit-electron-vue2.7';
 import { getBasicInfo } from '@/config/basic-info-config';
-import TUIRoomEngine from '@tencentcloud/tuiroom-engine-electron';
 import { isMobile } from '@tencentcloud/roomkit-electron-vue2.7/es/utils/environment';
 
 export default {
@@ -47,7 +46,7 @@ export default {
     }
     const { sdkAppId, userId, userSig } = this.userInfo;
     // Login TUIRoomEngine
-    await TUIRoomEngine.login({ sdkAppId, userId, userSig });
+    await conference.login({ sdkAppId, userId, userSig });
   },
   methods: {
     setTUIRoomData(action, roomOption) {

diff --git a/Electron/example/vue3/packages/renderer/src/views/home.vue b/Electron/example/vue3/packages/renderer/src/views/home.vue
@@ -7,32 +7,37 @@
     @on-enter-room="handleEnterRoom"
     @on-logout="handleLogOut"
     @on-update-user-name="handleUpdateUserName"
-  ></pre-conference-view>
+  />
 </template>
 
 <script setup lang="ts">
-import { TUIRoomEngine, PreConferenceView, conference } from '@tencentcloud/roomkit-electron-vue3';
+import {
+  PreConferenceView,
+  conference,
+} from '@tencentcloud/roomkit-electron-vue3';
 import { getBasicInfo } from '@/config/basic-info-config';
 import router from '@/router';
 import { useRoute } from 'vue-router';
 import { Ref, ref, reactive } from 'vue';
 
 const route = useRoute();
 const { roomId } = route.query;
-const givenRoomId: Ref<string> = ref((roomId) as string);
+const givenRoomId: Ref<string> = ref(roomId as string);
 
 const userInfo = reactive({
   userId: '',
   userName: '',
   avatarUrl: '',
 });
 
-
 function setTUIRoomData(action: string, roomOption: Record<string, any>) {
-  sessionStorage.setItem('tuiRoom-roomInfo', JSON.stringify({
-    action,
-    ...roomOption,
-  }));
+  sessionStorage.setItem(
+    'tuiRoom-roomInfo',
+    JSON.stringify({
+      action,
+      ...roomOption,
+    })
+  );
 }
 
 async function checkRoomExistWhenCreateRoom(roomId: string) {
@@ -49,7 +54,7 @@ async function checkRoomExistWhenCreateRoom(roomId: string) {
 
 /**
  * Generate room number when creating a room
-**/
+ **/
 async function generateRoomId(): Promise<string> {
   const roomId = String(Math.ceil(Math.random() * 1000000));
   const isRoomExist = await checkRoomExistWhenCreateRoom(String(roomId));
@@ -61,7 +66,7 @@ async function generateRoomId(): Promise<string> {
 
 /**
  * Processing Click [Create Room]
-**/
+ **/
 async function handleCreateRoom(roomOption: Record<string, any>) {
   setTUIRoomData('createRoom', roomOption);
   const roomId = await generateRoomId();
@@ -75,7 +80,7 @@ async function handleCreateRoom(roomOption: Record<string, any>) {
 
 /**
  * Processing Click [Enter Room]
-**/
+ **/
 async function handleEnterRoom(roomOption: Record<string, any>) {
   setTUIRoomData('enterRoom', roomOption);
   router.push({
@@ -88,7 +93,9 @@ async function handleEnterRoom(roomOption: Record<string, any>) {
 
 function handleUpdateUserName(userName: string) {
   try {
-    const currentUserInfo = JSON.parse(sessionStorage.getItem('tuiRoom-userInfo') as string);
+    const currentUserInfo = JSON.parse(
+      sessionStorage.getItem('tuiRoom-userInfo') as string
+    );
     currentUserInfo.userName = userName;
     sessionStorage.setItem('tuiRoom-userInfo', JSON.stringify(currentUserInfo));
   } catch (error) {
@@ -98,30 +105,34 @@ function handleUpdateUserName(userName: string) {
 
 /**
  * Processing users click [Logout Login] in the upper left corner of the page
-**/
+ **/
 async function handleLogOut() {
-/**
- * The accessor handles the logout method
-**/
+  /**
+   * The accessor handles the logout method
+   **/
 }
 
 async function handleInit() {
   sessionStorage.removeItem('tuiRoom-roomInfo');
   sessionStorage.removeItem('tuiRoom-userInfo');
   let currentUserInfo = null;
   if (sessionStorage.getItem('tuiRoom-userInfo')) {
-    currentUserInfo = JSON.parse(sessionStorage.getItem('tuiRoom-userInfo') as string);
+    currentUserInfo = JSON.parse(
+      sessionStorage.getItem('tuiRoom-userInfo') as string
+    );
   } else {
     currentUserInfo = await getBasicInfo();
-    currentUserInfo && sessionStorage.setItem('tuiRoom-userInfo', JSON.stringify(currentUserInfo));
+    currentUserInfo &&
+      sessionStorage.setItem(
+        'tuiRoom-userInfo',
+        JSON.stringify(currentUserInfo)
+      );
   }
   userInfo.userId = currentUserInfo?.userId;
   userInfo.userName = currentUserInfo?.userName;
   userInfo.avatarUrl = currentUserInfo?.avatarUrl;
   const { userId, sdkAppId, userSig } = currentUserInfo;
-  await TUIRoomEngine.login({ sdkAppId, userId, userSig });
+  await conference.login({ sdkAppId, userId, userSig });
 }
-
 handleInit();
-
 </script>