fcr-ui-scene 3.3.1 → 3.4.1

package/lib/providers/room-provider.js

@@ -0,0 +1,439 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrUIWaitingRoomControlProviderImpl = exports.FcrUIRoomProviderImpl = exports.FcrUIMainRoomControlProviderImpl = exports.FcrUICurrentRoomControlProviderImpl = exports.FcrUIConnectionProviderImpl = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.join.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _fcrCore = require("fcr-core");
+var _logger = require("agora-foundation/lib/logger");
+var _type = require("fcr-core/lib/room-control/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("fcr-core/lib/room-control/privilege-control/type");
+var _type3 = require("fcr-core/lib/type");
+var _observable = require("agora-foundation/lib/utilities/observable");
+var _type4 = require("agora-rte-sdk/lib/core/scene/type");
+var _type5 = require("agora-rte-sdk/lib/type");
+var _lodash = require("lodash");
+var _constant = require("../utilities/constant");
+var _base = require("../base");
+var _privilegeProvider = require("./privilege-provider");
+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; }
+var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/function () {
+  function FcrUIRoomProviderImpl(_eventProvider, _sceneConfig, _engine) {
+    var _this = this;
+    (0, _classCallCheck2["default"])(this, FcrUIRoomProviderImpl);
+    (0, _defineProperty2["default"])(this, "logger", (0, _logger.getLogger)());
+    (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
+    this._eventProvider = _eventProvider;
+    this._sceneConfig = _sceneConfig;
+    this._engine = _engine;
+    //@ts-ignore
+    window.roomStore = this;
+    this._mainRoomObserver = {
+      onLocalUserMovedToWaitingRoom: function () {
+        var _onLocalUserMovedToWaitingRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(roomId, event) {
+          var roomControl, _roomControl$getPrivi, info, room;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                roomControl = _this._mainRoomControl; //todo
+                if (!roomControl) {
+                  _context.next = 20;
+                  break;
+                }
+                _roomControl$getPrivi = roomControl.getPrivilegeControl().getSecurityInfo(_type2.FcrSecurityAction.WaitingRoom), info = _roomControl$getPrivi.info;
+                if (!info) {
+                  _context.next = 20;
+                  break;
+                }
+                _context.prev = 4;
+                room = _this._engine.createWaitingRoomControl(info.payload.roomUuid);
+                _context.next = 8;
+                return room.join(_objectSpread({}, _this._getJoinRoomOption()));
+              case 8:
+                _this._waitingRoomControl = room;
+                room.addObserver(_this._waitingRoomObserver);
+                room.getUserControl().addObserver(_this._waitingRoomUserObserver);
+                roomControl.getUserControl().removeObserver(_this._mainRoomUserObserver);
+                // TODO: 加入房间后，需要设置摄像头状态
+                // const cameraEnabled = this._deviceStore.cameraEnabled;
+                // if (cameraEnabled) {
+                // this._deviceStore.setCameraEnabled(false);
+                // }
+                _this._observable.notifyObservers('onLeaveMainRoom');
+                _this._eventProvider.showToast({
+                  type: 'error',
+                  message: (0, _i18n.transI18n)('fmt_waitingroom_attendie_overview_label__toast_move_to_waitingroom')
+                });
+                // TODO: 加入房间后，需要设置摄像头状态
+                // if (cameraEnabled) {
+                // this._deviceStore.setCameraEnabled(true);
+                // }
+                _this._observable.notifyObservers('onJoinWaitingRoom', _this._waitingRoomControl);
+                _context.next = 20;
+                break;
+              case 17:
+                _context.prev = 17;
+                _context.t0 = _context["catch"](4);
+                _this._observable.notifyObservers('onJoinWaitingRoomFailed', _context.t0);
+              case 20:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[4, 17]]);
+        }));
+        function onLocalUserMovedToWaitingRoom(_x, _x2) {
+          return _onLocalUserMovedToWaitingRoom.apply(this, arguments);
+        }
+        return onLocalUserMovedToWaitingRoom;
+      }()
+    };
+    this._waitingRoomObserver = {
+      onLocalUserMovedToMainRoom: function () {
+        var _onLocalUserMovedToMainRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(roomId, event) {
+          return _regenerator["default"].wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _this._observable.notifyObservers('onLeaveWaitingRoom');
+                _this._observable.notifyObservers('onJoinMainRoom', (0, _lodash.get)(event.changedProperties, 'security.ticket'));
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function onLocalUserMovedToMainRoom(_x3, _x4) {
+          return _onLocalUserMovedToMainRoom.apply(this, arguments);
+        }
+        return onLocalUserMovedToMainRoom;
+      }()
+    };
+    this._waitingRoomUserObserver = {
+      onLocalUserKickedOut: function onLocalUserKickedOut(roomId) {
+        _this._observable.notifyObservers('onWaitingRoomLocalUserKickedOut', roomId);
+      }
+    };
+    this._mainRoomUserObserver = {
+      onUserInfoUpdated: function onUserInfoUpdated(roomId, event) {
+        // 权限变更的时候
+        if (_this._mainRoomControl && event.modifiedUser.userId === _this._mainRoomControl.getUserControl().getLocalUser().userId) {
+          _this._sceneConfig.userRole = event.modifiedUser.userRole;
+          _this._judgeWaitingRoomPremissionAndCreateRoomControl();
+        }
+      },
+      onLocalUserKickedOut: function onLocalUserKickedOut(roomId) {
+        _this._observable.notifyObservers('onMainRoomLocalUserKickedOut', roomId);
+      }
+    };
+  }
+  return (0, _createClass2["default"])(FcrUIRoomProviderImpl, [{
+    key: "waitingRoomControl",
+    get: function get() {
+      return this._waitingRoomControl;
+    }
+  }, {
+    key: "mainRoomControl",
+    get: function get() {
+      return this._mainRoomControl;
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      if (this._mainRoomControl) {
+        this._mainRoomControl.leave();
+        this._mainRoomControl = undefined;
+      }
+      if (this._waitingRoomControl) {
+        this._waitingRoomControl.leave();
+        this._waitingRoomControl = undefined;
+      }
+    }
+  }, {
+    key: "handleJoinRoom",
+    value: function () {
+      var _handleJoinRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomId) {
+        var _room$getRoomInfo;
+        var room;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return this._engine.createRoomControlAndJoin(roomId, this._getJoinRoomOption());
+            case 2:
+              room = _context3.sent;
+              if (!(((_room$getRoomInfo = room.getRoomInfo()) === null || _room$getRoomInfo === void 0 ? void 0 : _room$getRoomInfo.roomType) === _type.FcrRoomType.Mainroom)) {
+                _context3.next = 11;
+                break;
+              }
+              this._mainRoomControl = room;
+              this._mainRoomControl.addObserver(this._mainRoomObserver);
+              this._mainRoomControl.getUserControl().addObserver(this._mainRoomUserObserver);
+              // 如果已经有等候室管理员权限 再次创建房间
+              this._judgeWaitingRoomPremissionAndCreateRoomControl();
+              return _context3.abrupt("return", [_type.FcrRoomType.Mainroom, this._mainRoomControl]);
+            case 11:
+              this._waitingRoomControl = room;
+              this._waitingRoomControl.addObserver(this._waitingRoomObserver);
+              this._waitingRoomControl.getUserControl().addObserver(this._waitingRoomUserObserver);
+              room.sendRoomMessage({
+                messageKey: _type3.RoomMessageKey.USER_WAITING_ROOM_JOINED
+              }, false);
+              return _context3.abrupt("return", [_type.FcrRoomType.Waitingroom, this._waitingRoomControl]);
+            case 16:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function handleJoinRoom(_x5) {
+        return _handleJoinRoom.apply(this, arguments);
+      }
+      return handleJoinRoom;
+    }()
+  }, {
+    key: "handleJoinMainRoom",
+    value: function () {
+      var _handleJoinMainRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(roomId, ticket) {
+        var room;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              room = this._engine.createMainRoomControl(roomId);
+              _context4.next = 3;
+              return room.joinWithTicket(_objectSpread(_objectSpread({}, this._getJoinRoomOption()), {}, {
+                ticket: ticket
+              }));
+            case 3:
+              room.addObserver(this._mainRoomObserver);
+              room.getUserControl().addObserver(this._mainRoomUserObserver);
+              this._mainRoomControl = room;
+              return _context4.abrupt("return", room);
+            case 7:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function handleJoinMainRoom(_x6, _x7) {
+        return _handleJoinMainRoom.apply(this, arguments);
+      }
+      return handleJoinMainRoom;
+    }()
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._observable.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._observable.removeObserver(observer);
+    }
+  }, {
+    key: "_judgeWaitingRoomPremissionAndCreateRoomControl",
+    value: function () {
+      var _judgeWaitingRoomPremissionAndCreateRoomControl2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var _this$_mainRoomContro, info, isWaitingRoomManager, waitingRoomId, room;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (this._mainRoomControl) {
+                _context5.next = 2;
+                break;
+              }
+              return _context5.abrupt("return");
+            case 2:
+              _this$_mainRoomContro = this._mainRoomControl.getPrivilegeControl().getSecurityInfo(_type2.FcrSecurityAction.WaitingRoom), info = _this$_mainRoomContro.info;
+              isWaitingRoomManager = this._mainRoomControl.getPrivilegeControl().getLocalUserPermissionInfo(_type2.FcrPermissionAction.WaitingRoomOpen).enable;
+              if (!isWaitingRoomManager) {
+                _context5.next = 17;
+                break;
+              }
+              if (!info) {
+                _context5.next = 15;
+                break;
+              }
+              waitingRoomId = info.payload.roomUuid;
+              this.logger.info("[waitingroomLog-createWaitingRoom] before waitingRoomManager create waiting room");
+              room = this._engine.createWaitingRoomControl(waitingRoomId);
+              this.logger.info("[waitingroomLog-joinWaitingRoomBefore] before waitingRoomManager join waiting room");
+              _context5.next = 12;
+              return room.join(_objectSpread(_objectSpread({}, this._getJoinRoomOption()), {}, {
+                createStreamConfigs: []
+              }));
+            case 12:
+              this.logger.info("[waitingroomLog-joinWaitingRoomAfter] after waitingRoomManager join waiting room");
+              this._waitingRoomControl = room;
+              this._observable.notifyObservers('onJoinWaitingRoom', this._waitingRoomControl, true);
+            case 15:
+              _context5.next = 19;
+              break;
+            case 17:
+              this._destroyWaitingRoom();
+              this._eventProvider.sendEvent(_constant.FcrUIAction.WAITING_ROOM_DESTROYED);
+            case 19:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function _judgeWaitingRoomPremissionAndCreateRoomControl() {
+        return _judgeWaitingRoomPremissionAndCreateRoomControl2.apply(this, arguments);
+      }
+      return _judgeWaitingRoomPremissionAndCreateRoomControl;
+    }()
+  }, {
+    key: "_destroyWaitingRoom",
+    value: function _destroyWaitingRoom() {
+      var _this$_waitingRoomCon;
+      (_this$_waitingRoomCon = this._waitingRoomControl) === null || _this$_waitingRoomCon === void 0 || _this$_waitingRoomCon.leave();
+      this._waitingRoomControl = undefined;
+    }
+  }, {
+    key: "_getJoinRoomOption",
+    value: function _getJoinRoomOption() {
+      var config = this._sceneConfig;
+      var streams = [{
+        streamName: 'default',
+        streamType: _type4.AgoraRteMediaStreamType.BOTH,
+        videoSourceType: _type5.AgoraRteVideoSourceType.CAMERA,
+        audioSourceType: _type5.AgoraRteAudioSourceType.MICROPHONE
+      }];
+      if (config.userRole === _type3.FcrUserRole.ROBOT) {
+        streams = [];
+      }
+      return {
+        userName: config.userName,
+        userRole: config.userRole,
+        userProperties: config.userProperties,
+        streamLatency: _fcrCore.FcrStreamLatencyLevel.ULTRA_LOW,
+        createStreamConfigs: streams,
+        roomToken: config.roomToken,
+        password: config.password
+      };
+    }
+  }]);
+}();
+var FcrUIConnectionProviderImpl = exports.FcrUIConnectionProviderImpl = /*#__PURE__*/function () {
+  function FcrUIConnectionProviderImpl(_engine) {
+    (0, _classCallCheck2["default"])(this, FcrUIConnectionProviderImpl);
+    this._engine = _engine;
+  }
+  return (0, _createClass2["default"])(FcrUIConnectionProviderImpl, [{
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._engine.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._engine.removeObserver(observer);
+    }
+  }]);
+}();
+var FcrUIMainRoomControlProviderImpl = exports.FcrUIMainRoomControlProviderImpl = /*#__PURE__*/function () {
+  function FcrUIMainRoomControlProviderImpl(_mainRoomControl, eventProvider) {
+    (0, _classCallCheck2["default"])(this, FcrUIMainRoomControlProviderImpl);
+    this._mainRoomControl = _mainRoomControl;
+    this._privilegeProvider = new _privilegeProvider.FcrUIPrivilegeProviderImpl(eventProvider, _mainRoomControl.getPrivilegeControl(), _mainRoomControl.getUserControl(), _mainRoomControl.getStreamControl());
+  }
+  return (0, _createClass2["default"])(FcrUIMainRoomControlProviderImpl, [{
+    key: "mainRoomControl",
+    get: function get() {
+      return this._mainRoomControl;
+    }
+  }, {
+    key: "privilegeProvider",
+    get: function get() {
+      return this._privilegeProvider;
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._privilegeProvider.release();
+    }
+  }]);
+}();
+var FcrUIWaitingRoomControlProviderImpl = exports.FcrUIWaitingRoomControlProviderImpl = /*#__PURE__*/function () {
+  function FcrUIWaitingRoomControlProviderImpl(roomProvider, eventProvider) {
+    var _this2 = this;
+    (0, _classCallCheck2["default"])(this, FcrUIWaitingRoomControlProviderImpl);
+    roomProvider.addObserver({
+      onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
+        _this2._setWaitingRoomControl(roomControl, eventProvider);
+      },
+      onLeaveWaitingRoom: function onLeaveWaitingRoom() {
+        var _this2$_privilegeProv;
+        (_this2$_privilegeProv = _this2._privilegeProvider) === null || _this2$_privilegeProv === void 0 || _this2$_privilegeProv.release();
+        _this2._privilegeProvider = undefined;
+        _this2._waitingRoomControl = undefined;
+      }
+    });
+    if (roomProvider.waitingRoomControl) {
+      this._setWaitingRoomControl(roomProvider.waitingRoomControl, eventProvider);
+    }
+  }
+  return (0, _createClass2["default"])(FcrUIWaitingRoomControlProviderImpl, [{
+    key: "waitingRoomControl",
+    get: function get() {
+      return this._waitingRoomControl;
+    }
+  }, {
+    key: "privilegeProvider",
+    get: function get() {
+      return this._privilegeProvider;
+    }
+  }, {
+    key: "_setWaitingRoomControl",
+    value: function _setWaitingRoomControl(roomControl, eventProvider) {
+      this._waitingRoomControl = roomControl;
+      this._privilegeProvider = new _privilegeProvider.FcrUIPrivilegeProviderImpl(eventProvider, roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl());
+    }
+  }]);
+}();
+var FcrUICurrentRoomControlProviderImpl = exports.FcrUICurrentRoomControlProviderImpl = /*#__PURE__*/function () {
+  function FcrUICurrentRoomControlProviderImpl(_currentRoomControl) {
+    (0, _classCallCheck2["default"])(this, FcrUICurrentRoomControlProviderImpl);
+    this._currentRoomControl = _currentRoomControl;
+  }
+  return (0, _createClass2["default"])(FcrUICurrentRoomControlProviderImpl, [{
+    key: "currentRoomControl",
+    get: function get() {
+      return this._currentRoomControl;
+    }
+  }, {
+    key: "currentRoomType",
+    get: function get() {
+      return this._currentRoomControl.getRoomInfo().roomType;
+    }
+  }]);
+}();
+(0, _base.registerDependency)('roomProvider');
+(0, _base.registerDependency)('connectionProvider');
+(0, _base.registerDependency)('mainRoomControlProvider');
+(0, _base.registerDependency)('waitingRoomControlProvider');
+(0, _base.registerDependency)('currentRoomControlProvider');

package/lib/providers/session-provider.d.ts

@@ -0,0 +1,26 @@
+import { FcrCoreEngine } from 'fcr-core';
+import { FcrPeerSessionParams, FcrPeerSession } from 'fcr-core/lib/peer-session/type';
+import { FcrSessionResponse } from 'fcr-core/lib/type';
+export interface FcrUISessionObserver {
+    onPeerSessionReceived?(session: FcrPeerSession): void;
+    onPeerSessionAccepted?(session: FcrSessionResponse): void;
+    onPeerSessionRejected?(session: FcrSessionResponse): void;
+}
+export interface FcrUISessionProvider {
+    startPeerSession(params: FcrPeerSessionParams): Promise<string>;
+    stopPeerSession(sessionId: string): void;
+    acceptPeerSession(session: FcrPeerSession, cause?: Record<string, unknown>): Promise<void>;
+    rejectPeerSession(session: FcrPeerSession, cause?: Record<string, unknown>): Promise<void>;
+    addObserver(observer: FcrUISessionObserver): void;
+    removeObserver(observer: FcrUISessionObserver): void;
+}
+export declare class FcrUISessionProviderImpl implements FcrUISessionProvider {
+    private _peerSessionControl;
+    constructor(engine: FcrCoreEngine);
+    startPeerSession(params: FcrPeerSessionParams): Promise<string>;
+    stopPeerSession(sessionId: string): void;
+    acceptPeerSession(session: FcrPeerSession, cause?: Record<string, unknown>): Promise<void>;
+    rejectPeerSession(session: FcrPeerSession, cause?: Record<string, unknown>): Promise<void>;
+    addObserver(observer: FcrUISessionObserver): void;
+    removeObserver(observer: FcrUISessionObserver): void;
+}

package/lib/providers/session-provider.js

@@ -0,0 +1,49 @@
+"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.FcrUISessionProviderImpl = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _base = require("../base");
+var FcrUISessionProviderImpl = exports.FcrUISessionProviderImpl = /*#__PURE__*/function () {
+  function FcrUISessionProviderImpl(engine) {
+    (0, _classCallCheck2["default"])(this, FcrUISessionProviderImpl);
+    this._peerSessionControl = engine.getPeerSessionControl();
+  }
+  return (0, _createClass2["default"])(FcrUISessionProviderImpl, [{
+    key: "startPeerSession",
+    value: function startPeerSession(params) {
+      return this._peerSessionControl.startPeerSession(params);
+    }
+  }, {
+    key: "stopPeerSession",
+    value: function stopPeerSession(sessionId) {
+      return this._peerSessionControl.stopPeerSession(sessionId);
+    }
+  }, {
+    key: "acceptPeerSession",
+    value: function acceptPeerSession(session, cause) {
+      return this._peerSessionControl.acceptPeerSession(session, cause);
+    }
+  }, {
+    key: "rejectPeerSession",
+    value: function rejectPeerSession(session, cause) {
+      return this._peerSessionControl.rejectPeerSession(session, cause);
+    }
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._peerSessionControl.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._peerSessionControl.removeObserver(observer);
+    }
+  }]);
+}();
+(0, _base.registerDependency)('sessionProvider');

package/lib/runtime.d.ts

@@ -32,7 +32,11 @@ declare global {
     close(entryPath: string, dialogId?: string): void;
     openRendererWindow(
       frameName: string,
-      renderFn: (dom: Element, browserWindow: Electron.BrowserWindow) => void,
+      renderFn: (
+        dom: Element,
+        browserWindow: Electron.BrowserWindow,
+        newRendererWindow: Window,
+      ) => void,
       windowOptions: import('electron').BrowserWindowConstructorOptions,
     ): void;
     closeRendererWindow(frameName: string): void;
@@ -56,7 +60,6 @@ declare global {
     showItemInFolder(path: string): void;
     screen: Electron.Screen;
     launch?(options: any): void;
-    setAlwaysOnTop(): void;
     quitApp(): void;
     getSystemMemorySize(): number;
     getSystemCpuInfo(): import('os').CpuInfo[];
@@ -70,13 +73,20 @@ declare global {
     }>;
     setFragmentBaseUrl(isDev: boolean, baseUrl: string): void;
     getBrowserWindowById(id: number): import('electron').BrowserWindow | undefined;
-    getVirtualBgResource(url: string, md5Url: string, type: 'image' | 'video'): Promise<string[]>;
-    fileToBase64(filePath: string, type: 'image' | 'video'): string;
+    getResourceByFileType(
+      url: string,
+      md5Url: string,
+      type: 'image' | 'video' | 'audio',
+    ): Promise<string[]>;
+    fileToBase64(filePath: string, type: 'image' | 'video' | 'audio'): string;
     registerListenerReady(): void;
     releaseSubAllWindowRefs(): void;
     getMediaSourceIdList(): { title: string; mediaSourceId: string }[];
     setInMeetingState(state: 0 | 1): void;
+    restartApp(): void;
     getBundleType(): Promise<'JS_BUNDLE' | 'NATIVE_BUNDLE'>;
+    checkMediaPermission(mediaType: 'microphone' | 'camera' | 'sharing'): Promise<boolean>;
+    openSystemPreferences(mediaType: 'microphone' | 'camera' | 'sharing'): void;
   }
 
   interface Window {

package/lib/scenes/base.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FcrUIRootNode } from '../ui-node';
+export declare abstract class FcrBaseUIScene extends FcrUIRootNode {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    abstract mount(dom: HTMLElement): void;
+    abstract unmount(dom: HTMLElement): void;
+    protected renderLayers(layers: JSX.Element[]): import("react/jsx-runtime").JSX.Element[];
+    protected renderWithErrorBoundary(layoutComponent: JSX.Element, spaceName: string): import("react/jsx-runtime").JSX.Element;
+    protected logError(error: Error, info: React.ErrorInfo, space: string): void;
+}

package/lib/scenes/base.js

@@ -0,0 +1,75 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrBaseUIScene = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _errorFallback = require("../error-fallback");
+var _uiNode = require("../ui-node");
+var _logger = require("agora-foundation/lib/logger");
+var _jsxRuntime = require("react/jsx-runtime");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var FcrBaseUIScene = exports.FcrBaseUIScene = /*#__PURE__*/function (_FcrUIRootNode) {
+  function FcrBaseUIScene() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, FcrBaseUIScene);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, FcrBaseUIScene, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "logger", (0, _logger.getLogger)());
+    return _this;
+  }
+  (0, _inherits2["default"])(FcrBaseUIScene, _FcrUIRootNode);
+  return (0, _createClass2["default"])(FcrBaseUIScene, [{
+    key: "renderLayers",
+    value: function renderLayers(layers) {
+      return layers.map(function (el, i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
+          children: el
+        }, i);
+      });
+    }
+  }, {
+    key: "renderWithErrorBoundary",
+    value: function renderWithErrorBoundary(layoutComponent, spaceName) {
+      var _this2 = this;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
+        FallbackComponent: _errorFallback.ErrorFallback,
+        onError: function onError(error, info) {
+          return _this2.logError(error, info, spaceName);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            width: '100vw',
+            height: '100vh'
+          },
+          children: layoutComponent
+        })
+      });
+    }
+  }, {
+    key: "logError",
+    value: function logError(error, info, space) {
+      var errorMessage = "[UIScene]: ErrorBoundary wrap ".concat(space, " error:");
+      var componentStackMessage = "componentStack: ".concat(info.componentStack);
+      this.logger.error("".concat(errorMessage, "\n") + "  Error: ".concat(error.message, "\n") + "  Stack: ".concat(error.stack, "\n") + "  ".concat(componentStackMessage));
+    }
+  }]);
+}(_uiNode.FcrUIRootNode);