@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/esm/plugins/collab-edit/plugin-state.js

@@ -7,50 +7,44 @@ import { ReplaceStep } from 'prosemirror-transform';
 import { browser } from '@atlaskit/editor-common/utils';
 import { Participants } from './participants';
 import { findPointers, createTelepointers, getPositionOfTelepointer } from './utils';
-
 var isReplaceStep = function isReplaceStep(step) {
   return step instanceof ReplaceStep;
 };
-
 export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
+
 /**
  * Returns position where it's possible to place a decoration.
  */
-
 export var getValidPos = function getValidPos(tr, pos) {
   var endOfDocPos = tr.doc.nodeSize - 2;
-
   if (pos <= endOfDocPos) {
     var resolvedPos = tr.doc.resolve(pos);
-    var backwardSelection = Selection.findFrom(resolvedPos, -1, true); // if there's no correct cursor position before the `pos`, we try to find it after the `pos`
-
+    var backwardSelection = Selection.findFrom(resolvedPos, -1, true);
+    // if there's no correct cursor position before the `pos`, we try to find it after the `pos`
     var forwardSelection = Selection.findFrom(resolvedPos, 1, true);
     return backwardSelection ? backwardSelection.from : forwardSelection ? forwardSelection.from : pos;
   }
-
   return endOfDocPos;
 };
 export var PluginState = /*#__PURE__*/function () {
   function PluginState(decorations, participants, sessionId) {
     var collabInitalised = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     var onError = arguments.length > 4 ? arguments[4] : undefined;
-
     _classCallCheck(this, PluginState);
-
     _defineProperty(this, "onError", function (error) {
       return console.error(error);
     });
-
     this.decorationSet = decorations;
     this.participants = participants;
     this.sid = sessionId;
     this.isReady = collabInitalised;
     this.onError = onError || this.onError;
   }
-
   _createClass(PluginState, [{
     key: "decorations",
-    get: // eslint-disable-next-line no-console
+    get:
+    // eslint-disable-next-line no-console
+
     function get() {
       return this.decorationSet;
     }
@@ -74,85 +68,70 @@ export var PluginState = /*#__PURE__*/function () {
     key: "apply",
     value: function apply(tr) {
       var _this = this;
-
       var participants = this.participants,
-          sid = this.sid,
-          isReady = this.isReady;
+        sid = this.sid,
+        isReady = this.isReady;
       var presenceData = tr.getMeta('presence');
       var telepointerData = tr.getMeta('telepointer');
       var sessionIdData = tr.getMeta('sessionId');
       var collabInitialised = tr.getMeta('collabInitialised');
-
       if (typeof collabInitialised !== 'boolean') {
         collabInitialised = isReady;
       }
-
       if (sessionIdData) {
         sid = sessionIdData.sid;
       }
-
       var add = [];
       var remove = [];
-
       if (presenceData) {
         var _presenceData$joined = presenceData.joined,
-            joined = _presenceData$joined === void 0 ? [] : _presenceData$joined,
-            _presenceData$left = presenceData.left,
-            left = _presenceData$left === void 0 ? [] : _presenceData$left;
+          joined = _presenceData$joined === void 0 ? [] : _presenceData$joined,
+          _presenceData$left = presenceData.left,
+          left = _presenceData$left === void 0 ? [] : _presenceData$left;
         participants = participants.remove(left.map(function (i) {
           return i.sessionId;
         }));
-        participants = participants.add(joined); // Remove telepointers for users that left
+        participants = participants.add(joined);
 
+        // Remove telepointers for users that left
         left.forEach(function (i) {
           var pointers = findPointers(i.sessionId, _this.decorationSet);
-
           if (pointers) {
             remove = remove.concat(pointers);
           }
         });
       }
-
       if (telepointerData) {
         var sessionId = telepointerData.sessionId;
-
         if (participants.get(sessionId) && sessionId !== sid) {
           var oldPointers = findPointers(telepointerData.sessionId, this.decorationSet);
-
           if (oldPointers) {
             remove = remove.concat(oldPointers);
           }
-
           var endOfDocPos = tr.doc.nodeSize - 2;
           var _telepointerData$sele = telepointerData.selection,
-              anchor = _telepointerData$sele.anchor,
-              head = _telepointerData$sele.head;
+            anchor = _telepointerData$sele.anchor,
+            head = _telepointerData$sele.head;
           var rawFrom = anchor < head ? anchor : head;
           var rawTo = anchor >= head ? anchor : head;
-
           if (rawFrom > endOfDocPos) {
             rawFrom = endOfDocPos;
           }
-
           if (rawTo > endOfDocPos) {
             rawTo = endOfDocPos;
           }
-
           var isSelection = rawTo - rawFrom > 0;
           var from = 1;
           var to = 1;
-
           try {
             from = getValidPos(tr, isSelection ? Math.max(rawFrom - 1, 0) : rawFrom);
             to = isSelection ? getValidPos(tr, rawTo) : from;
           } catch (err) {
             this.onError(err);
           }
-
           add = add.concat(createTelepointers(from, to, sessionId, isSelection, this.getInitial(sessionId)));
         }
       }
-
       if (tr.docChanged) {
         // Adjust decoration positions to changes made by the transaction
         try {
@@ -161,12 +140,11 @@ export var PluginState = /*#__PURE__*/function () {
             onRemove: function onRemove(spec) {
               if (spec.pointer && spec.pointer.sessionId && spec.key === "telepointer-".concat(spec.pointer.sessionId)) {
                 var step = tr.steps.filter(isReplaceStep)[0];
-
                 if (step) {
                   var _sessionId = spec.pointer.sessionId;
                   var _ref = step,
-                      size = _ref.slice.content.size,
-                      _from = _ref.from;
+                    size = _ref.slice.content.size,
+                    _from = _ref.from;
                   var pos = getValidPos(tr, size ? Math.min(_from + size, tr.doc.nodeSize - 3) : Math.max(_from, 1));
                   add = add.concat(createTelepointers(pos, pos, _sessionId, false, _this.getInitial(_sessionId)));
                 }
@@ -175,15 +153,14 @@ export var PluginState = /*#__PURE__*/function () {
           });
         } catch (err) {
           this.onError(err);
-        } // Remove any selection decoration within the change range,
-        // takes care of the issue when after pasting we end up with a dead selection
-
+        }
 
+        // Remove any selection decoration within the change range,
+        // takes care of the issue when after pasting we end up with a dead selection
         tr.steps.filter(isReplaceStep).forEach(function (s) {
           var _ref2 = s,
-              from = _ref2.from,
-              to = _ref2.to;
-
+            from = _ref2.from,
+            to = _ref2.to;
           _this.decorationSet.find(from, to).forEach(function (deco) {
             // `type` is private, `from` and `to` are public in latest version
             // `from` != `to` means it's a selection
@@ -193,20 +170,18 @@ export var PluginState = /*#__PURE__*/function () {
           });
         });
       }
-
       var selection = tr.selection;
       this.decorationSet.find().forEach(function (deco) {
         if (deco.type.toDOM) {
           var hasTelepointerDimClass = deco.type.toDOM.classList.contains(TELEPOINTER_DIM_CLASS);
-
           if (deco.from === selection.from && deco.to === selection.to) {
             if (!hasTelepointerDimClass) {
               deco.type.toDOM.classList.add(TELEPOINTER_DIM_CLASS);
-            } // Browser condition here to fix ED-14722 where telepointer
+            }
+
+            // Browser condition here to fix ED-14722 where telepointer
             // decorations with side -1 in Firefox causes backspace issues.
             // This is likely caused by contenteditable quirks in Firefox
-
-
             if (!browser.gecko) {
               deco.type.side = -1;
             }
@@ -214,34 +189,28 @@ export var PluginState = /*#__PURE__*/function () {
             if (hasTelepointerDimClass) {
               deco.type.toDOM.classList.remove(TELEPOINTER_DIM_CLASS);
             }
-
             deco.type.side = 0;
           }
         }
       });
-
       if (remove.length) {
         this.decorationSet = this.decorationSet.remove(remove);
       }
-
       if (add.length) {
         this.decorationSet = this.decorationSet.add(tr.doc, add);
-      } // This piece needs to be after the decorationSet adjustments,
-      // otherwise it's always one step behind where the cursor is
-
+      }
 
+      // This piece needs to be after the decorationSet adjustments,
+      // otherwise it's always one step behind where the cursor is
       if (telepointerData) {
         var _sessionId2 = telepointerData.sessionId;
-
         if (participants.get(_sessionId2)) {
           var positionForScroll = getPositionOfTelepointer(_sessionId2, this.decorationSet);
-
           if (positionForScroll) {
             participants = participants.updateCursorPos(_sessionId2, positionForScroll);
           }
         }
       }
-
       var nextState = new PluginState(this.decorationSet, participants, sid, collabInitialised);
       return PluginState.eq(nextState, this) ? this : nextState;
     }
@@ -254,10 +223,9 @@ export var PluginState = /*#__PURE__*/function () {
     key: "init",
     value: function init(config) {
       var doc = config.doc,
-          onError = config.onError;
+        onError = config.onError;
       return new PluginState(DecorationSet.create(doc, []), new Participants(), undefined, undefined, onError);
     }
   }]);
-
   return PluginState;
 }();

package/dist/esm/plugins/collab-edit/plugin.js

@@ -27,22 +27,20 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
     },
     filterTransaction: function filterTransaction(tr, state) {
       var pluginState = pluginKey.getState(state);
-      var collabInitialiseTr = tr.getMeta('collabInitialised'); // Don't allow transactions that modifies the document before
-      // collab-plugin is ready.
+      var collabInitialiseTr = tr.getMeta('collabInitialised');
 
+      // Don't allow transactions that modifies the document before
+      // collab-plugin is ready.
       if (collabInitialiseTr) {
         return true;
       }
-
       if (!pluginState.isReady && tr.docChanged) {
         return false;
       }
-
       return true;
     },
     view: function view(_view) {
       var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr);
-
       var onSyncUpError = function onSyncUpError(attributes) {
         fireAnalyticsCallback({
           payload: {
@@ -53,7 +51,6 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
           }
         });
       };
-
       options.onSyncUpError = onSyncUpError;
       var cleanup = collabProviderCallback(initialize({
         view: _view,
@@ -63,7 +60,6 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
       return {
         destroy: function destroy() {
           providerFactory.unsubscribeAll('collabEditProvider');
-
           if (cleanup) {
             cleanup.then(function (unsubscribe) {
               if (unsubscribe) {

package/dist/esm/plugins/collab-edit/provider/channel.js

@@ -11,23 +11,19 @@ import { logger } from './logger';
 export var Channel = /*#__PURE__*/function () {
   function Channel(config, pubSubClient) {
     _classCallCheck(this, Channel);
-
     _defineProperty(this, "eventEmitter", new EventEmitter2());
-
     this.config = config;
     this.pubSubClient = pubSubClient;
   }
+
   /**
    * Get initial document from service
    */
-
-
   _createClass(Channel, [{
     key: "getDocument",
     value: function () {
       var _getDocument = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$utils$requestS, doc, version;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -37,7 +33,6 @@ export var Channel = /*#__PURE__*/function () {
                 return utils.requestService(this.config, {
                   path: "document/".concat(this.config.docId)
                 });
-
               case 3:
                 _yield$utils$requestS = _context.sent;
                 doc = _yield$utils$requestS.doc;
@@ -46,7 +41,6 @@ export var Channel = /*#__PURE__*/function () {
                   doc: doc,
                   version: version
                 });
-
               case 9:
                 _context.prev = 9;
                 _context.t0 = _context["catch"](0);
@@ -55,7 +49,6 @@ export var Channel = /*#__PURE__*/function () {
                   doc: {},
                   version: 1
                 });
-
               case 13:
               case "end":
                 return _context.stop();
@@ -63,25 +56,20 @@ export var Channel = /*#__PURE__*/function () {
           }
         }, _callee, this, [[0, 9]]);
       }));
-
       function getDocument() {
         return _getDocument.apply(this, arguments);
       }
-
       return getDocument;
     }()
     /**
      * Connect to pubsub to start receiving events
      */
-
   }, {
     key: "connect",
     value: function () {
       var _connect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var _this = this;
-
         var docId, _yield$this$getDocume, doc, version;
-
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -89,7 +77,6 @@ export var Channel = /*#__PURE__*/function () {
                 docId = this.config.docId;
                 _context2.next = 3;
                 return this.getDocument();
-
               case 3:
                 _yield$this$getDocume = _context2.sent;
                 doc = _yield$this$getDocume.doc;
@@ -99,26 +86,22 @@ export var Channel = /*#__PURE__*/function () {
                 });
                 _context2.next = 9;
                 return this.pubSubClient.join(["ari:cloud::fabric:collab-service/".concat(docId)]);
-
               case 9:
                 this.pubSubClient.on('avi:pf-collab-service:steps:created', function (_event, payload) {
                   logger('Received FPS-payload', {
                     payload: payload
                   });
-
                   _this.emit('data', payload);
                 }).on('avi:pf-collab-service:telepointer:updated', function (_event, payload) {
                   logger('Received telepointer-payload', {
                     payload: payload
                   });
-
                   _this.emit('telepointer', payload);
                 });
                 this.eventEmitter.emit('connected', {
                   doc: doc,
                   version: version
                 });
-
               case 11:
               case "end":
                 return _context2.stop();
@@ -126,40 +109,33 @@ export var Channel = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-
       function connect() {
         return _connect.apply(this, arguments);
       }
-
       return connect;
     }()
   }, {
     key: "debounce",
     value: function debounce(getState) {
       var _this2 = this;
-
       logger("Debouncing steps");
-
       if (this.debounced) {
         clearTimeout(this.debounced);
       }
-
       this.debounced = window.setTimeout(function () {
         logger("Sending debounced");
-
         _this2.sendSteps(getState(), getState);
       }, 250);
     }
+
     /**
      * Send steps to service
      */
-
   }, {
     key: "sendSteps",
     value: function () {
       var _sendSteps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(state, getState, localSteps) {
         var version, _ref, steps, response;
-
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
@@ -168,33 +144,25 @@ export var Channel = /*#__PURE__*/function () {
                   _context3.next = 3;
                   break;
                 }
-
                 this.debounce(getState);
                 return _context3.abrupt("return");
-
               case 3:
                 version = getVersion(state); // Don't send any steps before we're ready.
-
                 if (!(_typeof(version) === undefined)) {
                   _context3.next = 6;
                   break;
                 }
-
                 return _context3.abrupt("return");
-
               case 6:
                 _ref = localSteps || sendableSteps(state) || {
                   steps: []
                 }, steps = _ref.steps; // sendableSteps can return null..
-
                 if (!(steps.length === 0)) {
                   _context3.next = 10;
                   break;
                 }
-
                 logger("No steps to send. Aborting.");
                 return _context3.abrupt("return");
-
               case 10:
                 this.isSending = true;
                 _context3.prev = 11;
@@ -212,7 +180,6 @@ export var Channel = /*#__PURE__*/function () {
                     })
                   }
                 });
-
               case 14:
                 response = _context3.sent;
                 this.isSending = false;
@@ -220,13 +187,11 @@ export var Channel = /*#__PURE__*/function () {
                 this.emit('data', response);
                 _context3.next = 24;
                 break;
-
               case 20:
                 _context3.prev = 20;
                 _context3.t0 = _context3["catch"](11);
                 this.isSending = false;
                 logger("Error sending steps: \"".concat(_context3.t0, "\""));
-
               case 24:
               case "end":
                 return _context3.stop();
@@ -234,17 +199,14 @@ export var Channel = /*#__PURE__*/function () {
           }
         }, _callee3, this, [[11, 20]]);
       }));
-
       function sendSteps(_x, _x2, _x3) {
         return _sendSteps.apply(this, arguments);
       }
-
       return sendSteps;
     }()
     /**
      * Get steps from version x to latest
      */
-
   }, {
     key: "getSteps",
     value: function () {
@@ -260,10 +222,8 @@ export var Channel = /*#__PURE__*/function () {
                     version: version
                   }
                 });
-
               case 2:
                 return _context4.abrupt("return", _context4.sent);
-
               case 3:
               case "end":
                 return _context4.stop();
@@ -271,17 +231,14 @@ export var Channel = /*#__PURE__*/function () {
           }
         }, _callee4, this);
       }));
-
       function getSteps(_x4) {
         return _getSteps.apply(this, arguments);
       }
-
       return getSteps;
     }()
     /**
      * Send telepointer
      */
-
   }, {
     key: "sendTelepointer",
     value: function () {
@@ -302,7 +259,6 @@ export var Channel = /*#__PURE__*/function () {
                     body: JSON.stringify(data)
                   }
                 });
-
               case 3:
               case "end":
                 return _context5.stop();
@@ -310,37 +266,34 @@ export var Channel = /*#__PURE__*/function () {
           }
         }, _callee5, this);
       }));
-
       function sendTelepointer(_x5) {
         return _sendTelepointer.apply(this, arguments);
       }
-
       return sendTelepointer;
     }()
     /**
      * Subscribe to events emitted by this channel
      */
-
   }, {
     key: "on",
     value: function on(evt, handler) {
       this.eventEmitter.on(evt, handler);
       return this;
     }
+
     /**
      * Unsubscribe from events emitted by this channel
      */
-
   }, {
     key: "off",
     value: function off(evt, handler) {
       this.eventEmitter.off(evt, handler);
       return this;
     }
+
     /**
      * Emit events to subscribers
      */
-
   }, {
     key: "emit",
     value: function emit(evt, data) {
@@ -348,6 +301,5 @@ export var Channel = /*#__PURE__*/function () {
       return this;
     }
   }]);
-
   return Channel;
 }();

package/dist/esm/plugins/collab-edit/provider/logger.js

@@ -3,7 +3,6 @@ export var logger = function logger(msg) {
   var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'color:blue;font-weight:bold;';
   // eslint-disable-next-line no-console
   console.log("%cCollab-Edit: ".concat(msg), style);
-
   if (data) {
     // eslint-disable-next-line no-console
     console.log(data);

package/dist/esm/plugins/collab-edit/provider/mock-users.js

@@ -1,7 +1,7 @@
 var participants = ['Awilda Mcentire', 'Katie Iddings', 'Serafina Mcdowell', 'Eun Knopp', 'Walker Reighard', 'Keely Muth', 'Allie April', 'Rosamond Paton', 'Lashawnda Peppard', 'Hubert Feingold', 'Idalia Mcquaig', 'Wyatt Byer', 'Genevieve Reeder', 'Dona Elton', 'Jerilyn Holte', 'Salina Erhardt', 'Velda Latour', 'Regina Richer', 'Natisha Tiger', 'Glynda Stuckey', 'Wilson Woodberry', 'Elvie Furtado', 'Lasandra Palmatier', 'Louise Mijares', 'Herma Vanleer', 'Titus Plante', 'James Fiscus', 'Ina Ramero', 'Jeanene Bernabe', 'Lida Lepine', 'Rosalina Palka', 'Dayle Grossi', 'Zack Leister', 'Isobel Fay', 'Elouise Kluge', 'Twyla Machin', 'Diane Herrington', 'Fumiko Elders', 'Kennith Howe', 'Doloris Mccollom', 'Daryl Wherry', 'Sade Albury', 'Roy Cork', 'Hunter Hultgren', 'Mi Miley', 'Isabelle Halperin', 'Kayla Starke', 'Allyson Woomer', 'Sirena Politte', 'Patricia Scovil'];
 export var getParticipant = function getParticipant(userId) {
-  var id = +userId.split('/')[1]; // eslint-disable-next-line no-bitwise
-
+  var id = +userId.split('/')[1];
+  // eslint-disable-next-line no-bitwise
   var name = participants[(id | 0) % participants.length];
   return {
     userId: userId,

package/dist/esm/plugins/collab-edit/provider/types.js

@@ -1,8 +1,8 @@
 /**
  * Same as PubSub client types (don't want a direct dep though)
  */
-export var PubSubSpecialEventType;
 
+export var PubSubSpecialEventType;
 (function (PubSubSpecialEventType) {
   PubSubSpecialEventType["ERROR"] = "ERROR";
   PubSubSpecialEventType["CONNECTED"] = "CONNECTED";

package/dist/esm/plugins/collab-edit/styles.js

@@ -1,16 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { TELEPOINTER_DIM_CLASS } from './plugin-state';
 import { colors } from './utils';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-
 var telepointerColorStyle = function telepointerColorStyle(color, index) {
   return "\n  &.color-".concat(index, " {\n    background-color: ").concat(color.selection, ";\n    &::after {\n      background-color: ").concat(color.solid, ";\n      color: ", "var(--ds-text-inverse, #fff)", ";\n      border-color: ").concat(color.solid, ";\n    }\n  }\n");
 };
-
 export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .telepointer {\n    position: relative;\n    transition: opacity 200ms;\n\n    &.telepointer-selection {\n      line-height: 1.2;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    &.telepointer-selection-badge::after {\n      content: attr(data-initial);\n      position: absolute;\n      display: block;\n      top: -14px;\n      font-size: ", ";\n      padding: 2px;\n      color: ", ";\n      left: -1px;\n      border-radius: 2px 2px 2px 0;\n      line-height: initial;\n    }\n\n    &.", " {\n      opacity: 0.2;\n    }\n\n    ", ";\n  }\n"])), relativeFontSizeToBase16(9), "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
   return telepointerColorStyle(color, index);
 }));

package/dist/esm/plugins/collab-edit/ui/avatars-with-plugin-state.js

@@ -5,20 +5,17 @@ import { pluginKey as collabEditPluginKey } from '../plugin';
 import messages from '../../../messages';
 import { Avatars } from './avatars';
 import { InviteToEditButton } from './invite-to-edit';
-
 var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
   var title = props.intl.formatMessage(messages.inviteToEditButtonTitle);
   var selected = props.isInviteToEditButtonSelected,
-      onClick = props.inviteToEditHandler,
-      Component = props.inviteToEditComponent,
-      editorView = props.editorView;
+    onClick = props.inviteToEditHandler,
+    Component = props.inviteToEditComponent,
+    editorView = props.editorView;
   var render = React.useCallback(function (_ref) {
     var data = _ref.data;
-
     if (!data) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(Avatars, {
       sessionId: data.sessionId,
       participants: data.activeParticipants,
@@ -38,5 +35,4 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
     editorView: editorView
   });
 };
-
 export default injectIntl(AvatarsWithPluginState);