@shopify/react-native-skia 0.1.222 → 0.1.224

package/lib/module/skia/web/JsiSkParagraph.js

@@ -0,0 +1,81 @@
+import { HostObject } from "./Host";
+export class JsiSkParagraph extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Paragraph");
+  }
+
+  layout(width) {
+    this.ref.layout(width);
+  }
+
+  paint(canvas, x, y) {
+    canvas.ref.drawParagraph(this.ref, x, y);
+  }
+
+  getHeight() {
+    return this.ref.getHeight();
+  }
+
+  getMaxWidth() {
+    return this.ref.getMaxWidth();
+  }
+
+  getGlyphPositionAtCoordinate(x, y) {
+    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;
+  }
+
+  getRectsForPlaceholders() {
+    return this.ref.getRectsForPlaceholders().map(_ref => {
+      let {
+        rect,
+        dir
+      } = _ref;
+      return {
+        rect: {
+          x: rect.at(0),
+          y: rect.at(1),
+          width: rect.at(2),
+          height: rect.at(3)
+        },
+        direction: dir.value
+      };
+    });
+  }
+
+  getRectsForRange(start, end) {
+    return this.ref.getRectsForRange(start, end, {
+      value: 0
+    }
+    /** kTight */
+    , {
+      value: 0
+    }
+    /** kTight */
+    ).map(_ref2 => {
+      let {
+        rect
+      } = _ref2;
+      return {
+        x: rect[0],
+        y: rect[1],
+        width: rect[2],
+        height: rect[3]
+      };
+    });
+  }
+
+  getLineMetrics() {
+    return this.ref.getLineMetrics().map((r, index) => ({
+      x: r.left,
+      y: index * r.height,
+      width: r.width,
+      height: r.height
+    }));
+  }
+
+  dispose() {
+    this.ref.delete();
+  }
+
+}
+//# sourceMappingURL=JsiSkParagraph.js.map

package/lib/module/skia/web/JsiSkParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HostObject","JsiSkParagraph","constructor","CanvasKit","ref","layout","width","paint","canvas","x","y","drawParagraph","getHeight","getMaxWidth","getGlyphPositionAtCoordinate","pos","getRectsForPlaceholders","map","rect","dir","at","height","direction","value","getRectsForRange","start","end","getLineMetrics","r","index","left","dispose","delete"],"sources":["JsiSkParagraph.ts"],"sourcesContent":["import type { CanvasKit, Paragraph } from \"canvaskit-wasm\";\n\nimport type { SkRect, SkRectWithDirection, SkParagraph } from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\n\nexport class JsiSkParagraph\n  extends HostObject<Paragraph, \"Paragraph\">\n  implements SkParagraph\n{\n  constructor(CanvasKit: CanvasKit, ref: Paragraph) {\n    super(CanvasKit, ref, \"Paragraph\");\n  }\n\n  layout(width: number): void {\n    this.ref.layout(width);\n  }\n  paint(canvas: JsiSkCanvas, x: number, y: number): void {\n    canvas.ref.drawParagraph(this.ref, x, y);\n  }\n  getHeight(): number {\n    return this.ref.getHeight();\n  }\n  getMaxWidth(): number {\n    return this.ref.getMaxWidth();\n  }\n  getGlyphPositionAtCoordinate(x: number, y: number): number {\n    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;\n  }\n  getRectsForPlaceholders(): SkRectWithDirection[] {\n    return this.ref.getRectsForPlaceholders().map(({ rect, dir }) => ({\n      rect: {\n        x: rect.at(0)!,\n        y: rect.at(1)!,\n        width: rect.at(2)!,\n        height: rect.at(3)!,\n      },\n      direction: dir.value,\n    }));\n  }\n  getRectsForRange(start: number, end: number): SkRect[] {\n    return this.ref\n      .getRectsForRange(\n        start,\n        end,\n        { value: 0 } /** kTight */,\n        { value: 0 } /** kTight */\n      )\n      .map(({ rect }) => ({\n        x: rect[0],\n        y: rect[1],\n        width: rect[2],\n        height: rect[3],\n      }));\n  }\n  getLineMetrics(): SkRect[] {\n    return this.ref.getLineMetrics().map((r, index) => ({\n      x: r.left,\n      y: index * r.height,\n      width: r.width,\n      height: r.height,\n    }));\n  }\n\n  dispose() {\n    this.ref.delete();\n  }\n}\n"],"mappings":"AAIA,SAASA,UAAT,QAA2B,QAA3B;AAGA,OAAO,MAAMC,cAAN,SACGD,UADH,CAGP;EACEE,WAAW,CAACC,SAAD,EAAuBC,GAAvB,EAAuC;IAChD,MAAMD,SAAN,EAAiBC,GAAjB,EAAsB,WAAtB;EACD;;EAEDC,MAAM,CAACC,KAAD,EAAsB;IAC1B,KAAKF,GAAL,CAASC,MAAT,CAAgBC,KAAhB;EACD;;EACDC,KAAK,CAACC,MAAD,EAAsBC,CAAtB,EAAiCC,CAAjC,EAAkD;IACrDF,MAAM,CAACJ,GAAP,CAAWO,aAAX,CAAyB,KAAKP,GAA9B,EAAmCK,CAAnC,EAAsCC,CAAtC;EACD;;EACDE,SAAS,GAAW;IAClB,OAAO,KAAKR,GAAL,CAASQ,SAAT,EAAP;EACD;;EACDC,WAAW,GAAW;IACpB,OAAO,KAAKT,GAAL,CAASS,WAAT,EAAP;EACD;;EACDC,4BAA4B,CAACL,CAAD,EAAYC,CAAZ,EAA+B;IACzD,OAAO,KAAKN,GAAL,CAASU,4BAAT,CAAsCL,CAAtC,EAAyCC,CAAzC,EAA4CK,GAAnD;EACD;;EACDC,uBAAuB,GAA0B;IAC/C,OAAO,KAAKZ,GAAL,CAASY,uBAAT,GAAmCC,GAAnC,CAAuC;MAAA,IAAC;QAAEC,IAAF;QAAQC;MAAR,CAAD;MAAA,OAAoB;QAChED,IAAI,EAAE;UACJT,CAAC,EAAES,IAAI,CAACE,EAAL,CAAQ,CAAR,CADC;UAEJV,CAAC,EAAEQ,IAAI,CAACE,EAAL,CAAQ,CAAR,CAFC;UAGJd,KAAK,EAAEY,IAAI,CAACE,EAAL,CAAQ,CAAR,CAHH;UAIJC,MAAM,EAAEH,IAAI,CAACE,EAAL,CAAQ,CAAR;QAJJ,CAD0D;QAOhEE,SAAS,EAAEH,GAAG,CAACI;MAPiD,CAApB;IAAA,CAAvC,CAAP;EASD;;EACDC,gBAAgB,CAACC,KAAD,EAAgBC,GAAhB,EAAuC;IACrD,OAAO,KAAKtB,GAAL,CACJoB,gBADI,CAEHC,KAFG,EAGHC,GAHG,EAIH;MAAEH,KAAK,EAAE;IAAT;IAAa;IAJV,EAKH;MAAEA,KAAK,EAAE;IAAT;IAAa;IALV,EAOJN,GAPI,CAOA;MAAA,IAAC;QAAEC;MAAF,CAAD;MAAA,OAAe;QAClBT,CAAC,EAAES,IAAI,CAAC,CAAD,CADW;QAElBR,CAAC,EAAEQ,IAAI,CAAC,CAAD,CAFW;QAGlBZ,KAAK,EAAEY,IAAI,CAAC,CAAD,CAHO;QAIlBG,MAAM,EAAEH,IAAI,CAAC,CAAD;MAJM,CAAf;IAAA,CAPA,CAAP;EAaD;;EACDS,cAAc,GAAa;IACzB,OAAO,KAAKvB,GAAL,CAASuB,cAAT,GAA0BV,GAA1B,CAA8B,CAACW,CAAD,EAAIC,KAAJ,MAAe;MAClDpB,CAAC,EAAEmB,CAAC,CAACE,IAD6C;MAElDpB,CAAC,EAAEmB,KAAK,GAAGD,CAAC,CAACP,MAFqC;MAGlDf,KAAK,EAAEsB,CAAC,CAACtB,KAHyC;MAIlDe,MAAM,EAAEO,CAAC,CAACP;IAJwC,CAAf,CAA9B,CAAP;EAMD;;EAEDU,OAAO,GAAG;IACR,KAAK3B,GAAL,CAAS4B,MAAT;EACD;;AAzDH"}

package/lib/module/skia/web/JsiSkParagraphBuilder.d.ts

@@ -0,0 +1,15 @@
+import type { CanvasKit, ParagraphBuilder } from "canvaskit-wasm";
+import type { SkParagraphBuilder, SkParagraph, SkTextStyle, SkPaint } from "../types";
+import { PlaceholderAlignment, TextBaseline } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkParagraphBuilder extends HostObject<ParagraphBuilder, "ParagraphBuilder"> implements SkParagraphBuilder {
+    constructor(CanvasKit: CanvasKit, ref: ParagraphBuilder);
+    addPlaceholder(width?: number | undefined, height?: number | undefined, alignment?: PlaceholderAlignment | undefined, baseline?: TextBaseline | undefined, offset?: number | undefined): SkParagraphBuilder;
+    addText(text: string): SkParagraphBuilder;
+    build(): SkParagraph;
+    reset(): void;
+    pushStyle(style: SkTextStyle, foregroundPaint?: SkPaint | undefined, backgroundPaint?: SkPaint | undefined): SkParagraphBuilder;
+    pop(): SkParagraphBuilder;
+    dispose(): void;
+    private makePaint;
+}

package/lib/module/skia/web/JsiSkParagraphBuilder.js

@@ -0,0 +1,73 @@
+import { PlaceholderAlignment, TextBaseline } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkParagraph } from "./JsiSkParagraph";
+import { JsiSkTextStyle } from "./JsiSkTextStyle";
+import { JsiSkPaint } from "./JsiSkPaint";
+export class JsiSkParagraphBuilder extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "ParagraphBuilder");
+  }
+
+  addPlaceholder() {
+    let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let alignment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : PlaceholderAlignment.Baseline;
+    let baseline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : TextBaseline.Alphabetic;
+    let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    this.ref.addPlaceholder(width, height, {
+      value: alignment
+    }, {
+      value: baseline
+    }, offset);
+    return this;
+  }
+
+  addText(text) {
+    this.ref.addText(text);
+    return this;
+  }
+
+  build() {
+    return new JsiSkParagraph(this.CanvasKit, this.ref.build());
+  }
+
+  reset() {
+    this.ref.reset();
+  }
+
+  pushStyle(style, foregroundPaint, backgroundPaint) {
+    const textStyle = JsiSkTextStyle.toTextStyle(style);
+
+    if (foregroundPaint || backgroundPaint) {
+      var _textStyle$color, _textStyle$background;
+
+      // Due the canvaskit API not exposing textStyle methods,
+      // we set the default paint color to black for the foreground
+      // and transparent for the background
+      const fg = foregroundPaint ? JsiSkPaint.fromValue(foregroundPaint) : this.makePaint((_textStyle$color = textStyle.color) !== null && _textStyle$color !== void 0 ? _textStyle$color : Float32Array.of(0, 0, 0, 1));
+      const bg = backgroundPaint ? JsiSkPaint.fromValue(backgroundPaint) : this.makePaint((_textStyle$background = textStyle.backgroundColor) !== null && _textStyle$background !== void 0 ? _textStyle$background : Float32Array.of(0, 0, 0, 0));
+      this.ref.pushPaintStyle(new this.CanvasKit.TextStyle(textStyle), fg, bg);
+    } else {
+      this.ref.pushStyle(new this.CanvasKit.TextStyle(textStyle));
+    }
+
+    return this;
+  }
+
+  pop() {
+    this.ref.pop();
+    return this;
+  }
+
+  dispose() {
+    this.ref.delete();
+  }
+
+  makePaint(color) {
+    const paint = new this.CanvasKit.Paint();
+    paint.setColor(color);
+    return paint;
+  }
+
+}
+//# sourceMappingURL=JsiSkParagraphBuilder.js.map

package/lib/module/skia/web/JsiSkParagraphBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlaceholderAlignment","TextBaseline","HostObject","JsiSkParagraph","JsiSkTextStyle","JsiSkPaint","JsiSkParagraphBuilder","constructor","CanvasKit","ref","addPlaceholder","width","height","alignment","Baseline","baseline","Alphabetic","offset","value","addText","text","build","reset","pushStyle","style","foregroundPaint","backgroundPaint","textStyle","toTextStyle","fg","fromValue","makePaint","color","Float32Array","of","bg","backgroundColor","pushPaintStyle","TextStyle","pop","dispose","delete","paint","Paint","setColor"],"sources":["JsiSkParagraphBuilder.ts"],"sourcesContent":["import type {\n  CanvasKit,\n  InputColor,\n  Paint,\n  ParagraphBuilder,\n  TextStyle,\n} from \"canvaskit-wasm\";\n\nimport type {\n  SkParagraphBuilder,\n  SkParagraph,\n  SkTextStyle,\n  SkPaint,\n} from \"../types\";\nimport { PlaceholderAlignment, TextBaseline } from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport { JsiSkParagraph } from \"./JsiSkParagraph\";\nimport { JsiSkTextStyle } from \"./JsiSkTextStyle\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\n\nexport class JsiSkParagraphBuilder\n  extends HostObject<ParagraphBuilder, \"ParagraphBuilder\">\n  implements SkParagraphBuilder\n{\n  constructor(CanvasKit: CanvasKit, ref: ParagraphBuilder) {\n    super(CanvasKit, ref, \"ParagraphBuilder\");\n  }\n\n  addPlaceholder(\n    width: number | undefined = 0,\n    height: number | undefined = 0,\n    alignment: PlaceholderAlignment | undefined = PlaceholderAlignment.Baseline,\n    baseline: TextBaseline | undefined = TextBaseline.Alphabetic,\n    offset: number | undefined = 0\n  ): SkParagraphBuilder {\n    this.ref.addPlaceholder(\n      width,\n      height,\n      { value: alignment },\n      { value: baseline },\n      offset\n    );\n    return this;\n  }\n  addText(text: string): SkParagraphBuilder {\n    this.ref.addText(text);\n    return this;\n  }\n\n  build(): SkParagraph {\n    return new JsiSkParagraph(this.CanvasKit, this.ref.build());\n  }\n\n  reset(): void {\n    this.ref.reset();\n  }\n\n  pushStyle(\n    style: SkTextStyle,\n    foregroundPaint?: SkPaint | undefined,\n    backgroundPaint?: SkPaint | undefined\n  ): SkParagraphBuilder {\n    const textStyle: TextStyle = JsiSkTextStyle.toTextStyle(style);\n    if (foregroundPaint || backgroundPaint) {\n      // Due the canvaskit API not exposing textStyle methods,\n      // we set the default paint color to black for the foreground\n      // and transparent for the background\n      const fg: Paint = foregroundPaint\n        ? JsiSkPaint.fromValue(foregroundPaint)\n        : this.makePaint(textStyle.color ?? Float32Array.of(0, 0, 0, 1));\n      const bg: Paint = backgroundPaint\n        ? JsiSkPaint.fromValue(backgroundPaint)\n        : this.makePaint(\n            textStyle.backgroundColor ?? Float32Array.of(0, 0, 0, 0)\n          );\n      this.ref.pushPaintStyle(new this.CanvasKit.TextStyle(textStyle), fg, bg);\n    } else {\n      this.ref.pushStyle(new this.CanvasKit.TextStyle(textStyle));\n    }\n\n    return this;\n  }\n\n  pop(): SkParagraphBuilder {\n    this.ref.pop();\n    return this;\n  }\n\n  dispose() {\n    this.ref.delete();\n  }\n\n  private makePaint(color: InputColor) {\n    const paint = new this.CanvasKit.Paint();\n    paint.setColor(color);\n    return paint;\n  }\n}\n"],"mappings":"AAcA,SAASA,oBAAT,EAA+BC,YAA/B,QAAmD,UAAnD;AAEA,SAASC,UAAT,QAA2B,QAA3B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,OAAO,MAAMC,qBAAN,SACGJ,UADH,CAGP;EACEK,WAAW,CAACC,SAAD,EAAuBC,GAAvB,EAA8C;IACvD,MAAMD,SAAN,EAAiBC,GAAjB,EAAsB,kBAAtB;EACD;;EAEDC,cAAc,GAMQ;IAAA,IALpBC,KAKoB,uEALQ,CAKR;IAAA,IAJpBC,MAIoB,uEAJS,CAIT;IAAA,IAHpBC,SAGoB,uEAH0Bb,oBAAoB,CAACc,QAG/C;IAAA,IAFpBC,QAEoB,uEAFiBd,YAAY,CAACe,UAE9B;IAAA,IADpBC,MACoB,uEADS,CACT;IACpB,KAAKR,GAAL,CAASC,cAAT,CACEC,KADF,EAEEC,MAFF,EAGE;MAAEM,KAAK,EAAEL;IAAT,CAHF,EAIE;MAAEK,KAAK,EAAEH;IAAT,CAJF,EAKEE,MALF;IAOA,OAAO,IAAP;EACD;;EACDE,OAAO,CAACC,IAAD,EAAmC;IACxC,KAAKX,GAAL,CAASU,OAAT,CAAiBC,IAAjB;IACA,OAAO,IAAP;EACD;;EAEDC,KAAK,GAAgB;IACnB,OAAO,IAAIlB,cAAJ,CAAmB,KAAKK,SAAxB,EAAmC,KAAKC,GAAL,CAASY,KAAT,EAAnC,CAAP;EACD;;EAEDC,KAAK,GAAS;IACZ,KAAKb,GAAL,CAASa,KAAT;EACD;;EAEDC,SAAS,CACPC,KADO,EAEPC,eAFO,EAGPC,eAHO,EAIa;IACpB,MAAMC,SAAoB,GAAGvB,cAAc,CAACwB,WAAf,CAA2BJ,KAA3B,CAA7B;;IACA,IAAIC,eAAe,IAAIC,eAAvB,EAAwC;MAAA;;MACtC;MACA;MACA;MACA,MAAMG,EAAS,GAAGJ,eAAe,GAC7BpB,UAAU,CAACyB,SAAX,CAAqBL,eAArB,CAD6B,GAE7B,KAAKM,SAAL,qBAAeJ,SAAS,CAACK,KAAzB,+DAAkCC,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAAlC,CAFJ;MAGA,MAAMC,EAAS,GAAGT,eAAe,GAC7BrB,UAAU,CAACyB,SAAX,CAAqBJ,eAArB,CAD6B,GAE7B,KAAKK,SAAL,0BACEJ,SAAS,CAACS,eADZ,yEAC+BH,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAD/B,CAFJ;MAKA,KAAKzB,GAAL,CAAS4B,cAAT,CAAwB,IAAI,KAAK7B,SAAL,CAAe8B,SAAnB,CAA6BX,SAA7B,CAAxB,EAAiEE,EAAjE,EAAqEM,EAArE;IACD,CAbD,MAaO;MACL,KAAK1B,GAAL,CAASc,SAAT,CAAmB,IAAI,KAAKf,SAAL,CAAe8B,SAAnB,CAA6BX,SAA7B,CAAnB;IACD;;IAED,OAAO,IAAP;EACD;;EAEDY,GAAG,GAAuB;IACxB,KAAK9B,GAAL,CAAS8B,GAAT;IACA,OAAO,IAAP;EACD;;EAEDC,OAAO,GAAG;IACR,KAAK/B,GAAL,CAASgC,MAAT;EACD;;EAEOV,SAAS,CAACC,KAAD,EAAoB;IACnC,MAAMU,KAAK,GAAG,IAAI,KAAKlC,SAAL,CAAemC,KAAnB,EAAd;IACAD,KAAK,CAACE,QAAN,CAAeZ,KAAf;IACA,OAAOU,KAAP;EACD;;AAzEH"}

package/lib/module/skia/web/JsiSkParagraphBuilderFactory.d.ts

@@ -0,0 +1,8 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { ParagraphBuilderFactory, SkParagraphStyle, SkTypefaceFontProvider } from "../types";
+import { Host } from "./Host";
+import { JsiSkParagraphBuilder } from "./JsiSkParagraphBuilder";
+export declare class JsiSkParagraphBuilderFactory extends Host implements ParagraphBuilderFactory {
+    constructor(CanvasKit: CanvasKit);
+    Make(paragraphStyle: SkParagraphStyle, typefaceProvider?: SkTypefaceFontProvider): JsiSkParagraphBuilder;
+}

package/lib/module/skia/web/JsiSkParagraphBuilderFactory.js

@@ -0,0 +1,21 @@
+import { Host } from "./Host";
+import { JsiSkParagraphBuilder } from "./JsiSkParagraphBuilder";
+import { JsiSkParagraphStyle } from "./JsiSkParagraphStyle";
+import { JsiSkTypeface } from "./JsiSkTypeface";
+export class JsiSkParagraphBuilderFactory extends Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+
+  Make(paragraphStyle, typefaceProvider) {
+    const style = new this.CanvasKit.ParagraphStyle(JsiSkParagraphStyle.toParagraphStyle(this.CanvasKit, paragraphStyle !== null && paragraphStyle !== void 0 ? paragraphStyle : {}));
+
+    if (typefaceProvider === undefined) {
+      throw new Error("SkTypefaceFontProvider is required on React Native Web.");
+    }
+
+    return new JsiSkParagraphBuilder(this.CanvasKit, this.CanvasKit.ParagraphBuilder.MakeFromFontProvider(style, JsiSkTypeface.fromValue(typefaceProvider)));
+  }
+
+}
+//# sourceMappingURL=JsiSkParagraphBuilderFactory.js.map

package/lib/module/skia/web/JsiSkParagraphBuilderFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Host","JsiSkParagraphBuilder","JsiSkParagraphStyle","JsiSkTypeface","JsiSkParagraphBuilderFactory","constructor","CanvasKit","Make","paragraphStyle","typefaceProvider","style","ParagraphStyle","toParagraphStyle","undefined","Error","ParagraphBuilder","MakeFromFontProvider","fromValue"],"sources":["JsiSkParagraphBuilderFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  ParagraphBuilderFactory,\n  SkParagraphStyle,\n  SkTypefaceFontProvider,\n} from \"../types\";\n\nimport { Host } from \"./Host\";\nimport { JsiSkParagraphBuilder } from \"./JsiSkParagraphBuilder\";\nimport { JsiSkParagraphStyle } from \"./JsiSkParagraphStyle\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\n\nexport class JsiSkParagraphBuilderFactory\n  extends Host\n  implements ParagraphBuilderFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  Make(\n    paragraphStyle: SkParagraphStyle,\n    typefaceProvider?: SkTypefaceFontProvider\n  ) {\n    const style = new this.CanvasKit.ParagraphStyle(\n      JsiSkParagraphStyle.toParagraphStyle(this.CanvasKit, paragraphStyle ?? {})\n    );\n    if (typefaceProvider === undefined) {\n      throw new Error(\n        \"SkTypefaceFontProvider is required on React Native Web.\"\n      );\n    }\n    return new JsiSkParagraphBuilder(\n      this.CanvasKit,\n      this.CanvasKit.ParagraphBuilder.MakeFromFontProvider(\n        style,\n        JsiSkTypeface.fromValue(typefaceProvider)\n      )\n    );\n  }\n}\n"],"mappings":"AAQA,SAASA,IAAT,QAAqB,QAArB;AACA,SAASC,qBAAT,QAAsC,yBAAtC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AAEA,OAAO,MAAMC,4BAAN,SACGJ,IADH,CAGP;EACEK,WAAW,CAACC,SAAD,EAAuB;IAChC,MAAMA,SAAN;EACD;;EAEDC,IAAI,CACFC,cADE,EAEFC,gBAFE,EAGF;IACA,MAAMC,KAAK,GAAG,IAAI,KAAKJ,SAAL,CAAeK,cAAnB,CACZT,mBAAmB,CAACU,gBAApB,CAAqC,KAAKN,SAA1C,EAAqDE,cAArD,aAAqDA,cAArD,cAAqDA,cAArD,GAAuE,EAAvE,CADY,CAAd;;IAGA,IAAIC,gBAAgB,KAAKI,SAAzB,EAAoC;MAClC,MAAM,IAAIC,KAAJ,CACJ,yDADI,CAAN;IAGD;;IACD,OAAO,IAAIb,qBAAJ,CACL,KAAKK,SADA,EAEL,KAAKA,SAAL,CAAeS,gBAAf,CAAgCC,oBAAhC,CACEN,KADF,EAEEP,aAAa,CAACc,SAAd,CAAwBR,gBAAxB,CAFF,CAFK,CAAP;EAOD;;AAxBH"}

package/lib/module/skia/web/JsiSkParagraphStyle.d.ts

@@ -0,0 +1,5 @@
+import type { CanvasKit, ParagraphStyle } from "canvaskit-wasm";
+import { type SkParagraphStyle } from "../types";
+export declare class JsiSkParagraphStyle {
+    static toParagraphStyle(ck: CanvasKit, value: SkParagraphStyle): ParagraphStyle;
+}

package/lib/module/skia/web/JsiSkParagraphStyle.js

@@ -0,0 +1,49 @@
+import { SkTextDirection } from "../types";
+export class JsiSkParagraphStyle {
+  static toParagraphStyle(ck, value) {
+    var _value$disableHinting, _value$ellipsis, _value$heightMultipli, _value$maxLines, _value$replaceTabChar, _ps$strutStyle, _value$strutStyle$fon, _value$strutStyle, _value$strutStyle$fon2, _value$strutStyle2, _value$strutStyle$hei, _value$strutStyle3, _value$strutStyle$lea, _value$strutStyle4, _value$strutStyle$for, _value$strutStyle5, _ps$strutStyle$fontSt, _value$strutStyle6, _value$strutStyle6$fo, _value$strutStyle7, _value$strutStyle7$fo, _value$strutStyle8, _value$strutStyle8$fo, _value$strutStyle$hal, _value$strutStyle9, _value$strutStyle$str, _value$strutStyle10;
+
+    // Seems like we need to provide the textStyle.color value, otherwise
+    // the constructor crashes.
+    const ps = new ck.ParagraphStyle({
+      textStyle: {
+        color: ck.BLACK
+      }
+    });
+    ps.disableHinting = (_value$disableHinting = value.disableHinting) !== null && _value$disableHinting !== void 0 ? _value$disableHinting : ps.disableHinting;
+    ps.ellipsis = (_value$ellipsis = value.ellipsis) !== null && _value$ellipsis !== void 0 ? _value$ellipsis : ps.ellipsis;
+    ps.heightMultiplier = (_value$heightMultipli = value.heightMultiplier) !== null && _value$heightMultipli !== void 0 ? _value$heightMultipli : ps.heightMultiplier;
+    ps.maxLines = (_value$maxLines = value.maxLines) !== null && _value$maxLines !== void 0 ? _value$maxLines : ps.maxLines;
+    ps.replaceTabCharacters = (_value$replaceTabChar = value.replaceTabCharacters) !== null && _value$replaceTabChar !== void 0 ? _value$replaceTabChar : ps.replaceTabCharacters;
+    ps.textAlign = value.textAlign !== undefined ? {
+      value: value.textAlign
+    } : undefined !== null && undefined !== void 0 ? undefined : ps.textAlign;
+    ps.textDirection = value.textDirection !== undefined ? {
+      value: value.textDirection === SkTextDirection.LTR ? 1 : 0
+    } : ps.textDirection;
+    ps.textHeightBehavior = value.textHeightBehavior !== undefined ? {
+      value: value.textHeightBehavior
+    } : ps.textHeightBehavior;
+    ps.strutStyle = (_ps$strutStyle = ps.strutStyle) !== null && _ps$strutStyle !== void 0 ? _ps$strutStyle : {};
+    ps.strutStyle.fontFamilies = (_value$strutStyle$fon = (_value$strutStyle = value.strutStyle) === null || _value$strutStyle === void 0 ? void 0 : _value$strutStyle.fontFamilies) !== null && _value$strutStyle$fon !== void 0 ? _value$strutStyle$fon : ps.strutStyle.fontFamilies;
+    ps.strutStyle.fontSize = (_value$strutStyle$fon2 = (_value$strutStyle2 = value.strutStyle) === null || _value$strutStyle2 === void 0 ? void 0 : _value$strutStyle2.fontSize) !== null && _value$strutStyle$fon2 !== void 0 ? _value$strutStyle$fon2 : ps.strutStyle.fontSize;
+    ps.strutStyle.heightMultiplier = (_value$strutStyle$hei = (_value$strutStyle3 = value.strutStyle) === null || _value$strutStyle3 === void 0 ? void 0 : _value$strutStyle3.heightMultiplier) !== null && _value$strutStyle$hei !== void 0 ? _value$strutStyle$hei : ps.strutStyle.heightMultiplier;
+    ps.strutStyle.leading = (_value$strutStyle$lea = (_value$strutStyle4 = value.strutStyle) === null || _value$strutStyle4 === void 0 ? void 0 : _value$strutStyle4.leading) !== null && _value$strutStyle$lea !== void 0 ? _value$strutStyle$lea : ps.strutStyle.leading;
+    ps.strutStyle.forceStrutHeight = (_value$strutStyle$for = (_value$strutStyle5 = value.strutStyle) === null || _value$strutStyle5 === void 0 ? void 0 : _value$strutStyle5.forceStrutHeight) !== null && _value$strutStyle$for !== void 0 ? _value$strutStyle$for : ps.strutStyle.forceStrutHeight;
+    ps.strutStyle.fontStyle = (_ps$strutStyle$fontSt = ps.strutStyle.fontStyle) !== null && _ps$strutStyle$fontSt !== void 0 ? _ps$strutStyle$fontSt : {};
+    ps.strutStyle.fontStyle.slant = ((_value$strutStyle6 = value.strutStyle) === null || _value$strutStyle6 === void 0 ? void 0 : (_value$strutStyle6$fo = _value$strutStyle6.fontStyle) === null || _value$strutStyle6$fo === void 0 ? void 0 : _value$strutStyle6$fo.slant) !== undefined ? {
+      value: value.strutStyle.fontStyle.slant
+    } : ps.strutStyle.fontStyle.slant;
+    ps.strutStyle.fontStyle.width = ((_value$strutStyle7 = value.strutStyle) === null || _value$strutStyle7 === void 0 ? void 0 : (_value$strutStyle7$fo = _value$strutStyle7.fontStyle) === null || _value$strutStyle7$fo === void 0 ? void 0 : _value$strutStyle7$fo.width) !== undefined ? {
+      value: value.strutStyle.fontStyle.width
+    } : ps.strutStyle.fontStyle.width;
+    ps.strutStyle.fontStyle.weight = ((_value$strutStyle8 = value.strutStyle) === null || _value$strutStyle8 === void 0 ? void 0 : (_value$strutStyle8$fo = _value$strutStyle8.fontStyle) === null || _value$strutStyle8$fo === void 0 ? void 0 : _value$strutStyle8$fo.weight) !== undefined ? {
+      value: value.strutStyle.fontStyle.weight
+    } : ps.strutStyle.fontStyle.weight;
+    ps.strutStyle.halfLeading = (_value$strutStyle$hal = (_value$strutStyle9 = value.strutStyle) === null || _value$strutStyle9 === void 0 ? void 0 : _value$strutStyle9.halfLeading) !== null && _value$strutStyle$hal !== void 0 ? _value$strutStyle$hal : ps.strutStyle.halfLeading;
+    ps.strutStyle.strutEnabled = (_value$strutStyle$str = (_value$strutStyle10 = value.strutStyle) === null || _value$strutStyle10 === void 0 ? void 0 : _value$strutStyle10.strutEnabled) !== null && _value$strutStyle$str !== void 0 ? _value$strutStyle$str : ps.strutStyle.strutEnabled;
+    return ps;
+  }
+
+}
+//# sourceMappingURL=JsiSkParagraphStyle.js.map

package/lib/module/skia/web/JsiSkParagraphStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkTextDirection","JsiSkParagraphStyle","toParagraphStyle","ck","value","ps","ParagraphStyle","textStyle","color","BLACK","disableHinting","ellipsis","heightMultiplier","maxLines","replaceTabCharacters","textAlign","undefined","textDirection","LTR","textHeightBehavior","strutStyle","fontFamilies","fontSize","leading","forceStrutHeight","fontStyle","slant","width","weight","halfLeading","strutEnabled"],"sources":["JsiSkParagraphStyle.ts"],"sourcesContent":["import type { CanvasKit, ParagraphStyle } from \"canvaskit-wasm\";\n\nimport { SkTextDirection, type SkParagraphStyle } from \"../types\";\n\nexport class JsiSkParagraphStyle {\n  static toParagraphStyle(\n    ck: CanvasKit,\n    value: SkParagraphStyle\n  ): ParagraphStyle {\n    // Seems like we need to provide the textStyle.color value, otherwise\n    // the constructor crashes.\n    const ps = new ck.ParagraphStyle({ textStyle: { color: ck.BLACK } });\n\n    ps.disableHinting = value.disableHinting ?? ps.disableHinting;\n    ps.ellipsis = value.ellipsis ?? ps.ellipsis;\n    ps.heightMultiplier = value.heightMultiplier ?? ps.heightMultiplier;\n    ps.maxLines = value.maxLines ?? ps.maxLines;\n    ps.replaceTabCharacters =\n      value.replaceTabCharacters ?? ps.replaceTabCharacters;\n    ps.textAlign =\n      value.textAlign !== undefined\n        ? { value: value.textAlign }\n        : undefined ?? ps.textAlign;\n    ps.textDirection =\n      value.textDirection !== undefined\n        ? { value: value.textDirection === SkTextDirection.LTR ? 1 : 0 }\n        : ps.textDirection;\n    ps.textHeightBehavior =\n      value.textHeightBehavior !== undefined\n        ? { value: value.textHeightBehavior }\n        : ps.textHeightBehavior;\n\n    ps.strutStyle = ps.strutStyle ?? {};\n    ps.strutStyle.fontFamilies =\n      value.strutStyle?.fontFamilies ?? ps.strutStyle.fontFamilies;\n    ps.strutStyle.fontSize =\n      value.strutStyle?.fontSize ?? ps.strutStyle.fontSize;\n    ps.strutStyle.heightMultiplier =\n      value.strutStyle?.heightMultiplier ?? ps.strutStyle.heightMultiplier;\n    ps.strutStyle.leading = value.strutStyle?.leading ?? ps.strutStyle.leading;\n    ps.strutStyle.forceStrutHeight =\n      value.strutStyle?.forceStrutHeight ?? ps.strutStyle.forceStrutHeight;\n\n    ps.strutStyle.fontStyle = ps.strutStyle.fontStyle ?? {};\n\n    ps.strutStyle.fontStyle.slant =\n      value.strutStyle?.fontStyle?.slant !== undefined\n        ? { value: value.strutStyle.fontStyle.slant }\n        : ps.strutStyle.fontStyle.slant;\n    ps.strutStyle.fontStyle.width =\n      value.strutStyle?.fontStyle?.width !== undefined\n        ? { value: value.strutStyle.fontStyle.width }\n        : ps.strutStyle.fontStyle.width;\n    ps.strutStyle.fontStyle.weight =\n      value.strutStyle?.fontStyle?.weight !== undefined\n        ? { value: value.strutStyle.fontStyle.weight }\n        : ps.strutStyle.fontStyle.weight;\n    ps.strutStyle.halfLeading =\n      value.strutStyle?.halfLeading ?? ps.strutStyle.halfLeading;\n    ps.strutStyle.strutEnabled =\n      value.strutStyle?.strutEnabled ?? ps.strutStyle.strutEnabled;\n\n    return ps;\n  }\n}\n"],"mappings":"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"}

package/lib/module/skia/web/JsiSkTextStyle.d.ts

@@ -0,0 +1,5 @@
+import type { TextStyle } from "canvaskit-wasm";
+import type { SkTextStyle } from "../types";
+export declare class JsiSkTextStyle {
+    static toTextStyle(value: SkTextStyle): TextStyle;
+}

package/lib/module/skia/web/JsiSkTextStyle.js

@@ -0,0 +1,45 @@
+export class JsiSkTextStyle {
+  static toTextStyle(value) {
+    return {
+      backgroundColor: value.backgroundColor,
+      color: value.color,
+      decoration: value.decoration,
+      decorationColor: value.decorationColor,
+      decorationStyle: value.decorationStyle ? {
+        value: value.decorationStyle
+      } : undefined,
+      decorationThickness: value.decorationThickness,
+      fontFamilies: value.fontFamilies,
+      fontSize: value.fontSize,
+      fontStyle: value.fontStyle ? {
+        slant: value.fontStyle.slant ? {
+          value: value.fontStyle.slant
+        } : undefined,
+        weight: value.fontStyle.weight ? {
+          value: value.fontStyle.weight
+        } : undefined,
+        width: value.fontStyle.width ? {
+          value: value.fontStyle.width
+        } : undefined
+      } : undefined,
+      fontFeatures: value.fontFeatures,
+      foregroundColor: value.foregroundColor,
+      fontVariations: value.fontVariations,
+      halfLeading: value.halfLeading,
+      heightMultiplier: value.heightMultiplier,
+      letterSpacing: value.letterSpacing,
+      locale: value.locale,
+      shadows: value.shadows ? value.shadows.map(shadow => ({
+        blurRadius: shadow.blurRadius,
+        color: shadow.color,
+        offset: shadow.offset ? [shadow.offset.x, shadow.offset.y] : undefined
+      })) : undefined,
+      textBaseline: value.textBaseline ? {
+        value: value.textBaseline
+      } : undefined,
+      wordSpacing: value.wordSpacing
+    };
+  }
+
+}
+//# sourceMappingURL=JsiSkTextStyle.js.map

package/lib/module/skia/web/JsiSkTextStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkTextStyle","toTextStyle","value","backgroundColor","color","decoration","decorationColor","decorationStyle","undefined","decorationThickness","fontFamilies","fontSize","fontStyle","slant","weight","width","fontFeatures","foregroundColor","fontVariations","halfLeading","heightMultiplier","letterSpacing","locale","shadows","map","shadow","blurRadius","offset","x","y","textBaseline","wordSpacing"],"sources":["JsiSkTextStyle.ts"],"sourcesContent":["import type { TextStyle } from \"canvaskit-wasm\";\n\nimport type { SkTextStyle } from \"../types\";\n\nexport class JsiSkTextStyle {\n  static toTextStyle(value: SkTextStyle): TextStyle {\n    return {\n      backgroundColor: value.backgroundColor,\n      color: value.color,\n      decoration: value.decoration,\n      decorationColor: value.decorationColor,\n      decorationStyle: value.decorationStyle\n        ? { value: value.decorationStyle }\n        : undefined,\n      decorationThickness: value.decorationThickness,\n      fontFamilies: value.fontFamilies,\n      fontSize: value.fontSize,\n      fontStyle: value.fontStyle\n        ? {\n            slant: value.fontStyle.slant\n              ? { value: value.fontStyle.slant }\n              : undefined,\n            weight: value.fontStyle.weight\n              ? { value: value.fontStyle.weight }\n              : undefined,\n            width: value.fontStyle.width\n              ? { value: value.fontStyle.width }\n              : undefined,\n          }\n        : undefined,\n      fontFeatures: value.fontFeatures,\n      foregroundColor: value.foregroundColor,\n      fontVariations: value.fontVariations,\n      halfLeading: value.halfLeading,\n      heightMultiplier: value.heightMultiplier,\n      letterSpacing: value.letterSpacing,\n      locale: value.locale,\n      shadows: value.shadows\n        ? value.shadows.map((shadow) => ({\n            blurRadius: shadow.blurRadius,\n            color: shadow.color,\n            offset: shadow.offset\n              ? [shadow.offset.x, shadow.offset.y]\n              : undefined,\n          }))\n        : undefined,\n      textBaseline: value.textBaseline\n        ? { value: value.textBaseline }\n        : undefined,\n      wordSpacing: value.wordSpacing,\n    };\n  }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,cAAN,CAAqB;EACR,OAAXC,WAAW,CAACC,KAAD,EAAgC;IAChD,OAAO;MACLC,eAAe,EAAED,KAAK,CAACC,eADlB;MAELC,KAAK,EAAEF,KAAK,CAACE,KAFR;MAGLC,UAAU,EAAEH,KAAK,CAACG,UAHb;MAILC,eAAe,EAAEJ,KAAK,CAACI,eAJlB;MAKLC,eAAe,EAAEL,KAAK,CAACK,eAAN,GACb;QAAEL,KAAK,EAAEA,KAAK,CAACK;MAAf,CADa,GAEbC,SAPC;MAQLC,mBAAmB,EAAEP,KAAK,CAACO,mBARtB;MASLC,YAAY,EAAER,KAAK,CAACQ,YATf;MAULC,QAAQ,EAAET,KAAK,CAACS,QAVX;MAWLC,SAAS,EAAEV,KAAK,CAACU,SAAN,GACP;QACEC,KAAK,EAAEX,KAAK,CAACU,SAAN,CAAgBC,KAAhB,GACH;UAAEX,KAAK,EAAEA,KAAK,CAACU,SAAN,CAAgBC;QAAzB,CADG,GAEHL,SAHN;QAIEM,MAAM,EAAEZ,KAAK,CAACU,SAAN,CAAgBE,MAAhB,GACJ;UAAEZ,KAAK,EAAEA,KAAK,CAACU,SAAN,CAAgBE;QAAzB,CADI,GAEJN,SANN;QAOEO,KAAK,EAAEb,KAAK,CAACU,SAAN,CAAgBG,KAAhB,GACH;UAAEb,KAAK,EAAEA,KAAK,CAACU,SAAN,CAAgBG;QAAzB,CADG,GAEHP;MATN,CADO,GAYPA,SAvBC;MAwBLQ,YAAY,EAAEd,KAAK,CAACc,YAxBf;MAyBLC,eAAe,EAAEf,KAAK,CAACe,eAzBlB;MA0BLC,cAAc,EAAEhB,KAAK,CAACgB,cA1BjB;MA2BLC,WAAW,EAAEjB,KAAK,CAACiB,WA3Bd;MA4BLC,gBAAgB,EAAElB,KAAK,CAACkB,gBA5BnB;MA6BLC,aAAa,EAAEnB,KAAK,CAACmB,aA7BhB;MA8BLC,MAAM,EAAEpB,KAAK,CAACoB,MA9BT;MA+BLC,OAAO,EAAErB,KAAK,CAACqB,OAAN,GACLrB,KAAK,CAACqB,OAAN,CAAcC,GAAd,CAAmBC,MAAD,KAAa;QAC7BC,UAAU,EAAED,MAAM,CAACC,UADU;QAE7BtB,KAAK,EAAEqB,MAAM,CAACrB,KAFe;QAG7BuB,MAAM,EAAEF,MAAM,CAACE,MAAP,GACJ,CAACF,MAAM,CAACE,MAAP,CAAcC,CAAf,EAAkBH,MAAM,CAACE,MAAP,CAAcE,CAAhC,CADI,GAEJrB;MALyB,CAAb,CAAlB,CADK,GAQLA,SAvCC;MAwCLsB,YAAY,EAAE5B,KAAK,CAAC4B,YAAN,GACV;QAAE5B,KAAK,EAAEA,KAAK,CAAC4B;MAAf,CADU,GAEVtB,SA1CC;MA2CLuB,WAAW,EAAE7B,KAAK,CAAC6B;IA3Cd,CAAP;EA6CD;;AA/CyB"}

package/lib/module/skia/web/JsiSkia.js

@@ -28,6 +28,7 @@ import { JsiSkTypeface } from "./JsiSkTypeface";
 import { JsiSkTypefaceFontProviderFactory } from "./JsiSkTypefaceFontProviderFactory";
 import { JsiSkFontMgrFactory } from "./JsiSkFontMgrFactory";
 import { JsiSkAnimatedImageFactory } from "./JsiSkAnimatedImageFactory";
+import { JsiSkParagraphBuilderFactory } from "./JsiSkParagraphBuilderFactory";
 export const JsiSkApi = CanvasKit => ({
   Point: (x, y) => new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),
   RuntimeShaderBuilder: _ => {
@@ -65,6 +66,7 @@ export const JsiSkApi = CanvasKit => ({
   },
   Surface: new JsiSkSurfaceFactory(CanvasKit),
   TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),
-  FontMgr: new JsiSkFontMgrFactory(CanvasKit)
+  FontMgr: new JsiSkFontMgrFactory(CanvasKit),
+  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit)
 });
 //# sourceMappingURL=JsiSkia.js.map

package/lib/module/skia/web/JsiSkia.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkPath","JsiSkTypeface","JsiSkTypefaceFontProviderFactory","JsiSkFontMgrFactory","JsiSkAnimatedImageFactory","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","Error","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","ContourMeasureIter","path","forceClosed","resScale","fromValue","Paint","paint","setAntiAlias","PictureRecorder","Picture","Path","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","AnimatedImage","SVG","TextBlob","XYWHRect","width","height","Surface","TypefaceFontProvider","FontMgr"],"sources":["JsiSkia.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  SkContourMeasureIter,\n  Skia,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { JsiSkTypefaceFontProviderFactory } from \"./JsiSkTypefaceFontProviderFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkAnimatedImageFactory } from \"./JsiSkAnimatedImageFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect): SkRuntimeShaderBuilder => {\n    throw new Error(\"Not implemented on React Native Web\");\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, rect, rx, ry),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    new JsiSkContourMeasureIter(\n      CanvasKit,\n      new CanvasKit.ContourMeasureIter(\n        JsiSkPath.fromValue(path),\n        forceClosed,\n        resScale\n      )\n    ),\n  Paint: () => {\n    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());\n    paint.setAntiAlias(true);\n    return paint;\n  },\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : JsiSkTypeface.fromValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n});\n"],"mappings":"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"}
+{"version":3,"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkPath","JsiSkTypeface","JsiSkTypefaceFontProviderFactory","JsiSkFontMgrFactory","JsiSkAnimatedImageFactory","JsiSkParagraphBuilderFactory","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","Error","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","ContourMeasureIter","path","forceClosed","resScale","fromValue","Paint","paint","setAntiAlias","PictureRecorder","Picture","Path","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","AnimatedImage","SVG","TextBlob","XYWHRect","width","height","Surface","TypefaceFontProvider","FontMgr","ParagraphBuilder"],"sources":["JsiSkia.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  SkContourMeasureIter,\n  Skia,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { JsiSkTypefaceFontProviderFactory } from \"./JsiSkTypefaceFontProviderFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkAnimatedImageFactory } from \"./JsiSkAnimatedImageFactory\";\nimport { JsiSkParagraphBuilderFactory } from \"./JsiSkParagraphBuilderFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect): SkRuntimeShaderBuilder => {\n    throw new Error(\"Not implemented on React Native Web\");\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, rect, rx, ry),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    new JsiSkContourMeasureIter(\n      CanvasKit,\n      new CanvasKit.ContourMeasureIter(\n        JsiSkPath.fromValue(path),\n        forceClosed,\n        resScale\n      )\n    ),\n  Paint: () => {\n    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());\n    paint.setAntiAlias(true);\n    return paint;\n  },\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : JsiSkTypeface.fromValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit),\n});\n"],"mappings":"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"}

package/lib/typescript/src/dom/nodes/JsiSkDOM.d.ts

@@ -1,6 +1,7 @@
 import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, MatrixColorFilterProps, CircleProps, BlurMaskFilterProps, LinearGradientProps, PaintProps, ShaderProps, ImageShaderProps, CustomDrawingNodeProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, OffsetImageFilterProps, BlendColorFilterProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, FractalNoiseProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, DrawingNodeProps, BoxProps, BoxShadowProps, ChildrenProps } from "../types";
 import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
+import type { ParagraphProps } from "../types/Paragraph";
 import type { NodeContext } from "./Node";
 export declare class JsiSkDOM implements SkDOM {
     private ctx;
@@ -61,4 +62,5 @@ export declare class JsiSkDOM implements SkDOM {
     BackdropFilter(props: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
     Box(props: BoxProps): import("../types").RenderNode<BoxProps>;
     BoxShadow(props: BoxShadowProps): import("../types").DeclarationNode<BoxShadowProps>;
+    Paragraph(props: ParagraphProps): import("../types").RenderNode<ParagraphProps>;
 }

package/lib/typescript/src/dom/nodes/drawings/ParagraphNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, ParagraphProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ParagraphNode extends JsiDrawingNode<ParagraphProps, null> {
+    constructor(ctx: NodeContext, props: ParagraphProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

package/lib/typescript/src/dom/types/NodeType.d.ts

@@ -54,7 +54,8 @@ export declare const enum NodeType {
     TextBlob = "skTextBlob",
     Glyphs = "skGlyphs",
     Picture = "skPicture",
-    ImageSVG = "skImageSVG"
+    ImageSVG = "skImageSVG",
+    Paragraph = "skParagraph"
 }
 export declare const enum DeclarationType {
     Paint = 0,

package/lib/typescript/src/dom/types/Paragraph.d.ts

@@ -0,0 +1,8 @@
+import type { SkParagraph } from "../../skia/types/Paragraph";
+import type { GroupProps } from "./Common";
+export interface ParagraphProps extends GroupProps {
+    paragraph: SkParagraph | null;
+    x: number;
+    y: number;
+    width: number;
+}

package/lib/typescript/src/dom/types/SkDOM.d.ts

@@ -6,6 +6,7 @@ import type { ImageProps, CircleProps, PathProps, CustomDrawingNodeProps, LinePr
 import type { BlurMaskFilterProps } from "./MaskFilters";
 import type { FractalNoiseProps, SweepGradientProps, ImageShaderProps, LinearGradientProps, ShaderProps, TurbulenceProps, TwoPointConicalGradientProps, RadialGradientProps, ColorProps } from "./Shaders";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "./PathEffects";
+import type { ParagraphProps } from "./Paragraph";
 type ImageFilterNode<P> = DeclarationNode<P>;
 type PathEffectNode<P> = DeclarationNode<P>;
 type NullablePathEffectNode<P> = DeclarationNode<P>;
@@ -67,5 +68,6 @@ export interface SkDOM {
     BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;
     Box(props: BoxProps): RenderNode<BoxProps>;
     BoxShadow(props: BoxShadowProps): DeclarationNode<BoxShadowProps>;
+    Paragraph(props: ParagraphProps): RenderNode<ParagraphProps>;
 }
 export {};

package/lib/typescript/src/dom/types/index.d.ts

@@ -10,3 +10,4 @@ export * from "./ColorFilters";
 export * from "./MaskFilters";
 export * from "./PathEffects";
 export * from "./Shaders";
+export * from "./Paragraph";

package/lib/typescript/src/renderer/HostComponents.d.ts

@@ -1,5 +1,5 @@
 import { NodeType } from "../dom/types";
-import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, CustomDrawingNodeProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps } from "../dom/types";
+import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, CustomDrawingNodeProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps, ParagraphProps } from "../dom/types";
 import type { ChildrenProps } from "../dom/types/Common";
 import type { BlendProps, MorphologyImageFilterProps } from "../dom/types/ImageFilters";
 import type { SkRect, SkRRect } from "../skia/types";
@@ -68,6 +68,7 @@ declare global {
         BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;
         BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;
         LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;
+        ParagraphNode: (props: ParagraphProps) => RenderNode<ParagraphProps>;
     };
     namespace JSX {
         interface IntrinsicElements {
@@ -127,6 +128,7 @@ declare global {
             skBackdropFilter: SkiaProps<ChildrenProps>;
             skBox: SkiaProps<BoxProps>;
             skBoxShadow: SkiaProps<BoxShadowProps>;
+            skParagraph: SkiaProps<ParagraphProps>;
         }
     }
 }

package/lib/typescript/src/renderer/components/index.d.ts

@@ -14,3 +14,4 @@ export * from "./Mask";
 export * from "./Paint";
 export * from "./Blend";
 export * from "./Drawing";
+export * from "./paragraph";

package/lib/typescript/src/renderer/components/paragraph/Paragraph.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ParagraphProps } from "../../../dom/types/Paragraph";
+import type { SkiaProps } from "../../processors";
+export declare const Paragraph: (props: SkiaProps<ParagraphProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/paragraph/index.d.ts

@@ -0,0 +1 @@
+export * from "./Paragraph";

package/lib/typescript/src/skia/types/Paragraph/Paragraph.d.ts

@@ -0,0 +1,56 @@
+import type { SkCanvas } from "../Canvas";
+import type { SkJSIInstance } from "../JsiInstance";
+import type { SkRect } from "../Rect";
+import type { SkTextDirection } from "./ParagraphStyle";
+export interface SkRectWithDirection {
+    rect: SkRect;
+    direction: SkTextDirection;
+}
+export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
+    /**
+     * Calculates the position of the the glyphs in the paragraph
+     * @param width Max width of the paragraph
+     */
+    layout(width: number): void;
+    /**
+     * Paints the paragraph to the provded canvas
+     * @param canvas Canvas to paint into
+     * @param x X coordinate to paint at
+     * @param y Y coordinate to paint at
+     */
+    paint(canvas: SkCanvas, x: number, y: number): void;
+    /**
+     * Returns the height of the paragraph. This method requires the layout
+     * method to have been called first.
+     */
+    getHeight(): number;
+    /**
+     * Returns the max width of the paragraph. This method requires the layout
+     * method to have been called first.
+     */
+    getMaxWidth(): number;
+    /**
+     * Returns the index of the glyph at the given position. This method requires
+     * the layout method to have been called first.
+     * @param x X coordinate of the position
+     * @param y Y coordinate of the position
+     */
+    getGlyphPositionAtCoordinate(x: number, y: number): number;
+    /**
+     * Returns the bounding boxes of the glyphs in the given range. This method
+     * requires the layout method to have been called first.
+     * @param start Start index of the range
+     * @param end End index of the range
+     */
+    getRectsForRange(start: number, end: number): SkRect[];
+    /**
+     * Returns the bounding boxes for all lines in the paragraph. This method
+     * requires the layout method to have been called first.
+     */
+    getLineMetrics(): Array<SkRect>;
+    /**
+     * Returns a list of rects with direction info for the placeholders added
+     * to the paragraph.
+     */
+    getRectsForPlaceholders(): SkRectWithDirection[];
+}