@atlaskit/renderer 144.0.3 → 144.1.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/renderer
 
+## 144.1.0
+
+### Minor Changes
+
+- [`778fd05c90b9a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/778fd05c90b9a) -
+  Reduce per-text-node and per-paragraph allocations in the React serializer (plain-text fast path,
+  non-allocating empty-paragraph check) behind the new `platform_renderer_text_paragraph_fast_path`
+  experiment. No visual or DOM change.
+
 ## 144.0.3
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -16,6 +16,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _validator = require("@atlaskit/editor-common/validator");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _expVal = require("@atlaskit/platform-feature-experiments/exp-val");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -30,8 +31,7 @@ var _contentGetter = require("./utils/content-getter");
 var _getStandaloneBackgroundColorMarks = require("./utils/getStandaloneBackgroundColorMarks");
 var _links = require("./utils/links");
 var _markBlockAsInline = require("./utils/markBlockAsInline");
-var _renderTextSegments = require("./utils/render-text-segments");
-var _segmentText = require("./utils/segment-text");
+var _renderText = require("./utils/render-text");
 var _excluded = ["key"];
 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; }
@@ -66,6 +66,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "allowPlaceholderText", true);
     (0, _defineProperty2.default)(this, "allowCustomPanels", false);
     (0, _defineProperty2.default)(this, "surroundTextNodesWithTextWrapper", false);
+    (0, _defineProperty2.default)(this, "textFastPath", false);
     (0, _defineProperty2.default)(this, "allowAnnotations", false);
     (0, _defineProperty2.default)(this, "standaloneBackgroundColorMarks", []);
     (0, _defineProperty2.default)(this, "inlinePositions", new Set());
@@ -209,6 +210,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.allowMediaLinking = init.allowMediaLinking;
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
+    this.textFastPath = (0, _expVal.expVal)('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -386,11 +388,11 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
           startPos: startPos + parentDepth,
           endPos: endPos + parentDepth,
           textHighlighter: this.textHighlighter,
-          marks: mark.marks
+          marks: mark.marks,
+          plainTextFastPath: this.textFastPath
         }, mark.text);
       }
-      var segments = (0, _segmentText.segmentText)(mark.text, this.textHighlighter);
-      return (0, _renderTextSegments.renderTextSegments)(segments, this.textHighlighter, mark.marks, startPos);
+      return (0, _renderText.renderText)(mark.text, this.textHighlighter, mark.marks, startPos, this.textFastPath);
     }
   }, {
     key: "renderNode",
@@ -671,6 +673,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var startPos = this.startPos + path.length;
       return _objectSpread({
         asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+        plainTextFastPath: this.textFastPath,
         text: node.text,
         providers: this.providers,
         eventHandlers: this.eventHandlers,

package/dist/cjs/react/nodes/inline.js

@@ -5,13 +5,56 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Inline;
+exports.hasRenderableChild = hasRenderableChild;
 var _react = _interopRequireDefault(require("react"));
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Allocation-free equivalent of `React.Children.toArray(children).length > 0`.
+ *
+ * Mirrors `toArray` semantics: `null`, `undefined` and booleans are dropped; arrays are flattened;
+ * everything else (strings including `''`, numbers, elements, fragments, portals) counts as a child.
+ */
+function hasRenderableChild(children) {
+  if (children == null || typeof children === 'boolean') {
+    return false;
+  }
+  if (Array.isArray(children)) {
+    var _iterator = _createForOfIteratorHelper(children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        if (hasRenderableChild(child)) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Renders inline content, substituting a non-breaking space when there is nothing to render so
+ * an empty paragraph keeps its height.
+ *
+ * `plainTextFastPath` is threaded down from `ReactSerializer`, which evaluates the experiment
+ * once per instance. This component renders once per paragraph, so it must not evaluate the
+ * experiment itself. When the prop is absent the original behaviour is used.
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function Inline(props) {
-  var children = props.children;
-  var childCount = _react.default.Children.toArray(children).length;
-  if (!childCount) {
+  var children = props.children,
+    plainTextFastPath = props.plainTextFastPath;
+  var isEmpty = plainTextFastPath ? !hasRenderableChild(children) : _react.default.Children.toArray(children).length === 0;
+  if (isEmpty) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\xA0");
   }
   return children;

package/dist/cjs/react/nodes/paragraph.js

@@ -12,7 +12,8 @@ function Paragraph(_ref) {
   var children = _ref.children,
     dataAttributes = _ref.dataAttributes,
     localId = _ref.localId,
-    asInline = _ref.asInline;
+    asInline = _ref.asInline,
+    plainTextFastPath = _ref.plainTextFastPath;
   return (
     /*#__PURE__*/
     // ignore the eslint warning Text primitive does not support dataAttributes
@@ -22,6 +23,8 @@ function Paragraph(_ref) {
     _react.default.createElement("p", (0, _extends2.default)({}, dataAttributes, {
       "data-local-id": localId,
       "data-as-inline": asInline
-    }), /*#__PURE__*/_react.default.createElement(_inline.default, null, children))
+    }), /*#__PURE__*/_react.default.createElement(_inline.default, {
+      plainTextFastPath: plainTextFastPath
+    }, children))
   );
 }

package/dist/cjs/react/nodes/text-wrapper.js

@@ -18,7 +18,8 @@ var TextWrapper = function TextWrapper(props) {
     startPos: startPos,
     endPos: endPos,
     textHighlighter: props.textHighlighter,
-    marks: props.marks
+    marks: props.marks,
+    plainTextFastPath: props.plainTextFastPath
   }, children);
 };
 var _default = exports.default = TextWrapper;

package/dist/cjs/react/utils/render-text-segments.js

@@ -6,16 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderTextSegments = renderTextSegments;
 var _react = _interopRequireDefault(require("react"));
-function renderTextSegments(segments, textHighlighter, marksList, startPos) {
-  var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
-  var marks = new Set(marksList.map(function (m) {
+/** Collects the mark type names a highlighter component receives for a text node. */
+var toMarkNames = function toMarkNames(marksList) {
+  return new Set(marksList.map(function (m) {
     return m.type.name;
   }));
+};
+function renderTextSegments(segments, textHighlighter, marksList, startPos) {
+  var lazyMarks = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
+  // With `lazyMarks`, the Set is only built once a highlighted segment is actually rendered, so
+  // a highlighter with no matches on this text allocates nothing extra.
+  var marks = lazyMarks ? undefined : toMarkNames(marksList);
   function renderSegment(segment) {
     var idx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (segment.type === 'plain' || !Component) {
       return segment.text;
     }
+    if (!marks) {
+      marks = toMarkNames(marksList);
+    }
     return /*#__PURE__*/_react.default.createElement("span", {
       "data-highlighted": true,
       "data-vc": "highlighted-text",

package/dist/cjs/react/utils/render-text.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderText = renderText;
+var _renderTextSegments = require("./render-text-segments");
+var _segmentText = require("./segment-text");
+/**
+ * Renders a text node's string, applying the text highlighter when one is configured.
+ *
+ * When `fastPath` is enabled and there is no highlighter (or no text), the input string is
+ * returned directly. This is output-identical to the segmented path, which for a single plain
+ * segment also returns the bare string, but skips the per-text-node segment array/object and
+ * marks Set allocations.
+ */
+function renderText(text, textHighlighter, marks, startPos, fastPath) {
+  if (fastPath && (!textHighlighter || !text)) {
+    return text !== null && text !== void 0 ? text : '';
+  }
+  var segments = (0, _segmentText.segmentText)(text, textHighlighter);
+  return (0, _renderTextSegments.renderTextSegments)(segments, textHighlighter, marks, startPos, fastPath);
+}

package/dist/cjs/ui/Renderer/index.js

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "144.0.2";
+var packageVersion = "144.0.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/cjs/ui/annotations/draft/component.js

@@ -9,8 +9,7 @@ exports.getAnnotationIndex = exports.applyAnnotationOnText = exports.TextWithAnn
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _renderTextSegments = require("../../../react/utils/render-text-segments");
-var _segmentText = require("../../../react/utils/segment-text");
+var _renderText = require("../../../react/utils/render-text");
 var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
 var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
 var _types = require("../types");
@@ -85,10 +84,12 @@ var applyAnnotationOnText = exports.applyAnnotationOnText = function applyAnnota
     shouldApplyAnnotationAt = _ref2.shouldApplyAnnotationAt,
     draftPosition = _ref2.draftPosition,
     textHighlighter = _ref2.textHighlighter,
-    marks = _ref2.marks;
+    marks = _ref2.marks,
+    _ref2$plainTextFastPa = _ref2.plainTextFastPath,
+    plainTextFastPath = _ref2$plainTextFastPa === void 0 ? false : _ref2$plainTextFastPa;
   var annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map(function (value, index) {
-    var segments = (0, _segmentText.segmentText)(value, textHighlighter);
+    var rendered = (0, _renderText.renderText)(value, textHighlighter, marks || [], draftPosition.from, plainTextFastPath);
     if (annotateIndex === index) {
       return (
         // Ignored via go/ees005
@@ -96,7 +97,7 @@ var applyAnnotationOnText = exports.applyAnnotationOnText = function applyAnnota
         (0, _react2.jsx)(AnnotationDraft, {
           key: index,
           draftPosition: draftPosition
-        }, (0, _renderTextSegments.renderTextSegments)(segments, textHighlighter, marks || [], draftPosition.from))
+        }, rendered)
       );
     }
     return (
@@ -104,7 +105,7 @@ var applyAnnotationOnText = exports.applyAnnotationOnText = function applyAnnota
       // eslint-disable-next-line react/no-array-index-key
       (0, _react2.jsx)(_react.default.Fragment, {
         key: index
-      }, (0, _renderTextSegments.renderTextSegments)(segments, textHighlighter, marks || [], draftPosition.from))
+      }, rendered)
     );
   });
 };
@@ -113,7 +114,9 @@ var TextWithAnnotationDraft = exports.TextWithAnnotationDraft = function TextWit
     endPos = _ref3.endPos,
     children = _ref3.children,
     textHighlighter = _ref3.textHighlighter,
-    marks = _ref3.marks;
+    marks = _ref3.marks,
+    _ref3$plainTextFastPa = _ref3.plainTextFastPath,
+    plainTextFastPath = _ref3$plainTextFastPa === void 0 ? false : _ref3$plainTextFastPa;
   var textPosition = _react.default.useMemo(function () {
     return {
       start: startPos,
@@ -133,28 +136,26 @@ var TextWithAnnotationDraft = exports.TextWithAnnotationDraft = function TextWit
     return (0, _react2.jsx)(_react.Fragment, null, children);
   }
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    var segments = (0, _segmentText.segmentText)(textString, textHighlighter);
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _renderTextSegments.renderTextSegments)(segments, textHighlighter, marks || [], startPos));
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _renderText.renderText)(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   if (shouldApplyAnnotationAt === _types.InsertDraftPosition.AROUND_TEXT) {
-    var _segments = (0, _segmentText.segmentText)(textString, textHighlighter);
     return (0, _react2.jsx)(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, (0, _renderTextSegments.renderTextSegments)(_segments, textHighlighter, marks || [], startPos));
+    }, (0, _renderText.renderText)(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   var offsets = (0, _text.calcTextSplitOffset)(nextDraftPosition, textPosition, textString);
   var texts = (0, _text.splitText)(textString, offsets);
   if (!texts) {
-    var _segments2 = (0, _segmentText.segmentText)(textString, textHighlighter);
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _renderTextSegments.renderTextSegments)(_segments2, textHighlighter, marks || [], startPos));
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _renderText.renderText)(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   var components = applyAnnotationOnText({
     texts: texts,
     shouldApplyAnnotationAt: shouldApplyAnnotationAt,
     draftPosition: nextDraftPosition,
     textHighlighter: textHighlighter,
-    marks: marks
+    marks: marks,
+    plainTextFastPath: plainTextFastPath
   });
   return (0, _react2.jsx)(_react.Fragment, null, components);
 };

package/dist/es2019/react/index.js

@@ -5,6 +5,7 @@ import { getColumnWidths } from '@atlaskit/editor-common/utils';
 import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
 import { MarkType } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -19,8 +20,7 @@ import { createContentGetter } from './utils/content-getter';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
 import { isNestedHeaderLinksEnabled } from './utils/links';
 import { markBlockAsInline } from './utils/markBlockAsInline';
-import { renderTextSegments } from './utils/render-text-segments';
-import { segmentText } from './utils/segment-text';
+import { renderText } from './utils/render-text';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce((acc, markOrNode) => {
     const prev = acc.length && acc[acc.length - 1] || null;
@@ -50,6 +50,7 @@ export default class ReactSerializer {
     _defineProperty(this, "allowPlaceholderText", true);
     _defineProperty(this, "allowCustomPanels", false);
     _defineProperty(this, "surroundTextNodesWithTextWrapper", false);
+    _defineProperty(this, "textFastPath", false);
     _defineProperty(this, "allowAnnotations", false);
     _defineProperty(this, "standaloneBackgroundColorMarks", []);
     _defineProperty(this, "inlinePositions", new Set());
@@ -196,6 +197,7 @@ export default class ReactSerializer {
     this.allowMediaLinking = init.allowMediaLinking;
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
+    this.textFastPath = expVal('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -360,11 +362,11 @@ export default class ReactSerializer {
         startPos: startPos + parentDepth,
         endPos: endPos + parentDepth,
         textHighlighter: this.textHighlighter,
-        marks: mark.marks
+        marks: mark.marks,
+        plainTextFastPath: this.textFastPath
       }, mark.text);
     }
-    const segments = segmentText(mark.text, this.textHighlighter);
-    return renderTextSegments(segments, this.textHighlighter, mark.marks, startPos);
+    return renderText(mark.text, this.textHighlighter, mark.marks, startPos, this.textFastPath);
   }
   renderNode(
   // Ignored via go/ees005
@@ -597,6 +599,7 @@ export default class ReactSerializer {
     const startPos = this.startPos + path.length;
     return {
       asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+      plainTextFastPath: this.textFastPath,
       text: node.text,
       providers: this.providers,
       eventHandlers: this.eventHandlers,

package/dist/es2019/react/nodes/inline.js

@@ -1,13 +1,43 @@
 import React from 'react';
 
+/**
+ * Allocation-free equivalent of `React.Children.toArray(children).length > 0`.
+ *
+ * Mirrors `toArray` semantics: `null`, `undefined` and booleans are dropped; arrays are flattened;
+ * everything else (strings including `''`, numbers, elements, fragments, portals) counts as a child.
+ */
+export function hasRenderableChild(children) {
+  if (children == null || typeof children === 'boolean') {
+    return false;
+  }
+  if (Array.isArray(children)) {
+    for (const child of children) {
+      if (hasRenderableChild(child)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Renders inline content, substituting a non-breaking space when there is nothing to render so
+ * an empty paragraph keeps its height.
+ *
+ * `plainTextFastPath` is threaded down from `ReactSerializer`, which evaluates the experiment
+ * once per instance. This component renders once per paragraph, so it must not evaluate the
+ * experiment itself. When the prop is absent the original behaviour is used.
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function Inline(props) {
   const {
-    children
+    children,
+    plainTextFastPath
   } = props;
-  const childCount = React.Children.toArray(children).length;
-  if (!childCount) {
+  const isEmpty = plainTextFastPath ? !hasRenderableChild(children) : React.Children.toArray(children).length === 0;
+  if (isEmpty) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0");
   }
   return children;

package/dist/es2019/react/nodes/paragraph.js

@@ -5,7 +5,8 @@ export default function Paragraph({
   children,
   dataAttributes,
   localId,
-  asInline
+  asInline,
+  plainTextFastPath
 }) {
   return (
     /*#__PURE__*/
@@ -16,6 +17,8 @@ export default function Paragraph({
     React.createElement("p", _extends({}, dataAttributes, {
       "data-local-id": localId,
       "data-as-inline": asInline
-    }), /*#__PURE__*/React.createElement(Inline, null, children))
+    }), /*#__PURE__*/React.createElement(Inline, {
+      plainTextFastPath: plainTextFastPath
+    }, children))
   );
 }

package/dist/es2019/react/nodes/text-wrapper.js

@@ -15,7 +15,8 @@ const TextWrapper = props => {
     startPos: startPos,
     endPos: endPos,
     textHighlighter: props.textHighlighter,
-    marks: props.marks
+    marks: props.marks,
+    plainTextFastPath: props.plainTextFastPath
   }, children);
 };
 export default TextWrapper;

package/dist/es2019/react/utils/render-text-segments.js

@@ -1,11 +1,18 @@
 import React from 'react';
-export function renderTextSegments(segments, textHighlighter, marksList, startPos) {
+/** Collects the mark type names a highlighter component receives for a text node. */
+const toMarkNames = marksList => new Set(marksList.map(m => m.type.name));
+export function renderTextSegments(segments, textHighlighter, marksList, startPos, lazyMarks = false) {
   const Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
-  const marks = new Set(marksList.map(m => m.type.name));
+  // With `lazyMarks`, the Set is only built once a highlighted segment is actually rendered, so
+  // a highlighter with no matches on this text allocates nothing extra.
+  let marks = lazyMarks ? undefined : toMarkNames(marksList);
   function renderSegment(segment, idx = 0) {
     if (segment.type === 'plain' || !Component) {
       return segment.text;
     }
+    if (!marks) {
+      marks = toMarkNames(marksList);
+    }
     return /*#__PURE__*/React.createElement("span", {
       "data-highlighted": true,
       "data-vc": "highlighted-text",

package/dist/es2019/react/utils/render-text.js

@@ -0,0 +1,18 @@
+import { renderTextSegments } from './render-text-segments';
+import { segmentText } from './segment-text';
+
+/**
+ * Renders a text node's string, applying the text highlighter when one is configured.
+ *
+ * When `fastPath` is enabled and there is no highlighter (or no text), the input string is
+ * returned directly. This is output-identical to the segmented path, which for a single plain
+ * segment also returns the bare string, but skips the per-text-node segment array/object and
+ * marks Set allocations.
+ */
+export function renderText(text, textHighlighter, marks, startPos, fastPath) {
+  if (fastPath && (!textHighlighter || !text)) {
+    return text !== null && text !== void 0 ? text : '';
+  }
+  const segments = segmentText(text, textHighlighter);
+  return renderTextSegments(segments, textHighlighter, marks, startPos, fastPath);
+}

package/dist/es2019/ui/Renderer/index.js

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "144.0.2";
+const packageVersion = "144.0.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/annotations/draft/component.js

@@ -8,8 +8,7 @@ import React, { Fragment, useCallback } from 'react';
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
-import { renderTextSegments } from '../../../react/utils/render-text-segments';
-import { segmentText } from '../../../react/utils/segment-text';
+import { renderText } from '../../../react/utils/render-text';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 import { useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { InsertDraftPosition } from '../types';
@@ -78,11 +77,12 @@ export const applyAnnotationOnText = ({
   shouldApplyAnnotationAt,
   draftPosition,
   textHighlighter,
-  marks
+  marks,
+  plainTextFastPath = false
 }) => {
   const annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map((value, index) => {
-    const segments = segmentText(value, textHighlighter);
+    const rendered = renderText(value, textHighlighter, marks || [], draftPosition.from, plainTextFastPath);
     if (annotateIndex === index) {
       return (
         // Ignored via go/ees005
@@ -90,7 +90,7 @@ export const applyAnnotationOnText = ({
         jsx(AnnotationDraft, {
           key: index,
           draftPosition: draftPosition
-        }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+        }, rendered)
       );
     }
     return (
@@ -98,7 +98,7 @@ export const applyAnnotationOnText = ({
       // eslint-disable-next-line react/no-array-index-key
       jsx(React.Fragment, {
         key: index
-      }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+      }, rendered)
     );
   });
 };
@@ -107,7 +107,8 @@ export const TextWithAnnotationDraft = ({
   endPos,
   children,
   textHighlighter,
-  marks
+  marks,
+  plainTextFastPath = false
 }) => {
   const textPosition = React.useMemo(() => ({
     start: startPos,
@@ -127,28 +128,26 @@ export const TextWithAnnotationDraft = ({
     return jsx(Fragment, null, children);
   }
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    const segments = segmentText(textString, textHighlighter);
-    return jsx(Fragment, null, renderTextSegments(segments, textHighlighter, marks || [], startPos));
+    return jsx(Fragment, null, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
-    const segments = segmentText(textString, textHighlighter);
     return jsx(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, renderTextSegments(segments, textHighlighter, marks || [], startPos));
+    }, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   const offsets = calcTextSplitOffset(nextDraftPosition, textPosition, textString);
   const texts = splitText(textString, offsets);
   if (!texts) {
-    const segments = segmentText(textString, textHighlighter);
-    return jsx(Fragment, null, renderTextSegments(segments, textHighlighter, marks || [], startPos));
+    return jsx(Fragment, null, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   const components = applyAnnotationOnText({
     texts,
     shouldApplyAnnotationAt,
     draftPosition: nextDraftPosition,
     textHighlighter,
-    marks
+    marks,
+    plainTextFastPath
   });
   return jsx(Fragment, null, components);
 };

package/dist/esm/react/index.js

@@ -12,6 +12,7 @@ import { getColumnWidths } from '@atlaskit/editor-common/utils';
 import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
 import { MarkType } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { expVal } from '@atlaskit/platform-feature-experiments/exp-val';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -26,8 +27,7 @@ import { createContentGetter } from './utils/content-getter';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
 import { isNestedHeaderLinksEnabled } from './utils/links';
 import { markBlockAsInline } from './utils/markBlockAsInline';
-import { renderTextSegments } from './utils/render-text-segments';
-import { segmentText } from './utils/segment-text';
+import { renderText } from './utils/render-text';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
     var prev = acc.length && acc[acc.length - 1] || null;
@@ -59,6 +59,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     _defineProperty(this, "allowPlaceholderText", true);
     _defineProperty(this, "allowCustomPanels", false);
     _defineProperty(this, "surroundTextNodesWithTextWrapper", false);
+    _defineProperty(this, "textFastPath", false);
     _defineProperty(this, "allowAnnotations", false);
     _defineProperty(this, "standaloneBackgroundColorMarks", []);
     _defineProperty(this, "inlinePositions", new Set());
@@ -202,6 +203,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.allowMediaLinking = init.allowMediaLinking;
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
+    this.textFastPath = expVal('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -379,11 +381,11 @@ var ReactSerializer = /*#__PURE__*/function () {
           startPos: startPos + parentDepth,
           endPos: endPos + parentDepth,
           textHighlighter: this.textHighlighter,
-          marks: mark.marks
+          marks: mark.marks,
+          plainTextFastPath: this.textFastPath
         }, mark.text);
       }
-      var segments = segmentText(mark.text, this.textHighlighter);
-      return renderTextSegments(segments, this.textHighlighter, mark.marks, startPos);
+      return renderText(mark.text, this.textHighlighter, mark.marks, startPos, this.textFastPath);
     }
   }, {
     key: "renderNode",
@@ -664,6 +666,7 @@ var ReactSerializer = /*#__PURE__*/function () {
       var startPos = this.startPos + path.length;
       return _objectSpread({
         asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+        plainTextFastPath: this.textFastPath,
         text: node.text,
         providers: this.providers,
         eventHandlers: this.eventHandlers,

package/dist/esm/react/nodes/inline.js

@@ -1,11 +1,53 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React from 'react';
 
+/**
+ * Allocation-free equivalent of `React.Children.toArray(children).length > 0`.
+ *
+ * Mirrors `toArray` semantics: `null`, `undefined` and booleans are dropped; arrays are flattened;
+ * everything else (strings including `''`, numbers, elements, fragments, portals) counts as a child.
+ */
+export function hasRenderableChild(children) {
+  if (children == null || typeof children === 'boolean') {
+    return false;
+  }
+  if (Array.isArray(children)) {
+    var _iterator = _createForOfIteratorHelper(children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        if (hasRenderableChild(child)) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Renders inline content, substituting a non-breaking space when there is nothing to render so
+ * an empty paragraph keeps its height.
+ *
+ * `plainTextFastPath` is threaded down from `ReactSerializer`, which evaluates the experiment
+ * once per instance. This component renders once per paragraph, so it must not evaluate the
+ * experiment itself. When the prop is absent the original behaviour is used.
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function Inline(props) {
-  var children = props.children;
-  var childCount = React.Children.toArray(children).length;
-  if (!childCount) {
+  var children = props.children,
+    plainTextFastPath = props.plainTextFastPath;
+  var isEmpty = plainTextFastPath ? !hasRenderableChild(children) : React.Children.toArray(children).length === 0;
+  if (isEmpty) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0");
   }
   return children;

package/dist/esm/react/nodes/paragraph.js

@@ -5,7 +5,8 @@ export default function Paragraph(_ref) {
   var children = _ref.children,
     dataAttributes = _ref.dataAttributes,
     localId = _ref.localId,
-    asInline = _ref.asInline;
+    asInline = _ref.asInline,
+    plainTextFastPath = _ref.plainTextFastPath;
   return (
     /*#__PURE__*/
     // ignore the eslint warning Text primitive does not support dataAttributes
@@ -15,6 +16,8 @@ export default function Paragraph(_ref) {
     React.createElement("p", _extends({}, dataAttributes, {
       "data-local-id": localId,
       "data-as-inline": asInline
-    }), /*#__PURE__*/React.createElement(Inline, null, children))
+    }), /*#__PURE__*/React.createElement(Inline, {
+      plainTextFastPath: plainTextFastPath
+    }, children))
   );
 }

package/dist/esm/react/nodes/text-wrapper.js

@@ -11,7 +11,8 @@ var TextWrapper = function TextWrapper(props) {
     startPos: startPos,
     endPos: endPos,
     textHighlighter: props.textHighlighter,
-    marks: props.marks
+    marks: props.marks,
+    plainTextFastPath: props.plainTextFastPath
   }, children);
 };
 export default TextWrapper;

package/dist/esm/react/utils/render-text-segments.js

@@ -1,14 +1,24 @@
 import React from 'react';
-export function renderTextSegments(segments, textHighlighter, marksList, startPos) {
-  var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
-  var marks = new Set(marksList.map(function (m) {
+/** Collects the mark type names a highlighter component receives for a text node. */
+var toMarkNames = function toMarkNames(marksList) {
+  return new Set(marksList.map(function (m) {
     return m.type.name;
   }));
+};
+export function renderTextSegments(segments, textHighlighter, marksList, startPos) {
+  var lazyMarks = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
+  // With `lazyMarks`, the Set is only built once a highlighted segment is actually rendered, so
+  // a highlighter with no matches on this text allocates nothing extra.
+  var marks = lazyMarks ? undefined : toMarkNames(marksList);
   function renderSegment(segment) {
     var idx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (segment.type === 'plain' || !Component) {
       return segment.text;
     }
+    if (!marks) {
+      marks = toMarkNames(marksList);
+    }
     return /*#__PURE__*/React.createElement("span", {
       "data-highlighted": true,
       "data-vc": "highlighted-text",

package/dist/esm/react/utils/render-text.js

@@ -0,0 +1,18 @@
+import { renderTextSegments } from './render-text-segments';
+import { segmentText } from './segment-text';
+
+/**
+ * Renders a text node's string, applying the text highlighter when one is configured.
+ *
+ * When `fastPath` is enabled and there is no highlighter (or no text), the input string is
+ * returned directly. This is output-identical to the segmented path, which for a single plain
+ * segment also returns the bare string, but skips the per-text-node segment array/object and
+ * marks Set allocations.
+ */
+export function renderText(text, textHighlighter, marks, startPos, fastPath) {
+  if (fastPath && (!textHighlighter || !text)) {
+    return text !== null && text !== void 0 ? text : '';
+  }
+  var segments = segmentText(text, textHighlighter);
+  return renderTextSegments(segments, textHighlighter, marks, startPos, fastPath);
+}

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

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "144.0.2";
+var packageVersion = "144.0.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/annotations/draft/component.js

@@ -8,8 +8,7 @@ import React, { Fragment, useCallback } from 'react';
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
-import { renderTextSegments } from '../../../react/utils/render-text-segments';
-import { segmentText } from '../../../react/utils/segment-text';
+import { renderText } from '../../../react/utils/render-text';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 import { useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { InsertDraftPosition } from '../types';
@@ -76,10 +75,12 @@ export var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
     shouldApplyAnnotationAt = _ref2.shouldApplyAnnotationAt,
     draftPosition = _ref2.draftPosition,
     textHighlighter = _ref2.textHighlighter,
-    marks = _ref2.marks;
+    marks = _ref2.marks,
+    _ref2$plainTextFastPa = _ref2.plainTextFastPath,
+    plainTextFastPath = _ref2$plainTextFastPa === void 0 ? false : _ref2$plainTextFastPa;
   var annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map(function (value, index) {
-    var segments = segmentText(value, textHighlighter);
+    var rendered = renderText(value, textHighlighter, marks || [], draftPosition.from, plainTextFastPath);
     if (annotateIndex === index) {
       return (
         // Ignored via go/ees005
@@ -87,7 +88,7 @@ export var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
         jsx(AnnotationDraft, {
           key: index,
           draftPosition: draftPosition
-        }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+        }, rendered)
       );
     }
     return (
@@ -95,7 +96,7 @@ export var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
       // eslint-disable-next-line react/no-array-index-key
       jsx(React.Fragment, {
         key: index
-      }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+      }, rendered)
     );
   });
 };
@@ -104,7 +105,9 @@ export var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
     endPos = _ref3.endPos,
     children = _ref3.children,
     textHighlighter = _ref3.textHighlighter,
-    marks = _ref3.marks;
+    marks = _ref3.marks,
+    _ref3$plainTextFastPa = _ref3.plainTextFastPath,
+    plainTextFastPath = _ref3$plainTextFastPa === void 0 ? false : _ref3$plainTextFastPa;
   var textPosition = React.useMemo(function () {
     return {
       start: startPos,
@@ -124,28 +127,26 @@ export var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
     return jsx(Fragment, null, children);
   }
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    var segments = segmentText(textString, textHighlighter);
-    return jsx(Fragment, null, renderTextSegments(segments, textHighlighter, marks || [], startPos));
+    return jsx(Fragment, null, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
-    var _segments = segmentText(textString, textHighlighter);
     return jsx(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
-    }, renderTextSegments(_segments, textHighlighter, marks || [], startPos));
+    }, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   var offsets = calcTextSplitOffset(nextDraftPosition, textPosition, textString);
   var texts = splitText(textString, offsets);
   if (!texts) {
-    var _segments2 = segmentText(textString, textHighlighter);
-    return jsx(Fragment, null, renderTextSegments(_segments2, textHighlighter, marks || [], startPos));
+    return jsx(Fragment, null, renderText(textString, textHighlighter, marks || [], startPos, plainTextFastPath));
   }
   var components = applyAnnotationOnText({
     texts: texts,
     shouldApplyAnnotationAt: shouldApplyAnnotationAt,
     draftPosition: nextDraftPosition,
     textHighlighter: textHighlighter,
-    marks: marks
+    marks: marks,
+    plainTextFastPath: plainTextFastPath
   });
   return jsx(Fragment, null, components);
 };

package/dist/types/react/index.d.ts

@@ -104,6 +104,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private initStartPos;
     private startPos;
     private surroundTextNodesWithTextWrapper;
+    private textFastPath;
     private media?;
     private mentionNodeDataProvider?;
     private emojiProviderLookupOrder?;

package/dist/types/react/nodes/inline.d.ts

@@ -1 +1,17 @@
+import React from 'react';
+/**
+ * Allocation-free equivalent of `React.Children.toArray(children).length > 0`.
+ *
+ * Mirrors `toArray` semantics: `null`, `undefined` and booleans are dropped; arrays are flattened;
+ * everything else (strings including `''`, numbers, elements, fragments, portals) counts as a child.
+ */
+export declare function hasRenderableChild(children: React.ReactNode): boolean;
+/**
+ * Renders inline content, substituting a non-breaking space when there is nothing to render so
+ * an empty paragraph keeps its height.
+ *
+ * `plainTextFastPath` is threaded down from `ReactSerializer`, which evaluates the experiment
+ * once per instance. This component renders once per paragraph, so it must not evaluate the
+ * experiment itself. When the prop is absent the original behaviour is used.
+ */
 export default function Inline(props: any): any;

package/dist/types/react/nodes/paragraph.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { NodeProps } from '../types';
-export default function Paragraph({ children, dataAttributes, localId, asInline, }: NodeProps): React.JSX.Element;
+export default function Paragraph({ children, dataAttributes, localId, asInline, plainTextFastPath, }: NodeProps): React.JSX.Element;

package/dist/types/react/nodes/text-wrapper.d.ts

@@ -6,6 +6,7 @@ type Props = {
     children?: ReactNode | null;
     endPos: number;
     marks?: readonly Mark[];
+    plainTextFastPath?: boolean;
     startPos: number;
     textHighlighter?: TextHighlighter;
 };

package/dist/types/react/types.d.ts

@@ -45,6 +45,11 @@ export interface NodeMeta {
     hideExtensionKeysWhilePending?: string[];
     marks: PMNode['marks'];
     nodeType: NodeType['name'];
+    /**
+     * Whether the text and paragraph fast path experiment is enabled for this render.
+     * Evaluated once per `ReactSerializer` instance rather than per node.
+     */
+    plainTextFastPath?: boolean;
     portal?: HTMLElement | undefined;
     providers?: ProviderFactory | undefined;
     rendererAppearance?: RendererAppearance;

package/dist/types/react/utils/render-text-segments.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import type { TextHighlighter } from '../types';
 import type { TextSegment } from './segment-text';
-export declare function renderTextSegments(segments: Array<TextSegment>, textHighlighter: TextHighlighter | undefined, marksList: readonly Mark[], startPos: number): string | React.JSX.Element;
+export declare function renderTextSegments(segments: Array<TextSegment>, textHighlighter: TextHighlighter | undefined, marksList: readonly Mark[], startPos: number, lazyMarks?: boolean): string | React.JSX.Element;

package/dist/types/react/utils/render-text.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
+import type { TextHighlighter } from '../types';
+/**
+ * Renders a text node's string, applying the text highlighter when one is configured.
+ *
+ * When `fastPath` is enabled and there is no highlighter (or no text), the input string is
+ * returned directly. This is output-identical to the segmented path, which for a single plain
+ * segment also returns the bare string, but skips the per-text-node segment array/object and
+ * marks Set allocations.
+ */
+export declare function renderText(text: string | undefined, textHighlighter: TextHighlighter | undefined, marks: readonly Mark[], startPos: number, fastPath: boolean): string | React.JSX.Element;

package/dist/types/ui/annotations/draft/component.d.ts

@@ -14,17 +14,19 @@ export declare const AnnotationDraft: ({ draftPosition, children, }: React.Props
 type ApplyAnnotationsProps = {
     draftPosition: Position;
     marks?: readonly Mark[];
+    plainTextFastPath?: boolean;
     shouldApplyAnnotationAt: InsertDraftPosition.INSIDE | InsertDraftPosition.START | InsertDraftPosition.END;
     textHighlighter?: TextHighlighter;
     texts: string[];
 };
 export declare const getAnnotationIndex: (annotationPosition: InsertDraftPosition, fragmentCount: number) => number;
-export declare const applyAnnotationOnText: ({ texts, shouldApplyAnnotationAt, draftPosition, textHighlighter, marks, }: ApplyAnnotationsProps) => JSX.Element[];
+export declare const applyAnnotationOnText: ({ texts, shouldApplyAnnotationAt, draftPosition, textHighlighter, marks, plainTextFastPath, }: ApplyAnnotationsProps) => JSX.Element[];
 type Props = React.PropsWithChildren<{
     endPos: number;
     marks?: readonly Mark[];
+    plainTextFastPath?: boolean;
     startPos: number;
     textHighlighter?: TextHighlighter;
 }>;
-export declare const TextWithAnnotationDraft: ({ startPos, endPos, children, textHighlighter, marks, }: Props) => jsx.JSX.Element;
+export declare const TextWithAnnotationDraft: ({ startPos, endPos, children, textHighlighter, marks, plainTextFastPath, }: Props) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "144.0.3",
+	"version": "144.1.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"