@shopify/react-native-skia 0.1.222 → 0.1.224

package/lib/commonjs/skia/types/Paragraph/ParagraphStyle.d.ts

@@ -0,0 +1,41 @@
+import type { SkTextFontStyle, SkTextStyle } from "./TextStyle";
+export declare enum SkTextDirection {
+    RTL = 0,
+    LTR = 1
+}
+export declare enum SkTextAlign {
+    Left = 0,
+    Right = 1,
+    Center = 2,
+    Justify = 3,
+    Start = 4,
+    End = 5
+}
+export interface SkStrutStyle {
+    strutEnabled?: boolean;
+    fontFamilies?: string[];
+    fontStyle?: SkTextFontStyle;
+    fontSize?: number;
+    heightMultiplier?: number;
+    halfLeading?: boolean;
+    leading?: number;
+    forceStrutHeight?: boolean;
+}
+export declare enum SkTextHeightBehavior {
+    All = 0,
+    DisableFirstAscent = 1,
+    DisableLastDescent = 2,
+    DisableAll = 3
+}
+export interface SkParagraphStyle {
+    disableHinting?: boolean;
+    ellipsis?: string;
+    heightMultiplier?: number;
+    maxLines?: number;
+    replaceTabCharacters?: boolean;
+    strutStyle?: SkStrutStyle;
+    textAlign?: SkTextAlign;
+    textDirection?: SkTextDirection;
+    textHeightBehavior?: SkTextHeightBehavior;
+    textStyle?: SkTextStyle;
+}

package/lib/commonjs/skia/types/Paragraph/ParagraphStyle.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkTextHeightBehavior = exports.SkTextDirection = exports.SkTextAlign = void 0;
+let SkTextDirection;
+exports.SkTextDirection = SkTextDirection;
+
+(function (SkTextDirection) {
+  SkTextDirection[SkTextDirection["RTL"] = 0] = "RTL";
+  SkTextDirection[SkTextDirection["LTR"] = 1] = "LTR";
+})(SkTextDirection || (exports.SkTextDirection = SkTextDirection = {}));
+
+let SkTextAlign;
+exports.SkTextAlign = SkTextAlign;
+
+(function (SkTextAlign) {
+  SkTextAlign[SkTextAlign["Left"] = 0] = "Left";
+  SkTextAlign[SkTextAlign["Right"] = 1] = "Right";
+  SkTextAlign[SkTextAlign["Center"] = 2] = "Center";
+  SkTextAlign[SkTextAlign["Justify"] = 3] = "Justify";
+  SkTextAlign[SkTextAlign["Start"] = 4] = "Start";
+  SkTextAlign[SkTextAlign["End"] = 5] = "End";
+})(SkTextAlign || (exports.SkTextAlign = SkTextAlign = {}));
+
+let SkTextHeightBehavior;
+exports.SkTextHeightBehavior = SkTextHeightBehavior;
+
+(function (SkTextHeightBehavior) {
+  SkTextHeightBehavior[SkTextHeightBehavior["All"] = 0] = "All";
+  SkTextHeightBehavior[SkTextHeightBehavior["DisableFirstAscent"] = 1] = "DisableFirstAscent";
+  SkTextHeightBehavior[SkTextHeightBehavior["DisableLastDescent"] = 2] = "DisableLastDescent";
+  SkTextHeightBehavior[SkTextHeightBehavior["DisableAll"] = 3] = "DisableAll";
+})(SkTextHeightBehavior || (exports.SkTextHeightBehavior = SkTextHeightBehavior = {}));
+//# sourceMappingURL=ParagraphStyle.js.map

package/lib/commonjs/skia/types/Paragraph/ParagraphStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkTextDirection","SkTextAlign","SkTextHeightBehavior"],"sources":["ParagraphStyle.ts"],"sourcesContent":["import type { SkTextFontStyle, SkTextStyle } from \"./TextStyle\";\n\nexport enum SkTextDirection {\n  RTL = 0,\n  LTR = 1,\n}\nexport enum SkTextAlign {\n  Left = 0,\n  Right,\n  Center,\n  Justify,\n  Start,\n  End,\n}\n\nexport interface SkStrutStyle {\n  strutEnabled?: boolean;\n  fontFamilies?: string[];\n  fontStyle?: SkTextFontStyle;\n  fontSize?: number;\n  heightMultiplier?: number;\n  halfLeading?: boolean;\n  leading?: number;\n  forceStrutHeight?: boolean;\n}\n\nexport enum SkTextHeightBehavior {\n  All = 0x0,\n  DisableFirstAscent = 0x1,\n  DisableLastDescent = 0x2,\n  DisableAll = 0x1 | 0x2,\n}\n\nexport interface SkParagraphStyle {\n  disableHinting?: boolean;\n  ellipsis?: string;\n  heightMultiplier?: number;\n  maxLines?: number;\n  replaceTabCharacters?: boolean;\n  strutStyle?: SkStrutStyle;\n  textAlign?: SkTextAlign;\n  textDirection?: SkTextDirection;\n  textHeightBehavior?: SkTextHeightBehavior;\n  textStyle?: SkTextStyle;\n}\n"],"mappings":";;;;;;IAEYA,e;;;WAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAIAC,W;;;WAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;GAAAA,W,2BAAAA,W;;IAoBAC,oB;;;WAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;GAAAA,oB,oCAAAA,oB"}

package/lib/commonjs/skia/types/Paragraph/TextStyle.d.ts

@@ -0,0 +1,62 @@
+import type { SkColor } from "../Color";
+import type { FontSlant, FontWeight, FontWidth } from "../Font";
+import type { SkPoint } from "../Point";
+export declare enum TextDecoration {
+    NoDecoration = 0,
+    Underline = 1,
+    Overline = 2,
+    LineThrough = 4
+}
+export declare enum TextDecorationStyle {
+    Solid = 0,
+    Double = 1,
+    Dotted = 2,
+    Dashed = 3,
+    Wavy = 4
+}
+export interface SkTextShadow {
+    color?: SkColor;
+    /**
+     * 2d array for x and y offset. Defaults to [0, 0]
+     */
+    offset?: SkPoint;
+    blurRadius?: number;
+}
+export interface SkTextFontFeatures {
+    name: string;
+    value: number;
+}
+export interface SkTextFontStyle {
+    weight?: FontWeight;
+    width?: FontWidth;
+    slant?: FontSlant;
+}
+export interface SkTextFontVariations {
+    axis: string;
+    value: number;
+}
+export declare enum TextBaseline {
+    Alphabetic = 0,
+    Ideographic = 1
+}
+export interface SkTextStyle {
+    backgroundColor?: SkColor;
+    color?: SkColor;
+    decoration?: number;
+    decorationColor?: SkColor;
+    decorationThickness?: number;
+    decorationStyle?: TextDecoration;
+    fontFamilies?: string[];
+    fontFeatures?: SkTextFontFeatures[];
+    fontSize?: number;
+    fontStyle?: SkTextFontStyle;
+    fontVariations?: SkTextFontVariations[];
+    foregroundColor?: SkColor;
+    heightMultiplier?: number;
+    halfLeading?: boolean;
+    letterSpacing?: number;
+    locale?: string;
+    shadows?: SkTextShadow[];
+    textBaseline?: TextBaseline;
+    wordSpacing?: number;
+}

package/lib/commonjs/skia/types/Paragraph/TextStyle.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextDecorationStyle = exports.TextDecoration = exports.TextBaseline = void 0;
+let TextDecoration;
+exports.TextDecoration = TextDecoration;
+
+(function (TextDecoration) {
+  TextDecoration[TextDecoration["NoDecoration"] = 0] = "NoDecoration";
+  TextDecoration[TextDecoration["Underline"] = 1] = "Underline";
+  TextDecoration[TextDecoration["Overline"] = 2] = "Overline";
+  TextDecoration[TextDecoration["LineThrough"] = 4] = "LineThrough";
+})(TextDecoration || (exports.TextDecoration = TextDecoration = {}));
+
+let TextDecorationStyle;
+exports.TextDecorationStyle = TextDecorationStyle;
+
+(function (TextDecorationStyle) {
+  TextDecorationStyle[TextDecorationStyle["Solid"] = 0] = "Solid";
+  TextDecorationStyle[TextDecorationStyle["Double"] = 1] = "Double";
+  TextDecorationStyle[TextDecorationStyle["Dotted"] = 2] = "Dotted";
+  TextDecorationStyle[TextDecorationStyle["Dashed"] = 3] = "Dashed";
+  TextDecorationStyle[TextDecorationStyle["Wavy"] = 4] = "Wavy";
+})(TextDecorationStyle || (exports.TextDecorationStyle = TextDecorationStyle = {}));
+
+let TextBaseline;
+exports.TextBaseline = TextBaseline;
+
+(function (TextBaseline) {
+  TextBaseline[TextBaseline["Alphabetic"] = 0] = "Alphabetic";
+  TextBaseline[TextBaseline["Ideographic"] = 1] = "Ideographic";
+})(TextBaseline || (exports.TextBaseline = TextBaseline = {}));
+//# sourceMappingURL=TextStyle.js.map

package/lib/commonjs/skia/types/Paragraph/TextStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextDecoration","TextDecorationStyle","TextBaseline"],"sources":["TextStyle.ts"],"sourcesContent":["import type { SkColor } from \"../Color\";\nimport type { FontSlant, FontWeight, FontWidth } from \"../Font\";\nimport type { SkPoint } from \"../Point\";\n\nexport enum TextDecoration {\n  NoDecoration = 0x0,\n  Underline = 0x1,\n  Overline = 0x2,\n  LineThrough = 0x4,\n}\n\nexport enum TextDecorationStyle {\n  Solid = 0,\n  Double,\n  Dotted,\n  Dashed,\n  Wavy,\n}\n\nexport interface SkTextShadow {\n  color?: SkColor;\n  /**\n   * 2d array for x and y offset. Defaults to [0, 0]\n   */\n  offset?: SkPoint;\n  blurRadius?: number;\n}\n\nexport interface SkTextFontFeatures {\n  name: string;\n  value: number;\n}\n\nexport interface SkTextFontStyle {\n  weight?: FontWeight;\n  width?: FontWidth;\n  slant?: FontSlant;\n}\n\nexport interface SkTextFontVariations {\n  axis: string;\n  value: number;\n}\n\nexport enum TextBaseline {\n  Alphabetic = 0,\n  Ideographic,\n}\n\nexport interface SkTextStyle {\n  backgroundColor?: SkColor;\n  color?: SkColor;\n  decoration?: number;\n  decorationColor?: SkColor;\n  decorationThickness?: number;\n  decorationStyle?: TextDecoration;\n  fontFamilies?: string[];\n  fontFeatures?: SkTextFontFeatures[];\n  fontSize?: number;\n  fontStyle?: SkTextFontStyle;\n  fontVariations?: SkTextFontVariations[];\n  foregroundColor?: SkColor;\n  heightMultiplier?: number;\n  halfLeading?: boolean;\n  letterSpacing?: number;\n  locale?: string;\n  shadows?: SkTextShadow[];\n  textBaseline?: TextBaseline;\n  wordSpacing?: number;\n}\n"],"mappings":";;;;;;IAIYA,c;;;WAAAA,c;EAAAA,c,CAAAA,c;EAAAA,c,CAAAA,c;EAAAA,c,CAAAA,c;EAAAA,c,CAAAA,c;GAAAA,c,8BAAAA,c;;IAOAC,mB;;;WAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,mB;;IAiCAC,Y;;;WAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;GAAAA,Y,4BAAAA,Y"}

package/lib/commonjs/skia/types/Paragraph/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./TypefaceFontProvider";
+export * from "./TypefaceFontProviderFactory";
+export * from "./Paragraph";
+export * from "./ParagraphBuilder";
+export * from "./ParagraphStyle";
+export * from "./TextStyle";

package/lib/commonjs/skia/types/Paragraph/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TypefaceFontProvider = require("./TypefaceFontProvider");
+
+Object.keys(_TypefaceFontProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TypefaceFontProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TypefaceFontProvider[key];
+    }
+  });
+});
+
+var _TypefaceFontProviderFactory = require("./TypefaceFontProviderFactory");
+
+Object.keys(_TypefaceFontProviderFactory).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TypefaceFontProviderFactory[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TypefaceFontProviderFactory[key];
+    }
+  });
+});
+
+var _Paragraph = require("./Paragraph");
+
+Object.keys(_Paragraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paragraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paragraph[key];
+    }
+  });
+});
+
+var _ParagraphBuilder = require("./ParagraphBuilder");
+
+Object.keys(_ParagraphBuilder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ParagraphBuilder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ParagraphBuilder[key];
+    }
+  });
+});
+
+var _ParagraphStyle = require("./ParagraphStyle");
+
+Object.keys(_ParagraphStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ParagraphStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ParagraphStyle[key];
+    }
+  });
+});
+
+var _TextStyle = require("./TextStyle");
+
+Object.keys(_TextStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextStyle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/skia/types/Paragraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TypefaceFontProvider\";\nexport * from \"./TypefaceFontProviderFactory\";\nexport * from \"./Paragraph\";\nexport * from \"./ParagraphBuilder\";\nexport * from \"./ParagraphStyle\";\nexport * from \"./TextStyle\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/skia/types/Skia.d.ts

@@ -25,6 +25,7 @@ import type { PictureFactory, SkPictureRecorder } from "./Picture";
 import type { Color, SkColor } from "./Color";
 import type { TypefaceFontProviderFactory } from "./Paragraph/TypefaceFontProviderFactory";
 import type { AnimatedImageFactory } from "./AnimatedImage";
+import type { ParagraphBuilderFactory } from "./Paragraph/ParagraphBuilder";
 /**
  * Declares the interface for the native Skia API
  */
@@ -68,4 +69,5 @@ export interface Skia {
     SVG: SVGFactory;
     TextBlob: TextBlobFactory;
     Surface: SurfaceFactory;
+    ParagraphBuilder: ParagraphBuilderFactory;
 }

package/lib/commonjs/skia/types/Skia.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Skia.ts"],"sourcesContent":["import type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont, FontMgrFactory } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type {\n  RuntimeEffectFactory,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n} from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { SurfaceFactory } from \"./Surface\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\nimport type { Color, SkColor } from \"./Color\";\nimport type { TypefaceFontProviderFactory } from \"./Paragraph/TypefaceFontProviderFactory\";\nimport type { AnimatedImageFactory } from \"./AnimatedImage\";\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;\n  RuntimeShaderBuilder: (rt: SkRuntimeEffect) => SkRuntimeShaderBuilder;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  Color: (color: Color) => SkColor;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  Matrix: (matrix?: readonly number[]) => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  TypefaceFontProvider: TypefaceFontProviderFactory;\n  FontMgr: FontMgrFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  AnimatedImage: AnimatedImageFactory;\n  SVG: SVGFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["Skia.ts"],"sourcesContent":["import type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont, FontMgrFactory } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type {\n  RuntimeEffectFactory,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n} from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { SurfaceFactory } from \"./Surface\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\nimport type { Color, SkColor } from \"./Color\";\nimport type { TypefaceFontProviderFactory } from \"./Paragraph/TypefaceFontProviderFactory\";\nimport type { AnimatedImageFactory } from \"./AnimatedImage\";\nimport type { ParagraphBuilderFactory } from \"./Paragraph/ParagraphBuilder\";\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;\n  RuntimeShaderBuilder: (rt: SkRuntimeEffect) => SkRuntimeShaderBuilder;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  Color: (color: Color) => SkColor;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  Matrix: (matrix?: readonly number[]) => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  TypefaceFontProvider: TypefaceFontProviderFactory;\n  FontMgr: FontMgrFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  AnimatedImage: AnimatedImageFactory;\n  SVG: SVGFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n  // Paragraph\n  ParagraphBuilder: ParagraphBuilderFactory;\n}\n"],"mappings":""}

package/lib/commonjs/skia/types/index.d.ts

@@ -27,3 +27,4 @@ export * from "./JsiInstance";
 export * from "./Skia";
 export * from "./TextBlob";
 export * from "./Size";
+export * from "./Paragraph";

package/lib/commonjs/skia/types/index.js

@@ -380,4 +380,17 @@ Object.keys(_Size).forEach(function (key) {
     }
   });
 });
+
+var _Paragraph = require("./Paragraph");
+
+Object.keys(_Paragraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paragraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paragraph[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/skia/types/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./AnimatedImage\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\nexport * from \"./Size\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./AnimatedImage\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\nexport * from \"./Size\";\nexport * from \"./Paragraph\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/skia/web/JsiSkParagraph.d.ts

@@ -0,0 +1,16 @@
+import type { CanvasKit, Paragraph } from "canvaskit-wasm";
+import type { SkRect, SkRectWithDirection, SkParagraph } from "../types";
+import { HostObject } from "./Host";
+import type { JsiSkCanvas } from "./JsiSkCanvas";
+export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> implements SkParagraph {
+    constructor(CanvasKit: CanvasKit, ref: Paragraph);
+    layout(width: number): void;
+    paint(canvas: JsiSkCanvas, x: number, y: number): void;
+    getHeight(): number;
+    getMaxWidth(): number;
+    getGlyphPositionAtCoordinate(x: number, y: number): number;
+    getRectsForPlaceholders(): SkRectWithDirection[];
+    getRectsForRange(start: number, end: number): SkRect[];
+    getLineMetrics(): SkRect[];
+    dispose(): void;
+}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkParagraph = void 0;
+
+var _Host = require("./Host");
+
+class JsiSkParagraph extends _Host.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();
+  }
+
+}
+
+exports.JsiSkParagraph = JsiSkParagraph;
+//# sourceMappingURL=JsiSkParagraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkParagraph","HostObject","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;;AAGO,MAAMA,cAAN,SACGC,gBADH,CAGP;EACEC,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/commonjs/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/commonjs/skia/web/JsiSkParagraphBuilder.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkParagraphBuilder = void 0;
+
+var _types = require("../types");
+
+var _Host = require("./Host");
+
+var _JsiSkParagraph = require("./JsiSkParagraph");
+
+var _JsiSkTextStyle = require("./JsiSkTextStyle");
+
+var _JsiSkPaint = require("./JsiSkPaint");
+
+class JsiSkParagraphBuilder extends _Host.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] : _types.PlaceholderAlignment.Baseline;
+    let baseline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _types.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.JsiSkParagraph(this.CanvasKit, this.ref.build());
+  }
+
+  reset() {
+    this.ref.reset();
+  }
+
+  pushStyle(style, foregroundPaint, backgroundPaint) {
+    const textStyle = _JsiSkTextStyle.JsiSkTextStyle.toTextStyle(style);
+
+    if (foregroundPaint || backgroundPaint) {
+      // 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.JsiSkPaint.fromValue(foregroundPaint) : this.makePaint(textStyle.color ?? Float32Array.of(0, 0, 0, 1));
+      const bg = backgroundPaint ? _JsiSkPaint.JsiSkPaint.fromValue(backgroundPaint) : this.makePaint(textStyle.backgroundColor ?? 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;
+  }
+
+}
+
+exports.JsiSkParagraphBuilder = JsiSkParagraphBuilder;
+//# sourceMappingURL=JsiSkParagraphBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkParagraphBuilder","HostObject","constructor","CanvasKit","ref","addPlaceholder","width","height","alignment","PlaceholderAlignment","Baseline","baseline","TextBaseline","Alphabetic","offset","value","addText","text","build","JsiSkParagraph","reset","pushStyle","style","foregroundPaint","backgroundPaint","textStyle","JsiSkTextStyle","toTextStyle","fg","JsiSkPaint","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;;AAEA;;AACA;;AACA;;AACA;;AAEO,MAAMA,qBAAN,SACGC,gBADH,CAGP;EACEC,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,uEAH0BC,2BAAA,CAAqBC,QAG/C;IAAA,IAFpBC,QAEoB,uEAFiBC,mBAAA,CAAaC,UAE9B;IAAA,IADpBC,MACoB,uEADS,CACT;IACpB,KAAKV,GAAL,CAASC,cAAT,CACEC,KADF,EAEEC,MAFF,EAGE;MAAEQ,KAAK,EAAEP;IAAT,CAHF,EAIE;MAAEO,KAAK,EAAEJ;IAAT,CAJF,EAKEG,MALF;IAOA,OAAO,IAAP;EACD;;EACDE,OAAO,CAACC,IAAD,EAAmC;IACxC,KAAKb,GAAL,CAASY,OAAT,CAAiBC,IAAjB;IACA,OAAO,IAAP;EACD;;EAEDC,KAAK,GAAgB;IACnB,OAAO,IAAIC,8BAAJ,CAAmB,KAAKhB,SAAxB,EAAmC,KAAKC,GAAL,CAASc,KAAT,EAAnC,CAAP;EACD;;EAEDE,KAAK,GAAS;IACZ,KAAKhB,GAAL,CAASgB,KAAT;EACD;;EAEDC,SAAS,CACPC,KADO,EAEPC,eAFO,EAGPC,eAHO,EAIa;IACpB,MAAMC,SAAoB,GAAGC,8BAAA,CAAeC,WAAf,CAA2BL,KAA3B,CAA7B;;IACA,IAAIC,eAAe,IAAIC,eAAvB,EAAwC;MACtC;MACA;MACA;MACA,MAAMI,EAAS,GAAGL,eAAe,GAC7BM,sBAAA,CAAWC,SAAX,CAAqBP,eAArB,CAD6B,GAE7B,KAAKQ,SAAL,CAAeN,SAAS,CAACO,KAAV,IAAmBC,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAAlC,CAFJ;MAGA,MAAMC,EAAS,GAAGX,eAAe,GAC7BK,sBAAA,CAAWC,SAAX,CAAqBN,eAArB,CAD6B,GAE7B,KAAKO,SAAL,CACEN,SAAS,CAACW,eAAV,IAA6BH,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAD/B,CAFJ;MAKA,KAAK9B,GAAL,CAASiC,cAAT,CAAwB,IAAI,KAAKlC,SAAL,CAAemC,SAAnB,CAA6Bb,SAA7B,CAAxB,EAAiEG,EAAjE,EAAqEO,EAArE;IACD,CAbD,MAaO;MACL,KAAK/B,GAAL,CAASiB,SAAT,CAAmB,IAAI,KAAKlB,SAAL,CAAemC,SAAnB,CAA6Bb,SAA7B,CAAnB;IACD;;IAED,OAAO,IAAP;EACD;;EAEDc,GAAG,GAAuB;IACxB,KAAKnC,GAAL,CAASmC,GAAT;IACA,OAAO,IAAP;EACD;;EAEDC,OAAO,GAAG;IACR,KAAKpC,GAAL,CAASqC,MAAT;EACD;;EAEOV,SAAS,CAACC,KAAD,EAAoB;IACnC,MAAMU,KAAK,GAAG,IAAI,KAAKvC,SAAL,CAAewC,KAAnB,EAAd;IACAD,KAAK,CAACE,QAAN,CAAeZ,KAAf;IACA,OAAOU,KAAP;EACD;;AAzEH"}

package/lib/commonjs/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/commonjs/skia/web/JsiSkParagraphBuilderFactory.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkParagraphBuilderFactory = void 0;
+
+var _Host = require("./Host");
+
+var _JsiSkParagraphBuilder = require("./JsiSkParagraphBuilder");
+
+var _JsiSkParagraphStyle = require("./JsiSkParagraphStyle");
+
+var _JsiSkTypeface = require("./JsiSkTypeface");
+
+class JsiSkParagraphBuilderFactory extends _Host.Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+
+  Make(paragraphStyle, typefaceProvider) {
+    const style = new this.CanvasKit.ParagraphStyle(_JsiSkParagraphStyle.JsiSkParagraphStyle.toParagraphStyle(this.CanvasKit, paragraphStyle ?? {}));
+
+    if (typefaceProvider === undefined) {
+      throw new Error("SkTypefaceFontProvider is required on React Native Web.");
+    }
+
+    return new _JsiSkParagraphBuilder.JsiSkParagraphBuilder(this.CanvasKit, this.CanvasKit.ParagraphBuilder.MakeFromFontProvider(style, _JsiSkTypeface.JsiSkTypeface.fromValue(typefaceProvider)));
+  }
+
+}
+
+exports.JsiSkParagraphBuilderFactory = JsiSkParagraphBuilderFactory;
+//# sourceMappingURL=JsiSkParagraphBuilderFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkParagraphBuilderFactory","Host","constructor","CanvasKit","Make","paragraphStyle","typefaceProvider","style","ParagraphStyle","JsiSkParagraphStyle","toParagraphStyle","undefined","Error","JsiSkParagraphBuilder","ParagraphBuilder","MakeFromFontProvider","JsiSkTypeface","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;;AACA;;AACA;;AACA;;AAEO,MAAMA,4BAAN,SACGC,UADH,CAGP;EACEC,WAAW,CAACC,SAAD,EAAuB;IAChC,MAAMA,SAAN;EACD;;EAEDC,IAAI,CACFC,cADE,EAEFC,gBAFE,EAGF;IACA,MAAMC,KAAK,GAAG,IAAI,KAAKJ,SAAL,CAAeK,cAAnB,CACZC,wCAAA,CAAoBC,gBAApB,CAAqC,KAAKP,SAA1C,EAAqDE,cAAc,IAAI,EAAvE,CADY,CAAd;;IAGA,IAAIC,gBAAgB,KAAKK,SAAzB,EAAoC;MAClC,MAAM,IAAIC,KAAJ,CACJ,yDADI,CAAN;IAGD;;IACD,OAAO,IAAIC,4CAAJ,CACL,KAAKV,SADA,EAEL,KAAKA,SAAL,CAAeW,gBAAf,CAAgCC,oBAAhC,CACER,KADF,EAEES,4BAAA,CAAcC,SAAd,CAAwBX,gBAAxB,CAFF,CAFK,CAAP;EAOD;;AAxBH"}