// Use npm
npm i @tencentcloud/tuiroom-engine-js --save

// Use pnpm
pnpm i @tencentcloud/tuiroom-engine-js --save

// Use yarn
yarn add @tencentcloud/tuiroom-engine-js

TUIRoomEngine.once('ready', () => {
  const roomEngine = new TUIRoomEngine();
  
  await TUIRoomEngine.login({
    sdkAppId: 0,   // Fill in the sdkAppId you applied for
    userId: '',    // Fill in the userId corresponding to your business
    userSig: '',   // Fill in the userSig calculated by the server or locally
  });
  
  await roomEngine.createRoom({
    roomId: '12345',   // Enter your Room ID, note that the Room ID is required to be a string type
    name: 'Test Room',     // Enter your room name, the default room name is roomId, up to 30 bytes
    roomType: TUIRoomType.kGroup, // Set the room type to TUIRoomType.kGroup type
  });
});

// Login TUIRoomEngine
await TUIRoomEngine.login({
 sdkAppId: 0,   // Fill in the sdkAppId you applied for
 userId: '',    // Fill in the userId corresponding to your business
 userSig: '',   // Fill in the userSig calculated by the server or locally
});

// Set current user Username and User avatar
await TUIRoomEngine.setSelfInfo({
 userName: '',     // Enter your New username
 avatarUrl: '',    // Enter your New avatar URL
});

// Get current user Username and User avatar
const loginUserInfo = await TUIRoomEngine.getSelfInfo();

// Logout TUIRoomEngine
await TUIRoomEngine.logout();

const roomEngine = new TUIRoomEngine();
await roomEngine.createRoom({
    roomId: '12345',   // Enter your Room ID, note that the Room ID must be a string type
    roomName: 'Test Room',     // Enter your Room Name, the default Room Name is roomId, with a maximum length of 30 bytes
    roomType: TUIRoomType.kConference, // Set the Room Type to TUIRoomType.kConference
    speechMode: TUISpeechMode.kFreeToSpeak, // Set the speech mode to free speech mode
    isMicrophoneDisableForAllUser: false,  // Allow users to turn on their mic when joining the room
    isCameraDisableForAllUser: false,  // Allow users to turn on their Camera when joining the room
    isMessageDisableForAllUser: false,  // Allow users to send messages when joining the room
});

const roomEngine = new TUIRoomEngine();
const roomInfo = await roomEngine.enterRoom({
    roomId: '12345',
});

const roomEngine = new TUIRoomEngine();
await roomEngine.destroyRoom();

const roomEngine = new TUIRoomEngine();
await roomEngine.exitRoom();

const roomEngine = new TUIRoomEngine();
const roomInfo = roomEngine.fetchRoomInfo();

const roomEngine = new TUIRoomEngine();
await roomEngine.createRoom({ roomId: '12345' });
await roomEngine.updateRoomNameByAdmin({ roomName: 'NewName' });

const roomEngine = new TUIRoomEngine();
await roomEngine.createRoom({ roomId: '12345' });
await roomEngine.updateRoomSpeechModeByAdmin({
  speechMode: TUISpeechMode.kSpeakAfterTakingSeat  // Update to Go Live Speaking mode
});

const roomEngine = new TUIRoomEngine();
const userList = [];
let result;
do {
  result = await globalProperties.roomEngine.getUserList();
  userList.push(...result.userInfoList);
} while (result.nextSequence !== 0)

const roomEngine = new TUIRoomEngine();
const userList = [];
const userInfo = await roomEngine.getUserInfo({
    userId: 'user_12345',
});


const roomEngine = new TUIRoomEngine();
    
// Set the playback area of the local camera stream to the div element with id 'preview-camera'
await roomEngine.setLocalVideoView({
  streamType: TUIVideoStreamType.kCameraStream,
  view: 'preview-camera',
});
    
// Set the playback area of the local screen sharing stream to the div element with id 'preview-screen'
await roomEngine.setLocalVideoView({
  streamType: TUIVideoStreamType.kScreenStream,
  view: 'preview-screen',
});

const roomEngine = new TUIRoomEngine();
await roomEngine.setLocalVideoView({
  streamType: TUIVideoStreamType.kCameraStream,
  view: 'preview-camera',
});
await roomEngine.openLocalCamera();

const roomEngine = new TUIRoomEngine();
await roomEngine.closeLocalCamera();

const roomEngine = new TUIRoomEngine();
await roomEngine.openLocalMicrophone();