@atlaskit/editor-core 187.47.9 → 187.48.2

package/dist/es2019/plugins/base/pm-plugins/fix-chrome-88-selection.js

@@ -1,24 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { isNodeSelection } from '@atlaskit/editor-prosemirror/utils';
-function isDivHTMLElement(elm) {
-  return elm.tagName.toLowerCase() === 'div';
-}
-export const fixChromeSelectionKey = new PluginKey('fixChromeSelectionPlugin');
-export default (() => new SafePlugin({
-  key: fixChromeSelectionKey,
-  props: {
-    handleDOMEvents: {
-      focus: view => {
-        // We don't need to reset when there's a NodeSelection
-        // It creates other problem. @see HOT-94478
-        if (isDivHTMLElement(view.dom) && !isNodeSelection(view.state.selection)) {
-          view.dom.style.display = 'inline-block';
-          view.dom.offsetHeight;
-          view.dom.style.display = 'block';
-        }
-        return false;
-      }
-    }
-  }
-}));

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

@@ -1,258 +0,0 @@
-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 const frozenEditorPluginKey = new PluginKey('frozenEditor');
-const DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
-const DEFAULT_SLOW_THRESHOLD = 300;
-export const DEFAULT_FREEZE_THRESHOLD = 600;
-export const NORMAL_SEVERITY_THRESHOLD = 2000;
-export const DEGRADED_SEVERITY_THRESHOLD = 3000;
-const DEFAULT_TRACK_SEVERITY_ENABLED = false;
-export const DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
-export const DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
-const dispatchLongTaskEvent = (dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) => {
-  var _getContextIdentifier;
-  const {
-    state
-  } = view;
-  const nodesCount = getNodeCount(state);
-  return dispatchAnalyticsEvent({
-    action: ACTION.BROWSER_FREEZE,
-    actionSubject: ACTION_SUBJECT.EDITOR,
-    attributes: {
-      objectId: (_getContextIdentifier = getContextIdentifier(state)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId,
-      freezeTime: time,
-      nodeSize: state.doc.nodeSize,
-      ...nodesCount,
-      interactionType,
-      severity
-    },
-    eventType: EVENT_TYPE.OPERATIONAL
-  });
-};
-export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) => {
-  let interactionType;
-  let inputLatencyTracker = null;
-  let inputLatencySingleKeyTracker = null;
-  let inputLatencyRenderedTracker = null;
-  if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
-    interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
-  }
-  const samplingRate = inputTracking && typeof inputTracking.samplingRate === 'number' ? inputTracking.samplingRate : DEFAULT_KEYSTROKE_SAMPLING_LIMIT;
-  const slowThreshold = inputTracking && typeof inputTracking.slowThreshold === 'number' ? inputTracking.slowThreshold : DEFAULT_SLOW_THRESHOLD;
-  const freezeThreshold = inputTracking && typeof inputTracking.freezeThreshold === 'number' ? inputTracking.freezeThreshold : DEFAULT_FREEZE_THRESHOLD;
-  const allowCountNodes = inputTracking && inputTracking.countNodes;
-  let prevNodeCountState = null;
-  let prevNodeCount = {};
-
-  // Cache the result as we were calling this multiple times
-  // and has potential to be expensive
-  const getNodeCount = state => {
-    if (state === prevNodeCountState) {
-      return prevNodeCount;
-    }
-    prevNodeCount = allowCountNodes ? countNodes(state) : {};
-    prevNodeCountState = state;
-    return prevNodeCount;
-  };
-  const shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
-  const severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
-  const severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
-  const createDispatchSample = (action, view) => (time, severity) => {
-    var _getContextIdentifier2;
-    const {
-      state
-    } = view;
-    const nodesCount = getNodeCount(state);
-    const samplePayload = {
-      action,
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      attributes: {
-        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);
-  };
-  const createDispatchAverage = (action, view) => ({
-    mean,
-    median,
-    sampleSize
-  }, severity) => {
-    var _getContextIdentifier3;
-    const {
-      state
-    } = view;
-    const nodeCount = getNodeCount(state);
-    const averagePayload = {
-      action,
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      attributes: {
-        mean,
-        median,
-        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(view) {
-        if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
-          interactionType = BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
-        }
-        if (inputLatencyTracker) {
-          const 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) {
-          const 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) {
-          const end = inputLatencyRenderedTracker.start();
-
-          // This is called at the next event loop so it counts browser rendering time.
-          setTimeout(end);
-        }
-        return false;
-      },
-      handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
-        click: () => {
-          interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.CLICKING);
-          return false;
-        },
-        paste: () => {
-          interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.PASTING);
-          return false;
-        }
-      } : undefined
-    } : undefined,
-    view(view) {
-      if (!isPerformanceObserverAvailable()) {
-        return {};
-      }
-      const experienceStore = ufo ? ExperienceStore.getInstance(view) : undefined;
-      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-        inputLatencyTracker = new InputLatencyTracker({
-          samplingRate,
-          slowThreshold,
-          normalThreshold: severityThresholdNormal,
-          degradedThreshold: severityThresholdDegraded,
-          onSampleStart: () => {
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(EditorExperience.typing);
-          },
-          onSampleEnd: (time, {
-            isSlow,
-            severity
-          }) => {
-            var _getContextIdentifier4;
-            const {
-              state
-            } = view;
-            const 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, {
-              nodeSize: state.doc.nodeSize,
-              ...nodesCount,
-              objectId: (_getContextIdentifier4 = getContextIdentifier(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
-              time,
-              severity: shouldTrackSeverity ? severity : undefined
-            });
-          },
-          dispatchSample: createDispatchSample(ACTION.INPUT_PERF_SAMPLING, view),
-          dispatchAverage: createDispatchAverage(ACTION.INPUT_PERF_SAMPLING_AVG, view),
-          onSlowInput: time => {
-            var _getContextIdentifier5;
-            const {
-              state
-            } = view;
-            const nodesCount = getNodeCount(state);
-            dispatchAnalyticsEvent({
-              action: ACTION.SLOW_INPUT,
-              actionSubject: ACTION_SUBJECT.EDITOR,
-              attributes: {
-                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,
-          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,
-          slowThreshold,
-          normalThreshold: severityThresholdNormal,
-          degradedThreshold: severityThresholdDegraded,
-          dispatchSample: createDispatchSample(ACTION.INPUT_PERF_SAMPLING_RENDERED, view),
-          dispatchAverage: createDispatchAverage(ACTION.INPUT_PERF_SAMPLING_RENDERED_AVG, view)
-        });
-      }
-      let observer;
-      try {
-        const observer = new PerformanceObserver(list => {
-          const perfEntries = list.getEntries();
-          for (let i = 0; i < perfEntries.length; i++) {
-            const {
-              duration
-            } = perfEntries[i];
-            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: () => {
-          var _inputLatencyTracker;
-          (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.flush();
-          observer === null || observer === void 0 ? void 0 : observer.disconnect();
-        }
-      };
-    }
-  });
-});

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

@@ -1,186 +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 const inlineCursorTargetStateKey = new PluginKey('inlineCursorTargetPlugin');
-export const isInlineNodeView = node => {
-  return node && node.type.isInline && !node.type.isText;
-};
-export default (() => {
-  return new SafePlugin({
-    key: inlineCursorTargetStateKey,
-    state: {
-      init: () => ({
-        cursorTarget: undefined
-      }),
-      apply(tr) {
-        const {
-          selection,
-          doc
-        } = tr;
-        const {
-          $from,
-          $to
-        } = selection;
-        // 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.
-        const safariShiftSelection = tr.getMeta(inlineCursorTargetStateKey);
-        if (selection && isTextSelection(selection) && !safariShiftSelection) {
-          const hasInlineNodeViewAfter = isInlineNodeView($from.nodeAfter);
-          const hasInlineNodeViewBefore = isInlineNodeView($from.nodeBefore);
-          const isAtStartAndInlineNodeViewAfter = $from.parentOffset === 0 && isInlineNodeView($from.nodeAfter);
-          const isAtEndAndInlineNodeViewBefore = doc.resolve($from.pos).node().lastChild === $from.nodeBefore && isInlineNodeView($from.nodeBefore);
-          const createWidget = side => {
-            const node = document.createElement('span');
-            node.contentEditable = 'true';
-            node.setAttribute('aria-hidden', 'true');
-            node.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
-            node.className = 'cursor-target';
-            const {
-              $from
-            } = selection;
-            const rightPosition = $from.pos;
-            const leftPosition = $from.posAtIndex(Math.max($from.index() - 1, 0));
-            const 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(state) {
-        const {
-          doc
-        } = state;
-        const {
-          cursorTarget
-        } = inlineCursorTargetStateKey.getState(state);
-        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: (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: (view, incorrectlyTypedEvent) => {
-          // This is typed by the prosemirror definitions as Event,
-          // this type is incorrect, and it is actually an InputEvent
-          const event = incorrectlyTypedEvent;
-          const {
-            state
-          } = view;
-          const {
-            cursorTarget
-          } = inlineCursorTargetStateKey.getState(state);
-          if (cursorTarget !== undefined) {
-            handleTextInputInsideCursorTargetDecoration({
-              event,
-              cursorTarget,
-              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: (view, incorrectlyTypedEvent) => {
-          // This is typed by the prosemirror definitions as Event,
-          // this type is incorrect, and it is actually an InputEvent
-          const event = incorrectlyTypedEvent;
-          const {
-            state
-          } = view;
-          const {
-            cursorTarget
-          } = inlineCursorTargetStateKey.getState(state);
-          if (!event.isComposing && cursorTarget !== undefined) {
-            handleTextInputInsideCursorTargetDecoration({
-              event,
-              cursorTarget,
-              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({
-  event,
-  view,
-  cursorTarget
-}) {
-  event.stopPropagation();
-  event.preventDefault();
-  const content = event.data || '';
-  const tr = view.state.tr;
-
-  // ensure any custom handleTextInput handlers are called for the input event
-  // ie. type ahead, emoji shortcuts.
-  const potentiallyHandleByHandleTextInput = view.someProp('handleTextInput', f => 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/es2019/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -1,20 +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 const newlinePreserveMarksKey = new PluginKey('newlinePreserveMarksPlugin');
-const isSelectionAligned = state => !!state.selection.$to.parent.marks.find(m => m.type === state.schema.marks.alignment);
-const splitBlockPreservingMarks = (state, dispatch) => {
-  if (dispatch) {
-    dispatch(state.tr.split(state.tr.mapping.map(state.selection.$from.pos), 1));
-  }
-  return true;
-};
-export default (() => new SafePlugin({
-  key: newlinePreserveMarksKey,
-  props: {
-    handleKeyDown: keydownHandler({
-      Enter: filter([isSelectionEndOfParagraph, isSelectionAligned], splitBlockPreservingMarks)
-    })
-  }
-}));