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

package/lib/fragments/annotation/store.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.filter.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.is-array.js");
@@ -19,6 +17,7 @@ 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/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -46,26 +45,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FragmentAnnotationStoreContext = exports.FragmentAnnotationStore = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.date.now.js");
 require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.json.stringify.js");
-require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.json.parse.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 _react = require("react");
 var _imports = require("fcr-core/lib/imports");
 var _mobx = require("mobx");
@@ -77,8 +77,12 @@ var _rendererEvent = require("../../utilities/renderer-event");
 var _constant = require("../../utilities/constant");
 var _asyncRetry = require("agora-foundation/lib/utilities/async-retry");
 var _logger = require("../../utilities/logger");
+var _utils = require("./utils");
+var _electronRtcPlugin = require("fcr-core/lib/plugins/electron-rtc-plugin");
+var _rtmPlugin = require("fcr-core/lib/plugins/rtm-plugin");
+var _sharedStorage = require("../../utilities/shared-storage");
 var _FragmentAnnotationStore;
-var _initProto, _init_joined, _init_bounds, _init_currentTool, _init_isIgnore, _init_drawing, _handleBoardDomLoadDecs, _closeDecs, _hideDecs, _showDecs, _handleSetToolDecs, _ref;
+var _initProto, _init_joined, _init_bounds, _init_currentTool, _init_drawing, _handleBoardDomLoadDecs, _closeDecs, _hideDecs, _showDecs, _handleSetToolDecs, _ref;
 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; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -91,31 +95,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-var startPolling = function startPolling(pollingMethod) {
-  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30000;
-  var interval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
-  pollingMethod();
-  var startTime = Date.now();
-  var timer = setInterval(function () {
-    var elapsed = Date.now() - startTime;
-    if (elapsed >= duration) {
-      clearInterval(timer);
-      return;
-    }
-    pollingMethod();
-  }, interval);
-  return function () {
-    clearInterval(timer);
-  };
-};
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
 var _D = /*#__PURE__*/new WeakMap();
-var _E = /*#__PURE__*/new WeakMap();
 _ref = (_handleBoardDomLoadDecs = [_mobx.action, _mobx.action.bound], _closeDecs = [_mobx.action, _mobx.action.bound], _hideDecs = [_mobx.action, _mobx.action.bound], _showDecs = [_mobx.action, _mobx.action.bound], _handleSetToolDecs = [(0, _decorator.debounced)(300), _decorator.bound], "logger");
 var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/function () {
   function FragmentAnnotationStore() {
+    var _this = this;
     (0, _classCallCheck2["default"])(this, FragmentAnnotationStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createFragmentLogger)({
       prefix: 'AnnotationFragmentStore'
@@ -133,40 +120,20 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
       height: 600
     }));
     _classPrivateFieldInitSpec(this, _C, _init_currentTool(this, 'none'));
-    _classPrivateFieldInitSpec(this, _D, _init_isIgnore(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init_drawing(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_drawing(this, false));
     (0, _defineProperty2["default"])(this, "_hasWaitingOpen", false);
     (0, _defineProperty2["default"])(this, "_lastViewPortSet", {
       width: 0,
       height: 0
     });
-    (0, _defineProperty2["default"])(this, "_currentAnntationView", null);
     (0, _defineProperty2["default"])(this, "_pollingCancelHandler", function () {});
-    var annotationRtmAppId = localStorage.getItem('annotation_rtm_app_id') || '';
-    var boardOptions = localStorage.getItem('board_options');
-    var appId = JSON.parse(annotationRtmAppId);
-    this.logger.info("annotationRtmAppId => ".concat(appId));
-    var _JSON$parse = JSON.parse(boardOptions || '{}'),
-      boardAppId = _JSON$parse.boardAppId,
-      boardId = _JSON$parse.boardId,
-      boardRegion = _JSON$parse.boardRegion,
-      boardToken = _JSON$parse.boardToken,
-      boardUserToken = _JSON$parse.boardUserToken,
-      userId = _JSON$parse.boardUserUuid;
-    this._config = {
-      appId: appId,
-      userId: userId,
-      region: boardRegion,
-      appIdentifier: boardAppId,
-      boardId: boardId,
-      boardToken: boardToken
-    };
-    this.logger.info("boardinfo => ".concat(JSON.stringify(this._config)));
-    this._init(this._initEngine({
-      userId: userId,
-      roomToken: boardUserToken,
-      appId: appId
-    }));
+    (0, _defineProperty2["default"])(this, "_checkForConnectTaskInterval", _imports.AgoraScheduler.Duration.second(1));
+    (0, _defineProperty2["default"])(this, "_isEngineInitialized", false);
+    (0, _defineProperty2["default"])(this, "_openAbortController", null);
+    (0, _defineProperty2["default"])(this, "_openLock", false);
+    this._checkForConnectTask = _imports.AgoraScheduler.shared.addIntervalTask(function () {
+      _this._checkForConnect();
+    }, this._checkForConnectTaskInterval);
   }
   return (0, _createClass2["default"])(FragmentAnnotationStore, [{
     key: "joined",
@@ -193,77 +160,79 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "isIgnore",
+    key: "drawing",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_D, this, v);
     }
-  }, {
-    key: "drawing",
-    get: function get() {
-      return _classPrivateFieldGet(_E, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_E, this, v);
-    }
   }, {
     key: "open",
     value: function () {
       var _open = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var visible, _this$_resizeToMax, boundsWidth, boundsHeight, whiteboard, _this$_boardDom;
+        var _this2 = this;
+        var visible, boardRoom, _this$_resizeToMax, boundsWidth, boundsHeight, width, height, whiteboard, _t;
         return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              visible = window.runtime.browserWindow.isVisible();
-              this.logger.info("[annotation-fragment][open]: open method is called, the init bounds is =>, ".concat(JSON.stringify(this.bounds), ", visible ").concat(visible));
-              if (!visible) {
+              if (!(this._openLock || this.joined)) {
                 _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
             case 1:
+              this._openLock = true;
+              _context.prev = 2;
+              visible = window.runtime.browserWindow.isVisible();
+              this.logger.info("open method is called, the init bounds is =>, ".concat(JSON.stringify(this.bounds), ", visible ").concat(visible));
+              if (!visible) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
               this._cancelCurrentUpdateWindowSizeTimber('send-fragment-close');
               this.currentTool = 'curve';
               window.runtime.browserWindow.setAlwaysOnTop(true, 'pop-up-menu');
               this.setIgnore(true);
               this._hasWaitingOpen = !this._engine;
               if (this._engine) {
-                _context.next = 2;
-                break;
-              }
-              this.logger.info("[annotation-fragment][open]: this._engine is null, so open fail,\n         cannot draw, we will reopen after engine connected");
-              return _context.abrupt("return");
-            case 2:
-              this.logger.info('[annotation-fragment][open]: this._engine is initialized, show annotation window');
-              window.runtime.browserWindow.show();
-            case 3:
-              this.logger.info("[annotation-fragment][open]: this._joined ".concat(this.joined));
-              if (!this.joined) {
                 _context.next = 4;
                 break;
               }
+              this.logger.info("this._engine is null, so open fail, cannot draw, we will reopen after engine connected");
               return _context.abrupt("return");
             case 4:
-              if (this._boardRoom) {
-                _context.next = 5;
-                break;
-              }
-              _context.next = 5;
-              return this._initBoardRoom();
+              this.logger.info('this._engine is initialized, show annotation window');
+              window.runtime.browserWindow.show();
             case 5:
-              if (this._boardRoom) {
+              if (!this._boardRoom) {
                 _context.next = 6;
                 break;
               }
-              return _context.abrupt("return", this.logger.error("[annotation-fragment][open]: this._boardRoom is not initialized, ".concat(this._boardRoom)));
+              throw new Error('state is not in sync, joined state is false, but boardRoom is not null');
             case 6:
-              _this$_resizeToMax = this._resizeToMax(this.bounds.width, this.bounds.height, 1920), boundsWidth = _this$_resizeToMax.width, boundsHeight = _this$_resizeToMax.height;
               _context.next = 7;
-              return this._boardRoom.applicationManager.launchApplication(_imports.FcrWhiteboardApplication, {
-                width: boundsWidth,
-                height: boundsHeight,
+              return this._initBoardRoom();
+            case 7:
+              boardRoom = _context.sent;
+              this._boardRoom = boardRoom;
+              _this$_resizeToMax = this._resizeToMax(this.bounds.width, this.bounds.height, 1920), boundsWidth = _this$_resizeToMax.width, boundsHeight = _this$_resizeToMax.height;
+              width = boundsWidth;
+              height = boundsHeight;
+              if (!boundsWidth) {
+                this.logger.warn("boundsWidth is a invalid value: ".concat(boundsWidth, ", use default width 800"));
+                width = 800;
+              }
+              if (!boundsHeight) {
+                this.logger.warn("boundsHeight is a invalid value: ".concat(boundsHeight, ", use default height 600"));
+                height = 600;
+              }
+              _context.next = 8;
+              return boardRoom.applicationManager.launchApplication(_imports.FcrWhiteboardApplication, {
+                width: width,
+                height: height,
                 defaultToolbarStyle: {
                   tool: 'curve',
                   strokeColor: '#FFC908',
@@ -271,31 +240,55 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
                 },
                 maxScaleRatio: 1
               }, this._FORGE_WHITEBOARD_APP_ID);
-            case 7:
+            case 8:
               whiteboard = _context.sent;
-              this.logger.info("[annotation-fragment][open]: whiteboard launch success");
-              if (whiteboard) {
-                this._boardView.classList.add('fcr-whiteboard-window-view');
-                this._currentAnntationView = whiteboard.view;
-                this._boardView.appendChild(this._currentAnntationView);
-                (_this$_boardDom = this._boardDom) === null || _this$_boardDom === void 0 || _this$_boardDom.appendChild(this._boardView);
-                this._boardInstance = whiteboard;
-                // @ts-ignore
-                window._boardInstance = this._boardInstance;
-                this._initBoardStyle(whiteboard);
-                this.joined = true;
-                this.logger.info("[annotation-fragment][open]: mount success, the joined is ".concat(this.joined));
-                // 共享发起端 开启标注时，重置30s轮询updateWindowSize
-                this._handlePollingUpdateWindowSize('sender-board-room-init');
-                this._syncScreenShareOwnerOpenDone();
+              this._boardInstance = whiteboard;
+              this.logger.info("whiteboard launch success");
+              this._boardView.classList.add('fcr-whiteboard-window-view');
+              this._boardView.appendChild(whiteboard.view);
+              if (this._boardDom) {
+                _context.next = 9;
+                break;
               }
-              this._boardRoom.applicationManager.on('launch', this._launchHandler);
-              this._boardRoom.applicationManager.on('terminal', this._terminalHandler);
-            case 8:
+              throw new Error('cannot mount board view, boardDom is not set');
+            case 9:
+              this._boardDom.appendChild(this._boardView);
+
+              // @ts-ignore
+              window._boardInstance = this._boardInstance;
+              this._initBoardStyle(whiteboard);
+
+              // 共享发起端 开启标注时，重置30s轮询updateWindowSize
+              this._handlePollingUpdateWindowSize('sender-board-room-init');
+              this._syncScreenShareOwnerOpenDone();
+              boardRoom.applicationManager.on('launch', this._launchHandler);
+              boardRoom.applicationManager.on('terminal', this._terminalHandler);
+              // workaround
+              setTimeout(function () {
+                _this2.logger.info('clear page');
+                whiteboard.clearPage();
+              });
+              this.joined = true;
+              _context.next = 11;
+              break;
+            case 10:
+              _context.prev = 10;
+              _t = _context["catch"](2);
+              this._boardInstance = null;
+              this._boardRoom = null;
+              this.joined = false;
+              this.logger.error("open failed, error: ".concat(_t));
+              throw _t;
+            case 11:
+              _context.prev = 11;
+              this._openLock = false;
+              this.logger.info("open method is finished");
+              return _context.finish(11);
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this);
+        }, _callee, this, [[2, 10, 11, 12]]);
       }));
       function open() {
         return _open.apply(this, arguments);
@@ -311,47 +304,48 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     key: "close",
     value: function () {
       var _close = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        var _this$_boardRoom, _this$_boardRoom2, _this$_boardRoom3, _t;
+        var boardInstance, boardRoom;
         return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.prev = 0;
-              this._cancelCurrentUpdateWindowSizeTimber('send-fragment-close');
-              if (this._boardInstance) {
-                this._boardInstance.clearPage();
-                this.logger.info('[annotation-fragment][close]: clearPage');
-              }
-              this.joined = false;
-              this.currentTool = 'curve';
-              // this._boardRoom?.applicationManager.terminateApplication(this._FORGE_WHITEBOARD_APP_ID);
-              if (this._currentAnntationView && this._boardView.hasChildNodes()) {
-                this._boardView.removeChild(this._currentAnntationView);
+              try {
+                if (this._openAbortController) {
+                  this._openAbortController.abort();
+                  this._openAbortController = null;
+                }
+                this._cancelCurrentUpdateWindowSizeTimber('send-fragment-close');
+                boardInstance = this._boardInstance;
+                boardRoom = this._boardRoom;
+                if (boardInstance) {
+                  try {
+                    this._boardView.removeChild(boardInstance.view);
+                  } catch (domError) {
+                    this.logger.warn('failed to remove board view', domError);
+                  }
+                  boardInstance.clearPage();
+                }
+                if (boardRoom) {
+                  boardRoom.applicationManager.removeListener('launch', this._launchHandler);
+                  boardRoom.applicationManager.removeListener('terminal', this._terminalHandler);
+                  boardRoom.leaveRoom();
+                  this.logger.info(// @ts-ignore
+                  "leaveRoom, ".concat(boardRoom['traceId']));
+                }
+                this._boardInstance = null;
+                this._boardRoom = null;
+                this.joined = false;
+                this.currentTool = 'curve';
+              } catch (e) {
+                this.logger.error('catch error', e);
+              } finally {
+                window.runtime.browserWindow.hide();
+                this.logger.info('close annotation window');
               }
-              _context2.next = 1;
-              return (_this$_boardRoom = this._boardRoom) === null || _this$_boardRoom === void 0 ? void 0 : _this$_boardRoom.leaveRoom();
             case 1:
-              this.logger.info(// @ts-ignore
-              "[annotation-fragment][close] leaveRoom , ".concat(this._boardRoom['traceId']));
-              (_this$_boardRoom2 = this._boardRoom) === null || _this$_boardRoom2 === void 0 || _this$_boardRoom2.applicationManager.removeListener('launch', this._launchHandler);
-              (_this$_boardRoom3 = this._boardRoom) === null || _this$_boardRoom3 === void 0 || _this$_boardRoom3.applicationManager.removeListener('terminal', this._terminalHandler);
-              this._boardInstance = null;
-              this._boardRoom = null;
-              _context2.next = 3;
-              break;
-            case 2:
-              _context2.prev = 2;
-              _t = _context2["catch"](0);
-              this.logger.info('[annotation-fragment][close]: catch error', _t);
-            case 3:
-              _context2.prev = 3;
-              window.runtime.browserWindow.hide();
-              this.logger.info('[annotation-fragment][close]: close annotation window');
-              return _context2.finish(3);
-            case 4:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[0, 2, 3, 4]]);
+        }, _callee2, this);
       }));
       function close() {
         return _close.apply(this, arguments);
@@ -362,25 +356,26 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     key: "hide",
     value: function hide() {
       window.runtime.browserWindow.hide();
-      this.logger.info('[annotation-fragment][open]: hide annotation window');
+      this.logger.info('hide annotation window');
     }
   }, {
     key: "show",
     value: function show() {
       window.runtime.browserWindow.setAlwaysOnTop(true, 'pop-up-menu');
       window.runtime.browserWindow.show();
-      this.logger.info('[annotation-fragment][open]: show annotation window');
+      this.logger.info('show annotation window');
     }
   }, {
     key: "focus",
     value: function focus() {
+      this.logger.info('focus annotation window');
       window.runtime.browserWindow.focus();
     }
   }, {
     key: "setBounds",
     value: function setBounds(bounds) {
       this.bounds = bounds;
-      this.logger.info("[annotation-fragment][setBounds]: bounds is changed =>, ".concat(JSON.stringify(bounds)));
+      this.logger.info("bounds is changed =>, ".concat(JSON.stringify(bounds)));
       window.runtime.browserWindow.setBounds(bounds);
       this._updateBoardElBySize({
         width: bounds.width,
@@ -402,28 +397,27 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "_updateWindowSize",
     value: function _updateWindowSize(paramWidth, paramHeight) {
-      var _this$_boardInstance;
       if (!paramWidth || !paramHeight) {
         return;
       }
-      // if (
-      //   paramWidth !== this._lastViewPortSet.width ||
-      //   paramHeight !== this._lastViewPortSet.height
-      // ) {
       this._lastViewPortSet.width = paramWidth;
       this._lastViewPortSet.height = paramHeight;
-      this.logger.info("[annotation-fragment][_updateWindowSize]: updateViewport width:".concat(paramWidth, " height:").concat(paramHeight));
-      (_this$_boardInstance = this._boardInstance) === null || _this$_boardInstance === void 0 || _this$_boardInstance.updateViewport(paramWidth, paramHeight);
-      // }
+      if (this._boardInstance) {
+        this.logger.info("updateViewport width:".concat(paramWidth, " height:").concat(paramHeight));
+        this._boardInstance.updateViewport(paramWidth, paramHeight);
+      } else {
+        this.logger.error('cannot updateViewport, _boardInstance is null');
+      }
     }
   }, {
     key: "_updateBoardElBySize",
     value: function _updateBoardElBySize(size) {
       if (size) {
-        var _this$_boardInstance2;
+        var _this$_boardInstance;
+        this.logger.info('update board element size', size);
         this._boardView.style.width = "".concat(size.width, "px");
         this._boardView.style.height = "".concat(size.height, "px");
-        var currentBoardInstanceView = (_this$_boardInstance2 = this._boardInstance) === null || _this$_boardInstance2 === void 0 ? void 0 : _this$_boardInstance2.view;
+        var currentBoardInstanceView = (_this$_boardInstance = this._boardInstance) === null || _this$_boardInstance === void 0 ? void 0 : _this$_boardInstance.view;
         if (currentBoardInstanceView) {
           currentBoardInstanceView.style.width = "".concat(size.width, "px");
           currentBoardInstanceView.style.height = "".concat(size.height, "px");
@@ -434,15 +428,14 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "setIgnore",
     value: function setIgnore(ignore) {
-      this.logger.info("[annotation-fragment][setIgnore]: setIgnore method is called, the ignore is => ".concat(ignore));
-      this.isIgnore = ignore;
+      this.logger.info("setIgnore method is called, the ignore is => ".concat(ignore));
       window.runtime.browserWindow.setIgnoreMouseEvents(ignore);
     }
   }, {
     key: "toolChanged",
     value: function toolChanged(event) {
       if (!this._boardInstance) return;
-      this.logger.info("[annotation-fragment][toolChanged]: toolChanged method is called, the event is => ".concat(JSON.stringify(event)));
+      this.logger.info("toolChanged method is called, the event is => ".concat(JSON.stringify(event)));
       var board = this._boardInstance;
       var payload = event.payload;
       switch (event.action) {
@@ -478,7 +471,7 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "setDrawing",
     value: function setDrawing(drawing) {
-      this.logger.info("[annotation-fragment][setDrawing]: setDrawing method is called, the drawing is => ".concat(drawing));
+      this.logger.info("setDrawing method is called, the drawing is => ".concat(drawing));
       this.drawing = drawing;
     }
   }, {
@@ -486,7 +479,7 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     value: function _initBoardStyle(whiteboard) {
       var frameWidth = this.bounds.width;
       var frameHeight = this.bounds.height;
-      this.logger.info("[annotation-fragment][initBoardStyle] mount success, width: ".concat(frameWidth, " , height: ").concat(frameHeight));
+      this.logger.info("mount success, width: ".concat(frameWidth, " , height: ").concat(frameHeight));
       this._boardView.style.width = "".concat(frameWidth, "px");
       this._boardView.style.height = "".concat(frameHeight, "px");
       whiteboard.view.style.height = "".concat(frameHeight, "px");
@@ -499,7 +492,7 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
       whiteboard.strokeColor = '#FFC908';
       whiteboard.setCurrentTool('curve');
       this._updateWindowSize(frameWidth, frameHeight);
-      this.logger.info("[annotation-fragment][initBoardStyle] mount success current tool, ".concat(whiteboard.getCurrentTool(), ", updateViewport width: ").concat(frameWidth, " height: ").concat(frameHeight));
+      this.logger.info("mount success current tool, ".concat(whiteboard.getCurrentTool(), ", updateViewport width: ").concat(frameWidth, " height: ").concat(frameHeight));
       whiteboard.on('undoStackLength', function (steps) {
         // isWindows() && window.runtime.browserWindow.blur();
         (0, _rendererEvent.sendEvent)({
@@ -518,16 +511,16 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "_handleSetTool",
     value: function _handleSetTool(payload) {
-      var _this = this;
+      var _this3 = this;
       var board = this._boardInstance;
       this.currentTool = 'none';
       var currentTool = (0, _libs.convertTool)(payload);
       if (board) {
         board.setCurrentTool(currentTool);
         var timber = setTimeout(function () {
-          var _this$_boardDom2;
-          (_this$_boardDom2 = _this._boardDom) === null || _this$_boardDom2 === void 0 || _this$_boardDom2.getBoundingClientRect();
-          _this.currentTool = currentTool;
+          var _this3$_boardDom;
+          (_this3$_boardDom = _this3._boardDom) === null || _this3$_boardDom === void 0 || _this3$_boardDom.getBoundingClientRect();
+          _this3.currentTool = currentTool;
           clearTimeout(timber);
         }, 600);
       }
@@ -536,37 +529,38 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     key: "_init",
     value: function () {
       var _init2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(engine) {
-        var _this2 = this;
+        var _this4 = this;
         return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               engine.addObserver({
                 onConnectionStateUpdated: function onConnectionStateUpdated(state) {
+                  (0, _sharedStorage.setAnnotationEngineState)(state);
                   (0, _rendererEvent.sendEvent)({
                     action: _constant.FcrUIRendererEventAction.FRAGMENT_ANNOTATION_ENGINE_STATE,
                     payload: state
                   });
                   if (state === _fcrCore.FcrConnectionState.CONNECTED) {
-                    _this2._engine = engine;
-                    _this2.logger.info("[annotation-fragment][initEngine]: engine connection state updated => CONNECTED, hasWaitingOpen ".concat(_this2._hasWaitingOpen));
-                    if (_this2._hasWaitingOpen) {
-                      _this2._hasWaitingOpen = false;
-                      _this2.open();
+                    _this4._engine = engine;
+                    _this4.logger.info("engine connection state updated => CONNECTED, hasWaitingOpen ".concat(_this4._hasWaitingOpen));
+                    if (_this4._hasWaitingOpen) {
+                      _this4._hasWaitingOpen = false;
+                      _this4.open();
                     }
                   }
                   if (state === _fcrCore.FcrConnectionState.DISCONNECTED) {
-                    _this2.logger.info("[annotation-fragment][initEngine]: engine connection state updated => DISCONNECTED, the engine is ".concat(_this2._engine));
-                    _this2._engine && engine.login();
+                    _this4.logger.info("engine connection state updated => DISCONNECTED, the engine is ".concat(_this4._engine));
+                    _this4._engine && engine.login();
                   }
                   if (state === _fcrCore.FcrConnectionState.CONNECTING) {
-                    _this2.logger.info("[annotation-fragment][initEngine]: engine connection state updated => CONNECTING");
+                    _this4.logger.info("engine connection state updated => CONNECTING");
                   }
                   if (state === _fcrCore.FcrConnectionState.RECONNECTING) {
-                    _this2.logger.info("[annotation-fragment][initEngine]: engine connection state updated => RECONNECTING");
+                    _this4.logger.info("engine connection state updated => RECONNECTING");
                   }
                   if (state === _fcrCore.FcrConnectionState.ABORTED) {
-                    _this2.logger.info("[annotation-fragment][initEngine]: engine connection state updated => ABORTED, the engine is ".concat(_this2._engine));
-                    _this2._engine && engine.login();
+                    _this4.logger.info("engine connection state updated => ABORTED, the engine is ".concat(_this4._engine));
+                    _this4._engine && engine.login();
                   }
                 }
               });
@@ -586,15 +580,20 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "_initBoardRoom",
     value: function () {
-      var _initBoardRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        var _this3 = this;
-        var _this$_config, userId, boardToken, region, appIdentifier, boardId, nickName, rtmClient, rtmProvider, wbRoom, currentTimeStamp, retriesMax, _t2;
-        return _regenerator["default"].wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _initBoardRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+        var _this5 = this;
+        var _this$_config, userId, boardToken, region, appIdentifier, boardId, nickName, rtmClient, rtmProvider, wbRoom, currentTimeStamp, abortController;
+        return _regenerator["default"].wrap(function (_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _this$_config = this._config, userId = _this$_config.userId, boardToken = _this$_config.boardToken, region = _this$_config.region, appIdentifier = _this$_config.appIdentifier, boardId = _this$_config.boardId;
-              nickName = localStorage.getItem('annotation_nickname') || '';
-              this.logger.info("[annotation-fragment][initBoardRoom]: start init board room with config => ".concat(JSON.stringify(this._config), " - ").concat(nickName));
+              if (this._config) {
+                _context7.next = 1;
+                break;
+              }
+              throw new Error('cannot init board room, config is not set');
+            case 1:
+              _this$_config = this._config, userId = _this$_config.userId, boardToken = _this$_config.boardToken, region = _this$_config.region, appIdentifier = _this$_config.appIdentifier, boardId = _this$_config.boardId, nickName = _this$_config.nickName;
+              this.logger.info("start init board room with config => ".concat(JSON.stringify(this._config), " - ").concat(nickName));
               // @ts-ignore
               rtmClient = this._engine._rteEngine._rtmClient._client;
               rtmProvider = new _imports.FcrRTMProvider_2_2(rtmClient);
@@ -603,73 +602,111 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
               currentTimeStamp = Date.now(); // @ts-ignore
               this._boardRoom['traceId'] = "".concat(boardToken, "-").concat(boardId, "-").concat(userId, "-").concat(currentTimeStamp);
               wbRoom.applicationManager.registerApplication(_imports.FcrWhiteboardApplication);
-              this.logger.info("[annotation-fragment][initBoardRoom]: bordRoom instance is created, start join room");
-              _context6.prev = 1;
-              retriesMax = 10;
-              _context6.next = 2;
-              return (0, _asyncRetry.retryAttempt)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-                return _regenerator["default"].wrap(function (_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
-                    case 0:
-                      _context4.next = 1;
-                      return wbRoom.joinRoom({
-                        userId: userId,
-                        nickName: nickName,
-                        roomToken: boardToken,
-                        sdkConfig: {
-                          // @ts-ignore
-                          region: region,
-                          appIdentifier: appIdentifier
-                        }
-                      });
-                    case 1:
-                      // @ts-ignore
-                      _this3.logger.info(// @ts-ignore
-                      "[annotation-fragment][initBoardRoom]: join room success, traceId ".concat(_this3._boardRoom['traceId']));
-                      // room.userManager.on("join")  和 room.userManager.on("leave")
-                      wbRoom.userManager.on('join', _this3._handleBoardRoomUserJoin);
-                      // wbRoom.userManager.on('leave',this._handleBoardRoomUserLeave);
-                    case 2:
-                    case "end":
-                      return _context4.stop();
-                  }
-                }, _callee4);
-              })), [], {
-                retriesMax: retriesMax
-              }).fail(/*#__PURE__*/function () {
-                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(_ref3) {
-                  var error, timeFn, currentRetry;
-                  return _regenerator["default"].wrap(function (_context5) {
-                    while (1) switch (_context5.prev = _context5.next) {
+              this.logger.info("bordRoom instance is created, start join room");
+              abortController = new AbortController();
+              this._openAbortController = abortController;
+              return _context7.abrupt("return", new Promise(/*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(resolve, reject) {
+                  var retriesMax, _t2;
+                  return _regenerator["default"].wrap(function (_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
                       case 0:
-                        error = _ref3.error, timeFn = _ref3.timeFn, currentRetry = _ref3.currentRetry;
-                        _this3.logger.info("[annotation-fragment][initBoardRoom]: retry to join board room, ".concat(error.message, ", retry ").concat(currentRetry, " times"));
-                        _context5.next = 1;
-                        return timeFn();
-                      case 1:
-                        return _context5.abrupt("return", true);
+                        // 监听中止信号
+                        abortController.signal.addEventListener('abort', function () {
+                          reject(new Error('join board room aborted'));
+                        });
+                        _context6.prev = 1;
+                        retriesMax = 10;
+                        _context6.next = 2;
+                        return (0, _asyncRetry.retryAttempt)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+                          return _regenerator["default"].wrap(function (_context4) {
+                            while (1) switch (_context4.prev = _context4.next) {
+                              case 0:
+                                _context4.next = 1;
+                                return wbRoom.joinRoom({
+                                  userId: userId,
+                                  nickName: nickName,
+                                  roomToken: boardToken,
+                                  sdkConfig: {
+                                    // @ts-ignore
+                                    region: region,
+                                    appIdentifier: appIdentifier
+                                  }
+                                });
+                              case 1:
+                              case "end":
+                                return _context4.stop();
+                            }
+                          }, _callee4);
+                        })), [], {
+                          retriesMax: retriesMax
+                        }).fail(/*#__PURE__*/function () {
+                          var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(_ref4) {
+                            var error, timeFn, currentRetry;
+                            return _regenerator["default"].wrap(function (_context5) {
+                              while (1) switch (_context5.prev = _context5.next) {
+                                case 0:
+                                  error = _ref4.error, timeFn = _ref4.timeFn, currentRetry = _ref4.currentRetry;
+                                  if (!abortController.signal.aborted) {
+                                    _context5.next = 1;
+                                    break;
+                                  }
+                                  throw new Error('join board room aborted');
+                                case 1:
+                                  _this5.logger.info("retry to join board room, ".concat(error.message, ", retry ").concat(currentRetry, " times"));
+                                  _context5.next = 2;
+                                  return timeFn();
+                                case 2:
+                                  return _context5.abrupt("return", true);
+                                case 3:
+                                case "end":
+                                  return _context5.stop();
+                              }
+                            }, _callee5);
+                          }));
+                          return function (_x4) {
+                            return _ref5.apply(this, arguments);
+                          };
+                        }()).exec();
                       case 2:
+                        if (!abortController.signal.aborted) {
+                          _context6.next = 3;
+                          break;
+                        }
+                        throw new Error('join board room aborted');
+                      case 3:
+                        _this5.logger.info(// @ts-ignore
+                        "join room success, traceId ".concat(_this5._boardRoom['traceId']));
+                        wbRoom.userManager.on('join', _this5._handleBoardRoomUserJoin);
+                        resolve(wbRoom);
+                        _context6.next = 5;
+                        break;
+                      case 4:
+                        _context6.prev = 4;
+                        _t2 = _context6["catch"](1);
+                        _this5.logger.error("join room failed");
+                        reject(_t2);
+                      case 5:
+                        _context6.prev = 5;
+                        _this5._openAbortController = null;
+                        return _context6.finish(5);
+                      case 6:
+                        return _context6.abrupt("return", wbRoom);
+                      case 7:
                       case "end":
-                        return _context5.stop();
+                        return _context6.stop();
                     }
-                  }, _callee5);
+                  }, _callee6, null, [[1, 4, 5, 6]]);
                 }));
-                return function (_x2) {
-                  return _ref4.apply(this, arguments);
+                return function (_x2, _x3) {
+                  return _ref2.apply(this, arguments);
                 };
-              }()).exec();
+              }()));
             case 2:
-              _context6.next = 4;
-              break;
-            case 3:
-              _context6.prev = 3;
-              _t2 = _context6["catch"](1);
-              this.logger.error("[annotation-fragment][initBoardRoom]: join room failed");
-            case 4:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this, [[1, 3]]);
+        }, _callee7, this);
       }));
       function _initBoardRoom() {
         return _initBoardRoom2.apply(this, arguments);
@@ -677,26 +714,34 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
       return _initBoardRoom;
     }()
   }, {
-    key: "_initEngine",
-    value: function _initEngine(config) {
+    key: "_createEngine",
+    value: function _createEngine(config) {
       var userId = config.userId,
         token = config.roomToken,
         appId = config.appId;
-      this.logger.info("[annotation-fragment][initEngine]: init engine with config => ".concat(JSON.stringify(config)));
-      return new _fcrCore.FcrCoreEngine(_objectSpread({
-        appId: appId,
-        token: token,
-        userId: userId,
-        region: _fcrCore.FcrRegion.CN
-      }, _libs.engineRestConfig));
+      this.logger.debug('before create engine');
+      try {
+        (0, _fcrCore.registerPlugin)(new _rtmPlugin.RtmPlugin());
+        (0, _fcrCore.registerPlugin)(new _electronRtcPlugin.ElectronRtcPlugin());
+        var engine = new _fcrCore.FcrCoreEngine(_objectSpread({
+          appId: appId,
+          token: token,
+          userId: userId,
+          region: _fcrCore.FcrRegion.CN
+        }, _libs.engineRestConfig));
+        this.logger.debug('after create engine');
+        return engine;
+      } catch (e) {
+        this.logger.error("create engine failed, error: ".concat(e));
+        throw e;
+      }
     }
   }, {
     key: "_launchHandler",
     value: function _launchHandler(appId, app) {
       if (appId === this._FORGE_WHITEBOARD_APP_ID) {
-        this.logger.info("[annotation-fragment][event]: launch event is triggered => ".concat(app.selfUserId));
-        this._currentAnntationView = app.view;
-        this._currentAnntationView && this._boardView.appendChild(this._currentAnntationView);
+        this.logger.info("launch event is triggered => ".concat(app.selfUserId));
+        this._boardView.appendChild(app.view);
         this._initBoardStyle(app);
       }
     }
@@ -705,7 +750,7 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     value: function _terminalHandler(appId, app) {
       if (appId === this._FORGE_WHITEBOARD_APP_ID) {
         var _this$_boardView;
-        this.logger.info("[annotation-fragment][event]: terminal event is triggered => ".concat(app.selfUserId));
+        this.logger.info("terminal event is triggered => ".concat(app.selfUserId));
         (app === null || app === void 0 ? void 0 : app.view) && this._boardView.hasChildNodes() && ((_this$_boardView = this._boardView) === null || _this$_boardView === void 0 ? void 0 : _this$_boardView.removeChild(app.view));
       }
     }
@@ -724,15 +769,15 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
     value: function _cancelCurrentUpdateWindowSizeTimber(stage) {
       if (this._pollingCancelHandler && typeof this._pollingCancelHandler === 'function') {
         this._pollingCancelHandler();
-        this.logger.info("[annotation-fragment]: end a new 30s polling to updateWindowSize, when ".concat(stage));
+        this.logger.info("end a new 30s polling to updateWindowSize, when ".concat(stage));
       }
     }
   }, {
     key: "_handlePollingUpdateWindowSize",
     value: function _handlePollingUpdateWindowSize(stage) {
       this._cancelCurrentUpdateWindowSizeTimber(stage);
-      this._pollingCancelHandler = startPolling(this._updateWindowSizeWithCurrentBounds);
-      this.logger.info("[annotation-fragment]: start a new 30s polling to updateWindowSize, after ".concat(stage));
+      this._pollingCancelHandler = (0, _utils.startPolling)(this._updateWindowSizeWithCurrentBounds);
+      this.logger.info("start a new 30s polling to updateWindowSize, after ".concat(stage));
     }
   }, {
     key: "_handleBoardRoomUserJoin",
@@ -743,20 +788,59 @@ var FragmentAnnotationStore = exports.FragmentAnnotationStore = /*#__PURE__*/fun
   }, {
     key: "_syncScreenShareOwnerOpenDone",
     value: function _syncScreenShareOwnerOpenDone() {
-      this.logger.info('[annotation-fragment]: _syncScreenShareOwnerOpenDone');
+      this.logger.info('syncScreenShareOwnerOpenDone');
       (0, _rendererEvent.sendEvent)({
         action: _constant.FcrUIRendererEventAction.FRAGMENT_ANNOTATION_SYNC_OWNER_OPEN_DONE,
         payload: null
       });
     }
+  }, {
+    key: "_checkForConnect",
+    value: function _checkForConnect() {
+      var boardOptions = (0, _sharedStorage.getBoardOptions)();
+      var readyToConnect = !!boardOptions;
+      var isEngineInitialized = this._isEngineInitialized;
+      this.logger.info("check for connect, readyToConnect: ".concat(readyToConnect, ", isEngineInitialized: ").concat(isEngineInitialized));
+      if (!isEngineInitialized && readyToConnect) {
+        this._checkForConnectTask.stop();
+        var rtmAppId = boardOptions.rtmAppId,
+          boardAppId = boardOptions.boardAppId,
+          boardId = boardOptions.boardId,
+          boardRegion = boardOptions.boardRegion,
+          boardToken = boardOptions.boardToken,
+          boardUserToken = boardOptions.boardUserToken,
+          userId = boardOptions.boardUserUuid,
+          nickName = boardOptions.nickName;
+        this._config = {
+          appId: rtmAppId,
+          userId: userId,
+          region: boardRegion,
+          appIdentifier: boardAppId,
+          boardId: boardId,
+          boardToken: boardToken,
+          nickName: nickName
+        };
+        this.logger.info("boardinfo => ".concat((0, _imports.jsonstring)(this._config)));
+        var engine = this._createEngine({
+          userId: userId,
+          roomToken: boardUserToken,
+          appId: rtmAppId
+        });
+
+        // @ts-ignore
+        window._coreEngine = engine;
+        this.logger.info("login engine with the following config: annotationRtmAppId => ".concat(rtmAppId, ", boardOptions => ").concat((0, _imports.jsonstring)(boardOptions)));
+        this._init(engine);
+        this._isEngineInitialized = true;
+      }
+    }
   }]);
 }();
 _FragmentAnnotationStore = FragmentAnnotationStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FragmentAnnotationStore, [[_mobx.observable, 1, "joined"], [_mobx.observable, 1, "bounds"], [_mobx.observable, 1, "currentTool"], [_mobx.observable, 1, "isIgnore"], [_mobx.observable, 1, "drawing"], [_decorator.bound, 2, "open"], [_handleBoardDomLoadDecs, 18, "handleBoardDomLoad"], [_closeDecs, 18, "close"], [_hideDecs, 18, "hide"], [_showDecs, 18, "show"], [_decorator.bound, 2, "focus"], [_decorator.bound, 2, "updateWindowSize"], [_decorator.bound, 2, "_updateWindowSizeWithCurrentBounds"], [_decorator.bound, 2, "_updateWindowSize"], [_decorator.bound, 2, "_updateBoardElBySize"], [_decorator.bound, 2, "setIgnore"], [_decorator.bound, 2, "toolChanged"], [_decorator.bound, 2, "setDrawing"], [_decorator.bound, 2, "_initBoardStyle"], [_handleSetToolDecs, 2, "_handleSetTool"], [_decorator.bound, 2, "_init"], [_decorator.bound, 2, "_initBoardRoom"], [_decorator.bound, 2, "_launchHandler"], [_decorator.bound, 2, "_terminalHandler"], [_decorator.bound, 2, "_resizeToMax"], [_decorator.bound, 2, "_cancelCurrentUpdateWindowSizeTimber"], [_decorator.bound, 2, "_handlePollingUpdateWindowSize"], [_decorator.bound, 2, "_handleBoardRoomUserJoin"], [_decorator.bound, 2, "_syncScreenShareOwnerOpenDone"]], []).e, 6);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FragmentAnnotationStore, [[_mobx.observable, 1, "joined"], [_mobx.observable, 1, "bounds"], [_mobx.observable, 1, "currentTool"], [_mobx.observable, 1, "drawing"], [_decorator.bound, 2, "open"], [_handleBoardDomLoadDecs, 18, "handleBoardDomLoad"], [_closeDecs, 18, "close"], [_hideDecs, 18, "hide"], [_showDecs, 18, "show"], [_decorator.bound, 2, "focus"], [_decorator.bound, 2, "updateWindowSize"], [_decorator.bound, 2, "_updateWindowSizeWithCurrentBounds"], [_decorator.bound, 2, "_updateWindowSize"], [_decorator.bound, 2, "_updateBoardElBySize"], [_decorator.bound, 2, "setIgnore"], [_decorator.bound, 2, "toolChanged"], [_decorator.bound, 2, "setDrawing"], [_decorator.bound, 2, "_initBoardStyle"], [_handleSetToolDecs, 2, "_handleSetTool"], [_decorator.bound, 2, "_init"], [_decorator.bound, 2, "_initBoardRoom"], [_decorator.bound, 2, "_launchHandler"], [_decorator.bound, 2, "_terminalHandler"], [_decorator.bound, 2, "_resizeToMax"], [_decorator.bound, 2, "_cancelCurrentUpdateWindowSizeTimber"], [_decorator.bound, 2, "_handlePollingUpdateWindowSize"], [_decorator.bound, 2, "_handleBoardRoomUserJoin"], [_decorator.bound, 2, "_syncScreenShareOwnerOpenDone"]], []).e, 5);
 _init_joined = _applyDecs$e[0];
 _init_bounds = _applyDecs$e[1];
 _init_currentTool = _applyDecs$e[2];
-_init_isIgnore = _applyDecs$e[3];
-_init_drawing = _applyDecs$e[4];
-_initProto = _applyDecs$e[5];
+_init_drawing = _applyDecs$e[3];
+_initProto = _applyDecs$e[4];
 var FragmentAnnotationStoreContext = exports.FragmentAnnotationStoreContext = /*#__PURE__*/(0, _react.createContext)(null);