@atlaskit/editor-core 154.0.0 → 155.0.0

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

@@ -1,364 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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) { _defineProperty(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; }
-
-import { EventEmitter2 } from 'eventemitter2';
-import { getVersion, sendableSteps } from 'prosemirror-collab';
-import { Channel } from './channel';
-import { getParticipant } from './mock-users';
-import { logger } from './logger';
-export var CollabProvider = /*#__PURE__*/function () {
-  function CollabProvider(config, pubSubClient) {
-    var _this = this;
-
-    _classCallCheck(this, CollabProvider);
-
-    _defineProperty(this, "eventEmitter", new EventEmitter2());
-
-    _defineProperty(this, "queue", []);
-
-    _defineProperty(this, "getState", function () {});
-
-    _defineProperty(this, "participants", new Map());
-
-    _defineProperty(this, "pauseQueue", false);
-
-    _defineProperty(this, "processRemoteData", function (data, forceApply) {
-      if (_this.pauseQueue && !forceApply) {
-        logger("Queue is paused. Aborting.");
-        return;
-      }
-
-      var version = data.version,
-          steps = data.steps;
-      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();
-    });
-
-    _defineProperty(this, "onReceiveData", function (data, forceApply) {
-      var currentVersion = getVersion(_this.getState());
-      var 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 ".concat(expectedVersion, " but got ").concat(data.version, ". Current local version is ").concat(currentVersion));
-
-        _this.queueData(data);
-      }
-    });
-
-    _defineProperty(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) {
-        logger("Old telepointer event. Ignoring.");
-        return;
-      }
-
-      _this.updateParticipant(sessionId, data.timestamp);
-
-      logger("Remote telepointer from ".concat(sessionId));
-
-      _this.emit('telepointer', data);
-    });
-
-    this.config = config;
-    this.channel = new Channel(config, pubSubClient);
-  }
-
-  _createClass(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;
-        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;
-
-      logger("Queuing data for version ".concat(data.version));
-      var orderedQueue = [].concat(_toConsumableArray(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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var currentVersion, _yield$this$channel$g, doc, version, steps, userId, _ref2, _ref2$steps, localSteps;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this.pauseQueue = true;
-                logger("Too far behind - fetching data from service");
-                currentVersion = 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) {
-                  logger("Replacing document.");
-                  userId = this.config.userId;
-                  _ref2 = 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) {
-                  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);
-                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) {
-        logger("Queue is paused. Aborting.");
-        return;
-      }
-
-      logger("Looking for proccessable data");
-
-      if (this.queue.length === 0) {
-        return;
-      }
-
-      var _this$queue = _slicedToArray(this.queue, 1),
-          firstItem = _this$queue[0];
-
-      var currentVersion = getVersion(this.getState());
-      var expectedVersion = currentVersion + firstItem.steps.length;
-
-      if (firstItem.version === expectedVersion) {
-        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 = 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;
-}();

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

@@ -1,31 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import React from 'react';
-import styled from 'styled-components';
-/**
- * @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)
- */
-
-export function createMobileInlineDomRef() {
-  var domRef = document.createElement('span');
-  domRef.contentEditable = 'false';
-  domRef.classList.add('inline-node--mobile');
-  return domRef;
-}
-export var InlineNodeInnerWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n"])));
-
-var InlineNodeWrapper = function InlineNodeWrapper(_ref) {
-  var useInlineWrapper = _ref.useInlineWrapper,
-      children = _ref.children;
-  return useInlineWrapper ? /*#__PURE__*/React.createElement(InlineNodeInnerWrapper, null, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-
-InlineNodeWrapper.displayName = 'InlineNodeWrapper';
-export default InlineNodeWrapper;

package/dist/types/plugins/collab-edit/provider/collab-provider.d.ts

@@ -1,45 +0,0 @@
-import { Transaction, EditorState } from 'prosemirror-state';
-import { CollabEditProvider, CollabEvent, PubSubClient, Config } from './types';
-export declare class CollabProvider implements CollabEditProvider {
-    private eventEmitter;
-    private channel;
-    private queue;
-    private config;
-    private getState;
-    private participants;
-    constructor(config: Config, pubSubClient: PubSubClient);
-    initialize(getState: () => any): this;
-    /**
-     * Send steps from transaction to other participants
-     */
-    send(tr: Transaction, _oldState: EditorState, newState: EditorState): void;
-    /**
-     * Send messages, such as telepointers, to other participants.
-     */
-    sendMessage(data: any): void;
-    private queueTimeout?;
-    private pauseQueue;
-    private queueData;
-    private catchup;
-    private processQeueue;
-    private processRemoteData;
-    private onReceiveData;
-    private onReceiveTelepointer;
-    private updateParticipant;
-    /**
-     * Emit events to subscribers
-     */
-    private emit;
-    /**
-     * Subscribe to events emitted by this provider
-     */
-    on(evt: CollabEvent, handler: (...args: any) => void): this;
-    /**
-     * Unsubscribe from events emitted by this provider
-     */
-    off(evt: CollabEvent, handler: (...args: any) => void): this;
-    /**
-     * Unsubscribe from all events emitted by this provider.
-     */
-    unsubscribeAll(evt: CollabEvent): this;
-}

package/dist/types/ui/InlineNodeWrapper/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * @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)
- */
-export declare function createMobileInlineDomRef(): HTMLSpanElement;
-export declare const InlineNodeInnerWrapper: React.ComponentClass<React.HTMLAttributes<{}>>;
-declare const InlineNodeWrapper: React.StatelessComponent<{
-    useInlineWrapper?: boolean;
-}>;
-export default InlineNodeWrapper;