fcr-ui-scene 3.7.3 → 3.7.4-rc.1

package/lib/ui-scene.js

@@ -3,8 +3,6 @@
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.to-primitive.js");
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
@@ -40,6 +38,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrUIDefaultScene = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
@@ -110,7 +110,14 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
     // @internal
     (0, _defineProperty2["default"])(this, "_isLaunched", false);
+    // @internal
+    (0, _defineProperty2["default"])(this, "_dialogObserver", {
+      onOpenSettingDialog: function onOpenSettingDialog() {
+        _this._observable.notifyObservers('onOpenSettingDialog');
+      }
+    });
     (0, _defineProperty2["default"])(this, "_joinSuccess", false);
+    (0, _defineProperty2["default"])(this, "_joinAbortController", null);
     (0, _defineProperty2["default"])(this, "_handleBeforeUnload", function () {
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
@@ -148,6 +155,10 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   return (0, _createClass2["default"])(FcrUIDefaultScene, [{
     key: "exit",
     value: function exit() {
+      if (this._joinAbortController) {
+        this._joinAbortController.abort();
+        this._joinAbortController = null;
+      }
       this._observable.notifyObservers('onExited', this._config.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
       this._release();
     }
@@ -355,33 +366,81 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       // joinRoomCallback: () => void,
       ) {
         var _this4 = this;
-        var p;
+        var abortController, p;
         return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              p = engine.login().then(function () {
-                return roomControl.handleJoinRoom();
-              }).then(/*#__PURE__*/function () {
-                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response) {
+              abortController = new AbortController();
+              this._joinAbortController = abortController;
+              p = new Promise(/*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(resolve, reject) {
+                  var onAbort, response, _t;
                   return _regenerator["default"].wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        // joinRoomCallback();
+                        onAbort = function onAbort() {
+                          return reject(new Error('join aborted'));
+                        };
+                        abortController.signal.addEventListener('abort', onAbort, {
+                          once: true
+                        });
+                        _context.prev = 1;
+                        _context.next = 2;
+                        return engine.login();
+                      case 2:
+                        if (!abortController.signal.aborted) {
+                          _context.next = 3;
+                          break;
+                        }
+                        throw new Error('join aborted');
+                      case 3:
+                        _context.next = 4;
+                        return roomControl.handleJoinRoom();
+                      case 4:
+                        response = _context.sent;
+                        if (!abortController.signal.aborted) {
+                          _context.next = 5;
+                          break;
+                        }
+                        throw new Error('join aborted');
+                      case 5:
+                        if (_this4._isLaunched) {
+                          _context.next = 6;
+                          break;
+                        }
+                        return _context.abrupt("return", reject());
+                      case 6:
                         _this4._joinSuccess = true;
-                        return _context.abrupt("return", response);
-                      case 1:
+                        // joinRoomCallback();
+                        return _context.abrupt("return", resolve());
+                      case 7:
+                        _context.prev = 7;
+                        _t = _context["catch"](1);
+                        return _context.abrupt("return", reject(_t));
+                      case 8:
+                        _context.prev = 8;
+                        abortController.signal.removeEventListener('abort', onAbort);
+                        _this4._joinAbortController = null;
+                        return _context.finish(8);
+                      case 9:
                       case "end":
                         return _context.stop();
                     }
-                  }, _callee);
+                  }, _callee, null, [[1, 7, 8, 9]]);
                 }));
-                return function (_x3) {
+                return function (_x3, _x4) {
                   return _ref2.apply(this, arguments);
                 };
               }());
               p.then(function () {
+                if (!_this4._isLaunched) return;
                 _this4._observable.notifyObservers('onLaunchSuccess', _this4._config.roomId);
               })["catch"](function (e) {
+                if (!_this4._isLaunched) return;
+                if ((e === null || e === void 0 ? void 0 : e.message) === 'join aborted') {
+                  _this4.logger.info('join aborted');
+                  return;
+                }
                 _this4._observable.notifyObservers('onLaunchFailure', _this4._config.roomId, e);
               });
               return _context2.abrupt("return", p);
@@ -389,7 +448,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
             case "end":
               return _context2.stop();
           }
-        }, _callee2);
+        }, _callee2, this);
       }));
       function _joinRoom(_x, _x2) {
         return _joinRoom2.apply(this, arguments);
@@ -444,7 +503,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function _renderSceneUI(_x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19) {
+      function _renderSceneUI(_x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19, _x20) {
         return _renderSceneUI2.apply(this, arguments);
       }
       return _renderSceneUI;
@@ -522,8 +581,6 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_initSettingStore",
     value: function _initSettingStore(_ref3) {
-      var _this$_dialogProvider,
-        _this5 = this;
       var roomProvider = _ref3.roomProvider,
         eventProvider = _ref3.eventProvider,
         deviceProvider = _ref3.deviceProvider,
@@ -534,6 +591,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         dialogProvider = _ref3.dialogProvider,
         monitorProvider = _ref3.monitorProvider,
         sharedInterpreterDataSource = _ref3.sharedInterpreterDataSource;
+      this.logger.debug('init SettingStore');
       var settingStore = new _store["default"]({
         eventProvider: eventProvider,
         monitorProvider: monitorProvider,
@@ -546,11 +604,9 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         dialogProvider: dialogProvider,
         sharedInterpreterDataSource: sharedInterpreterDataSource
       });
-      (_this$_dialogProvider = this._dialogProvider) === null || _this$_dialogProvider === void 0 || _this$_dialogProvider.addObserver({
-        onOpenSettingDialog: function onOpenSettingDialog() {
-          _this5._observable.notifyObservers('onOpenSettingDialog');
-        }
-      });
+      settingStore.startMeeting();
+      this._dialogProvider.removeObserver(this._dialogObserver);
+      this._dialogProvider.addObserver(this._dialogObserver);
       this._observable.notifyObservers('onSettingStore', settingStore);
     }
   }, {

package/lib/utilities/constant.d.ts

@@ -174,3 +174,8 @@ export declare enum FcrUIHighlightElement {
     TRANSLATE_TARGET = "fcr_TRANSLATE_TARGET_highlighter",
     TRANSLATE_INTERPRETER = "fcr_TRANSLATE_INTERPRETER_highlighter"
 }
+export declare const ErrorCode: {
+    FAILED_TO_MOVE_USER_TO_WAITING_ROOM: number;
+    FAILED_TO_UPDATE_USER_ROLE_DUE_TO_PRIVILEGE: number;
+    FAILED_TO_UPDATE_USER_ROLE_DUE_TO_LIMIT_REACHED: number;
+};

package/lib/utilities/constant.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrUIVideoWindowPinType = exports.FcrUIRoomControlType = exports.FcrUIRendererEventAction = exports.FcrUIParticipantType = exports.FcrUIHighlightElement = exports.FcrUIDialogKey = exports.FcrUIAction = void 0;
+exports.FcrUIVideoWindowPinType = exports.FcrUIRoomControlType = exports.FcrUIRendererEventAction = exports.FcrUIParticipantType = exports.FcrUIHighlightElement = exports.FcrUIDialogKey = exports.FcrUIAction = exports.ErrorCode = void 0;
 var FcrUIRendererEventAction = exports.FcrUIRendererEventAction = /*#__PURE__*/function (FcrUIRendererEventAction) {
   /**
    * Indicates that the fragment has been loaded.
@@ -188,4 +188,9 @@ var FcrUIHighlightElement = exports.FcrUIHighlightElement = /*#__PURE__*/functio
   FcrUIHighlightElement["TRANSLATE_TARGET"] = "fcr_TRANSLATE_TARGET_highlighter";
   FcrUIHighlightElement["TRANSLATE_INTERPRETER"] = "fcr_TRANSLATE_INTERPRETER_highlighter";
   return FcrUIHighlightElement;
-}({});
+}({});
+var ErrorCode = exports.ErrorCode = {
+  FAILED_TO_MOVE_USER_TO_WAITING_ROOM: 732403470,
+  FAILED_TO_UPDATE_USER_ROLE_DUE_TO_PRIVILEGE: 700000403,
+  FAILED_TO_UPDATE_USER_ROLE_DUE_TO_LIMIT_REACHED: 720403001
+};

package/lib/utilities/default-config.d.ts

@@ -6,6 +6,7 @@ export declare const cameraVideoHighStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const cameraVideoLowStreamEncoderConfig: {
     dimensions: {
@@ -14,6 +15,7 @@ export declare const cameraVideoLowStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const screenCaptureHighStreamEncoderConfig: {
     dimensions: {
@@ -22,6 +24,7 @@ export declare const screenCaptureHighStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const screenCaptureLowStreamEncoderConfig: {
     dimensions: {
@@ -30,6 +33,7 @@ export declare const screenCaptureLowStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare let enableCameraDualStreamMode: boolean;
 export declare let enableScreenDualStreamMode: boolean;

package/lib/utilities/default-config.js

@@ -14,7 +14,8 @@ var cameraVideoHighStreamEncoderConfig = exports.cameraVideoHighStreamEncoderCon
     height: 720
   },
   frameRate: 30,
-  bitrate: 1500
+  bitrate: 1500,
+  isMirror: false
 };
 var cameraVideoLowStreamEncoderConfig = exports.cameraVideoLowStreamEncoderConfig = {
   dimensions: {
@@ -22,7 +23,8 @@ var cameraVideoLowStreamEncoderConfig = exports.cameraVideoLowStreamEncoderConfi
     height: 270
   },
   frameRate: 15,
-  bitrate: 350
+  bitrate: 350,
+  isMirror: false
 };
 var screenCaptureHighStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = {
   dimensions: {
@@ -30,7 +32,8 @@ var screenCaptureHighStreamEncoderConfig = exports.screenCaptureHighStreamEncode
     height: 1080
   },
   frameRate: 15,
-  bitrate: 1500
+  bitrate: 1500,
+  isMirror: false
 };
 var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderConfig = {
   dimensions: {
@@ -38,7 +41,8 @@ var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderC
     height: 240
   },
   frameRate: 15,
-  bitrate: 400
+  bitrate: 400,
+  isMirror: false
 };
 var enableCameraDualStreamMode = exports.enableCameraDualStreamMode = true;
 var enableScreenDualStreamMode = exports.enableScreenDualStreamMode = false;

package/lib/utilities/dialog-utils.d.ts

@@ -50,11 +50,12 @@ export declare function followCorrectDisplay({ browserWindow, dialogKey, extraRe
      */
     extraRefControlbarCondition?: boolean;
     /**
-     * 根据屏幕或者应用主窗口居中显示，默认是 screen，如果需要跟随主窗口，则设置为 main-window,
+     * 根据屏幕或者应用主窗口居中显示，默认是 screen，如果需要跟随主窗口，则设置为 main-window
+     * 如果设置为 false，则不跟随任何窗口，只返回数据, 此设置主要针对 controlbar 弹窗，controlbar 有自己的逻辑
      * 在屏幕共享时，普通 dialog 窗口会以 controlbar 所在的屏幕为基准水平居中对齐
      * 在非屏幕共享状态下，则会以主窗口为基准水平居中对齐
      */
-    follow?: 'screen' | 'main-window';
+    follow?: 'screen' | 'main-window' | false;
     /**
      * 是否是全屏幕覆盖的透明窗口, 此设置主要针对 toast 和 confirm 弹窗
      */

package/lib/utilities/dialog-utils.js

@@ -22,15 +22,18 @@ var _env = require("agora-foundation/lib/utilities/env");
 var _constant = require("./constant");
 var _store = require("../modules/dialog/store");
 var _renderer = require("./renderer");
+var _logger = require("./logger");
 // 修复 windows 无法响应 hover 的问题
 function handleCheckMouseOver(params) {
   if (!(0, _env.isElectron)()) return;
+  var logger = (0, _logger.getLogger)();
   var elem = params.elem,
     browserWindow = params.browserWindow,
     screenBounds = params.screenBounds,
     callback = params.callback,
     newRendererWindow = params.newRendererWindow,
     dialog = params.dialog;
+  var enterHotZoneState = false;
   browserWindow.focus();
   browserWindow.setIgnoreMouseEvents(true);
   var MAX_HEIGHT = 430; // 内容最多的 popover 高度
@@ -92,13 +95,21 @@ function handleCheckMouseOver(params) {
     var barControlBoundary = mouse_x > inside_x1 && mouse_x < inside_x2 && mouse_y > inside_y1 && mouse_y < inside_y2;
     var barWrapWithInsideBoundary = mouse_x > bar_x1 && mouse_x < bar_x2 && mouse_y > bar_y1 && mouse_y < bar_y2 - inside_h || barControlBoundary;
     if (dialog === _constant.FcrUIDialogKey.CONTROL_BAR ? barWrapWithInsideBoundary : barWrapBoundary) {
-      browserWindow.setIgnoreMouseEvents(false);
-      // 因为当用户点击其他窗口时，鼠标返回热区窗口会自动聚焦返回到上层，经测试这个注释不会影响现有功能，先注释看有没有其它影响
-      // if (!browserWindow.isFocused()) {
-      //   browserWindow.focus();
-      // }
+      if (!enterHotZoneState) {
+        enterHotZoneState = true;
+        browserWindow.setIgnoreMouseEvents(false);
+        logger.info('[controlbar] Mouse entered hot zone');
+        // 因为当用户点击其他窗口时，鼠标返回热区窗口会自动聚焦返回到上层，经测试这个注释不会影响现有功能，先注释看有没有其它影响
+        // if (!browserWindow.isFocused()) {
+        //   browserWindow.focus();
+        // }
+      }
     } else {
-      browserWindow.setIgnoreMouseEvents(true);
+      if (enterHotZoneState) {
+        enterHotZoneState = false;
+        browserWindow.setIgnoreMouseEvents(true);
+        logger.info('[controlbar] Mouse left hot zone');
+      }
     }
   }, 50);
   callback === null || callback === void 0 || callback(timerId);
@@ -109,7 +120,7 @@ function getCurrentSharingWorkArea(params) {
   var _window$screen = window.screen,
     availWidth = _window$screen.availWidth,
     availHeight = _window$screen.availHeight;
-  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(currentShareBounds) : null;
+  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayMatching(currentShareBounds) : null;
   var dataStruct = {
     bounds: {
       x: 0,
@@ -159,19 +170,25 @@ function followCorrectDisplay(_ref4) {
   }) : _store.dialogWindows.get(dialogKey) : browserWindow;
   var controlbar = _store.dialogWindows.get(_constant.FcrUIDialogKey.CONTROL_BAR);
   var mainAppWindowBounds = window.runtime.browserWindow.getBounds();
+
   // 按当前的窗口管理方式，在关闭 controlbar 的时候，controlbar 实际上是隐藏了自己，所以，依然能够通过 controlbar 访问到，所以需要判断是否是 visible 状态
   var followControlbar = !!(controlbar && (extraRefControlbarCondition || controlbar.isVisible()));
+
   // 屏幕抢占时，需要判断是否是抢占屏幕，决定是取 controlbar 所在屏幕计算热区，还是以主窗口所在屏幕计算热区，此类条件通过 extraRefControlbarCondition 传入
   var nearestPoint = followControlbar ? controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds() : mainAppWindowBounds;
   var nearDisplay = window.runtime.screen.getDisplayMatching(nearestPoint);
   var nearBounds = nearDisplay.bounds;
+
+  // alwaysFollowScreen 为 true 时取屏幕的宽高，否则取 workArea 的宽高
+  var width = alwaysFollowScreen ? Math.floor(nearBounds.width) : Math.floor(nearDisplay.workArea.width);
+  var height = alwaysFollowScreen ? Math.floor(nearBounds.height) : Math.floor(nearDisplay.workArea.height);
   var nearDisplayBounds = {
     x: Math.floor(nearBounds.x),
     y: Math.floor(nearBounds.y),
-    width: Math.floor(nearBounds.width),
-    height: Math.floor(nearBounds.height)
+    width: width,
+    height: height
   };
-  var followBounds = function followBounds(theWindowBounds) {
+  var followWithAlignToCenter = function followWithAlignToCenter(theWindowBounds) {
     var targetBounds = follow === 'screen' || extraRefControlbarCondition ? nearBounds : mainAppWindowBounds;
     return {
       x: Math.floor(targetBounds.x + (targetBounds.width - theWindowBounds.width) / 2),
@@ -196,12 +213,14 @@ function followCorrectDisplay(_ref4) {
         dialog === null || dialog === void 0 || dialog.maximize();
       }
     } else {
-      dialog === null || dialog === void 0 || dialog.setBounds(followBounds(dialog.getBounds()));
+      dialog === null || dialog === void 0 || dialog.setBounds(followWithAlignToCenter(dialog.getBounds()));
     }
   };
-  Array.isArray(objectDialog) ? objectDialog.forEach(function (dialog) {
-    return setBoundsMethod(dialog);
-  }) : setBoundsMethod(objectDialog);
+  if (follow !== false) {
+    Array.isArray(objectDialog) ? objectDialog.forEach(function (dialog) {
+      return setBoundsMethod(dialog);
+    }) : setBoundsMethod(objectDialog);
+  }
   return {
     nearDisplayBounds: nearDisplayBounds,
     nearDisplay: nearDisplay,

package/lib/utilities/package-info.d.ts

@@ -0,0 +1,3 @@
+import packageInfo from '../../package.json';
+export declare const getVersion: () => string;
+export declare const getDependenciesInfo: (packageName: keyof typeof packageInfo.dependencies) => string;

package/lib/utilities/package-info.js

@@ -0,0 +1,15 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVersion = exports.getDependenciesInfo = void 0;
+var _package = _interopRequireDefault(require("../../package.json"));
+var getVersion = exports.getVersion = function getVersion() {
+  return _package["default"].version;
+};
+var getDependenciesInfo = exports.getDependenciesInfo = function getDependenciesInfo(packageName) {
+  return _package["default"].dependencies[packageName];
+};

package/lib/waiting-room-control-manager.js

@@ -29,7 +29,7 @@ var _fcrCore = require("fcr-core");
 var _type = require("fcr-core/lib/room-control/user-control/type");
 var _type2 = require("fcr-core/lib/room-control/privilege-control/type");
 var _imports = require("fcr-core/lib/imports");
-var _type3 = require("agora-rte-sdk/lib/type");
+var _type3 = require("fcr-core/lib/type");
 var _logger = require("./utilities/logger");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -178,11 +178,11 @@ var FcrUIWaitingRoomControlManager = exports["default"] = /*#__PURE__*/function
       var config = this._sceneConfig;
       var streams = [{
         streamName: 'default',
-        streamType: _imports.AgoraRteMediaStreamType.BOTH,
-        videoSourceType: _imports.AgoraRteVideoSourceType.CAMERA,
-        audioSourceType: _type3.AgoraRteAudioSourceType.MICROPHONE,
-        videoSourceState: _type3.AgoraRteMediaSourceState.CLOSE,
-        audioSourceState: _type3.AgoraRteMediaSourceState.CLOSE
+        streamType: _type3.FcrStreamType.BOTH,
+        videoSourceType: _type3.FcrVideoSourceType.CAMERA,
+        audioSourceType: _fcrCore.FcrAudioSourceType.MICROPHONE,
+        videoSourceState: _type3.FcrMediaSourceState.CLOSE,
+        audioSourceState: _type3.FcrMediaSourceState.CLOSE
       }];
       if (config.userRole === _type.FcrUserRole.ROBOT) {
         streams = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcr-ui-scene",
-  "version": "3.7.3",
+  "version": "3.7.4-rc.1",
   "main": "lib/index.js",
   "repository": "ssh://git@git.agoralab.co/aduc/fcr-ui-scene-desktop.git",
   "author": "agora.io",
@@ -21,14 +21,14 @@
     "@electron/remote": "2.0.1",
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.3.1",
-    "agora-electron-sdk": "4.3.2-build.145-rc.4",
-    "agora-foundation": "~3.7.3",
-    "agora-ui-foundation": "~3.7.3",
+    "agora-electron-sdk": "4.3.2-build.17-rc.1",
+    "agora-foundation": "~3.7.4-rc.1",
+    "agora-ui-foundation": "~3.7.4-rc.1",
     "classnames": "^2.5.1",
     "core-js": "^3.33.3",
     "dayjs": "^1.10.4",
     "electron-screenshots": "^0.5.26",
-    "fcr-core": "~3.7.3",
+    "fcr-core": "~3.7.4-rc.1",
     "js-md5": "^0.8.3",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
@@ -59,7 +59,7 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-virtualized": "^9.21.30",
     "@types/tinycolor2": "^1.4.6",
-    "agora-toolchain": "~3.7.3",
+    "agora-toolchain": "~3.7.4-rc.1",
     "core-js": "^3.33.3",
     "electron": "22.3.27",
     "husky": "^9.0.11",

package/public/index.html

@@ -179,6 +179,11 @@
     (async () => {
       let creator;
       window.runtime.onCreatorInit = (config) => {
+        if (creator) {
+          creator.release();
+          creator = undefined;
+        }
+
         creator = new FcrUIScene.FcrUISceneCreator(config);
       };