@atlaskit/collab-provider 7.0.1 → 7.1.3

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/collab-provider
 
+## 7.1.3
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 7.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.1.1
+
+### Patch Changes
+
+- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) - ED-11632: Bump prosemirror packages;
+
+  - prosmirror-commands 1.1.4 -> 1.1.11,
+  - prosemirror-model 1.11.0 -> 1.14.3,
+  - prosemirror-state 1.3.3 -> 1.3.4,
+  - prosemirror-transform 1.2.8 -> 1.3.2,
+  - prosemirror-view 1.15.4 + 1.18.8 -> 1.20.2.
+
+- [`b670f0469c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b670f0469c4) - COLLAB-990: fixing duplciated avatar
+- Updated dependencies
+
+## 7.1.0
+
+### Minor Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - COLLAB-411-change-to-metadata: 'setTitle' and 'setEditorWidth' are deprecated, going to be removed in the next release, use 'setMetadata' instead.
+- [`10d7bc384aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10d7bc384aa) - COLLAB-933: add disconnected event
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.0.1
 
 ### Patch Changes

package/disconnected-reason-mapper/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/collab-provider/disconnected-reason-mapper",
+  "main": "../dist/cjs/disconnected-reason-mapper.js",
+  "module": "../dist/esm/disconnected-reason-mapper.js",
+  "module:es2019": "../dist/es2019/disconnected-reason-mapper.js",
+  "types": "../dist/types/disconnected-reason-mapper.d.ts"
+}

package/dist/cjs/analytics/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.triggerAnalyticsForCatchupSuccessfulWithLatency = exports.triggerAnalyticsForCatchupFailed = exports.triggerAnalyticsForStepsRejected = exports.triggerAnalyticsForStepsAddedSuccessfully = exports.fireAnalyticsEvent = exports.buildAnalyticsPayload = void 0;
+exports.triggerAnalyticsForStepsRejected = exports.triggerAnalyticsForStepsAddedSuccessfully = exports.triggerAnalyticsForCatchupSuccessfulWithLatency = exports.triggerAnalyticsForCatchupFailed = exports.fireAnalyticsEvent = exports.buildAnalyticsPayload = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/analytics/performance.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.clearMeasure = clearMeasure;
 exports.startMeasure = startMeasure;
 exports.stopMeasure = stopMeasure;
-exports.clearMeasure = clearMeasure;
 
 var isPerformanceAPIAvailable = function isPerformanceAPIAvailable() {
   return typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType'].every(function (api) {

package/dist/cjs/channel.js

@@ -163,8 +163,11 @@ var Channel = /*#__PURE__*/function (_Emitter) {
       this.socket.on('participant:telepointer', function (payload) {
         _this2.emit('participant:telepointer', payload.data);
       });
-      this.socket.on('participant:joined', function (data) {
-        _this2.emit('participant:joined', data);
+      this.socket.on('presence:joined', function (data) {
+        _this2.emit('presence:joined', data);
+      });
+      this.socket.on('presence', function (data) {
+        _this2.emit('presence', data);
       });
       this.socket.on('participant:left', function (data) {
         _this2.emit('participant:left', data);
@@ -181,11 +184,8 @@ var Channel = /*#__PURE__*/function (_Emitter) {
           clientId: clientId
         }, data));
       });
-      this.socket.on('title:changed', function (payload) {
-        _this2.emit('title:changed', payload.data);
-      });
-      this.socket.on('width:changed', function (payload) {
-        _this2.emit('width:changed', payload.data);
+      this.socket.on('metadata:changed', function (payload) {
+        _this2.emit('metadata:changed', payload);
       });
       this.socket.on('disconnect', /*#__PURE__*/function () {
         var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(reason) {
@@ -358,6 +358,24 @@ var Channel = /*#__PURE__*/function (_Emitter) {
         type: type
       }, data));
     }
+  }, {
+    key: "sendMetadata",
+    value: function sendMetadata(metadata) {
+      if (!this.connected || !this.socket) {
+        return;
+      }
+
+      this.socket.emit('metadata', metadata);
+    }
+  }, {
+    key: "sendPresenceJoined",
+    value: function sendPresenceJoined() {
+      if (!this.connected || !this.socket) {
+        return;
+      }
+
+      this.socket.emit('presence:joined');
+    }
   }, {
     key: "disconnect",
     value: function disconnect() {

package/dist/cjs/disconnected-reason-mapper.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.socketIOReasons = exports.DisconnectReason = void 0;
+// See https://socket.io/docs/v3/client-socket-instance#disconnect for emitted reasons
+var socketIOReasons = {
+  IO_CLIENT_DISCONNECT: 'io client disconnect',
+  // The socket was manually disconnected using socket.disconnect()
+  IO_SERVER_DISCONNECT: 'io server disconnect',
+  // The server has forcefully disconnected the socket with socket.disconnect()
+  TRANSPORT_CLOSED: 'transport close',
+  // The server did not send a PING within the pingInterval + pingTimeout range
+  TRANSPORT_ERROR: 'transport error',
+  // The connection was closed (example: the user has lost connection, or the network was changed from WiFi to 4G)
+  PING_TIMEOUT: 'ping timeout' // The connection has encountered an error (example: the server was killed during a HTTP long-polling cycle)
+
+};
+exports.socketIOReasons = socketIOReasons;
+var DisconnectReason;
+exports.DisconnectReason = DisconnectReason;
+
+(function (DisconnectReason) {
+  DisconnectReason["CLIENT_DISCONNECT"] = "CLIENT_DISCONNECT";
+  DisconnectReason["SERVER_DISCONNECT"] = "SERVER_DISCONNECT";
+  DisconnectReason["SOCKET_CLOSED"] = "SOCKET_CLOSED";
+  DisconnectReason["SOCKET_ERROR"] = "SOCKET_ERROR";
+  DisconnectReason["SOCKET_TIMEOUT"] = "SOCKET_TIMEOUT";
+  DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
+})(DisconnectReason || (exports.DisconnectReason = DisconnectReason = {}));

package/dist/cjs/helpers/const.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ACK_MAX_TRY = exports.CATCHUP_FAILURE = exports.CATCHUP_SUCCESS = exports.ATTRIBUTES_PACKAGE = exports.STEPS_REJECTED = exports.STEPS_ADDED = void 0;
+exports.STEPS_REJECTED = exports.STEPS_ADDED = exports.CATCHUP_SUCCESS = exports.CATCHUP_FAILURE = exports.ATTRIBUTES_PACKAGE = exports.ACK_MAX_TRY = void 0;
 var STEPS_ADDED = 'collabStepsAddedSuccess';
 exports.STEPS_ADDED = STEPS_ADDED;
 var STEPS_REJECTED = 'collabStepsAddedRejected';

package/dist/cjs/helpers/utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sleep = sleep;
 exports.getParticipant = exports.createLogger = void 0;
+exports.sleep = sleep;
 
 var createLogger = function createLogger(prefix) {
   var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'blue';
@@ -13,27 +13,22 @@ var createLogger = function createLogger(prefix) {
 
     if (window.COLLAB_PROVIDER_LOGGER) {
       // eslint-disable-next-line no-console
-      console.log("%cCollab-".concat(prefix, ": ").concat(msg), "color: ".concat(color, "; font-weight: bold"));
-
-      if (data) {
-        // eslint-disable-next-line no-console
-        console.log(data);
-      }
+      console.log("%cCollab-".concat(prefix, ": ").concat(msg), "color: ".concat(color, "; font-weight: bold"), data);
     }
   };
 };
 
 exports.createLogger = createLogger;
+var logger = createLogger('Helper:util', 'black');
 
 var getParticipant = function getParticipant(userId) {
-  // eslint-disable-next-line no-bitwise
-  var name = 'Demo User';
-  return Promise.resolve({
+  logger('getParticipant: ', userId);
+  return {
     userId: userId,
-    name: name,
-    avatar: "https://api.adorable.io/avatars/80/".concat(name.replace(/\s/g, ''), ".png"),
-    email: "".concat(name.replace(/\s/g, '').toLocaleLowerCase(), "@atlassian.com")
-  });
+    name: userId,
+    avatar: '',
+    email: "".concat(userId.replace(/\s/g, '').toLocaleLowerCase(), "@atlassian.com")
+  };
 };
 
 exports.getParticipant = getParticipant;

package/dist/cjs/provider/catchup.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rebaseSteps = rebaseSteps;
 exports.catchup = void 0;
+exports.rebaseSteps = rebaseSteps;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/provider/index.js

@@ -37,6 +37,8 @@ var _prosemirrorCollab = require("prosemirror-collab");
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
 var _emitter = require("../emitter");
 
 var _channel = require("../channel");
@@ -51,6 +53,8 @@ var _catchup = require("./catchup");
 
 var _errorCodeMapper = require("../error-code-mapper");
 
+var _disconnectedReasonMapper = require("../disconnected-reason-mapper");
+
 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 _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; } }
@@ -278,36 +282,28 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         return _this.sendPresence();
       }, SEND_PRESENCE_INTERVAL);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantJoined", function (_ref5) {
+    (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 (_ref6) {
-      var title = _ref6.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 (_ref7) {
-      var editorWidth = _ref7.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 (_ref8) {
-      var sessionId = _ref8.sessionId;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantLeft", function (_ref7) {
+      var sessionId = _ref7.sessionId;
       logger("Participant left");
 
       _this.participants.delete(sessionId);
@@ -318,11 +314,11 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         }]
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantUpdated", function (_ref9) {
-      var sessionId = _ref9.sessionId,
-          timestamp = _ref9.timestamp,
-          userId = _ref9.userId,
-          clientId = _ref9.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,
@@ -331,12 +327,12 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         clientId: clientId
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onParticipantTelepointer", function (_ref10) {
-      var sessionId = _ref10.sessionId,
-          timestamp = _ref10.timestamp,
-          selection = _ref10.selection,
-          userId = _ref10.userId,
-          clientId = _ref10.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;
@@ -364,19 +360,28 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateParticipant", /*#__PURE__*/function () {
-      var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref11) {
+      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 = _ref11.sessionId, timestamp = _ref11.timestamp, userId = _ref11.userId, clientId = _ref11.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;
@@ -406,7 +411,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
 
                 _this.updateParticipants(isNewParticipant ? [_this.participants.get(sessionId)] : []);
 
-              case 15:
+              case 17:
               case "end":
                 return _context2.stop();
             }
@@ -415,7 +420,7 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       }));
 
       return function (_x) {
-        return _ref12.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateParticipants", function () {
@@ -454,13 +459,39 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         return _this.updateParticipants();
       }, PARTICIPANT_UPDATE_INTERVAL);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDisconnected", function (_ref13) {
-      var reason = _ref13.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
@@ -492,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 (_ref14) {
-        var sid = _ref14.sid,
-            initialized = _ref14.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`
@@ -510,22 +539,18 @@ var Provider = /*#__PURE__*/function (_Emitter) {
         }
 
         _this2.disconnectedAt = undefined;
-      }).on('init', function (_ref15) {
-        var doc = _ref15.doc,
-            version = _ref15.version,
-            userId = _ref15.userId,
-            metadata = _ref15.metadata;
-        _this2.userId = userId;
-
-        _this2.sendPresence(); // Initial document and version
-
+      }).on('init', function (_ref14) {
+        var doc = _ref14.doc,
+            version = _ref14.version,
+            metadata = _ref14.metadata;
 
+        // Initial document and version
         _this2.updateDocumentWithMetadata({
           doc: doc,
           version: version,
           metadata: 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;
     }
     /**
@@ -624,8 +649,8 @@ var Provider = /*#__PURE__*/function (_Emitter) {
       logger("Processing data. Version \"".concat(version, "\"."));
 
       if (steps && steps.length) {
-        var clientIds = steps.map(function (_ref16) {
-          var clientId = _ref16.clientId;
+        var clientIds = steps.map(function (_ref15) {
+          var clientId = _ref15.clientId;
           return clientId;
         });
         this.emit('data', {
@@ -687,14 +712,14 @@ var Provider = /*#__PURE__*/function (_Emitter) {
             participant = _Array$from$filter2[0];
 
         if (participant) {
-          var _ref17 = step,
-              stepType = _ref17.stepType,
-              to = _ref17.to,
-              from = _ref17.from,
-              _ref17$slice = _ref17.slice,
-              slice = _ref17$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: []
-          } : _ref17$slice;
+          } : _ref16$slice;
 
           var _slice$content = (0, _slicedToArray2.default)(slice.content, 1),
               node = _slice$content[0];
@@ -726,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.

package/dist/cjs/socket-io-provider.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createSocketIOSocket = createSocketIOSocket;
 exports.createSocketIOCollabProvider = createSocketIOCollabProvider;
+exports.createSocketIOSocket = createSocketIOSocket;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/collab-provider",
-	"version": "7.0.1",
+	"version": "7.1.3",
 	"sideEffects": false
 }

package/dist/es2019/channel.js

@@ -116,8 +116,11 @@ export class Channel extends Emitter {
     this.socket.on('participant:telepointer', payload => {
       this.emit('participant:telepointer', payload.data);
     });
-    this.socket.on('participant:joined', data => {
-      this.emit('participant:joined', data);
+    this.socket.on('presence:joined', data => {
+      this.emit('presence:joined', data);
+    });
+    this.socket.on('presence', data => {
+      this.emit('presence', data);
     });
     this.socket.on('participant:left', data => {
       this.emit('participant:left', data);
@@ -135,11 +138,8 @@ export class Channel extends Emitter {
         ...data
       });
     });
-    this.socket.on('title:changed', payload => {
-      this.emit('title:changed', payload.data);
-    });
-    this.socket.on('width:changed', payload => {
-      this.emit('width:changed', payload.data);
+    this.socket.on('metadata:changed', payload => {
+      this.emit('metadata:changed', payload);
     });
     this.socket.on('disconnect', async reason => {
       this.connected = false;
@@ -237,6 +237,22 @@ export class Channel extends Emitter {
     });
   }
 
+  sendMetadata(metadata) {
+    if (!this.connected || !this.socket) {
+      return;
+    }
+
+    this.socket.emit('metadata', metadata);
+  }
+
+  sendPresenceJoined() {
+    if (!this.connected || !this.socket) {
+      return;
+    }
+
+    this.socket.emit('presence:joined');
+  }
+
   disconnect() {
     this.unsubscribeAll();
 

package/dist/es2019/disconnected-reason-mapper.js

@@ -0,0 +1,23 @@
+// See https://socket.io/docs/v3/client-socket-instance#disconnect for emitted reasons
+export const socketIOReasons = {
+  IO_CLIENT_DISCONNECT: 'io client disconnect',
+  // The socket was manually disconnected using socket.disconnect()
+  IO_SERVER_DISCONNECT: 'io server disconnect',
+  // The server has forcefully disconnected the socket with socket.disconnect()
+  TRANSPORT_CLOSED: 'transport close',
+  // The server did not send a PING within the pingInterval + pingTimeout range
+  TRANSPORT_ERROR: 'transport error',
+  // The connection was closed (example: the user has lost connection, or the network was changed from WiFi to 4G)
+  PING_TIMEOUT: 'ping timeout' // The connection has encountered an error (example: the server was killed during a HTTP long-polling cycle)
+
+};
+export let DisconnectReason;
+
+(function (DisconnectReason) {
+  DisconnectReason["CLIENT_DISCONNECT"] = "CLIENT_DISCONNECT";
+  DisconnectReason["SERVER_DISCONNECT"] = "SERVER_DISCONNECT";
+  DisconnectReason["SOCKET_CLOSED"] = "SOCKET_CLOSED";
+  DisconnectReason["SOCKET_ERROR"] = "SOCKET_ERROR";
+  DisconnectReason["SOCKET_TIMEOUT"] = "SOCKET_TIMEOUT";
+  DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
+})(DisconnectReason || (DisconnectReason = {}));