Add getLongestLine

Author: wcandillon

package/cpp/api/JsiSkParagraph.h

@@ -63,6 +63,10 @@ class JsiSkParagraph : public JsiSkHostObject {
     return static_cast<double>(_paragraph->getMinIntrinsicWidth());
   }
 
+  JSI_HOST_FUNCTION(getLongestLine) {
+    return static_cast<double>(_paragraph->getLongestLine());
+  }
+
   JSI_HOST_FUNCTION(getGlyphPositionAtCoordinate) {
     auto dx = getArgumentAsNumber(runtime, arguments, count, 0);
     auto dy = getArgumentAsNumber(runtime, arguments, count, 1);
@@ -123,6 +127,7 @@ class JsiSkParagraph : public JsiSkHostObject {
                        JSI_EXPORT_FUNC(JsiSkParagraph, getMaxWidth),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getMinIntrinsicWidth),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getMaxIntrinsicWidth),
+                       JSI_EXPORT_FUNC(JsiSkParagraph, getLongestLine),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getHeight),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getRectsForPlaceholders),
                        JSI_EXPORT_FUNC(JsiSkParagraph,

package/src/__tests__/snapshots/paragraph/paragraph-bounding-box-android.png

@@ -518,9 +518,9 @@ describe("Paragraphs", () => {
         paint.setColor(Skia.Color("cyan"));
         const maxWidth = para.getMaxWidth();
         const height = para.getHeight();
-        const maxIntrinsicWidth = para.getMaxIntrinsicWidth();
+        const longestLine = para.getLongestLine();
         // The width of the bounding box is the smaller of the maximum width or the maximum intrinsic width
-        const width = Math.min(maxWidth, maxIntrinsicWidth);
+        const width = Math.min(maxWidth, longestLine);
         canvas.drawRect(Skia.XYWHRect(0, 0, width, height), paint);
         para.paint(canvas, 0, 0);
       },

package/src/__tests__/snapshots/paragraph/paragraph-bounding-box-ios.png

@@ -51,6 +51,12 @@ export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
    */
   getMaxIntrinsicWidth(): number;
 
+  /**
+   * Returns the width of the longest line in the paragraph.
+   * This method requires the layout method to have been called first.
+   */
+  getLongestLine(): number;
+
   /**
    * Returns the index of the glyph at the given position. This method requires
    * the layout method to have been called first.

package/src/renderer/__tests__/e2e/Paragraphs.spec.tsx

@@ -20,6 +20,10 @@ export class JsiSkParagraph
     return this.ref.getMaxIntrinsicWidth();
   }
 
+  getLongestLine(): number {
+    return this.ref.getLongestLine();
+  }
+
   layout(width: number): void {
     this.ref.layout(width);
   }