@atlaskit/editor-core 187.47.9 → 187.48.0

package/dist/esm/plugins/base/pm-plugins/frozen-editor.js

@@ -1,251 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { isPerformanceObserverAvailable, isPerformanceAPIAvailable, getAnalyticsEventSeverity, countNodes } from '@atlaskit/editor-common/utils';
-import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { ACTION, ACTION_SUBJECT, BROWSER_FREEZE_INTERACTION_TYPE, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { getContextIdentifier } from './context-identifier';
-import { setInteractionType } from '../utils/frozen-editor';
-import InputLatencyTracker from '../utils/input-latency-tracking';
-export var frozenEditorPluginKey = new PluginKey('frozenEditor');
-var DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
-var DEFAULT_SLOW_THRESHOLD = 300;
-export var DEFAULT_FREEZE_THRESHOLD = 600;
-export var NORMAL_SEVERITY_THRESHOLD = 2000;
-export var DEGRADED_SEVERITY_THRESHOLD = 3000;
-var DEFAULT_TRACK_SEVERITY_ENABLED = false;
-export var DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
-export var DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
-var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) {
-  var _getContextIdentifier;
-  var state = view.state;
-  var nodesCount = getNodeCount(state);
-  return dispatchAnalyticsEvent({
-    action: ACTION.BROWSER_FREEZE,
-    actionSubject: ACTION_SUBJECT.EDITOR,
-    attributes: _objectSpread(_objectSpread({
-      objectId: (_getContextIdentifier = getContextIdentifier(state)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId,
-      freezeTime: time,
-      nodeSize: state.doc.nodeSize
-    }, nodesCount), {}, {
-      interactionType: interactionType,
-      severity: severity
-    }),
-    eventType: EVENT_TYPE.OPERATIONAL
-  });
-};
-export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
-  var interactionType;
-  var inputLatencyTracker = null;
-  var inputLatencySingleKeyTracker = null;
-  var inputLatencyRenderedTracker = null;
-  if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
-    interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
-  }
-  var samplingRate = inputTracking && typeof inputTracking.samplingRate === 'number' ? inputTracking.samplingRate : DEFAULT_KEYSTROKE_SAMPLING_LIMIT;
-  var slowThreshold = inputTracking && typeof inputTracking.slowThreshold === 'number' ? inputTracking.slowThreshold : DEFAULT_SLOW_THRESHOLD;
-  var freezeThreshold = inputTracking && typeof inputTracking.freezeThreshold === 'number' ? inputTracking.freezeThreshold : DEFAULT_FREEZE_THRESHOLD;
-  var allowCountNodes = inputTracking && inputTracking.countNodes;
-  var prevNodeCountState = null;
-  var prevNodeCount = {};
-
-  // Cache the result as we were calling this multiple times
-  // and has potential to be expensive
-  var getNodeCount = function getNodeCount(state) {
-    if (state === prevNodeCountState) {
-      return prevNodeCount;
-    }
-    prevNodeCount = allowCountNodes ? countNodes(state) : {};
-    prevNodeCountState = state;
-    return prevNodeCount;
-  };
-  var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
-  var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
-  var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
-  var createDispatchSample = function createDispatchSample(action, view) {
-    return function (time, severity) {
-      var _getContextIdentifier2;
-      var state = view.state;
-      var nodesCount = getNodeCount(state);
-      var samplePayload = {
-        action: action,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        attributes: _objectSpread(_objectSpread({
-          time: time,
-          nodeSize: state.doc.nodeSize
-        }, nodesCount), {}, {
-          objectId: (_getContextIdentifier2 = getContextIdentifier(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
-          severity: shouldTrackSeverity ? severity : undefined
-        }),
-        eventType: EVENT_TYPE.OPERATIONAL
-      };
-      dispatchAnalyticsEvent(samplePayload);
-    };
-  };
-  var createDispatchAverage = function createDispatchAverage(action, view) {
-    return function (_ref, severity) {
-      var _getContextIdentifier3;
-      var mean = _ref.mean,
-        median = _ref.median,
-        sampleSize = _ref.sampleSize;
-      var state = view.state;
-      var nodeCount = getNodeCount(state);
-      var averagePayload = {
-        action: action,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        attributes: _objectSpread(_objectSpread({
-          mean: mean,
-          median: median,
-          sampleSize: sampleSize
-        }, nodeCount), {}, {
-          nodeSize: state.doc.nodeSize,
-          severity: shouldTrackSeverity ? severity : undefined,
-          objectId: (_getContextIdentifier3 = getContextIdentifier(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
-        }),
-        eventType: EVENT_TYPE.OPERATIONAL
-      };
-      dispatchAnalyticsEvent(averagePayload);
-    };
-  };
-  return new SafePlugin({
-    key: frozenEditorPluginKey,
-    props: isPerformanceAPIAvailable() ? {
-      handleTextInput: function handleTextInput(view) {
-        if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
-          interactionType = BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
-        }
-        if (inputLatencyTracker) {
-          var end = inputLatencyTracker.start();
-
-          // This is called after all handleTextInput events are executed which means first handleTextInput time incorporates following handleTextInput processing time
-          // Also this is called before browser rendering so it doesn't count it.
-          requestAnimationFrame(end);
-        }
-        if (inputLatencySingleKeyTracker) {
-          var _end = inputLatencySingleKeyTracker.start();
-
-          // This is executed before next handleTextInput when multiple keypress events are in one animation frame
-          // so it tracks individual keypress processing time
-          Promise.resolve().then(_end);
-        }
-        if (inputLatencyRenderedTracker) {
-          var _end2 = inputLatencyRenderedTracker.start();
-
-          // This is called at the next event loop so it counts browser rendering time.
-          setTimeout(_end2);
-        }
-        return false;
-      },
-      handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
-        click: function click() {
-          interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.CLICKING);
-          return false;
-        },
-        paste: function paste() {
-          interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.PASTING);
-          return false;
-        }
-      } : undefined
-    } : undefined,
-    view: function view(_view) {
-      if (!isPerformanceObserverAvailable()) {
-        return {};
-      }
-      var experienceStore = ufo ? ExperienceStore.getInstance(_view) : undefined;
-      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-        inputLatencyTracker = new InputLatencyTracker({
-          samplingRate: samplingRate,
-          slowThreshold: slowThreshold,
-          normalThreshold: severityThresholdNormal,
-          degradedThreshold: severityThresholdDegraded,
-          onSampleStart: function onSampleStart() {
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(EditorExperience.typing);
-          },
-          onSampleEnd: function onSampleEnd(time, _ref2) {
-            var _getContextIdentifier4;
-            var isSlow = _ref2.isSlow,
-              severity = _ref2.severity;
-            var state = _view.state;
-            var nodesCount = getNodeCount(state);
-            if (isSlow) {
-              experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(EditorExperience.typing, {
-                slowInput: true
-              });
-            }
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(EditorExperience.typing, _objectSpread(_objectSpread({
-              nodeSize: state.doc.nodeSize
-            }, nodesCount), {}, {
-              objectId: (_getContextIdentifier4 = getContextIdentifier(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
-              time: time,
-              severity: shouldTrackSeverity ? severity : undefined
-            }));
-          },
-          dispatchSample: createDispatchSample(ACTION.INPUT_PERF_SAMPLING, _view),
-          dispatchAverage: createDispatchAverage(ACTION.INPUT_PERF_SAMPLING_AVG, _view),
-          onSlowInput: function onSlowInput(time) {
-            var _getContextIdentifier5;
-            var state = _view.state;
-            var nodesCount = getNodeCount(state);
-            dispatchAnalyticsEvent({
-              action: ACTION.SLOW_INPUT,
-              actionSubject: ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: time,
-                nodeSize: state.doc.nodeSize
-              }, nodesCount), {}, {
-                objectId: (_getContextIdentifier5 = getContextIdentifier(state)) === null || _getContextIdentifier5 === void 0 ? void 0 : _getContextIdentifier5.objectId
-              }),
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
-          }
-        });
-      }
-      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackSingleKeypress) {
-        inputLatencySingleKeyTracker = new InputLatencyTracker({
-          samplingRate: samplingRate,
-          slowThreshold: slowThreshold,
-          normalThreshold: severityThresholdNormal,
-          degradedThreshold: severityThresholdDegraded,
-          dispatchSample: createDispatchSample(ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS, _view),
-          dispatchAverage: createDispatchAverage(ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS_AVG, _view)
-        });
-      }
-      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackRenderingTime) {
-        inputLatencyRenderedTracker = new InputLatencyTracker({
-          samplingRate: samplingRate,
-          slowThreshold: slowThreshold,
-          normalThreshold: severityThresholdNormal,
-          degradedThreshold: severityThresholdDegraded,
-          dispatchSample: createDispatchSample(ACTION.INPUT_PERF_SAMPLING_RENDERED, _view),
-          dispatchAverage: createDispatchAverage(ACTION.INPUT_PERF_SAMPLING_RENDERED_AVG, _view)
-        });
-      }
-      var observer;
-      try {
-        var _observer = new PerformanceObserver(function (list) {
-          var perfEntries = list.getEntries();
-          for (var i = 0; i < perfEntries.length; i++) {
-            var duration = perfEntries[i].duration;
-            if (duration > freezeThreshold) {
-              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, getNodeCount, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? getAnalyticsEventSeverity(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
-            }
-          }
-        });
-
-        // register observer for long task notifications
-        _observer.observe({
-          entryTypes: ['longtask']
-        });
-      } catch (e) {}
-      return {
-        destroy: function destroy() {
-          var _inputLatencyTracker;
-          (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.flush();
-          observer === null || observer === void 0 ? void 0 : observer.disconnect();
-        }
-      };
-    }
-  });
-});

package/dist/esm/plugins/base/pm-plugins/inline-cursor-target.js

@@ -1,174 +0,0 @@
-import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { ZERO_WIDTH_SPACE, browser, isTextSelection } from '@atlaskit/editor-common/utils';
-export var inlineCursorTargetStateKey = new PluginKey('inlineCursorTargetPlugin');
-export var isInlineNodeView = function isInlineNodeView(node) {
-  return node && node.type.isInline && !node.type.isText;
-};
-export default (function () {
-  return new SafePlugin({
-    key: inlineCursorTargetStateKey,
-    state: {
-      init: function init() {
-        return {
-          cursorTarget: undefined
-        };
-      },
-      apply: function apply(tr) {
-        var selection = tr.selection,
-          doc = tr.doc;
-        var $from = selection.$from,
-          $to = selection.$to;
-        // In Safari, if the cursor target is to the right of the cursor it will block selections
-        // made with shift + arrowRight and vice versa for shift + arrowLeft. This is due to a
-        // contenteditable bug in safari, where editable elements block the selection but we need
-        // the cursor target to be editable for the following:
-        // - Ability to navigate with down/up arrows when between inline nodes
-        // - Ability to navigate with down/up arrows when between the start of a paragraph & an inline node
-        // - Ability to click and drag to select an inline node if it is the first node
-        // To prevent blocking the selection, we check handleDOMEvents and add meta to
-        // the transaction to prevent the plugin from making cursor target decorations.
-        var safariShiftSelection = tr.getMeta(inlineCursorTargetStateKey);
-        if (selection && isTextSelection(selection) && !safariShiftSelection) {
-          var hasInlineNodeViewAfter = isInlineNodeView($from.nodeAfter);
-          var hasInlineNodeViewBefore = isInlineNodeView($from.nodeBefore);
-          var isAtStartAndInlineNodeViewAfter = $from.parentOffset === 0 && isInlineNodeView($from.nodeAfter);
-          var isAtEndAndInlineNodeViewBefore = doc.resolve($from.pos).node().lastChild === $from.nodeBefore && isInlineNodeView($from.nodeBefore);
-          var createWidget = function createWidget(side) {
-            var node = document.createElement('span');
-            node.contentEditable = 'true';
-            node.setAttribute('aria-hidden', 'true');
-            node.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
-            node.className = 'cursor-target';
-            var $from = selection.$from;
-            var rightPosition = $from.pos;
-            var leftPosition = $from.posAtIndex(Math.max($from.index() - 1, 0));
-            var widgetPos = side === 'left' ? leftPosition : rightPosition;
-            return Decoration.widget(widgetPos, node, {
-              raw: true,
-              key: 'inlineCursor'
-            });
-          };
-
-          // Create editable decoration widgets around the current inline node to allow proper cursor navigation.
-          if ((hasInlineNodeViewAfter || isAtEndAndInlineNodeViewBefore) && (hasInlineNodeViewBefore || isAtStartAndInlineNodeViewAfter)) {
-            return {
-              cursorTarget: {
-                decorations: [createWidget('left'), createWidget('right')],
-                positions: {
-                  from: $from.pos,
-                  to: $to.pos
-                }
-              }
-            };
-          }
-        }
-        return {
-          cursorTarget: undefined
-        };
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var doc = state.doc;
-        var _ref = inlineCursorTargetStateKey.getState(state),
-          cursorTarget = _ref.cursorTarget;
-        if (cursorTargetHasValidDecorations(cursorTarget)) {
-          return DecorationSet.create(doc, cursorTarget.decorations);
-        }
-        return null;
-      },
-      handleDOMEvents: {
-        // Workaround to prevent the decorations created by the plugin from
-        // blocking shift + arrow left/right selections in safari. When
-        // a shift + arrow left/right event is detected, send meta data to the
-        // plugin to prevent it from creating decorations.
-        // TODO We may be able to remove this when playing the following ticket:
-        // https://product-fabric.atlassian.net/browse/ED-14938
-        keydown: function keydown(view, event) {
-          if (browser.safari && event instanceof KeyboardEvent && event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
-            view.dispatch(view.state.tr.setMeta(inlineCursorTargetStateKey, {
-              cursorTarget: undefined
-            }));
-          }
-          return false;
-        },
-        // Check the DOM to see if there are inline cursor targets
-        // after a composition event ends. If so, manually insert the
-        // event data in order to prevent contents ending up inside
-        // of the cursor target decorations.
-        compositionend: function compositionend(view, incorrectlyTypedEvent) {
-          // This is typed by the prosemirror definitions as Event,
-          // this type is incorrect, and it is actually an InputEvent
-          var event = incorrectlyTypedEvent;
-          var state = view.state;
-          var _ref2 = inlineCursorTargetStateKey.getState(state),
-            cursorTarget = _ref2.cursorTarget;
-          if (cursorTarget !== undefined) {
-            handleTextInputInsideCursorTargetDecoration({
-              event: event,
-              cursorTarget: cursorTarget,
-              view: view
-            });
-            return true;
-          }
-          return false;
-        },
-        // Check the DOM to see if there are inline cursor targets
-        // before any input event. If so, manually insert the
-        // event data in order to prevent contents ending up inside
-        // of the cursor target decorations.
-        beforeinput: function beforeinput(view, incorrectlyTypedEvent) {
-          // This is typed by the prosemirror definitions as Event,
-          // this type is incorrect, and it is actually an InputEvent
-          var event = incorrectlyTypedEvent;
-          var state = view.state;
-          var _ref3 = inlineCursorTargetStateKey.getState(state),
-            cursorTarget = _ref3.cursorTarget;
-          if (!event.isComposing && cursorTarget !== undefined) {
-            handleTextInputInsideCursorTargetDecoration({
-              event: event,
-              cursorTarget: cursorTarget,
-              view: view
-            });
-            return true;
-          }
-          return false;
-        }
-      }
-    }
-  });
-});
-function cursorTargetHasValidDecorations(cursorTarget) {
-  if (!cursorTarget ||
-  // Decorations can end up as null when the decorations prop is
-  // called after the decorations have been removed from the dom.
-  // https://github.com/ProseMirror/prosemirror-view/blob/8f0d313a6389b86a335274fba36534ba1cb21f12/src/decoration.js#L30
-  cursorTarget.decorations.includes(null)) {
-    return false;
-  }
-  return true;
-}
-function handleTextInputInsideCursorTargetDecoration(_ref4) {
-  var event = _ref4.event,
-    view = _ref4.view,
-    cursorTarget = _ref4.cursorTarget;
-  event.stopPropagation();
-  event.preventDefault();
-  var content = event.data || '';
-  var tr = view.state.tr;
-
-  // ensure any custom handleTextInput handlers are called for the input event
-  // ie. type ahead, emoji shortcuts.
-  var potentiallyHandleByHandleTextInput = view.someProp('handleTextInput', function (f) {
-    return f(view, cursorTarget.positions.from, cursorTarget.positions.to, content);
-  });
-  if (potentiallyHandleByHandleTextInput) {
-    // if a handleTextInput handler has handled the event, we don't want to
-    // manually update the document.
-    return;
-  }
-  tr.insertText(content);
-  view.dispatch(tr);
-}

package/dist/esm/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -1,26 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
-import { filterCommand as filter, isSelectionEndOfParagraph } from '@atlaskit/editor-common/utils';
-export var newlinePreserveMarksKey = new PluginKey('newlinePreserveMarksPlugin');
-var isSelectionAligned = function isSelectionAligned(state) {
-  return !!state.selection.$to.parent.marks.find(function (m) {
-    return m.type === state.schema.marks.alignment;
-  });
-};
-var splitBlockPreservingMarks = function splitBlockPreservingMarks(state, dispatch) {
-  if (dispatch) {
-    dispatch(state.tr.split(state.tr.mapping.map(state.selection.$from.pos), 1));
-  }
-  return true;
-};
-export default (function () {
-  return new SafePlugin({
-    key: newlinePreserveMarksKey,
-    props: {
-      handleKeyDown: keydownHandler({
-        Enter: filter([isSelectionEndOfParagraph, isSelectionAligned], splitBlockPreservingMarks)
-      })
-    }
-  });
-});