@atlaskit/collab-provider 7.0.0 → 7.1.2

package/dist/cjs/{provider.js → provider/index.js}

@@ -35,33 +35,29 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _prosemirrorCollab = require("prosemirror-collab");
 
-var _prosemirrorTransform = require("prosemirror-transform");
-
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
-var _emitter = require("./emitter");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
-var _channel = require("./channel");
+var _emitter = require("../emitter");
 
-var _utils = require("./helpers/utils");
+var _channel = require("../channel");
 
-var _const = require("./helpers/const");
+var _utils = require("../helpers/utils");
 
-var _performance = require("./analytics/performance");
+var _const = require("../helpers/const");
 
-var _errorCodeMapper = require("./error-code-mapper");
+var _analytics = require("../analytics");
 
-var _analytics = require("./analytics");
+var _catchup = require("./catchup");
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+var _errorCodeMapper = require("../error-code-mapper");
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var _disconnectedReasonMapper = require("../disconnected-reason-mapper");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -77,7 +73,7 @@ var SEND_STEPS_THROTTLE = 500; // 0.5 second
 var CATCHUP_THROTTLE = 1 * 1000; // 1 second
 
 exports.CATCHUP_THROTTLE = CATCHUP_THROTTLE;
-var OUT_OF_SYNC_PERIOD = 20 * 1000; // 20 seconds
+var OUT_OF_SYNC_PERIOD = 3 * 1000; // 3 seconds
 
 var MAX_STEP_REJECTED_ERROR = 15;
 exports.MAX_STEP_REJECTED_ERROR = MAX_STEP_REJECTED_ERROR;
@@ -105,35 +101,6 @@ var throttledCommitStep = (0, _throttle.default)(commitStep, SEND_STEPS_THROTTLE
   leading: false,
   trailing: true
 });
-/**
- * Rebase the steps based on the mapping pipeline.
- * Some steps could be lost, if they are no longer
- * invalid after rebased.
- */
-
-function rebaseSteps(steps, mapping) {
-  var newSteps = [];
-
-  var _iterator = _createForOfIteratorHelper(steps),
-      _step;
-
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var step = _step.value;
-      var newStep = step.map(mapping); // newStep could be null(means invalid after rebase) when can't rebase.
-
-      if (newStep) {
-        newSteps.push(newStep);
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-
-  return newSteps;
-}
 
 var Provider = /*#__PURE__*/function (_Emitter) {
   (0, _inherits2.default)(Provider, _Emitter);
@@ -148,7 +115,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "participants", new Map());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "metadata", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "stepRejectCounter", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onStepsAdded", function (data, forceApply) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onStepsAdded", function (data) {
       logger("Received steps", {
         steps: data.steps,
         version: data.version
@@ -166,7 +133,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       if (data.version === currentVersion) {
         logger("Received steps we already have. Ignoring.");
       } else if (data.version === expectedVersion) {
-        _this.processSteps(data, forceApply);
+        _this.processSteps(data);
       } else if (data.version > expectedVersion) {
         logger("Version too high. Expected \"".concat(expectedVersion, "\" but got \"").concat(data.version, ". Current local version is ").concat(currentVersion, "."));
 
@@ -180,18 +147,48 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         return userId;
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCurrentPmVersion", function () {
-      return (0, _prosemirrorCollab.getVersion)(_this.getState());
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "throttledCatchup", (0, _throttle.default)(function () {
       return _this.catchup();
     }, CATCHUP_THROTTLE, {
       leading: false,
       trailing: true
     }));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fitlerQueue", function (condition) {
+      _this.queue = _this.queue.filter(condition);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateDocumentWithMetadata", function (_ref3) {
+      var doc = _ref3.doc,
+          version = _ref3.version,
+          metadata = _ref3.metadata,
+          reserveCursor = _ref3.reserveCursor;
+
+      _this.emit('init', _objectSpread({
+        doc: doc,
+        version: version,
+        metadata: metadata
+      }, reserveCursor ? {
+        reserveCursor: reserveCursor
+      } : {}));
+
+      if (metadata && Object.keys(metadata).length > 0) {
+        _this.metadata = metadata;
+
+        _this.emit('metadata:changed', metadata);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "applyLocalsteps", function (steps) {
+      // Re-aply local steps
+      _this.emit('local-steps', {
+        steps: steps
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCurrentPmVersion", function () {
+      return (0, _prosemirrorCollab.getVersion)(_this.getState());
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUnconfirmedSteps", function () {
+      return (0, _prosemirrorCollab.sendableSteps)(_this.getState());
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "catchup", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _yield$_this$channel$, doc, serverStepMaps, serverVersion, metadata, currentPmVersion, _ref4, unconfirmedSteps, stepMaps, mapping, newUnconfirmedSteps;
-
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -207,100 +204,28 @@ var Provider = /*#__PURE__*/function (_Emitter) {
             case 3:
               _this.pauseQueue = true;
               _context.prev = 4;
-              (0, _performance.startMeasure)('callingCatchupApi');
-              _context.next = 8;
-              return _this.channel.fetchCatchup(_this.getCurrentPmVersion());
-
-            case 8:
-              _yield$_this$channel$ = _context.sent;
-              doc = _yield$_this$channel$.doc;
-              serverStepMaps = _yield$_this$channel$.stepMaps;
-              serverVersion = _yield$_this$channel$.version;
-              metadata = _yield$_this$channel$.metadata;
-              (0, _performance.stopMeasure)('callingCatchupApi', function (duration, startTime) {
-                (0, _analytics.triggerAnalyticsForCatchupSuccessfulWithLatency)(_this.analyticsClient, duration);
+              _context.next = 7;
+              return (0, _catchup.catchup)({
+                getCurrentPmVersion: _this.getCurrentPmVersion,
+                fetchCatchup: _this.channel.fetchCatchup.bind(_this.channel),
+                getUnconfirmedSteps: _this.getUnconfirmedSteps,
+                fitlerQueue: _this.fitlerQueue,
+                updateDocumentWithMetadata: _this.updateDocumentWithMetadata,
+                applyLocalsteps: _this.applyLocalsteps
               });
 
-              if (doc) {
-                currentPmVersion = _this.getCurrentPmVersion();
-
-                if (typeof serverVersion === 'undefined') {
-                  logger("Could not determine server version");
-                } else if (serverVersion <= currentPmVersion) {
-                  logger("Catchup steps we already have. Ignoring.");
-                } else {
-                  // Please, do not use those steps inside of async
-                  // method. That will lead to outdated steps
-                  _ref4 = (0, _prosemirrorCollab.sendableSteps)(_this.getState()) || {
-                    steps: []
-                  }, unconfirmedSteps = _ref4.steps;
-                  logger("Too far behind[current: v".concat(currentPmVersion, ", server: v").concat(serverVersion, ". ").concat(serverStepMaps.length, " steps need to catchup]"));
-                  /**
-                   * Remove steps from queue where the version is older than
-                   * the version we received from service. Keep steps that might be
-                   * newer.
-                   */
-
-                  _this.queue = _this.queue.filter(function (data) {
-                    return data.version > serverVersion;
-                  }); // We are too far behind - replace the entire document
-
-                  logger("Replacing document: ".concat(doc));
-                  logger("getting metadata: ".concat(metadata)); // Replace local document and version number
-
-                  _this.emit('init', {
-                    doc: JSON.parse(doc),
-                    version: serverVersion,
-                    metadata: metadata,
-                    reserveCursor: true
-                  });
-
-                  if (metadata && Object.keys(metadata).length > 0) {
-                    _this.metadata = metadata;
-
-                    _this.emit('metadata:changed', metadata);
-                  } // After replacing the whole document in the editor, we need to reapply the unconfirmed
-                  // steps back into the editor, so we don't lose any data. But before that, we need to rebase
-                  // those steps since their position could be changed after replacing.
-                  // https://prosemirror.net/docs/guide/#transform.rebasing
-
-
-                  if (unconfirmedSteps.length) {
-                    // Create StepMap from StepMap JSON
-                    // eslint-disable-next-line no-unused-vars
-                    stepMaps = serverStepMaps.map(function (_ref5) {
-                      var ranges = _ref5.ranges,
-                          inverted = _ref5.inverted;
-                      // Due to @types/prosemirror-transform mismatch with the actual
-                      // constructor, hack to set the `inverted`.
-                      var stepMap = new _prosemirrorTransform.StepMap(ranges);
-                      stepMap.inverted = inverted;
-                      return stepMap;
-                    }); // create Mappng used for Step.map
-
-                    mapping = new _prosemirrorTransform.Mapping(stepMaps);
-                    logger("".concat(unconfirmedSteps.length, " unconfirmed steps before rebased: ").concat(JSON.stringify(unconfirmedSteps)));
-                    newUnconfirmedSteps = rebaseSteps(unconfirmedSteps, mapping);
-                    logger("Re-aply ".concat(newUnconfirmedSteps.length, " mapped unconfirmed steps: ").concat(JSON.stringify(newUnconfirmedSteps))); // Re-aply local steps
-
-                    _this.emit('local-steps', {
-                      steps: newUnconfirmedSteps
-                    });
-                  }
-                }
-              }
-
-              _context.next = 21;
+            case 7:
+              _context.next = 13;
               break;
 
-            case 17:
-              _context.prev = 17;
+            case 9:
+              _context.prev = 9;
               _context.t0 = _context["catch"](4);
               (0, _analytics.triggerAnalyticsForCatchupFailed)(_this.analyticsClient, _context.t0);
               logger("Catch-Up Failed:", _context.t0.message);
 
-            case 21:
-              _context.prev = 21;
+            case 13:
+              _context.prev = 13;
               _this.pauseQueue = false;
 
               _this.processQueue();
@@ -308,53 +233,15 @@ var Provider = /*#__PURE__*/function (_Emitter) {
               _this.sendStepsFromCurrentState();
 
               _this.stepRejectCounter = 0;
-              return _context.finish(21);
+              return _context.finish(13);
 
-            case 27:
+            case 19:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[4, 17, 21, 27]]);
+      }, _callee, null, [[4, 9, 13, 19]]);
     })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "errorCodeMapper", function (error) {
-      if (error.data) {
-        switch (error.data.code) {
-          case 'INSUFFICIENT_EDITING_PERMISSION':
-            return {
-              status: 403,
-              code: _errorCodeMapper.ErrorCodeMapper.noPermissionError.code,
-              message: _errorCodeMapper.ErrorCodeMapper.noPermissionError.message
-            };
-
-          case 'DOCUMENT_NOT_FOUND':
-            return {
-              status: 404,
-              code: _errorCodeMapper.ErrorCodeMapper.documentNotFound.code,
-              message: _errorCodeMapper.ErrorCodeMapper.documentNotFound.message
-            };
-
-          case 'FAILED_ON_S3':
-          case 'DYNAMO_ERROR':
-            return {
-              status: 500,
-              code: _errorCodeMapper.ErrorCodeMapper.failToSave.code,
-              message: _errorCodeMapper.ErrorCodeMapper.failToSave.message
-            };
-
-          case 'CATCHUP_FAILED':
-          case 'GET_QUERY_TIME_OUT':
-            return {
-              status: 500,
-              code: _errorCodeMapper.ErrorCodeMapper.internalError.code,
-              message: _errorCodeMapper.ErrorCodeMapper.internalError.message
-            };
-
-          default:
-            break;
-        }
-      }
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onErrorHandled", function (error) {
       if (error && error.data) {
         if (error.data.code === 'HEAD_VERSION_UPDATE_FAILED' || error.data.code === 'VERSION_NUMBER_ALREADY_EXISTS') {
@@ -370,7 +257,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
           _this.throttledCatchup();
         }
 
-        var errorToEmit = _this.errorCodeMapper(error);
+        var errorToEmit = (0, _errorCodeMapper.errorCodeMapper)(error);
 
         if (errorToEmit) {
           _this.emit('error', errorToEmit);
@@ -395,36 +282,28 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         return _this.sendPresence();
       }, SEND_PRESENCE_INTERVAL);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantJoined", function (_ref6) {
-      var sessionId = _ref6.sessionId;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPresenceJoined", function (_ref5) {
+      var sessionId = _ref5.sessionId;
       logger('Participant joined with session: ', sessionId); // This expose existing users to the newly joined user
 
       _this.sendPresence();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTitleChanged", function (_ref7) {
-      var title = _ref7.title;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPresence", function (_ref6) {
+      var userId = _ref6.userId;
+      logger('onPresence userId: ', userId);
+      _this.userId = userId;
 
-      if (title !== undefined && _this.metadata.title !== title) {
-        _this.metadata.title = title;
+      _this.sendPresence();
 
-        _this.emit('metadata:changed', {
-          title: title
-        });
-      }
+      _this.channel.sendPresenceJoined();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onWidthChanged", function (_ref8) {
-      var editorWidth = _ref8.editorWidth;
-
-      if (editorWidth !== undefined && _this.metadata.editorWidth !== editorWidth) {
-        _this.metadata.editorWidth = editorWidth;
-
-        _this.emit('metadata:changed', {
-          editorWidth: editorWidth
-        });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMetadataChanged", function (metadata) {
+      if (metadata !== undefined && !(0, _isEqual.default)(_this.metadata, metadata)) {
+        _this.emit('metadata:changed', metadata);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantLeft", function (_ref9) {
-      var sessionId = _ref9.sessionId;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantLeft", function (_ref7) {
+      var sessionId = _ref7.sessionId;
       logger("Participant left");
 
       _this.participants.delete(sessionId);
@@ -435,11 +314,11 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         }]
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantUpdated", function (_ref10) {
-      var sessionId = _ref10.sessionId,
-          timestamp = _ref10.timestamp,
-          userId = _ref10.userId,
-          clientId = _ref10.clientId;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantUpdated", function (_ref8) {
+      var sessionId = _ref8.sessionId,
+          timestamp = _ref8.timestamp,
+          userId = _ref8.userId,
+          clientId = _ref8.clientId;
 
       _this.updateParticipant({
         sessionId: sessionId,
@@ -448,12 +327,12 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         clientId: clientId
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantTelepointer", function (_ref11) {
-      var sessionId = _ref11.sessionId,
-          timestamp = _ref11.timestamp,
-          selection = _ref11.selection,
-          userId = _ref11.userId,
-          clientId = _ref11.clientId;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantTelepointer", function (_ref9) {
+      var sessionId = _ref9.sessionId,
+          timestamp = _ref9.timestamp,
+          selection = _ref9.selection,
+          userId = _ref9.userId,
+          clientId = _ref9.clientId;
 
       if (sessionId === _this.sessionId) {
         return;
@@ -481,19 +360,28 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateParticipant", /*#__PURE__*/function () {
-      var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref12) {
+      var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref10) {
         var sessionId, timestamp, userId, clientId, getUser, _yield, _yield$name, name, _yield$email, email, _yield$avatar, avatar, isNewParticipant;
 
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
-                sessionId = _ref12.sessionId, timestamp = _ref12.timestamp, userId = _ref12.userId, clientId = _ref12.clientId;
+                sessionId = _ref10.sessionId, timestamp = _ref10.timestamp, userId = _ref10.userId, clientId = _ref10.clientId;
+
+                if (userId) {
+                  _context2.next = 3;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 3:
                 getUser = _this.config.getUser;
-                _context2.next = 4;
+                _context2.next = 6;
                 return getUser ? getUser(userId) : (0, _utils.getParticipant)(userId);
 
-              case 4:
+              case 6:
                 _yield = _context2.sent;
                 _yield$name = _yield.name;
                 name = _yield$name === void 0 ? '' : _yield$name;
@@ -523,7 +411,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
 
                 _this.updateParticipants(isNewParticipant ? [_this.participants.get(sessionId)] : []);
 
-              case 15:
+              case 17:
               case "end":
                 return _context2.stop();
             }
@@ -532,7 +420,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       }));
 
       return function (_x) {
-        return _ref13.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateParticipants", function () {
@@ -571,13 +459,39 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         return _this.updateParticipants();
       }, PARTICIPANT_UPDATE_INTERVAL);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDisconnected", function (_ref14) {
-      var reason = _ref14.reason;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "disconnectedReasonMapper", function (reason) {
+      switch (reason) {
+        case _disconnectedReasonMapper.socketIOReasons.IO_CLIENT_DISCONNECT:
+          return _disconnectedReasonMapper.DisconnectReason.CLIENT_DISCONNECT;
+
+        case _disconnectedReasonMapper.socketIOReasons.IO_SERVER_DISCONNECT:
+          return _disconnectedReasonMapper.DisconnectReason.SERVER_DISCONNECT;
+
+        case _disconnectedReasonMapper.socketIOReasons.TRANSPORT_CLOSED:
+          return _disconnectedReasonMapper.DisconnectReason.SOCKET_CLOSED;
+
+        case _disconnectedReasonMapper.socketIOReasons.TRANSPORT_ERROR:
+          return _disconnectedReasonMapper.DisconnectReason.SOCKET_ERROR;
+
+        case _disconnectedReasonMapper.socketIOReasons.PING_TIMEOUT:
+          return _disconnectedReasonMapper.DisconnectReason.SOCKET_TIMEOUT;
+
+        default:
+          return _disconnectedReasonMapper.DisconnectReason.UNKNOWN_DISCONNECT;
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDisconnected", function (_ref12) {
+      var reason = _ref12.reason;
       _this.disconnectedAt = Date.now();
       var left = Array.from(_this.participants.values());
 
       _this.participants.clear();
 
+      _this.emit('disconnected', {
+        reason: _this.disconnectedReasonMapper(reason),
+        sid: _this.sessionId
+      });
+
       if (left.length) {
         _this.emit('presence', {
           left: left
@@ -609,16 +523,14 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       this.getState().plugins.find(function (p) {
         return p.key === 'collab$';
       }).spec.config.clientID : optionsOrGetState.clientId;
-      this.channel.on('connected', function (_ref15) {
-        var sid = _ref15.sid,
-            initialized = _ref15.initialized;
+      this.channel.on('connected', function (_ref13) {
+        var sid = _ref13.sid,
+            initialized = _ref13.initialized;
         _this2.sessionId = sid;
 
         _this2.emit('connected', {
           sid: sid
-        });
-
-        _this2.sendPresence(); // If already initialized, `connected` means reconnected
+        }); // If already initialized, `connected` means reconnected
 
 
         if (initialized && _this2.disconnectedAt && // Offline longer than `OUT_OF_SYNC_PERIOD`
@@ -627,29 +539,18 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         }
 
         _this2.disconnectedAt = undefined;
-      }).on('init', function (_ref16) {
-        var doc = _ref16.doc,
-            version = _ref16.version,
-            userId = _ref16.userId,
-            metadata = _ref16.metadata;
-        _this2.userId = userId;
-
-        _this2.sendPresence();
+      }).on('init', function (_ref14) {
+        var doc = _ref14.doc,
+            version = _ref14.version,
+            metadata = _ref14.metadata;
 
-        _this2.emit('init', {
+        // Initial document and version
+        _this2.updateDocumentWithMetadata({
           doc: doc,
           version: version,
           metadata: metadata
-        }); // Initial document and version
-        // Initialise metadata
-
-
-        if (metadata) {
-          _this2.metadata = metadata;
-
-          _this2.emit('metadata:changed', metadata);
-        }
-      }).on('steps:added', this.onStepsAdded).on('participant:telepointer', this.onParticipantTelepointer).on('participant:joined', this.onParticipantJoined).on('participant:left', this.onParticipantLeft).on('participant:updated', this.onParticipantUpdated).on('title:changed', this.onTitleChanged).on('width:changed', this.onWidthChanged).on('disconnect', this.onDisconnected).on('error', this.onErrorHandled).connect();
+        });
+      }).on('steps:added', this.onStepsAdded).on('participant:telepointer', this.onParticipantTelepointer).on('presence:joined', this.onPresenceJoined).on('presence', this.onPresence).on('participant:left', this.onParticipantLeft).on('participant:updated', this.onParticipantUpdated).on('metadata:changed', this.onMetadataChanged).on('disconnect', this.onDisconnected).on('error', this.onErrorHandled).connect();
       return this;
     }
     /**
@@ -740,7 +641,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
     }
   }, {
     key: "processSteps",
-    value: function processSteps(data, forceApply) {
+    value: function processSteps(data) {
       var _this3 = this;
 
       var version = data.version,
@@ -748,8 +649,8 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       logger("Processing data. Version \"".concat(version, "\"."));
 
       if (steps && steps.length) {
-        var clientIds = steps.map(function (_ref17) {
-          var clientId = _ref17.clientId;
+        var clientIds = steps.map(function (_ref15) {
+          var clientId = _ref15.clientId;
           return clientId;
         });
         this.emit('data', {
@@ -811,14 +712,14 @@ var Provider = /*#__PURE__*/function (_Emitter) {
             participant = _Array$from$filter2[0];
 
         if (participant) {
-          var _ref18 = step,
-              stepType = _ref18.stepType,
-              to = _ref18.to,
-              from = _ref18.from,
-              _ref18$slice = _ref18.slice,
-              slice = _ref18$slice === void 0 ? {
+          var _ref16 = step,
+              stepType = _ref16.stepType,
+              to = _ref16.to,
+              from = _ref16.from,
+              _ref16$slice = _ref16.slice,
+              slice = _ref16$slice === void 0 ? {
             content: []
-          } : _ref18$slice;
+          } : _ref16$slice;
 
           var _slice$content = (0, _slicedToArray2.default)(slice.content, 1),
               node = _slice$content[0];
@@ -850,24 +751,34 @@ var Provider = /*#__PURE__*/function (_Emitter) {
   }, {
     key: "setTitle",
     value: function setTitle(title, broadcast) {
-      this.metadata.title = title;
-
       if (broadcast) {
-        this.channel.broadcast('title:changed', {
+        this.channel.sendMetadata({
           title: title
         });
       }
+
+      Object.assign(this.metadata, {
+        title: title
+      });
     }
   }, {
     key: "setEditorWidth",
     value: function setEditorWidth(editorWidth, broadcast) {
-      this.metadata.editorWidth = editorWidth;
-
       if (broadcast) {
-        this.channel.broadcast('width:changed', {
+        this.channel.sendMetadata({
           editorWidth: editorWidth
         });
       }
+
+      Object.assign(this.metadata, {
+        editorWidth: editorWidth
+      });
+    }
+  }, {
+    key: "setMetadata",
+    value: function setMetadata(metadata) {
+      this.channel.sendMetadata(metadata);
+      Object.assign(this.metadata, metadata);
     }
     /**
      * Get latest state.
@@ -879,9 +790,9 @@ var Provider = /*#__PURE__*/function (_Emitter) {
     key: "getFinalAcknowledgedState",
     value: function () {
       var _getFinalAcknowledgedState = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var _sendableSteps;
+        var _this$getUnconfirmedS;
 
-        var state, count, unconfirmedSteps, _sendableSteps2;
+        var state, count, unconfirmedSteps, _this$getUnconfirmedS2;
 
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
@@ -889,7 +800,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
               case 0:
                 state = this.getState();
                 count = 0;
-                unconfirmedSteps = (0, _prosemirrorCollab.sendableSteps)(this.getState()) && ((_sendableSteps = (0, _prosemirrorCollab.sendableSteps)(this.getState())) === null || _sendableSteps === void 0 ? void 0 : _sendableSteps.steps);
+                unconfirmedSteps = this.getUnconfirmedSteps() && ((_this$getUnconfirmedS = this.getUnconfirmedSteps()) === null || _this$getUnconfirmedS === void 0 ? void 0 : _this$getUnconfirmedS.steps);
 
               case 3:
                 if (!(unconfirmedSteps && unconfirmedSteps.length)) {
@@ -902,7 +813,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
                 return (0, _utils.sleep)(500);
 
               case 7:
-                unconfirmedSteps = (0, _prosemirrorCollab.sendableSteps)(this.getState()) && ((_sendableSteps2 = (0, _prosemirrorCollab.sendableSteps)(this.getState())) === null || _sendableSteps2 === void 0 ? void 0 : _sendableSteps2.steps);
+                unconfirmedSteps = this.getUnconfirmedSteps() && ((_this$getUnconfirmedS2 = this.getUnconfirmedSteps()) === null || _this$getUnconfirmedS2 === void 0 ? void 0 : _this$getUnconfirmedS2.steps);
 
                 if (!(count++ >= _const.ACK_MAX_TRY)) {
                   _context3.next = 10;