@atlaskit/renderer 148.0.3 → 148.0.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/renderer
 
+## 148.0.4
+
+### Patch Changes
+
+- [`b50791096b149`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b50791096b149) -
+  Reduce built-in paragraph serializer props allocation behind
+  platform_renderer_paragraph_props_fast_path.
+- Updated dependencies
+
 ## 148.0.3
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -66,6 +66,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "allowCustomPanels", false);
     (0, _defineProperty2.default)(this, "surroundTextNodesWithTextWrapper", false);
     (0, _defineProperty2.default)(this, "textFastPath", false);
+    (0, _defineProperty2.default)(this, "paragraphPropsFastPath", false);
     (0, _defineProperty2.default)(this, "allowAnnotations", false);
     (0, _defineProperty2.default)(this, "standaloneBackgroundColorMarks", []);
     (0, _defineProperty2.default)(this, "inlinePositions", new Set());
@@ -210,6 +211,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.textFastPath = (0, _expVal.expVal)('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
+    this.paragraphPropsFastPath = (0, _expVal.expVal)('platform_renderer_paragraph_props_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -243,6 +245,12 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     value: function getNodeProps(node, parentInfo) {
       var path = parentInfo ? parentInfo.path : undefined;
       switch (node.type.name) {
+        case 'paragraph':
+          // Explicit paragraph overrides retain the full generic props contract.
+          if (this.paragraphPropsFastPath && (!this.nodeComponents || !Object.prototype.hasOwnProperty.call(this.nodeComponents, 'paragraph'))) {
+            return this.getParagraphProps(node, path);
+          }
+          return this.getProps(node, path);
         case 'date':
           return this.getDateProps(node, parentInfo, path);
         case 'hardBreak':
@@ -661,6 +669,25 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         allowCustomPanels: this.allowCustomPanels
       });
     }
+  }, {
+    key: "getParagraphProps",
+    value: function getParagraphProps(node) {
+      var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var startPos = this.startPos + path.length;
+
+      // Keep traversal metadata for serializer subclasses without allocating unused content getters.
+      return _objectSpread({
+        asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+        plainTextFastPath: this.textFastPath,
+        nodeType: node.type.name,
+        marks: node.marks,
+        dataAttributes: {
+          'data-renderer-start-pos': startPos
+        },
+        startPos: startPos,
+        path: path
+      }, node.attrs);
+    }
   }, {
     key: "getProps",
     value: function getProps(node) {

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

@@ -72,7 +72,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 = "148.0.2";
+var packageVersion = "148.0.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -50,6 +50,7 @@ export default class ReactSerializer {
     _defineProperty(this, "allowCustomPanels", false);
     _defineProperty(this, "surroundTextNodesWithTextWrapper", false);
     _defineProperty(this, "textFastPath", false);
+    _defineProperty(this, "paragraphPropsFastPath", false);
     _defineProperty(this, "allowAnnotations", false);
     _defineProperty(this, "standaloneBackgroundColorMarks", []);
     _defineProperty(this, "inlinePositions", new Set());
@@ -197,6 +198,7 @@ export default class ReactSerializer {
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.textFastPath = expVal('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
+    this.paragraphPropsFastPath = expVal('platform_renderer_paragraph_props_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -226,6 +228,12 @@ export default class ReactSerializer {
   getNodeProps(node, parentInfo) {
     const path = parentInfo ? parentInfo.path : undefined;
     switch (node.type.name) {
+      case 'paragraph':
+        // Explicit paragraph overrides retain the full generic props contract.
+        if (this.paragraphPropsFastPath && (!this.nodeComponents || !Object.prototype.hasOwnProperty.call(this.nodeComponents, 'paragraph'))) {
+          return this.getParagraphProps(node, path);
+        }
+        return this.getProps(node, path);
       case 'date':
         return this.getDateProps(node, parentInfo, path);
       case 'hardBreak':
@@ -590,6 +598,23 @@ export default class ReactSerializer {
       allowCustomPanels: this.allowCustomPanels
     };
   }
+  getParagraphProps(node, path = []) {
+    const startPos = this.startPos + path.length;
+
+    // Keep traversal metadata for serializer subclasses without allocating unused content getters.
+    return {
+      asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+      plainTextFastPath: this.textFastPath,
+      nodeType: node.type.name,
+      marks: node.marks,
+      dataAttributes: {
+        'data-renderer-start-pos': startPos
+      },
+      startPos,
+      path,
+      ...node.attrs
+    };
+  }
   getProps(node, path = []) {
     const startPos = this.startPos + path.length;
     return {

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

@@ -57,7 +57,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 = "148.0.2";
+const packageVersion = "148.0.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -59,6 +59,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     _defineProperty(this, "allowCustomPanels", false);
     _defineProperty(this, "surroundTextNodesWithTextWrapper", false);
     _defineProperty(this, "textFastPath", false);
+    _defineProperty(this, "paragraphPropsFastPath", false);
     _defineProperty(this, "allowAnnotations", false);
     _defineProperty(this, "standaloneBackgroundColorMarks", []);
     _defineProperty(this, "inlinePositions", new Set());
@@ -203,6 +204,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.textFastPath = expVal('platform_renderer_text_paragraph_fast_path', 'isEnabled', false);
+    this.paragraphPropsFastPath = expVal('platform_renderer_paragraph_props_fast_path', 'isEnabled', false);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
     this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
@@ -236,6 +238,12 @@ var ReactSerializer = /*#__PURE__*/function () {
     value: function getNodeProps(node, parentInfo) {
       var path = parentInfo ? parentInfo.path : undefined;
       switch (node.type.name) {
+        case 'paragraph':
+          // Explicit paragraph overrides retain the full generic props contract.
+          if (this.paragraphPropsFastPath && (!this.nodeComponents || !Object.prototype.hasOwnProperty.call(this.nodeComponents, 'paragraph'))) {
+            return this.getParagraphProps(node, path);
+          }
+          return this.getProps(node, path);
         case 'date':
           return this.getDateProps(node, parentInfo, path);
         case 'hardBreak':
@@ -654,6 +662,25 @@ var ReactSerializer = /*#__PURE__*/function () {
         allowCustomPanels: this.allowCustomPanels
       });
     }
+  }, {
+    key: "getParagraphProps",
+    value: function getParagraphProps(node) {
+      var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var startPos = this.startPos + path.length;
+
+      // Keep traversal metadata for serializer subclasses without allocating unused content getters.
+      return _objectSpread({
+        asInline: this.inlinePositions.has(startPos) ? 'on' : undefined,
+        plainTextFastPath: this.textFastPath,
+        nodeType: node.type.name,
+        marks: node.marks,
+        dataAttributes: {
+          'data-renderer-start-pos': startPos
+        },
+        startPos: startPos,
+        path: path
+      }, node.attrs);
+    }
   }, {
     key: "getProps",
     value: function getProps(node) {

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

@@ -62,7 +62,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 = "148.0.2";
+var packageVersion = "148.0.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -105,6 +105,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private startPos;
     private surroundTextNodesWithTextWrapper;
     private textFastPath;
+    private paragraphPropsFastPath;
     private media?;
     private mentionNodeDataProvider?;
     private emojiProviderLookupOrder?;
@@ -156,6 +157,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private getCodeBlockProps;
     private getPanelProps;
     private getUnsupportedContentProps;
+    private getParagraphProps;
     private getProps;
     private headingAnchorSupported;
     private getHeadingProps;

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

@@ -58,6 +58,11 @@ export interface NodeMeta {
     serializer: Serializer<JSX.Element>;
     text?: PMNode['text'];
 }
+/** Internal metadata for built-in paragraphs; custom node components still receive NodeMeta. */
+export type ParagraphMeta = Pick<NodeMeta, 'asInline' | 'plainTextFastPath' | 'dataAttributes' | 'nodeType' | 'marks'> & {
+    path: PMNode[];
+    startPos: number;
+};
 export interface MarkMeta {
     [key: string]: any;
     dataAttributes: {

package/package.json

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