@atlaskit/editor-core 216.10.1 → 216.11.3

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-core
 
+## 216.11.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 216.11.2
+
+### Patch Changes
+
+- [`0eed66892511e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0eed66892511e) -
+  EDITOR-5120 - Add additional ProseMirror rendered analytics attributes behind the
+  platform_editor_prosemirror_rendered_data experiment.
+- Updated dependencies
+
+## 216.11.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 216.11.0
+
+### Minor Changes
+
+- [`cbc1403b3cae1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cbc1403b3cae1) -
+  [EDITOR-5094](https://hello.jira.atlassian.cloud/browse/EDITOR-5094) - add PerfPortal segments for
+  editor SSR logic
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 216.10.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__editor-core",
 		"rootDir": "../",

package/afm-jira/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-core/app",
 		"rootDir": "../",

package/afm-products/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__editor-core/app",
 		"rootDir": "../",

package/dist/cjs/composable-editor/editor-internal.js

@@ -129,6 +129,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
         minHeight: props.minHeight,
         onSave: props.onSave ? handleSave : undefined,
         onCancel: props.onCancel,
+        onSSRMeasure: props.onSSRMeasure,
         popupsMountPoint: props.popupsMountPoint,
         popupsBoundariesElement: props.popupsBoundariesElement,
         popupsScrollableElement: props.popupsScrollableElement,

package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js

@@ -94,6 +94,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
       mention: passedProps.mention,
       mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
       uploadErrorHandler: passedProps.uploadErrorHandler,
+      onSSRMeasure: passedProps.onSSRMeasure,
       waitForMediaUpload: passedProps.waitForMediaUpload,
       extensionHandlers: passedProps.extensionHandlers,
       allowTextColor: passedProps.allowTextColor,
@@ -118,7 +119,7 @@ var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProp
     };
     var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
     return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
   return memodProps;
 };
 var _default = exports.default = useMemoEditorProps;

package/dist/cjs/create-editor/ReactEditorView.js

@@ -17,10 +17,12 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _isPerformanceApiAvailable = require("@atlaskit/editor-common/is-performance-api-available");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
 var _navigation = require("@atlaskit/editor-common/performance/navigation");
+var _ssrMeasures = require("@atlaskit/editor-common/performance/ssr-measures");
 var _preset = require("@atlaskit/editor-common/preset");
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
@@ -30,12 +32,14 @@ var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSsrRenderer = require("@atlaskit/editor-ssr-renderer");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _interactionIdContext = require("@atlaskit/react-ufo/interaction-id-context");
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _useProviders = require("../composable-editor/hooks/useProviders");
 var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
 var _getNodesCount = require("../utils/getNodesCount");
+var _getNodesCountWithExtensionKeys = require("../utils/getNodesCountWithExtensionKeys");
 var _getNodesVisibleInViewport = require("../utils/getNodesVisibleInViewport");
 var _isChromeless = require("../utils/is-chromeless");
 var _isFullPage = require("../utils/is-full-page");
@@ -58,10 +62,15 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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) { (0, _defineProperty2.default)(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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var EDIT_AREA_ID = 'ak-editor-textarea';
+var SSR_TRACE_SEGMENT_NAME = 'reactEditorView';
+var bootStartTime = (0, _isPerformanceApiAvailable.isPerformanceAPIAvailable)() ? performance.now() : undefined;
 function ReactEditorView(props) {
   var _pluginInjectionAPI$c, _media, _linking, _document$querySelect, _props$render, _props$render2;
+  // Should be always the first statement in the component
+  var firstRenderStartTimestampRef = (0, _react.useRef)(performance.now());
   var preset = props.preset,
     _props$editorProps = props.editorProps,
+    onSSRMeasure = _props$editorProps.onSSRMeasure,
     nextAppearance = _props$editorProps.appearance,
     disabled = _props$editorProps.disabled,
     editorPropFeatureFlags = _props$editorProps.featureFlags,
@@ -467,9 +476,11 @@ function ReactEditorView(props) {
         distortedDuration = _ref3.distortedDuration;
       var proseMirrorRenderedSeverity = (0, _analytics2.getAnalyticsEventSeverity)(duration, _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD);
       if (viewRef.current) {
-        var _pluginInjectionAPI$c2;
-        var nodes = (0, _getNodesCount.getNodesCount)(viewRef.current.state.doc);
+        var _nodesAndExtensionKey, _pluginInjectionAPI$c2;
+        var nodesAndExtensionKeys = (0, _expValEquals.expValEquals)('platform_editor_prosemirror_rendered_data', 'isEnabled', true) ? (0, _getNodesCountWithExtensionKeys.getNodesCountWithExtensionKeys)(viewRef.current.state.doc) : undefined;
+        var nodes = (_nodesAndExtensionKey = nodesAndExtensionKeys === null || nodesAndExtensionKeys === void 0 ? void 0 : nodesAndExtensionKeys.nodes) !== null && _nodesAndExtensionKey !== void 0 ? _nodesAndExtensionKey : (0, _getNodesCount.getNodesCount)(viewRef.current.state.doc);
         var ttfb = (0, _navigation.getResponseEndTime)();
+        var requestToResponseTime = (0, _navigation.getRequestToResponseTime)();
         var contextIdentifier = (_pluginInjectionAPI$c2 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : _pluginInjectionAPI$c2.sharedState.currentState();
         var nodesInViewport = (0, _getNodesVisibleInViewport.getNodesVisibleInViewport)(viewRef.current.dom);
         var nodeSize = viewRef.current.state.doc.nodeSize;
@@ -497,10 +508,51 @@ function ReactEditorView(props) {
           } : {},
           totalNodes = _ref4.totalNodes,
           nodeSizeBucket = _ref4.nodeSizeBucket;
-        dispatchAnalyticsEvent({
-          action: _analytics.ACTION.PROSEMIRROR_RENDERED,
-          actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-          attributes: {
+        if ((0, _expValEquals.expValEquals)('platform_editor_prosemirror_rendered_data', 'isEnabled', true)) {
+          var _nodesAndExtensionKey2;
+          var extensionKeys = (_nodesAndExtensionKey2 = nodesAndExtensionKeys === null || nodesAndExtensionKeys === void 0 ? void 0 : nodesAndExtensionKeys.extensionKeys) !== null && _nodesAndExtensionKey2 !== void 0 ? _nodesAndExtensionKey2 : {};
+          var interaction = (0, _interactionMetrics.getActiveInteraction)();
+          var pageLoadType = interaction === null || interaction === void 0 ? void 0 : interaction.type;
+          var pageType = interaction === null || interaction === void 0 ? void 0 : interaction.routeName;
+          var timings = function () {
+            if (requestToResponseTime === undefined && bootStartTime === undefined) {
+              return undefined;
+            }
+            var timingValues = {};
+            if (requestToResponseTime !== undefined) {
+              timingValues['requestStart->responseEnd'] = Math.round(requestToResponseTime);
+            }
+            if (bootStartTime !== undefined) {
+              timingValues.bootToRender = Math.round(startTime - bootStartTime);
+            }
+            return timingValues;
+          }();
+          var attributes = {
+            duration: duration,
+            startTime: startTime,
+            nodes: nodes,
+            nodesInViewport: nodesInViewport,
+            nodeSize: nodeSize,
+            nodeSizeBucket: nodeSizeBucket,
+            totalNodes: totalNodes,
+            ttfb: ttfb,
+            severity: proseMirrorRenderedSeverity,
+            objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,
+            distortedDuration: distortedDuration,
+            pageLoadType: pageLoadType,
+            pageType: pageType,
+            timings: timings,
+            extensionKeys: extensionKeys,
+            ufoInteractionId: (0, _interactionIdContext.getInteractionId)().current
+          };
+          dispatchAnalyticsEvent({
+            action: _analytics.ACTION.PROSEMIRROR_RENDERED,
+            actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+            attributes: attributes,
+            eventType: _analytics.EVENT_TYPE.OPERATIONAL
+          });
+        } else {
+          var _attributes = {
             duration: duration,
             startTime: startTime,
             nodes: nodes,
@@ -512,9 +564,14 @@ function ReactEditorView(props) {
             severity: proseMirrorRenderedSeverity,
             objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,
             distortedDuration: distortedDuration
-          },
-          eventType: _analytics.EVENT_TYPE.OPERATIONAL
-        });
+          };
+          dispatchAnalyticsEvent({
+            action: _analytics.ACTION.PROSEMIRROR_RENDERED,
+            actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+            attributes: _attributes,
+            eventType: _analytics.EVENT_TYPE.OPERATIONAL
+          });
+        }
       }
     });
     pluginInjectionAPI.current.onEditorViewUpdated({
@@ -778,20 +835,29 @@ function ReactEditorView(props) {
     if (!(0, _coreUtils.isSSR)() || !(0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
       return null;
     }
-    var plugins = (0, _createPluginsList.default)(props.preset,
-    // Don't pass props.editorProps directly, because editoProps in the dependency will lead to
-    // multiple repaints, because props.editorPros is not stable object.
-    {
-      allowBlockType: allowBlockType
-    }, pluginInjectionAPI.current);
-    var schema = (0, _createSchema.createSchema)((0, _createEditor.processPluginsList)(plugins));
-    var doc = buildDoc(schema);
+    var doCreatePluginList = function doCreatePluginList() {
+      return (0, _createPluginsList.default)(props.preset,
+      // Don't pass props.editorProps directly, because editoProps in the dependency will lead to
+      // multiple repaints, because props.editorPros is not stable object.
+      {
+        allowBlockType: allowBlockType
+      }, pluginInjectionAPI.current);
+    };
+    var plugins = (0, _platformFeatureFlags.fg)('platform_editor_better_editor_ssr_spans') ? (0, _ssrMeasures.profileSSROperation)("".concat(SSR_TRACE_SEGMENT_NAME, "/createPluginsList"), doCreatePluginList, onSSRMeasure) : doCreatePluginList();
+    var doCreateSchema = function doCreateSchema() {
+      return (0, _createSchema.createSchema)((0, _createEditor.processPluginsList)(plugins));
+    };
+    var schema = (0, _platformFeatureFlags.fg)('platform_editor_better_editor_ssr_spans') ? (0, _ssrMeasures.profileSSROperation)("".concat(SSR_TRACE_SEGMENT_NAME, "/createSchema"), doCreateSchema, onSSRMeasure) : doCreateSchema();
+    var doBuildDoc = function doBuildDoc() {
+      return buildDoc(schema);
+    };
+    var doc = (0, _platformFeatureFlags.fg)('platform_editor_better_editor_ssr_spans') ? (0, _ssrMeasures.profileSSROperation)("".concat(SSR_TRACE_SEGMENT_NAME, "/buildDoc"), doBuildDoc, onSSRMeasure) : doBuildDoc();
     return {
       plugins: plugins,
       schema: schema,
       doc: doc
     };
-  }, [allowBlockType, buildDoc, props.preset]);
+  }, [allowBlockType, buildDoc, props.preset, onSSRMeasure]);
   var _props$editorProps3 = props.editorProps,
     assistiveLabel = _props$editorProps3.assistiveLabel,
     assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
@@ -814,6 +880,7 @@ function ReactEditorView(props) {
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
+      onSSRMeasure: onSSRMeasure,
       onEditorStateChanged: function onEditorStateChanged(state) {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
@@ -823,7 +890,7 @@ function ReactEditorView(props) {
         });
       }
     });
-  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, assistiveDescribedBy, isPageAppearance]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure]);
   var editor = (0, _react.useMemo)(function () {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.
@@ -840,7 +907,11 @@ function ReactEditorView(props) {
   // Render tracking is firing too many events in Jira so we are disabling them for now. See - https://product-fabric.atlassian.net/browse/ED-25616
   // Also firing too many events for the legacy content macro, so disabling for now. See - https://product-fabric.atlassian.net/browse/ED-26650
   var renderTrackingEnabled = !(0, _platformFeatureFlags.fg)('platform_editor_disable_rerender_tracking_jira') && !featureFlags.lcmPreventRenderTracking;
-  return /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_ssrMeasures.SSRRenderMeasure, {
+    segmentName: SSR_TRACE_SEGMENT_NAME,
+    startTimestampRef: firstRenderStartTimestampRef,
+    onSSRMeasure: (0, _platformFeatureFlags.fg)('platform_editor_better_editor_ssr_spans') ? onSSRMeasure : undefined
+  }, /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
     value: {
       editorRef: editorRef,
       editorView: viewRef.current,
@@ -861,7 +932,7 @@ function ReactEditorView(props) {
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     editorRef: editorRef,
     editorAPI: (0, _expVal.expVal)('platform_editor_no_state_plugin_injection_api', 'isEnabled', false) ? pluginInjectionAPI.current.api() : editorAPI
-  })) !== null && _props$render !== void 0 ? _props$render : editor : editor);
+  })) !== null && _props$render !== void 0 ? _props$render : editor : editor));
 }
 
 // Preserving exact type generated by TypeScript

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _ssrMeasures = require("@atlaskit/editor-common/performance/ssr-measures");
 var _ui = require("@atlaskit/editor-common/ui");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -30,6 +31,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var SSR_TRACE_SEGMENT_NAME = 'reactEditorView/fullPageAppearance';
 var useShowKeyline = function useShowKeyline(contentAreaRef) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -71,6 +73,8 @@ var hasCustomComponents = function hasCustomComponents(components) {
 };
 var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   var _scrollContentContain, _scrollContentContain2, _scrollContentContain3, _wrapperElementRef$cu;
+  // Should be always the first statement in the component
+  var firstRenderStartTimestampRef = (0, _react.useRef)(performance.now());
   var wrapperElementRef = (0, _react.useMemo)(function () {
     return props.innerRef;
   }, [props.innerRef]);
@@ -144,7 +148,11 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   }
   var isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
   var popupsBoundariesElement = props.popupsBoundariesElement || (scrollContentContainerRef === null || scrollContentContainerRef === void 0 || (_scrollContentContain = scrollContentContainerRef.current) === null || _scrollContentContain === void 0 ? void 0 : _scrollContentContain.containerArea) || undefined;
-  return (0, _react2.jsx)(_ui.ContextPanelWidthProvider, null, (0, _react2.jsx)("div", {
+  return (0, _react2.jsx)(_ssrMeasures.SSRRenderMeasure, {
+    segmentName: SSR_TRACE_SEGMENT_NAME,
+    startTimestampRef: firstRenderStartTimestampRef,
+    onSSRMeasure: (0, _platformFeatureFlags.fg)('platform_editor_better_editor_ssr_spans') ? props.onSSRMeasure : undefined
+  }, (0, _react2.jsx)(_ui.ContextPanelWidthProvider, null, (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: _StyledComponents.fullPageEditorWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -221,5 +229,5 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
     viewMode: state.editorViewMode,
     hasHadInteraction: hasHadInteraction,
     contentMode: props.contentMode
-  })));
+  }))));
 };

package/dist/cjs/utils/getNodesCount.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getNodesCount = getNodesCount;
+// When experiment platform_editor_prosemirror_rendered_data is removed, review whether this helper is still needed.
 function getNodesCount(node) {
   var count = {};
   node.nodesBetween(0, node.nodeSize - 2, function (node) {

package/dist/cjs/utils/getNodesCountWithExtensionKeys.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNodesCountWithExtensionKeys = getNodesCountWithExtensionKeys;
+/**
+ * Counts node types and extension keys in a single traversal.
+ * We exclude the end-of-doc token by iterating to nodeSize - 2,
+ * which matches the typical ProseMirror pattern for traversing all child nodes.
+ */
+function getNodesCountWithExtensionKeys(node) {
+  var nodes = {};
+  var extensionKeys = {};
+  var extensionNodeNames = ['extension', 'bodiedExtension', 'inlineExtension', 'multiBodiedExtension'];
+  node.nodesBetween(0, node.nodeSize - 2, function (currentNode) {
+    var _currentNode$attrs;
+    nodes[currentNode.type.name] = (nodes[currentNode.type.name] || 0) + 1;
+    if (!extensionNodeNames.includes(currentNode.type.name)) {
+      return;
+    }
+    var extensionKey = (_currentNode$attrs = currentNode.attrs) === null || _currentNode$attrs === void 0 ? void 0 : _currentNode$attrs.extensionKey;
+    if (!extensionKey) {
+      return;
+    }
+    extensionKeys[extensionKey] = (extensionKeys[extensionKey] || 0) + 1;
+  });
+  return {
+    nodes: nodes,
+    extensionKeys: extensionKeys
+  };
+}

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "216.10.0";
+var version = exports.version = "216.11.2";

package/dist/es2019/composable-editor/editor-internal.js

@@ -118,6 +118,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
         minHeight: props.minHeight,
         onSave: props.onSave ? handleSave : undefined,
         onCancel: props.onCancel,
+        onSSRMeasure: props.onSSRMeasure,
         popupsMountPoint: props.popupsMountPoint,
         popupsBoundariesElement: props.popupsBoundariesElement,
         popupsScrollableElement: props.popupsScrollableElement,

package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js

@@ -84,6 +84,7 @@ export const useMemoEditorProps = passedProps => {
       mention: passedProps.mention,
       mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
       uploadErrorHandler: passedProps.uploadErrorHandler,
+      onSSRMeasure: passedProps.onSSRMeasure,
       waitForMediaUpload: passedProps.waitForMediaUpload,
       extensionHandlers: passedProps.extensionHandlers,
       allowTextColor: passedProps.allowTextColor,
@@ -111,7 +112,7 @@ export const useMemoEditorProps = passedProps => {
       ...allProps
     };
     return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
   return memodProps;
 };
 export default useMemoEditorProps;