@shopify/react-native-skia 1.0.1 → 1.0.3

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

@@ -0,0 +1,19 @@
+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);
+    getMinIntrinsicWidth(): number;
+    getMaxIntrinsicWidth(): number;
+    getLongestLine(): number;
+    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/module/skia/web/JsiSkParagraph.js

@@ -0,0 +1,70 @@
+import { HostObject } from "./Host";
+export class JsiSkParagraph extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Paragraph");
+  }
+  getMinIntrinsicWidth() {
+    return this.ref.getMinIntrinsicWidth();
+  }
+  getMaxIntrinsicWidth() {
+    return this.ref.getMaxIntrinsicWidth();
+  }
+  getLongestLine() {
+    return this.ref.getLongestLine();
+  }
+  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(({
+      rect,
+      dir
+    }) => ({
+      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(({
+      rect
+    }) => ({
+      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","getMinIntrinsicWidth","getMaxIntrinsicWidth","getLongestLine","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  getMinIntrinsicWidth(): number {\n    return this.ref.getMinIntrinsicWidth();\n  }\n\n  getMaxIntrinsicWidth(): number {\n    return this.ref.getMaxIntrinsicWidth();\n  }\n\n  getLongestLine(): number {\n    return this.ref.getLongestLine();\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":"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"}

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,56 @@
+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(width = 0, height = 0, alignment = PlaceholderAlignment.Baseline, baseline = TextBaseline.Alphabetic, offset = 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","_textStyle$color","_textStyle$background","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":"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"}

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,20 @@
+import { Host } from "./Host";
+import { JsiSkParagraphBuilder } from "./JsiSkParagraphBuilder";
+import { JsiSkParagraphStyle } from "./JsiSkParagraphStyle";
+import { JsiSkTypefaceFontProvider } from "./JsiSkTypefaceFontProvider";
+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.");
+    }
+    const fontCollection = this.CanvasKit.FontCollection.Make();
+    fontCollection.setDefaultFontManager(JsiSkTypefaceFontProvider.fromValue(typefaceProvider));
+    fontCollection.enableFontFallback();
+    return new JsiSkParagraphBuilder(this.CanvasKit, this.CanvasKit.ParagraphBuilder.MakeFromFontCollection(style, fontCollection));
+  }
+}
+//# sourceMappingURL=JsiSkParagraphBuilderFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Host","JsiSkParagraphBuilder","JsiSkParagraphStyle","JsiSkTypefaceFontProvider","JsiSkParagraphBuilderFactory","constructor","CanvasKit","Make","paragraphStyle","typefaceProvider","style","ParagraphStyle","toParagraphStyle","undefined","Error","fontCollection","FontCollection","setDefaultFontManager","fromValue","enableFontFallback","ParagraphBuilder","MakeFromFontCollection"],"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 { JsiSkTypefaceFontProvider } from \"./JsiSkTypefaceFontProvider\";\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    const fontCollection = this.CanvasKit.FontCollection.Make();\n    fontCollection.setDefaultFontManager(\n      JsiSkTypefaceFontProvider.fromValue(typefaceProvider)\n    );\n    fontCollection.enableFontFallback();\n\n    return new JsiSkParagraphBuilder(\n      this.CanvasKit,\n      this.CanvasKit.ParagraphBuilder.MakeFromFontCollection(\n        style,\n        fontCollection\n      )\n    );\n  }\n}\n"],"mappings":"AAQA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,OAAO,MAAMC,4BAA4B,SAC/BJ,IAAI,CAEd;EACEK,WAAWA,CAACC,SAAoB,EAAE;IAChC,KAAK,CAACA,SAAS,CAAC;EAClB;EAEAC,IAAIA,CACFC,cAAgC,EAChCC,gBAAyC,EACzC;IACA,MAAMC,KAAK,GAAG,IAAI,IAAI,CAACJ,SAAS,CAACK,cAAc,CAC7CT,mBAAmB,CAACU,gBAAgB,CAAC,IAAI,CAACN,SAAS,EAAEE,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,CAAC,CAAC,CAC3E,CAAC;IACD,IAAIC,gBAAgB,KAAKI,SAAS,EAAE;MAClC,MAAM,IAAIC,KAAK,CACb,yDACF,CAAC;IACH;IACA,MAAMC,cAAc,GAAG,IAAI,CAACT,SAAS,CAACU,cAAc,CAACT,IAAI,CAAC,CAAC;IAC3DQ,cAAc,CAACE,qBAAqB,CAClCd,yBAAyB,CAACe,SAAS,CAACT,gBAAgB,CACtD,CAAC;IACDM,cAAc,CAACI,kBAAkB,CAAC,CAAC;IAEnC,OAAO,IAAIlB,qBAAqB,CAC9B,IAAI,CAACK,SAAS,EACd,IAAI,CAACA,SAAS,CAACc,gBAAgB,CAACC,sBAAsB,CACpDX,KAAK,EACLK,cACF,CACF,CAAC;EACH;AACF"}

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,47 @@
+import { TextDirection } 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$strutStyle7, _value$strutStyle8, _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 === TextDirection.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 || (_value$strutStyle6 = _value$strutStyle6.fontStyle) === null || _value$strutStyle6 === void 0 ? void 0 : _value$strutStyle6.slant) !== undefined ? {
+      value: value.strutStyle.fontStyle.slant
+    } : ps.strutStyle.fontStyle.slant;
+    ps.strutStyle.fontStyle.width = ((_value$strutStyle7 = value.strutStyle) === null || _value$strutStyle7 === void 0 || (_value$strutStyle7 = _value$strutStyle7.fontStyle) === null || _value$strutStyle7 === void 0 ? void 0 : _value$strutStyle7.width) !== undefined ? {
+      value: value.strutStyle.fontStyle.width
+    } : ps.strutStyle.fontStyle.width;
+    ps.strutStyle.fontStyle.weight = ((_value$strutStyle8 = value.strutStyle) === null || _value$strutStyle8 === void 0 || (_value$strutStyle8 = _value$strutStyle8.fontStyle) === null || _value$strutStyle8 === void 0 ? void 0 : _value$strutStyle8.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":["TextDirection","JsiSkParagraphStyle","toParagraphStyle","ck","value","_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$strutStyle7","_value$strutStyle8","_value$strutStyle$hal","_value$strutStyle9","_value$strutStyle$str","_value$strutStyle10","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 { TextDirection, 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 === TextDirection.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/JsiSkPath.d.ts

@@ -0,0 +1,58 @@
+import type { CanvasKit, Path } from "canvaskit-wasm";
+import type { FillType, PathCommand, PathOp, SkMatrix, SkPath, SkPoint, SkRect, InputRRect, StrokeOpts, InputMatrix } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkPoint } from "./JsiSkPoint";
+import { JsiSkRect } from "./JsiSkRect";
+export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
+    constructor(CanvasKit: CanvasKit, ref: Path);
+    dispose: () => void;
+    addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): this;
+    addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): this;
+    addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): this;
+    countPoints(): number;
+    addPoly(points: SkPoint[], close: boolean): this;
+    moveTo(x: number, y: number): this;
+    lineTo(x: number, y: number): this;
+    makeAsWinding(): this | null;
+    offset(dx: number, dy: number): this;
+    rArcTo(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, dx: number, dy: number): this;
+    rConicTo(dx1: number, dy1: number, dx2: number, dy2: number, w: number): this;
+    rCubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): this;
+    rMoveTo(x: number, y: number): this;
+    rLineTo(x: number, y: number): this;
+    rQuadTo(x1: number, y1: number, x2: number, y2: number): this;
+    setFillType(fill: FillType): this;
+    setIsVolatile(volatile: boolean): this;
+    stroke(opts?: StrokeOpts): this | null;
+    close(): this;
+    reset(): this;
+    rewind(): this;
+    computeTightBounds(): SkRect;
+    arcToOval(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number, forceMoveTo: boolean): this;
+    arcToRotated(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, x: number, y: number): this;
+    arcToTangent(x1: number, y1: number, x2: number, y2: number, radius: number): this;
+    conicTo(x1: number, y1: number, x2: number, y2: number, w: number): this;
+    contains(x: number, y: number): boolean;
+    copy(): JsiSkPath;
+    cubicTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): this;
+    dash(on: number, off: number, phase: number): boolean;
+    equals(other: SkPath): boolean;
+    getBounds(): JsiSkRect;
+    getFillType(): number;
+    quadTo(x1: number, y1: number, x2: number, y2: number): this;
+    addRect(rect: SkRect, isCCW?: boolean): this;
+    addRRect(rrect: InputRRect, isCCW?: boolean): this;
+    getPoint(index: number): JsiSkPoint;
+    isEmpty(): boolean;
+    isVolatile(): boolean;
+    addCircle(x: number, y: number, r: number): this;
+    getLastPt(): JsiSkPoint;
+    op(path: SkPath, op: PathOp): boolean;
+    simplify(): boolean;
+    toSVGString(): string;
+    trim(start: number, stop: number, isComplement: boolean): this | null;
+    transform(m: InputMatrix): this;
+    interpolate(end: SkPath, t: number, output?: SkPath): SkPath | JsiSkPath | null;
+    isInterpolatable(path2: SkPath): boolean;
+    toCmds(): PathCommand[];
+}

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

@@ -0,0 +1,256 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { PathVerb } from "../types";
+import { getEnum, HostObject, optEnum } from "./Host";
+import { JsiSkPoint } from "./JsiSkPoint";
+import { JsiSkRect } from "./JsiSkRect";
+import { JsiSkRRect } from "./JsiSkRRect";
+import { JsiSkMatrix } from "./JsiSkMatrix";
+const CommandCount = {
+  [PathVerb.Move]: 3,
+  [PathVerb.Line]: 3,
+  [PathVerb.Quad]: 5,
+  [PathVerb.Conic]: 6,
+  [PathVerb.Cubic]: 7,
+  [PathVerb.Close]: 1
+};
+const pinT = t => Math.min(Math.max(t, 0), 1);
+export class JsiSkPath extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Path");
+    _defineProperty(this, "dispose", () => {
+      this.ref.delete();
+    });
+  }
+  addPath(src, matrix, extend = false) {
+    const args = [JsiSkPath.fromValue(src), ...(matrix ? JsiSkMatrix.fromValue(matrix) : []), extend];
+    this.ref.addPath(...args);
+    return this;
+  }
+  addArc(oval, startAngleInDegrees, sweepAngleInDegrees) {
+    this.ref.addArc(JsiSkRect.fromValue(this.CanvasKit, oval), startAngleInDegrees, sweepAngleInDegrees);
+    return this;
+  }
+  addOval(oval, isCCW, startIndex) {
+    this.ref.addOval(JsiSkRect.fromValue(this.CanvasKit, oval), isCCW, startIndex);
+    return this;
+  }
+  countPoints() {
+    return this.ref.countPoints();
+  }
+  addPoly(points, close) {
+    this.ref.addPoly(points.map(p => Array.from(JsiSkPoint.fromValue(p))).flat(), close);
+    return this;
+  }
+  moveTo(x, y) {
+    this.ref.moveTo(x, y);
+    return this;
+  }
+  lineTo(x, y) {
+    this.ref.lineTo(x, y);
+    return this;
+  }
+  makeAsWinding() {
+    const result = this.ref.makeAsWinding();
+    return result === null ? result : this;
+  }
+  offset(dx, dy) {
+    this.ref.offset(dx, dy);
+    return this;
+  }
+  rArcTo(rx, ry, xAxisRotateInDegrees, useSmallArc, isCCW, dx, dy) {
+    this.ref.rArcTo(rx, ry, xAxisRotateInDegrees, useSmallArc, isCCW, dx, dy);
+    return this;
+  }
+  rConicTo(dx1, dy1, dx2, dy2, w) {
+    this.ref.rConicTo(dx1, dy1, dx2, dy2, w);
+    return this;
+  }
+  rCubicTo(cpx1, cpy1, cpx2, cpy2, x, y) {
+    this.ref.rCubicTo(cpx1, cpy1, cpx2, cpy2, x, y);
+    return this;
+  }
+  rMoveTo(x, y) {
+    this.ref.rMoveTo(x, y);
+    return this;
+  }
+  rLineTo(x, y) {
+    this.ref.rLineTo(x, y);
+    return this;
+  }
+  rQuadTo(x1, y1, x2, y2) {
+    this.ref.rQuadTo(x1, y1, x2, y2);
+    return this;
+  }
+  setFillType(fill) {
+    this.ref.setFillType(getEnum(this.CanvasKit.FillType, fill));
+    return this;
+  }
+  setIsVolatile(volatile) {
+    this.ref.setIsVolatile(volatile);
+    return this;
+  }
+  stroke(opts) {
+    const result = this.ref.stroke(opts === undefined ? undefined : {
+      width: opts.width,
+      // eslint-disable-next-line camelcase
+      miter_limit: opts.width,
+      precision: opts.width,
+      join: optEnum(this.CanvasKit.StrokeJoin, opts.join),
+      cap: optEnum(this.CanvasKit.StrokeCap, opts.cap)
+    });
+    return result === null ? result : this;
+  }
+  close() {
+    this.ref.close();
+    return this;
+  }
+  reset() {
+    this.ref.reset();
+    return this;
+  }
+  rewind() {
+    this.ref.rewind();
+    return this;
+  }
+  computeTightBounds() {
+    return new JsiSkRect(this.CanvasKit, this.ref.computeTightBounds());
+  }
+  arcToOval(oval, startAngleInDegrees, sweepAngleInDegrees, forceMoveTo) {
+    this.ref.arcToOval(JsiSkRect.fromValue(this.CanvasKit, oval), startAngleInDegrees, sweepAngleInDegrees, forceMoveTo);
+    return this;
+  }
+  arcToRotated(rx, ry, xAxisRotateInDegrees, useSmallArc, isCCW, x, y) {
+    this.ref.arcToRotated(rx, ry, xAxisRotateInDegrees, useSmallArc, isCCW, x, y);
+    return this;
+  }
+  arcToTangent(x1, y1, x2, y2, radius) {
+    this.ref.arcToTangent(x1, y1, x2, y2, radius);
+    return this;
+  }
+  conicTo(x1, y1, x2, y2, w) {
+    this.ref.conicTo(x1, y1, x2, y2, w);
+    return this;
+  }
+  contains(x, y) {
+    return this.ref.contains(x, y);
+  }
+  copy() {
+    return new JsiSkPath(this.CanvasKit, this.ref.copy());
+  }
+  cubicTo(cpx1, cpy1, cpx2, cpy2, x, y) {
+    this.ref.cubicTo(cpx1, cpy1, cpx2, cpy2, x, y);
+    return this;
+  }
+  dash(on, off, phase) {
+    return this.ref.dash(on, off, phase);
+  }
+  equals(other) {
+    return this.ref.equals(JsiSkPath.fromValue(other));
+  }
+  getBounds() {
+    return new JsiSkRect(this.CanvasKit, this.ref.getBounds());
+  }
+  getFillType() {
+    return this.ref.getFillType().value;
+  }
+  quadTo(x1, y1, x2, y2) {
+    this.ref.quadTo(x1, y1, x2, y2);
+    return this;
+  }
+  addRect(rect, isCCW) {
+    this.ref.addRect(JsiSkRect.fromValue(this.CanvasKit, rect), isCCW);
+    return this;
+  }
+  addRRect(rrect, isCCW) {
+    this.ref.addRRect(JsiSkRRect.fromValue(this.CanvasKit, rrect), isCCW);
+    return this;
+  }
+  getPoint(index) {
+    return new JsiSkPoint(this.CanvasKit, this.ref.getPoint(index));
+  }
+  isEmpty() {
+    return this.ref.isEmpty();
+  }
+  isVolatile() {
+    return this.ref.isVolatile();
+  }
+  addCircle(x, y, r) {
+    this.ref.addCircle(x, y, r);
+    return this;
+  }
+  getLastPt() {
+    return new JsiSkPoint(this.CanvasKit, this.ref.getPoint(this.ref.countPoints() - 1));
+  }
+  op(path, op) {
+    return this.ref.op(JsiSkPath.fromValue(path), getEnum(this.CanvasKit.PathOp, op));
+  }
+  simplify() {
+    return this.ref.simplify();
+  }
+  toSVGString() {
+    return this.ref.toSVGString();
+  }
+  trim(start, stop, isComplement) {
+    const startT = pinT(start);
+    const stopT = pinT(stop);
+    if (startT === 0 && stopT === 1) {
+      return this;
+    }
+    const result = this.ref.trim(startT, stopT, isComplement);
+    return result === null ? result : this;
+  }
+  transform(m) {
+    let matrix = m instanceof JsiSkMatrix ? Array.from(JsiSkMatrix.fromValue(m)) : m;
+    if (matrix.length === 16) {
+      matrix = [matrix[0], matrix[1], matrix[3], matrix[4], matrix[5], matrix[7], matrix[12], matrix[13], matrix[15]];
+    } else if (matrix.length !== 9) {
+      throw new Error(`Invalid matrix length: ${matrix.length}`);
+    }
+    this.ref.transform(matrix);
+    return this;
+  }
+  interpolate(end, t, output) {
+    const path = this.CanvasKit.Path.MakeFromPathInterpolation(this.ref, JsiSkPath.fromValue(end), t);
+    if (path === null) {
+      return null;
+    }
+    if (output) {
+      output.ref = path;
+      return output;
+    } else {
+      return new JsiSkPath(this.CanvasKit, path);
+    }
+  }
+  isInterpolatable(path2) {
+    return this.CanvasKit.Path.CanInterpolate(this.ref, JsiSkPath.fromValue(path2));
+  }
+  toCmds() {
+    const cmds = this.ref.toCmds();
+    const result = cmds.reduce((acc, cmd, i) => {
+      if (i === 0) {
+        acc.push([]);
+      }
+      const current = acc[acc.length - 1];
+      if (current.length === 0) {
+        current.push(cmd);
+        const length = CommandCount[current[0]];
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
+        }
+      } else {
+        const length = CommandCount[current[0]];
+        if (current.length < length) {
+          current.push(cmd);
+        }
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
+        }
+      }
+      return acc;
+    }, []);
+    return result;
+  }
+}
+//# sourceMappingURL=JsiSkPath.js.map