@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/cjs/plugins/collab-edit/provider/collab-provider.js

@@ -1,376 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CollabProvider = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _eventemitter = require("eventemitter2");
-
-var _prosemirrorCollab = require("prosemirror-collab");
-
-var _channel = require("./channel");
-
-var _mockUsers = require("./mock-users");
-
-var _logger = require("./logger");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var CollabProvider = /*#__PURE__*/function () {
-  function CollabProvider(config, pubSubClient) {
-    var _this = this;
-
-    (0, _classCallCheck2.default)(this, CollabProvider);
-    (0, _defineProperty2.default)(this, "eventEmitter", new _eventemitter.EventEmitter2());
-    (0, _defineProperty2.default)(this, "queue", []);
-    (0, _defineProperty2.default)(this, "getState", function () {});
-    (0, _defineProperty2.default)(this, "participants", new Map());
-    (0, _defineProperty2.default)(this, "pauseQueue", false);
-    (0, _defineProperty2.default)(this, "processRemoteData", function (data, forceApply) {
-      if (_this.pauseQueue && !forceApply) {
-        (0, _logger.logger)("Queue is paused. Aborting.");
-        return;
-      }
-
-      var version = data.version,
-          steps = data.steps;
-      (0, _logger.logger)("Processing data. Version: ".concat(version));
-
-      if (steps && steps.length) {
-        var userIds = steps.map(function (step) {
-          return step.userId;
-        });
-
-        _this.emit('data', {
-          json: steps,
-          version: version,
-          userIds: userIds
-        });
-      }
-
-      _this.processQeueue();
-    });
-    (0, _defineProperty2.default)(this, "onReceiveData", function (data, forceApply) {
-      var currentVersion = (0, _prosemirrorCollab.getVersion)(_this.getState());
-      var expectedVersion = currentVersion + data.steps.length;
-
-      if (data.version === currentVersion) {
-        (0, _logger.logger)("Received data we already have. Ignoring.");
-      } else if (data.version === expectedVersion) {
-        _this.processRemoteData(data, forceApply);
-      } else if (data.version > expectedVersion) {
-        (0, _logger.logger)("Version too high. Expected ".concat(expectedVersion, " but got ").concat(data.version, ". Current local version is ").concat(currentVersion));
-
-        _this.queueData(data);
-      }
-    });
-    (0, _defineProperty2.default)(this, "onReceiveTelepointer", function (data) {
-      var sessionId = data.sessionId;
-
-      if (sessionId === _this.config.userId) {
-        return;
-      }
-
-      var participant = _this.participants.get(sessionId);
-
-      if (participant && participant.lastActive > data.timestamp) {
-        (0, _logger.logger)("Old telepointer event. Ignoring.");
-        return;
-      }
-
-      _this.updateParticipant(sessionId, data.timestamp);
-
-      (0, _logger.logger)("Remote telepointer from ".concat(sessionId));
-
-      _this.emit('telepointer', data);
-    });
-    this.config = config;
-    this.channel = new _channel.Channel(config, pubSubClient);
-  }
-
-  (0, _createClass2.default)(CollabProvider, [{
-    key: "initialize",
-    value: function initialize(getState) {
-      var _this2 = this;
-
-      this.getState = getState;
-      this.channel.on('connected', function (_ref) {
-        var doc = _ref.doc,
-            version = _ref.version;
-        (0, _logger.logger)("Joined collab-session. The document version is ".concat(version));
-        var userId = _this2.config.userId;
-
-        _this2.emit('init', {
-          sid: userId,
-          doc: doc,
-          version: version
-        }) // Set initial document
-        .emit('connected', {
-          sid: userId
-        }); // Let the plugin know that we're connected an ready to go
-
-      }).on('data', this.onReceiveData).on('telepointer', this.onReceiveTelepointer).connect();
-      return this;
-    }
-    /**
-     * Send steps from transaction to other participants
-     */
-
-  }, {
-    key: "send",
-    value: function send(tr, _oldState, newState) {
-      // Ignore transactions without steps
-      if (!tr.steps || !tr.steps.length) {
-        return;
-      }
-
-      this.channel.sendSteps(newState, this.getState);
-    }
-    /**
-     * Send messages, such as telepointers, to other participants.
-     */
-
-  }, {
-    key: "sendMessage",
-    value: function sendMessage(data) {
-      if (!data) {
-        return;
-      }
-
-      var type = data.type;
-
-      switch (type) {
-        case 'telepointer':
-          this.channel.sendTelepointer(_objectSpread(_objectSpread({}, data), {}, {
-            timestamp: new Date().getTime()
-          }));
-      }
-    }
-  }, {
-    key: "queueData",
-    value: function queueData(data) {
-      var _this3 = this;
-
-      (0, _logger.logger)("Queuing data for version ".concat(data.version));
-      var orderedQueue = [].concat((0, _toConsumableArray2.default)(this.queue), [data]).sort(function (a, b) {
-        return a.version > b.version ? 1 : -1;
-      });
-      this.queue = orderedQueue;
-
-      if (!this.queueTimeout && !this.pauseQueue) {
-        this.queueTimeout = window.setTimeout(function () {
-          _this3.catchup();
-        }, 1000);
-      }
-    }
-  }, {
-    key: "catchup",
-    value: function () {
-      var _catchup = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var currentVersion, _yield$this$channel$g, doc, version, steps, userId, _ref2, _ref2$steps, localSteps;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this.pauseQueue = true;
-                (0, _logger.logger)("Too far behind - fetching data from service");
-                currentVersion = (0, _prosemirrorCollab.getVersion)(this.getState());
-                _context.prev = 3;
-                _context.next = 6;
-                return this.channel.getSteps(currentVersion);
-
-              case 6:
-                _yield$this$channel$g = _context.sent;
-                doc = _yield$this$channel$g.doc;
-                version = _yield$this$channel$g.version;
-                steps = _yield$this$channel$g.steps;
-
-                /**
-                 * 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 > version;
-                }); // We are too far behind - replace the entire document
-
-                if (doc) {
-                  (0, _logger.logger)("Replacing document.");
-                  userId = this.config.userId;
-                  _ref2 = (0, _prosemirrorCollab.sendableSteps)(this.getState()) || {}, _ref2$steps = _ref2.steps, localSteps = _ref2$steps === void 0 ? [] : _ref2$steps; // Replace local document and version number
-
-                  this.emit('init', {
-                    sid: userId,
-                    doc: doc,
-                    version: version
-                  }); // Re-aply local steps
-
-                  if (localSteps.length) {
-                    this.emit('local-steps', {
-                      steps: localSteps
-                    });
-                  }
-
-                  clearTimeout(this.queueTimeout);
-                  this.pauseQueue = false;
-                  this.queueTimeout = undefined;
-                } else if (steps) {
-                  (0, _logger.logger)("Applying the new steps. Version: ".concat(version));
-                  this.onReceiveData({
-                    steps: steps,
-                    version: version
-                  }, true);
-                  clearTimeout(this.queueTimeout);
-                  this.pauseQueue = false;
-                  this.queueTimeout = undefined;
-                }
-
-                _context.next = 17;
-                break;
-
-              case 14:
-                _context.prev = 14;
-                _context.t0 = _context["catch"](3);
-                (0, _logger.logger)("Unable to get latest steps: ".concat(_context.t0));
-
-              case 17:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this, [[3, 14]]);
-      }));
-
-      function catchup() {
-        return _catchup.apply(this, arguments);
-      }
-
-      return catchup;
-    }()
-  }, {
-    key: "processQeueue",
-    value: function processQeueue() {
-      if (this.pauseQueue) {
-        (0, _logger.logger)("Queue is paused. Aborting.");
-        return;
-      }
-
-      (0, _logger.logger)("Looking for proccessable data");
-
-      if (this.queue.length === 0) {
-        return;
-      }
-
-      var _this$queue = (0, _slicedToArray2.default)(this.queue, 1),
-          firstItem = _this$queue[0];
-
-      var currentVersion = (0, _prosemirrorCollab.getVersion)(this.getState());
-      var expectedVersion = currentVersion + firstItem.steps.length;
-
-      if (firstItem.version === expectedVersion) {
-        (0, _logger.logger)("Applying data from queue!");
-        this.queue.splice(0, 1);
-        this.processRemoteData(firstItem);
-      }
-    }
-  }, {
-    key: "updateParticipant",
-    value: function updateParticipant(userId, timestamp) {
-      var _this4 = this;
-
-      // TODO: Make batch-request to backend to resolve participants
-      var _getParticipant = (0, _mockUsers.getParticipant)(userId),
-          _getParticipant$name = _getParticipant.name,
-          name = _getParticipant$name === void 0 ? '' : _getParticipant$name,
-          _getParticipant$email = _getParticipant.email,
-          email = _getParticipant$email === void 0 ? '' : _getParticipant$email,
-          _getParticipant$avata = _getParticipant.avatar,
-          avatar = _getParticipant$avata === void 0 ? '' : _getParticipant$avata;
-
-      this.participants.set(userId, {
-        name: name,
-        email: email,
-        avatar: avatar,
-        sessionId: userId,
-        lastActive: timestamp
-      });
-      var joined = [this.participants.get(userId)]; // Filter out participants that's been inactive for
-      // more than 5 minutes.
-
-      var now = new Date().getTime();
-      var left = Array.from(this.participants.values()).filter(function (p) {
-        return (now - p.lastActive) / 1000 > 300;
-      });
-      left.forEach(function (p) {
-        return _this4.participants.delete(p.sessionId);
-      });
-      this.emit('presence', {
-        joined: joined,
-        left: left
-      });
-    }
-    /**
-     * Emit events to subscribers
-     */
-
-  }, {
-    key: "emit",
-    value: function emit(evt, data) {
-      this.eventEmitter.emit(evt, data);
-      return this;
-    }
-    /**
-     * Subscribe to events emitted by this provider
-     */
-
-  }, {
-    key: "on",
-    value: function on(evt, handler) {
-      this.eventEmitter.on(evt, handler);
-      return this;
-    }
-    /**
-     * Unsubscribe from events emitted by this provider
-     */
-
-  }, {
-    key: "off",
-    value: function off(evt, handler) {
-      this.eventEmitter.off(evt, handler);
-      return this;
-    }
-    /**
-     * Unsubscribe from all events emitted by this provider.
-     */
-
-  }, {
-    key: "unsubscribeAll",
-    value: function unsubscribeAll(evt) {
-      this.eventEmitter.removeAllListeners(evt);
-      return this;
-    }
-  }]);
-  return CollabProvider;
-}();
-
-exports.CollabProvider = CollabProvider;

package/dist/cjs/ui/InlineNodeWrapper/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineNodeInnerWrapper = void 0;
-exports.createMobileInlineDomRef = createMobileInlineDomRef;
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-/**
- * @see ED-6102: Deleting inline nodes doesn't work properly on Android
- * @see discussion here: https://github.com/ProseMirror/prosemirror/issues/903
- *
- * Implemented a workaround, namely wrapping affected inline nodes into an inline block + block using following helpers.
- * As outcome deletion is handled properly, albeit cursor is still jumping impredictably
- * (this moderately affects the editing experience on Android)
- */
-function createMobileInlineDomRef() {
-  var domRef = document.createElement('span');
-  domRef.contentEditable = 'false';
-  domRef.classList.add('inline-node--mobile');
-  return domRef;
-}
-
-var InlineNodeInnerWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n"])));
-
-exports.InlineNodeInnerWrapper = InlineNodeInnerWrapper;
-
-var InlineNodeWrapper = function InlineNodeWrapper(_ref) {
-  var useInlineWrapper = _ref.useInlineWrapper,
-      children = _ref.children;
-  return useInlineWrapper ? /*#__PURE__*/_react.default.createElement(InlineNodeInnerWrapper, null, children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
-
-InlineNodeWrapper.displayName = 'InlineNodeWrapper';
-var _default = InlineNodeWrapper;
-exports.default = _default;

package/dist/es2019/plugins/collab-edit/provider/collab-provider.js

@@ -1,293 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { EventEmitter2 } from 'eventemitter2';
-import { getVersion, sendableSteps } from 'prosemirror-collab';
-import { Channel } from './channel';
-import { getParticipant } from './mock-users';
-import { logger } from './logger';
-export class CollabProvider {
-  constructor(config, pubSubClient) {
-    _defineProperty(this, "eventEmitter", new EventEmitter2());
-
-    _defineProperty(this, "queue", []);
-
-    _defineProperty(this, "getState", () => {});
-
-    _defineProperty(this, "participants", new Map());
-
-    _defineProperty(this, "pauseQueue", false);
-
-    _defineProperty(this, "processRemoteData", (data, forceApply) => {
-      if (this.pauseQueue && !forceApply) {
-        logger(`Queue is paused. Aborting.`);
-        return;
-      }
-
-      const {
-        version,
-        steps
-      } = data;
-      logger(`Processing data. Version: ${version}`);
-
-      if (steps && steps.length) {
-        const userIds = steps.map(step => step.userId);
-        this.emit('data', {
-          json: steps,
-          version,
-          userIds
-        });
-      }
-
-      this.processQeueue();
-    });
-
-    _defineProperty(this, "onReceiveData", (data, forceApply) => {
-      const currentVersion = getVersion(this.getState());
-      const expectedVersion = currentVersion + data.steps.length;
-
-      if (data.version === currentVersion) {
-        logger(`Received data we already have. Ignoring.`);
-      } else if (data.version === expectedVersion) {
-        this.processRemoteData(data, forceApply);
-      } else if (data.version > expectedVersion) {
-        logger(`Version too high. Expected ${expectedVersion} but got ${data.version}. Current local version is ${currentVersion}`);
-        this.queueData(data);
-      }
-    });
-
-    _defineProperty(this, "onReceiveTelepointer", data => {
-      const {
-        sessionId
-      } = data;
-
-      if (sessionId === this.config.userId) {
-        return;
-      }
-
-      const participant = this.participants.get(sessionId);
-
-      if (participant && participant.lastActive > data.timestamp) {
-        logger(`Old telepointer event. Ignoring.`);
-        return;
-      }
-
-      this.updateParticipant(sessionId, data.timestamp);
-      logger(`Remote telepointer from ${sessionId}`);
-      this.emit('telepointer', data);
-    });
-
-    this.config = config;
-    this.channel = new Channel(config, pubSubClient);
-  }
-
-  initialize(getState) {
-    this.getState = getState;
-    this.channel.on('connected', ({
-      doc,
-      version
-    }) => {
-      logger(`Joined collab-session. The document version is ${version}`);
-      const {
-        userId
-      } = this.config;
-      this.emit('init', {
-        sid: userId,
-        doc,
-        version
-      }) // Set initial document
-      .emit('connected', {
-        sid: userId
-      }); // Let the plugin know that we're connected an ready to go
-    }).on('data', this.onReceiveData).on('telepointer', this.onReceiveTelepointer).connect();
-    return this;
-  }
-  /**
-   * Send steps from transaction to other participants
-   */
-
-
-  send(tr, _oldState, newState) {
-    // Ignore transactions without steps
-    if (!tr.steps || !tr.steps.length) {
-      return;
-    }
-
-    this.channel.sendSteps(newState, this.getState);
-  }
-  /**
-   * Send messages, such as telepointers, to other participants.
-   */
-
-
-  sendMessage(data) {
-    if (!data) {
-      return;
-    }
-
-    const {
-      type
-    } = data;
-
-    switch (type) {
-      case 'telepointer':
-        this.channel.sendTelepointer({ ...data,
-          timestamp: new Date().getTime()
-        });
-    }
-  }
-
-  queueData(data) {
-    logger(`Queuing data for version ${data.version}`);
-    const orderedQueue = [...this.queue, data].sort((a, b) => a.version > b.version ? 1 : -1);
-    this.queue = orderedQueue;
-
-    if (!this.queueTimeout && !this.pauseQueue) {
-      this.queueTimeout = window.setTimeout(() => {
-        this.catchup();
-      }, 1000);
-    }
-  }
-
-  async catchup() {
-    this.pauseQueue = true;
-    logger(`Too far behind - fetching data from service`);
-    const currentVersion = getVersion(this.getState());
-
-    try {
-      const {
-        doc,
-        version,
-        steps
-      } = await this.channel.getSteps(currentVersion);
-      /**
-       * 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(data => data.version > version); // We are too far behind - replace the entire document
-
-      if (doc) {
-        logger(`Replacing document.`);
-        const {
-          userId
-        } = this.config;
-        const {
-          steps: localSteps = []
-        } = sendableSteps(this.getState()) || {}; // Replace local document and version number
-
-        this.emit('init', {
-          sid: userId,
-          doc,
-          version
-        }); // Re-aply local steps
-
-        if (localSteps.length) {
-          this.emit('local-steps', {
-            steps: localSteps
-          });
-        }
-
-        clearTimeout(this.queueTimeout);
-        this.pauseQueue = false;
-        this.queueTimeout = undefined;
-      } else if (steps) {
-        logger(`Applying the new steps. Version: ${version}`);
-        this.onReceiveData({
-          steps,
-          version
-        }, true);
-        clearTimeout(this.queueTimeout);
-        this.pauseQueue = false;
-        this.queueTimeout = undefined;
-      }
-    } catch (err) {
-      logger(`Unable to get latest steps: ${err}`);
-    }
-  }
-
-  processQeueue() {
-    if (this.pauseQueue) {
-      logger(`Queue is paused. Aborting.`);
-      return;
-    }
-
-    logger(`Looking for proccessable data`);
-
-    if (this.queue.length === 0) {
-      return;
-    }
-
-    const [firstItem] = this.queue;
-    const currentVersion = getVersion(this.getState());
-    const expectedVersion = currentVersion + firstItem.steps.length;
-
-    if (firstItem.version === expectedVersion) {
-      logger(`Applying data from queue!`);
-      this.queue.splice(0, 1);
-      this.processRemoteData(firstItem);
-    }
-  }
-
-  updateParticipant(userId, timestamp) {
-    // TODO: Make batch-request to backend to resolve participants
-    const {
-      name = '',
-      email = '',
-      avatar = ''
-    } = getParticipant(userId);
-    this.participants.set(userId, {
-      name,
-      email,
-      avatar,
-      sessionId: userId,
-      lastActive: timestamp
-    });
-    const joined = [this.participants.get(userId)]; // Filter out participants that's been inactive for
-    // more than 5 minutes.
-
-    const now = new Date().getTime();
-    const left = Array.from(this.participants.values()).filter(p => (now - p.lastActive) / 1000 > 300);
-    left.forEach(p => this.participants.delete(p.sessionId));
-    this.emit('presence', {
-      joined,
-      left
-    });
-  }
-  /**
-   * Emit events to subscribers
-   */
-
-
-  emit(evt, data) {
-    this.eventEmitter.emit(evt, data);
-    return this;
-  }
-  /**
-   * Subscribe to events emitted by this provider
-   */
-
-
-  on(evt, handler) {
-    this.eventEmitter.on(evt, handler);
-    return this;
-  }
-  /**
-   * Unsubscribe from events emitted by this provider
-   */
-
-
-  off(evt, handler) {
-    this.eventEmitter.off(evt, handler);
-    return this;
-  }
-  /**
-   * Unsubscribe from all events emitted by this provider.
-   */
-
-
-  unsubscribeAll(evt) {
-    this.eventEmitter.removeAllListeners(evt);
-    return this;
-  }
-
-}