@atlaskit/editor-plugin-base 0.3.3 → 0.3.5

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

@@ -8,7 +8,6 @@ import { countNodes, getAnalyticsEventSeverity, isPerformanceAPIAvailable, isPer
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { setInteractionType } from '../utils/frozen-editor';
 import InputLatencyTracker from '../utils/input-latency-tracking';
-import { getContextIdentifier } from './context-identifier';
 export var frozenEditorPluginKey = new PluginKey('frozenEditor');
 var DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
 var DEFAULT_SLOW_THRESHOLD = 300;
@@ -18,234 +17,238 @@ 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
-  });
+var dispatchLongTaskEvent = function dispatchLongTaskEvent(contextIdentifierPlugin) {
+  return function (dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) {
+    var _contextIdentifierPlu;
+    var state = view.state;
+    var nodesCount = getNodeCount(state);
+    return dispatchAnalyticsEvent({
+      action: ACTION.BROWSER_FREEZE,
+      actionSubject: ACTION_SUBJECT.EDITOR,
+      attributes: _objectSpread(_objectSpread({
+        objectId: contextIdentifierPlugin === null || contextIdentifierPlugin === void 0 || (_contextIdentifierPlu = contextIdentifierPlugin.sharedState.currentState()) === null || _contextIdentifierPlu === void 0 || (_contextIdentifierPlu = _contextIdentifierPlu.contextIdentifierProvider) === null || _contextIdentifierPlu === void 0 ? void 0 : _contextIdentifierPlu.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 = {};
+export default (function (contextIdentifierPlugin) {
+  return 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) {
+    // 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;
-    }
-    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
+    };
+    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 _contextIdentifierPlu2;
+        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: contextIdentifierPlugin === null || contextIdentifierPlugin === void 0 || (_contextIdentifierPlu2 = contextIdentifierPlugin.sharedState.currentState()) === null || _contextIdentifierPlu2 === void 0 || (_contextIdentifierPlu2 = _contextIdentifierPlu2.contextIdentifierProvider) === null || _contextIdentifierPlu2 === void 0 ? void 0 : _contextIdentifierPlu2.objectId,
+            severity: shouldTrackSeverity ? severity : undefined
+          }),
+          eventType: EVENT_TYPE.OPERATIONAL
+        };
+        dispatchAnalyticsEvent(samplePayload);
       };
-      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
+    var createDispatchAverage = function createDispatchAverage(action, view) {
+      return function (_ref, severity) {
+        var _contextIdentifierPlu3;
+        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: contextIdentifierPlugin === null || contextIdentifierPlugin === void 0 || (_contextIdentifierPlu3 = contextIdentifierPlugin.sharedState.currentState()) === null || _contextIdentifierPlu3 === void 0 || (_contextIdentifierPlu3 = _contextIdentifierPlu3.contextIdentifierProvider) === null || _contextIdentifierPlu3 === void 0 ? void 0 : _contextIdentifierPlu3.objectId
+          }),
+          eventType: EVENT_TYPE.OPERATIONAL
+        };
+        dispatchAnalyticsEvent(averagePayload);
       };
-      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();
+    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 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 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);
+            // This is called at the next event loop so it counts browser rendering time.
+            setTimeout(_end2);
+          }
           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 || 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 || experienceStore.addMetadata(EditorExperience.typing, {
-                slowInput: true
-              });
-            }
-            experienceStore === null || experienceStore === 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
-            }));
+        handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
+          click: function click() {
+            interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.CLICKING);
+            return false;
           },
-          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,
+          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 || experienceStore.start(EditorExperience.typing);
+            },
+            onSampleEnd: function onSampleEnd(time, _ref2) {
+              var _contextIdentifierPlu4;
+              var isSlow = _ref2.isSlow,
+                severity = _ref2.severity;
+              var state = _view.state;
+              var nodesCount = getNodeCount(state);
+              if (isSlow) {
+                experienceStore === null || experienceStore === void 0 || experienceStore.addMetadata(EditorExperience.typing, {
+                  slowInput: true
+                });
+              }
+              experienceStore === null || experienceStore === void 0 || experienceStore.success(EditorExperience.typing, _objectSpread(_objectSpread({
                 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 {
-        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);
+                objectId: contextIdentifierPlugin === null || contextIdentifierPlugin === void 0 || (_contextIdentifierPlu4 = contextIdentifierPlugin.sharedState.currentState()) === null || _contextIdentifierPlu4 === void 0 || (_contextIdentifierPlu4 = _contextIdentifierPlu4.contextIdentifierProvider) === null || _contextIdentifierPlu4 === void 0 ? void 0 : _contextIdentifierPlu4.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 _contextIdentifierPlu5;
+              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: contextIdentifierPlugin === null || contextIdentifierPlugin === void 0 || (_contextIdentifierPlu5 = contextIdentifierPlugin.sharedState.currentState()) === null || _contextIdentifierPlu5 === void 0 || (_contextIdentifierPlu5 = _contextIdentifierPlu5.contextIdentifierProvider) === null || _contextIdentifierPlu5 === void 0 ? void 0 : _contextIdentifierPlu5.objectId
+                }),
+                eventType: EVENT_TYPE.OPERATIONAL
+              });
             }
-          }
-        });
-
-        // register observer for long task notifications
-        observer.observe({
-          entryTypes: ['longtask']
-        });
-      } catch (e) {}
-      return {
-        destroy: function destroy() {
-          var _inputLatencyTracker, _observer;
-          (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 || _inputLatencyTracker.flush();
-          (_observer = observer) === null || _observer === void 0 || _observer.disconnect();
+          });
         }
-      };
-    }
-  });
+        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 {
+          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(contextIdentifierPlugin)(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, _observer;
+            (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 || _inputLatencyTracker.flush();
+            (_observer = observer) === null || _observer === void 0 || _observer.disconnect();
+          }
+        };
+      }
+    });
+  };
 });

package/dist/esm/pm-plugins/scroll-gutter/index.js

@@ -210,7 +210,7 @@ export default (function () {
           gutter.addGutter(editorParentElement);
         }
       };
-      var toggleGutter = function toggleGutter(viewPortSize, contentSize) {
+      var toggleGutter = function toggleGutter(contentSize, threshold) {
         if (pluginOptions.persistScrollGutter) {
           if (!isEmptyDocument(view.state.doc)) {
             addAndObserveGutter();
@@ -223,8 +223,7 @@ export default (function () {
         // Add or remove the gutter based on whether the content is about to exceed the viewport height.
         // We do this to ensure there is sufficient white space below the last content node in order to
         // see any UI control elements which may sit beneath it.
-        var gutterThresholdHeight = viewPortSize - gutterSize;
-        if (contentSize >= gutterThresholdHeight) {
+        if (contentSize >= threshold) {
           addAndObserveGutter();
         } else {
           if (gutter.isMounted()) {
@@ -252,7 +251,7 @@ export default (function () {
         } finally {
           _iterator.f();
         }
-        toggleGutter(viewportElementHeight, contentElementHeight);
+        toggleGutter(contentElementHeight, viewportElementHeight);
       };
 
       // Subscribe to updates of the height of the viewport and content elements
@@ -282,7 +281,8 @@ export default (function () {
             // No need to recheck if the selected node hasn't changed.
             return;
           }
-          toggleGutter(viewportElementHeight, contentElementHeight);
+          var gutterThresholdHeight = viewportElementHeight - gutterSize;
+          toggleGutter(contentElementHeight, gutterThresholdHeight);
         }
       };
     })

package/dist/types/plugin.d.ts

@@ -1,5 +1,5 @@
-import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import type { BrowserFreezetracking, InputTracking, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import { setKeyboardHeight } from './commands';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter';
@@ -11,13 +11,15 @@ export interface BasePluginOptions {
     ufo?: boolean;
 }
 export type BasePluginState = {
-    contextIdentifier: ContextIdentifierProvider | undefined;
     /** Current height of keyboard (+ custom toolbar) in iOS app */
     keyboardHeight: number | undefined;
 };
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;
-    dependencies: [OptionalPlugin<FeatureFlagsPlugin>];
+    dependencies: [
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<ContextIdentifierPlugin>
+    ];
     sharedState: BasePluginState;
     actions: {
         setKeyboardHeight: typeof setKeyboardHeight;

package/dist/types/pm-plugins/frozen-editor.d.ts

@@ -1,12 +1,13 @@
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { BrowserFreezetracking, InputTracking } from '@atlaskit/editor-common/types';
+import type { BrowserFreezetracking, ExtractInjectionAPI, InputTracking } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { BasePlugin } from '../index';
 export declare const frozenEditorPluginKey: PluginKey<any>;
 export declare const DEFAULT_FREEZE_THRESHOLD = 600;
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
 export declare const DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
 export declare const DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
-declare const _default: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, inputTracking?: InputTracking, browserFreezeTracking?: BrowserFreezetracking, ufo?: boolean) => SafePlugin<any>;
+declare const _default: (contextIdentifierPlugin: ExtractInjectionAPI<BasePlugin>['contextIdentifier'] | undefined) => (dispatchAnalyticsEvent: DispatchAnalyticsEvent, inputTracking?: InputTracking, browserFreezeTracking?: BrowserFreezetracking, ufo?: boolean) => SafePlugin<any>;
 export default _default;

package/dist/types-ts4.5/plugin.d.ts

@@ -1,5 +1,5 @@
-import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import type { BrowserFreezetracking, InputTracking, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import { setKeyboardHeight } from './commands';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter';
@@ -11,14 +11,14 @@ export interface BasePluginOptions {
     ufo?: boolean;
 }
 export type BasePluginState = {
-    contextIdentifier: ContextIdentifierProvider | undefined;
     /** Current height of keyboard (+ custom toolbar) in iOS app */
     keyboardHeight: number | undefined;
 };
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;
     dependencies: [
-        OptionalPlugin<FeatureFlagsPlugin>
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<ContextIdentifierPlugin>
     ];
     sharedState: BasePluginState;
     actions: {

package/dist/types-ts4.5/pm-plugins/frozen-editor.d.ts

@@ -1,12 +1,13 @@
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { BrowserFreezetracking, InputTracking } from '@atlaskit/editor-common/types';
+import type { BrowserFreezetracking, ExtractInjectionAPI, InputTracking } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { BasePlugin } from '../index';
 export declare const frozenEditorPluginKey: PluginKey<any>;
 export declare const DEFAULT_FREEZE_THRESHOLD = 600;
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
 export declare const DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
 export declare const DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
-declare const _default: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, inputTracking?: InputTracking, browserFreezeTracking?: BrowserFreezetracking, ufo?: boolean) => SafePlugin<any>;
+declare const _default: (contextIdentifierPlugin: ExtractInjectionAPI<BasePlugin>['contextIdentifier'] | undefined) => (dispatchAnalyticsEvent: DispatchAnalyticsEvent, inputTracking?: InputTracking, browserFreezeTracking?: BrowserFreezetracking, ufo?: boolean) => SafePlugin<any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-base",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Base plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,19 +33,19 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.3.0",
-    "@atlaskit/editor-common": "^77.0.0",
+    "@atlaskit/editor-common": "^77.1.0",
+    "@atlaskit/editor-plugin-context-identifier": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.1",
     "@atlaskit/editor-prosemirror": "1.1.0",
-    "@atlaskit/platform-feature-flags": "^0.2.0",
     "@babel/runtime": "^7.0.0"
   },
   "devDependencies": {
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
-    "@atlaskit/editor-plugin-emoji": "^1.0.0",
+    "@atlaskit/editor-plugin-emoji": "^1.1.0",
     "@atlaskit/editor-plugin-guideline": "^0.5.0",
     "@atlaskit/editor-plugin-selection": "^0.2.0",
-    "@atlaskit/editor-plugin-table": "^6.1.0",
+    "@atlaskit/editor-plugin-table": "^7.1.0",
     "@atlaskit/editor-plugin-type-ahead": "^0.9.0",
     "@atlaskit/editor-plugin-width": "^0.2.0",
     "@atlaskit/util-data-test": "^17.8.0",
@@ -86,11 +86,6 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
-  "platform-feature-flags": {
-    "platform.editor.scroll-gutter.reflow-optimisation": {
-      "type": "boolean"
-    }
-  },
   "stricter": {
     "no-unused-dependencies": {
       "checkDevDependencies": true