@shopify/react-native-skia 1.0.1 → 1.0.3

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

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toBase64String = exports.JsiSkImage = void 0;
+var _Host = require("./Host");
+var _JsiSkMatrix = require("./JsiSkMatrix");
+var _JsiSkShader = require("./JsiSkShader");
+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); }
+// https://github.com/google/skia/blob/1f193df9b393d50da39570dab77a0bb5d28ec8ef/modules/canvaskit/htmlcanvas/util.js
+const toBase64String = bytes => {
+  if (typeof Buffer !== "undefined") {
+    // Are we on node?
+    return Buffer.from(bytes).toString("base64");
+  } else {
+    // From https://stackoverflow.com/a/25644409
+    // because the naive solution of
+    //     btoa(String.fromCharCode.apply(null, bytes));
+    // would occasionally throw "Maximum call stack size exceeded"
+    var CHUNK_SIZE = 0x8000; //arbitrary number
+    var index = 0;
+    var {
+      length
+    } = bytes;
+    var result = "";
+    var slice;
+    while (index < length) {
+      slice = bytes.slice(index, Math.min(index + CHUNK_SIZE, length));
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      result += String.fromCharCode.apply(null, slice);
+      index += CHUNK_SIZE;
+    }
+    return btoa(result);
+  }
+};
+exports.toBase64String = toBase64String;
+class JsiSkImage extends _Host.HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Image");
+    _defineProperty(this, "dispose", () => {
+      this.ref.delete();
+    });
+  }
+  height() {
+    return this.ref.height();
+  }
+  width() {
+    return this.ref.width();
+  }
+  getImageInfo() {
+    const info = this.ref.getImageInfo();
+    return {
+      width: info.width,
+      height: info.height,
+      colorType: info.colorType.value,
+      alphaType: info.alphaType.value
+    };
+  }
+  makeShaderOptions(tx, ty, fm, mm, localMatrix) {
+    return new _JsiSkShader.JsiSkShader(this.CanvasKit, this.ref.makeShaderOptions((0, _Host.getEnum)(this.CanvasKit.TileMode, tx), (0, _Host.getEnum)(this.CanvasKit.TileMode, ty), (0, _Host.getEnum)(this.CanvasKit.FilterMode, fm), (0, _Host.getEnum)(this.CanvasKit.MipmapMode, mm), localMatrix ? _JsiSkMatrix.JsiSkMatrix.fromValue(localMatrix) : undefined));
+  }
+  makeShaderCubic(tx, ty, B, C, localMatrix) {
+    return new _JsiSkShader.JsiSkShader(this.CanvasKit, this.ref.makeShaderCubic((0, _Host.getEnum)(this.CanvasKit.TileMode, tx), (0, _Host.getEnum)(this.CanvasKit.TileMode, ty), B, C, localMatrix ? _JsiSkMatrix.JsiSkMatrix.fromValue(localMatrix) : undefined));
+  }
+  encodeToBytes(fmt, quality) {
+    let result;
+    if (fmt && quality) {
+      result = this.ref.encodeToBytes((0, _Host.getEnum)(this.CanvasKit.ImageFormat, fmt), quality);
+    } else if (fmt) {
+      result = this.ref.encodeToBytes((0, _Host.getEnum)(this.CanvasKit.ImageFormat, fmt));
+    } else {
+      result = this.ref.encodeToBytes();
+    }
+    if (!result) {
+      throw new Error("encodeToBytes failed");
+    }
+    return result;
+  }
+  encodeToBase64(fmt, quality) {
+    const bytes = this.encodeToBytes(fmt, quality);
+    return toBase64String(bytes);
+  }
+  readPixels(srcX, srcY, imageInfo) {
+    var _imageInfo$width, _imageInfo$height;
+    const info = this.getImageInfo();
+    const pxInfo = {
+      colorSpace: this.CanvasKit.ColorSpace.SRGB,
+      width: (_imageInfo$width = imageInfo === null || imageInfo === void 0 ? void 0 : imageInfo.width) !== null && _imageInfo$width !== void 0 ? _imageInfo$width : info.width,
+      height: (_imageInfo$height = imageInfo === null || imageInfo === void 0 ? void 0 : imageInfo.height) !== null && _imageInfo$height !== void 0 ? _imageInfo$height : info.height,
+      alphaType: (0, _Host.getEnum)(this.CanvasKit.AlphaType, (imageInfo !== null && imageInfo !== void 0 ? imageInfo : info).alphaType),
+      colorType: (0, _Host.getEnum)(this.CanvasKit.ColorType, (imageInfo !== null && imageInfo !== void 0 ? imageInfo : info).colorType)
+    };
+    return this.ref.readPixels(srcX !== null && srcX !== void 0 ? srcX : 0, srcY !== null && srcY !== void 0 ? srcY : 0, pxInfo);
+  }
+  makeNonTextureImage() {
+    return new JsiSkImage(this.CanvasKit, this.CanvasKit.MakeImageFromEncoded(this.encodeToBytes()));
+  }
+}
+exports.JsiSkImage = JsiSkImage;
+//# sourceMappingURL=JsiSkImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_JsiSkMatrix","_JsiSkShader","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","toBase64String","bytes","Buffer","from","toString","CHUNK_SIZE","index","length","result","slice","Math","min","fromCharCode","apply","btoa","exports","JsiSkImage","HostObject","constructor","CanvasKit","ref","delete","height","width","getImageInfo","info","colorType","alphaType","makeShaderOptions","tx","ty","fm","mm","localMatrix","JsiSkShader","getEnum","TileMode","FilterMode","MipmapMode","JsiSkMatrix","fromValue","undefined","makeShaderCubic","B","C","encodeToBytes","fmt","quality","ImageFormat","Error","encodeToBase64","readPixels","srcX","srcY","imageInfo","_imageInfo$width","_imageInfo$height","pxInfo","colorSpace","ColorSpace","SRGB","AlphaType","ColorType","makeNonTextureImage","MakeImageFromEncoded"],"sources":["JsiSkImage.ts"],"sourcesContent":["import type {\n  CanvasKit,\n  ImageInfo as CKImageInfo,\n  Image,\n} from \"canvaskit-wasm\";\n\nimport type {\n  FilterMode,\n  MipmapMode,\n  SkImage,\n  SkMatrix,\n  SkShader,\n  TileMode,\n  ImageFormat,\n  ImageInfo,\n} from \"../types\";\n\nimport { getEnum, HostObject } from \"./Host\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkShader } from \"./JsiSkShader\";\n\n// https://github.com/google/skia/blob/1f193df9b393d50da39570dab77a0bb5d28ec8ef/modules/canvaskit/htmlcanvas/util.js\nexport const toBase64String = (bytes: Uint8Array) => {\n  if (typeof Buffer !== \"undefined\") {\n    // Are we on node?\n    return Buffer.from(bytes).toString(\"base64\");\n  } else {\n    // From https://stackoverflow.com/a/25644409\n    // because the naive solution of\n    //     btoa(String.fromCharCode.apply(null, bytes));\n    // would occasionally throw \"Maximum call stack size exceeded\"\n    var CHUNK_SIZE = 0x8000; //arbitrary number\n    var index = 0;\n    var { length } = bytes;\n    var result = \"\";\n    var slice;\n    while (index < length) {\n      slice = bytes.slice(index, Math.min(index + CHUNK_SIZE, length));\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      result += String.fromCharCode.apply(null, slice as any);\n      index += CHUNK_SIZE;\n    }\n    return btoa(result);\n  }\n};\n\nexport class JsiSkImage extends HostObject<Image, \"Image\"> implements SkImage {\n  constructor(CanvasKit: CanvasKit, ref: Image) {\n    super(CanvasKit, ref, \"Image\");\n  }\n\n  height() {\n    return this.ref.height();\n  }\n\n  width() {\n    return this.ref.width();\n  }\n\n  getImageInfo(): ImageInfo {\n    const info = this.ref.getImageInfo();\n    return {\n      width: info.width,\n      height: info.height,\n      colorType: info.colorType.value,\n      alphaType: info.alphaType.value,\n    };\n  }\n\n  makeShaderOptions(\n    tx: TileMode,\n    ty: TileMode,\n    fm: FilterMode,\n    mm: MipmapMode,\n    localMatrix?: SkMatrix\n  ): SkShader {\n    return new JsiSkShader(\n      this.CanvasKit,\n      this.ref.makeShaderOptions(\n        getEnum(this.CanvasKit.TileMode, tx),\n        getEnum(this.CanvasKit.TileMode, ty),\n        getEnum(this.CanvasKit.FilterMode, fm),\n        getEnum(this.CanvasKit.MipmapMode, mm),\n        localMatrix ? JsiSkMatrix.fromValue(localMatrix) : undefined\n      )\n    );\n  }\n\n  makeShaderCubic(\n    tx: TileMode,\n    ty: TileMode,\n    B: number,\n    C: number,\n    localMatrix?: SkMatrix\n  ): SkShader {\n    return new JsiSkShader(\n      this.CanvasKit,\n      this.ref.makeShaderCubic(\n        getEnum(this.CanvasKit.TileMode, tx),\n        getEnum(this.CanvasKit.TileMode, ty),\n        B,\n        C,\n        localMatrix ? JsiSkMatrix.fromValue(localMatrix) : undefined\n      )\n    );\n  }\n\n  encodeToBytes(fmt?: ImageFormat, quality?: number) {\n    let result: Uint8Array | null;\n    if (fmt && quality) {\n      result = this.ref.encodeToBytes(\n        getEnum(this.CanvasKit.ImageFormat, fmt),\n        quality\n      );\n    } else if (fmt) {\n      result = this.ref.encodeToBytes(getEnum(this.CanvasKit.ImageFormat, fmt));\n    } else {\n      result = this.ref.encodeToBytes();\n    }\n    if (!result) {\n      throw new Error(\"encodeToBytes failed\");\n    }\n    return result;\n  }\n\n  encodeToBase64(fmt?: ImageFormat, quality?: number) {\n    const bytes = this.encodeToBytes(fmt, quality);\n    return toBase64String(bytes);\n  }\n\n  readPixels(srcX?: number, srcY?: number, imageInfo?: ImageInfo) {\n    const info = this.getImageInfo();\n    const pxInfo: CKImageInfo = {\n      colorSpace: this.CanvasKit.ColorSpace.SRGB,\n      width: imageInfo?.width ?? info.width,\n      height: imageInfo?.height ?? info.height,\n      alphaType: getEnum(\n        this.CanvasKit.AlphaType,\n        (imageInfo ?? info).alphaType\n      ),\n      colorType: getEnum(\n        this.CanvasKit.ColorType,\n        (imageInfo ?? info).colorType\n      ),\n    };\n    return this.ref.readPixels(srcX ?? 0, srcY ?? 0, pxInfo);\n  }\n\n  dispose = () => {\n    this.ref.delete();\n  };\n\n  makeNonTextureImage(): SkImage {\n    return new JsiSkImage(\n      this.CanvasKit,\n      this.CanvasKit.MakeImageFromEncoded(this.encodeToBytes())!\n    );\n  }\n}\n"],"mappings":";;;;;;AAiBA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA4C,SAAAG,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAE5C;AACO,MAAMW,cAAc,GAAIC,KAAiB,IAAK;EACnD,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC;IACA,OAAOA,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,QAAQ,CAAC,QAAQ,CAAC;EAC9C,CAAC,MAAM;IACL;IACA;IACA;IACA;IACA,IAAIC,UAAU,GAAG,MAAM,CAAC,CAAC;IACzB,IAAIC,KAAK,GAAG,CAAC;IACb,IAAI;MAAEC;IAAO,CAAC,GAAGN,KAAK;IACtB,IAAIO,MAAM,GAAG,EAAE;IACf,IAAIC,KAAK;IACT,OAAOH,KAAK,GAAGC,MAAM,EAAE;MACrBE,KAAK,GAAGR,KAAK,CAACQ,KAAK,CAACH,KAAK,EAAEI,IAAI,CAACC,GAAG,CAACL,KAAK,GAAGD,UAAU,EAAEE,MAAM,CAAC,CAAC;MAChE;MACAC,MAAM,IAAIhB,MAAM,CAACoB,YAAY,CAACC,KAAK,CAAC,IAAI,EAAEJ,KAAY,CAAC;MACvDH,KAAK,IAAID,UAAU;IACrB;IACA,OAAOS,IAAI,CAACN,MAAM,CAAC;EACrB;AACF,CAAC;AAACO,OAAA,CAAAf,cAAA,GAAAA,cAAA;AAEK,MAAMgB,UAAU,SAASC,gBAAU,CAAoC;EAC5EC,WAAWA,CAACC,SAAoB,EAAEC,GAAU,EAAE;IAC5C,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,OAAO,CAAC;IAACzC,eAAA,kBAoGvB,MAAM;MACd,IAAI,CAACyC,GAAG,CAACC,MAAM,CAAC,CAAC;IACnB,CAAC;EArGD;EAEAC,MAAMA,CAAA,EAAG;IACP,OAAO,IAAI,CAACF,GAAG,CAACE,MAAM,CAAC,CAAC;EAC1B;EAEAC,KAAKA,CAAA,EAAG;IACN,OAAO,IAAI,CAACH,GAAG,CAACG,KAAK,CAAC,CAAC;EACzB;EAEAC,YAAYA,CAAA,EAAc;IACxB,MAAMC,IAAI,GAAG,IAAI,CAACL,GAAG,CAACI,YAAY,CAAC,CAAC;IACpC,OAAO;MACLD,KAAK,EAAEE,IAAI,CAACF,KAAK;MACjBD,MAAM,EAAEG,IAAI,CAACH,MAAM;MACnBI,SAAS,EAAED,IAAI,CAACC,SAAS,CAAC5C,KAAK;MAC/B6C,SAAS,EAAEF,IAAI,CAACE,SAAS,CAAC7C;IAC5B,CAAC;EACH;EAEA8C,iBAAiBA,CACfC,EAAY,EACZC,EAAY,EACZC,EAAc,EACdC,EAAc,EACdC,WAAsB,EACZ;IACV,OAAO,IAAIC,wBAAW,CACpB,IAAI,CAACf,SAAS,EACd,IAAI,CAACC,GAAG,CAACQ,iBAAiB,CACxB,IAAAO,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACiB,QAAQ,EAAEP,EAAE,CAAC,EACpC,IAAAM,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACiB,QAAQ,EAAEN,EAAE,CAAC,EACpC,IAAAK,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACkB,UAAU,EAAEN,EAAE,CAAC,EACtC,IAAAI,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACmB,UAAU,EAAEN,EAAE,CAAC,EACtCC,WAAW,GAAGM,wBAAW,CAACC,SAAS,CAACP,WAAW,CAAC,GAAGQ,SACrD,CACF,CAAC;EACH;EAEAC,eAAeA,CACbb,EAAY,EACZC,EAAY,EACZa,CAAS,EACTC,CAAS,EACTX,WAAsB,EACZ;IACV,OAAO,IAAIC,wBAAW,CACpB,IAAI,CAACf,SAAS,EACd,IAAI,CAACC,GAAG,CAACsB,eAAe,CACtB,IAAAP,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACiB,QAAQ,EAAEP,EAAE,CAAC,EACpC,IAAAM,aAAO,EAAC,IAAI,CAAChB,SAAS,CAACiB,QAAQ,EAAEN,EAAE,CAAC,EACpCa,CAAC,EACDC,CAAC,EACDX,WAAW,GAAGM,wBAAW,CAACC,SAAS,CAACP,WAAW,CAAC,GAAGQ,SACrD,CACF,CAAC;EACH;EAEAI,aAAaA,CAACC,GAAiB,EAAEC,OAAgB,EAAE;IACjD,IAAIvC,MAAyB;IAC7B,IAAIsC,GAAG,IAAIC,OAAO,EAAE;MAClBvC,MAAM,GAAG,IAAI,CAACY,GAAG,CAACyB,aAAa,CAC7B,IAAAV,aAAO,EAAC,IAAI,CAAChB,SAAS,CAAC6B,WAAW,EAAEF,GAAG,CAAC,EACxCC,OACF,CAAC;IACH,CAAC,MAAM,IAAID,GAAG,EAAE;MACdtC,MAAM,GAAG,IAAI,CAACY,GAAG,CAACyB,aAAa,CAAC,IAAAV,aAAO,EAAC,IAAI,CAAChB,SAAS,CAAC6B,WAAW,EAAEF,GAAG,CAAC,CAAC;IAC3E,CAAC,MAAM;MACLtC,MAAM,GAAG,IAAI,CAACY,GAAG,CAACyB,aAAa,CAAC,CAAC;IACnC;IACA,IAAI,CAACrC,MAAM,EAAE;MACX,MAAM,IAAIyC,KAAK,CAAC,sBAAsB,CAAC;IACzC;IACA,OAAOzC,MAAM;EACf;EAEA0C,cAAcA,CAACJ,GAAiB,EAAEC,OAAgB,EAAE;IAClD,MAAM9C,KAAK,GAAG,IAAI,CAAC4C,aAAa,CAACC,GAAG,EAAEC,OAAO,CAAC;IAC9C,OAAO/C,cAAc,CAACC,KAAK,CAAC;EAC9B;EAEAkD,UAAUA,CAACC,IAAa,EAAEC,IAAa,EAAEC,SAAqB,EAAE;IAAA,IAAAC,gBAAA,EAAAC,iBAAA;IAC9D,MAAM/B,IAAI,GAAG,IAAI,CAACD,YAAY,CAAC,CAAC;IAChC,MAAMiC,MAAmB,GAAG;MAC1BC,UAAU,EAAE,IAAI,CAACvC,SAAS,CAACwC,UAAU,CAACC,IAAI;MAC1CrC,KAAK,GAAAgC,gBAAA,GAAED,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE/B,KAAK,cAAAgC,gBAAA,cAAAA,gBAAA,GAAI9B,IAAI,CAACF,KAAK;MACrCD,MAAM,GAAAkC,iBAAA,GAAEF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEhC,MAAM,cAAAkC,iBAAA,cAAAA,iBAAA,GAAI/B,IAAI,CAACH,MAAM;MACxCK,SAAS,EAAE,IAAAQ,aAAO,EAChB,IAAI,CAAChB,SAAS,CAAC0C,SAAS,EACxB,CAACP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI7B,IAAI,EAAEE,SACtB,CAAC;MACDD,SAAS,EAAE,IAAAS,aAAO,EAChB,IAAI,CAAChB,SAAS,CAAC2C,SAAS,EACxB,CAACR,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI7B,IAAI,EAAEC,SACtB;IACF,CAAC;IACD,OAAO,IAAI,CAACN,GAAG,CAAC+B,UAAU,CAACC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,EAAEC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,EAAEI,MAAM,CAAC;EAC1D;EAMAM,mBAAmBA,CAAA,EAAY;IAC7B,OAAO,IAAI/C,UAAU,CACnB,IAAI,CAACG,SAAS,EACd,IAAI,CAACA,SAAS,CAAC6C,oBAAoB,CAAC,IAAI,CAACnB,aAAa,CAAC,CAAC,CAC1D,CAAC;EACH;AACF;AAAC9B,OAAA,CAAAC,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,11 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkData, ImageInfo, SkImage } from "../types";
+import type { ImageFactory } from "../types/Image/ImageFactory";
+import { Host } from "./Host";
+import { JsiSkImage } from "./JsiSkImage";
+export declare class JsiSkImageFactory extends Host implements ImageFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeImageFromViewTag(viewTag: number): Promise<SkImage | null>;
+    MakeImageFromEncoded(encoded: SkData): JsiSkImage | null;
+    MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): JsiSkImage | null;
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkImageFactory = void 0;
+var _Host = require("./Host");
+var _JsiSkImage = require("./JsiSkImage");
+var _JsiSkData = require("./JsiSkData");
+class JsiSkImageFactory extends _Host.Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+  MakeImageFromViewTag(viewTag) {
+    const view = viewTag;
+    // TODO: Implement screenshot from view in React JS
+    console.log(view);
+    return Promise.resolve(null);
+  }
+  MakeImageFromEncoded(encoded) {
+    const image = this.CanvasKit.MakeImageFromEncoded(_JsiSkData.JsiSkData.fromValue(encoded));
+    if (image === null) {
+      return null;
+    }
+    return new _JsiSkImage.JsiSkImage(this.CanvasKit, image);
+  }
+  MakeImage(info, data, bytesPerRow) {
+    // see toSkImageInfo() from canvaskit
+    const image = this.CanvasKit.MakeImage({
+      alphaType: (0, _Host.getEnum)(this.CanvasKit.AlphaType, info.alphaType),
+      colorSpace: this.CanvasKit.ColorSpace.SRGB,
+      colorType: (0, _Host.getEnum)(this.CanvasKit.ColorType, info.colorType),
+      height: info.height,
+      width: info.width
+    }, _JsiSkData.JsiSkData.fromValue(data), bytesPerRow);
+    if (image === null) {
+      return null;
+    }
+    return new _JsiSkImage.JsiSkImage(this.CanvasKit, image);
+  }
+}
+exports.JsiSkImageFactory = JsiSkImageFactory;
+//# sourceMappingURL=JsiSkImageFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_JsiSkImage","_JsiSkData","JsiSkImageFactory","Host","constructor","CanvasKit","MakeImageFromViewTag","viewTag","view","console","log","Promise","resolve","MakeImageFromEncoded","encoded","image","JsiSkData","fromValue","JsiSkImage","MakeImage","info","data","bytesPerRow","alphaType","getEnum","AlphaType","colorSpace","ColorSpace","SRGB","colorType","ColorType","height","width","exports"],"sources":["JsiSkImageFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { SkData, ImageInfo, SkImage } from \"../types\";\nimport type { ImageFactory } from \"../types/Image/ImageFactory\";\n\nimport { Host, getEnum } from \"./Host\";\nimport { JsiSkImage } from \"./JsiSkImage\";\nimport { JsiSkData } from \"./JsiSkData\";\n\nexport class JsiSkImageFactory extends Host implements ImageFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeImageFromViewTag(viewTag: number): Promise<SkImage | null> {\n    const view = viewTag as unknown as HTMLElement;\n    // TODO: Implement screenshot from view in React JS\n    console.log(view);\n    return Promise.resolve(null);\n  }\n\n  MakeImageFromEncoded(encoded: SkData) {\n    const image = this.CanvasKit.MakeImageFromEncoded(\n      JsiSkData.fromValue(encoded)\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number) {\n    // see toSkImageInfo() from canvaskit\n    const image = this.CanvasKit.MakeImage(\n      {\n        alphaType: getEnum(this.CanvasKit.AlphaType, info.alphaType),\n        colorSpace: this.CanvasKit.ColorSpace.SRGB,\n        colorType: getEnum(this.CanvasKit.ColorType, info.colorType),\n        height: info.height,\n        width: info.width,\n      },\n      JsiSkData.fromValue(data),\n      bytesPerRow\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,SAASC,UAAI,CAAyB;EAClEC,WAAWA,CAACC,SAAoB,EAAE;IAChC,KAAK,CAACA,SAAS,CAAC;EAClB;EAEAC,oBAAoBA,CAACC,OAAe,EAA2B;IAC7D,MAAMC,IAAI,GAAGD,OAAiC;IAC9C;IACAE,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC;IACjB,OAAOG,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;EAC9B;EAEAC,oBAAoBA,CAACC,OAAe,EAAE;IACpC,MAAMC,KAAK,GAAG,IAAI,CAACV,SAAS,CAACQ,oBAAoB,CAC/CG,oBAAS,CAACC,SAAS,CAACH,OAAO,CAC7B,CAAC;IACD,IAAIC,KAAK,KAAK,IAAI,EAAE;MAClB,OAAO,IAAI;IACb;IACA,OAAO,IAAIG,sBAAU,CAAC,IAAI,CAACb,SAAS,EAAEU,KAAK,CAAC;EAC9C;EAEAI,SAASA,CAACC,IAAe,EAAEC,IAAY,EAAEC,WAAmB,EAAE;IAC5D;IACA,MAAMP,KAAK,GAAG,IAAI,CAACV,SAAS,CAACc,SAAS,CACpC;MACEI,SAAS,EAAE,IAAAC,aAAO,EAAC,IAAI,CAACnB,SAAS,CAACoB,SAAS,EAAEL,IAAI,CAACG,SAAS,CAAC;MAC5DG,UAAU,EAAE,IAAI,CAACrB,SAAS,CAACsB,UAAU,CAACC,IAAI;MAC1CC,SAAS,EAAE,IAAAL,aAAO,EAAC,IAAI,CAACnB,SAAS,CAACyB,SAAS,EAAEV,IAAI,CAACS,SAAS,CAAC;MAC5DE,MAAM,EAAEX,IAAI,CAACW,MAAM;MACnBC,KAAK,EAAEZ,IAAI,CAACY;IACd,CAAC,EACDhB,oBAAS,CAACC,SAAS,CAACI,IAAI,CAAC,EACzBC,WACF,CAAC;IACD,IAAIP,KAAK,KAAK,IAAI,EAAE;MAClB,OAAO,IAAI;IACb;IACA,OAAO,IAAIG,sBAAU,CAAC,IAAI,CAACb,SAAS,EAAEU,KAAK,CAAC;EAC9C;AACF;AAACkB,OAAA,CAAA/B,iBAAA,GAAAA,iBAAA"}

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

@@ -0,0 +1,7 @@
+import type { CanvasKit, ImageFilter } from "canvaskit-wasm";
+import type { SkImageFilter } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkImageFilter extends HostObject<ImageFilter, "ImageFilter"> implements SkImageFilter {
+    constructor(CanvasKit: CanvasKit, ref: ImageFilter);
+    dispose: () => void;
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkImageFilter = void 0;
+var _Host = require("./Host");
+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); }
+class JsiSkImageFilter extends _Host.HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "ImageFilter");
+    _defineProperty(this, "dispose", () => {
+      this.ref.delete();
+    });
+  }
+}
+exports.JsiSkImageFilter = JsiSkImageFilter;
+//# sourceMappingURL=JsiSkImageFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","JsiSkImageFilter","HostObject","constructor","CanvasKit","ref","delete","exports"],"sources":["JsiSkImageFilter.ts"],"sourcesContent":["import type { CanvasKit, ImageFilter } from \"canvaskit-wasm\";\n\nimport type { SkImageFilter } from \"../types\";\n\nimport { HostObject } from \"./Host\";\n\nexport class JsiSkImageFilter\n  extends HostObject<ImageFilter, \"ImageFilter\">\n  implements SkImageFilter\n{\n  constructor(CanvasKit: CanvasKit, ref: ImageFilter) {\n    super(CanvasKit, ref, \"ImageFilter\");\n  }\n\n  dispose = () => {\n    this.ref.delete();\n  };\n}\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAAoC,SAAAC,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAE7B,MAAMW,gBAAgB,SACnBC,gBAAU,CAEpB;EACEC,WAAWA,CAACC,SAAoB,EAAEC,GAAgB,EAAE;IAClD,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,aAAa,CAAC;IAACzB,eAAA,kBAG7B,MAAM;MACd,IAAI,CAACyB,GAAG,CAACC,MAAM,CAAC,CAAC;IACnB,CAAC;EAJD;AAKF;AAACC,OAAA,CAAAN,gBAAA,GAAAA,gBAAA"}

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

@@ -0,0 +1,19 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { ColorChannel, ImageFilterFactory, SkColor, SkColorFilter, SkImageFilter, BlendMode, SkRect, SkRuntimeShaderBuilder, SkShader, TileMode } from "../types";
+import { Host } from "./Host";
+import { JsiSkImageFilter } from "./JsiSkImageFilter";
+export declare class JsiSkImageFilterFactory extends Host implements ImageFilterFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeOffset(dx: number, dy: number, input: SkImageFilter | null): JsiSkImageFilter;
+    MakeDisplacementMap(channelX: ColorChannel, channelY: ColorChannel, scale: number, in1: SkImageFilter, input: SkImageFilter | null): SkImageFilter;
+    MakeShader(shader: SkShader, _input: SkImageFilter | null): SkImageFilter;
+    MakeBlur(sigmaX: number, sigmaY: number, mode: TileMode, input: SkImageFilter | null): JsiSkImageFilter;
+    MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null): JsiSkImageFilter;
+    MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null): JsiSkImageFilter;
+    MakeDropShadow(dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null, cropRect?: SkRect): SkImageFilter;
+    MakeDropShadowOnly(dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null, cropRect?: SkRect): SkImageFilter;
+    MakeErode(rx: number, ry: number, input: SkImageFilter | null, cropRect?: SkRect): SkImageFilter;
+    MakeDilate(rx: number, ry: number, input: SkImageFilter | null, cropRect?: SkRect): SkImageFilter;
+    MakeBlend(mode: BlendMode, background: SkImageFilter, foreground: SkImageFilter | null, cropRect?: SkRect): SkImageFilter;
+    MakeRuntimeShader(_builder: SkRuntimeShaderBuilder, _childShaderName: string | null, _input: SkImageFilter | null): SkImageFilter;
+}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkImageFilterFactory = void 0;
+var _Host = require("./Host");
+var _JsiSkImageFilter = require("./JsiSkImageFilter");
+var _JsiSkColorFilter = require("./JsiSkColorFilter");
+class JsiSkImageFilterFactory extends _Host.Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+  MakeOffset(dx, dy, input) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    const filter = this.CanvasKit.ImageFilter.MakeOffset(dx, dy, inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeDisplacementMap(channelX, channelY, scale, in1, input) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    const filter = this.CanvasKit.ImageFilter.MakeDisplacementMap((0, _Host.getEnum)(this.CanvasKit.ColorChannel, channelX), (0, _Host.getEnum)(this.CanvasKit.ColorChannel, channelY), scale, _JsiSkImageFilter.JsiSkImageFilter.fromValue(in1), inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeShader(shader, _input) {
+    const filter = this.CanvasKit.ImageFilter.MakeShader(_JsiSkImageFilter.JsiSkImageFilter.fromValue(shader));
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeBlur(sigmaX, sigmaY, mode, input) {
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, this.CanvasKit.ImageFilter.MakeBlur(sigmaX, sigmaY, (0, _Host.getEnum)(this.CanvasKit.TileMode, mode), input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input)));
+  }
+  MakeColorFilter(cf, input) {
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, this.CanvasKit.ImageFilter.MakeColorFilter(_JsiSkColorFilter.JsiSkColorFilter.fromValue(cf), input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input)));
+  }
+  MakeCompose(outer, inner) {
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, this.CanvasKit.ImageFilter.MakeCompose(outer === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(outer), inner === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(inner)));
+  }
+  MakeDropShadow(dx, dy, sigmaX, sigmaY, color, input, cropRect) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    if (cropRect) {
+      throw new _Host.NotImplementedOnRNWeb("The cropRect argument is not yet supported on React Native Web.");
+    }
+    const filter = this.CanvasKit.ImageFilter.MakeDropShadow(dx, dy, sigmaX, sigmaY, color, inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeDropShadowOnly(dx, dy, sigmaX, sigmaY, color, input, cropRect) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    if (cropRect) {
+      throw new _Host.NotImplementedOnRNWeb("The cropRect argument is not yet supported on React Native Web.");
+    }
+    const filter = this.CanvasKit.ImageFilter.MakeDropShadowOnly(dx, dy, sigmaX, sigmaY, color, inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeErode(rx, ry, input, cropRect) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    if (cropRect) {
+      throw new _Host.NotImplementedOnRNWeb("The cropRect argument is not yet supported on React Native Web.");
+    }
+    const filter = this.CanvasKit.ImageFilter.MakeErode(rx, ry, inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeDilate(rx, ry, input, cropRect) {
+    const inputFilter = input === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(input);
+    if (cropRect) {
+      throw new _Host.NotImplementedOnRNWeb("The cropRect argument is not yet supported on React Native Web.");
+    }
+    const filter = this.CanvasKit.ImageFilter.MakeDilate(rx, ry, inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeBlend(mode, background, foreground, cropRect) {
+    const inputFilter = foreground === null ? null : _JsiSkImageFilter.JsiSkImageFilter.fromValue(foreground);
+    if (cropRect) {
+      throw new _Host.NotImplementedOnRNWeb("The cropRect argument is not yet supported on React Native Web.");
+    }
+    const filter = this.CanvasKit.ImageFilter.MakeBlend((0, _Host.getEnum)(this.CanvasKit.BlendMode, mode), _JsiSkImageFilter.JsiSkImageFilter.fromValue(background), inputFilter);
+    return new _JsiSkImageFilter.JsiSkImageFilter(this.CanvasKit, filter);
+  }
+  MakeRuntimeShader(_builder, _childShaderName, _input) {
+    throw new _Host.NotImplementedOnRNWeb();
+  }
+}
+exports.JsiSkImageFilterFactory = JsiSkImageFilterFactory;
+//# sourceMappingURL=JsiSkImageFilterFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_JsiSkImageFilter","_JsiSkColorFilter","JsiSkImageFilterFactory","Host","constructor","CanvasKit","MakeOffset","dx","dy","input","inputFilter","JsiSkImageFilter","fromValue","filter","ImageFilter","MakeDisplacementMap","channelX","channelY","scale","in1","getEnum","ColorChannel","MakeShader","shader","_input","MakeBlur","sigmaX","sigmaY","mode","TileMode","MakeColorFilter","cf","JsiSkColorFilter","MakeCompose","outer","inner","MakeDropShadow","color","cropRect","NotImplementedOnRNWeb","MakeDropShadowOnly","MakeErode","rx","ry","MakeDilate","MakeBlend","background","foreground","BlendMode","MakeRuntimeShader","_builder","_childShaderName","exports"],"sources":["JsiSkImageFilterFactory.ts"],"sourcesContent":["import type { CanvasKit, ImageFilter } from \"canvaskit-wasm\";\n\nimport type {\n  ColorChannel,\n  ImageFilterFactory,\n  SkColor,\n  SkColorFilter,\n  SkImageFilter,\n  BlendMode,\n  SkRect,\n  SkRuntimeShaderBuilder,\n  SkShader,\n  TileMode,\n} from \"../types\";\n\nimport { Host, NotImplementedOnRNWeb, getEnum } from \"./Host\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\nimport { JsiSkColorFilter } from \"./JsiSkColorFilter\";\n\nexport class JsiSkImageFilterFactory\n  extends Host\n  implements ImageFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeOffset(dx: number, dy: number, input: SkImageFilter | null) {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    const filter = this.CanvasKit.ImageFilter.MakeOffset(dx, dy, inputFilter);\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeDisplacementMap(\n    channelX: ColorChannel,\n    channelY: ColorChannel,\n    scale: number,\n    in1: SkImageFilter,\n    input: SkImageFilter | null\n  ): SkImageFilter {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    const filter = this.CanvasKit.ImageFilter.MakeDisplacementMap(\n      getEnum(this.CanvasKit.ColorChannel, channelX),\n      getEnum(this.CanvasKit.ColorChannel, channelY),\n      scale,\n      JsiSkImageFilter.fromValue(in1),\n      inputFilter\n    );\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeShader(shader: SkShader, _input: SkImageFilter | null): SkImageFilter {\n    const filter = this.CanvasKit.ImageFilter.MakeShader(\n      JsiSkImageFilter.fromValue(shader)\n    );\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeBlur(\n    sigmaX: number,\n    sigmaY: number,\n    mode: TileMode,\n    input: SkImageFilter | null\n  ) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeBlur(\n        sigmaX,\n        sigmaY,\n        getEnum(this.CanvasKit.TileMode, mode),\n        input === null ? null : JsiSkImageFilter.fromValue(input)\n      )\n    );\n  }\n\n  MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeColorFilter(\n        JsiSkColorFilter.fromValue(cf),\n        input === null ? null : JsiSkImageFilter.fromValue(input)\n      )\n    );\n  }\n\n  MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeCompose(\n        outer === null ? null : JsiSkImageFilter.fromValue(outer),\n        inner === null ? null : JsiSkImageFilter.fromValue(inner)\n      )\n    );\n  }\n\n  MakeDropShadow(\n    dx: number,\n    dy: number,\n    sigmaX: number,\n    sigmaY: number,\n    color: SkColor,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ): SkImageFilter {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    if (cropRect) {\n      throw new NotImplementedOnRNWeb(\n        \"The cropRect argument is not yet supported on React Native Web.\"\n      );\n    }\n    const filter = this.CanvasKit.ImageFilter.MakeDropShadow(\n      dx,\n      dy,\n      sigmaX,\n      sigmaY,\n      color,\n      inputFilter\n    );\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeDropShadowOnly(\n    dx: number,\n    dy: number,\n    sigmaX: number,\n    sigmaY: number,\n    color: SkColor,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ): SkImageFilter {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    if (cropRect) {\n      throw new NotImplementedOnRNWeb(\n        \"The cropRect argument is not yet supported on React Native Web.\"\n      );\n    }\n    const filter = this.CanvasKit.ImageFilter.MakeDropShadowOnly(\n      dx,\n      dy,\n      sigmaX,\n      sigmaY,\n      color,\n      inputFilter\n    );\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeErode(\n    rx: number,\n    ry: number,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ): SkImageFilter {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    if (cropRect) {\n      throw new NotImplementedOnRNWeb(\n        \"The cropRect argument is not yet supported on React Native Web.\"\n      );\n    }\n    const filter = this.CanvasKit.ImageFilter.MakeErode(rx, ry, inputFilter);\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeDilate(\n    rx: number,\n    ry: number,\n    input: SkImageFilter | null,\n    cropRect?: SkRect\n  ): SkImageFilter {\n    const inputFilter =\n      input === null ? null : JsiSkImageFilter.fromValue<ImageFilter>(input);\n    if (cropRect) {\n      throw new NotImplementedOnRNWeb(\n        \"The cropRect argument is not yet supported on React Native Web.\"\n      );\n    }\n    const filter = this.CanvasKit.ImageFilter.MakeDilate(rx, ry, inputFilter);\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeBlend(\n    mode: BlendMode,\n    background: SkImageFilter,\n    foreground: SkImageFilter | null,\n    cropRect?: SkRect\n  ): SkImageFilter {\n    const inputFilter =\n      foreground === null\n        ? null\n        : JsiSkImageFilter.fromValue<ImageFilter>(foreground);\n    if (cropRect) {\n      throw new NotImplementedOnRNWeb(\n        \"The cropRect argument is not yet supported on React Native Web.\"\n      );\n    }\n    const filter = this.CanvasKit.ImageFilter.MakeBlend(\n      getEnum(this.CanvasKit.BlendMode, mode),\n      JsiSkImageFilter.fromValue(background),\n      inputFilter\n    );\n    return new JsiSkImageFilter(this.CanvasKit, filter);\n  }\n\n  MakeRuntimeShader(\n    _builder: SkRuntimeShaderBuilder,\n    _childShaderName: string | null,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { CanvasKit, MaskFilter } from "canvaskit-wasm";
+import type { SkMaskFilter } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkMaskFilter extends HostObject<MaskFilter, "MaskFilter"> implements SkMaskFilter {
+    constructor(CanvasKit: CanvasKit, ref: MaskFilter);
+    dispose: () => void;
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkMaskFilter = void 0;
+var _Host = require("./Host");
+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); }
+class JsiSkMaskFilter extends _Host.HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "MaskFilter");
+    _defineProperty(this, "dispose", () => {
+      this.ref.delete();
+    });
+  }
+}
+exports.JsiSkMaskFilter = JsiSkMaskFilter;
+//# sourceMappingURL=JsiSkMaskFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","JsiSkMaskFilter","HostObject","constructor","CanvasKit","ref","delete","exports"],"sources":["JsiSkMaskFilter.ts"],"sourcesContent":["import type { CanvasKit, MaskFilter } from \"canvaskit-wasm\";\n\nimport type { SkMaskFilter } from \"../types\";\n\nimport { HostObject } from \"./Host\";\n\nexport class JsiSkMaskFilter\n  extends HostObject<MaskFilter, \"MaskFilter\">\n  implements SkMaskFilter\n{\n  constructor(CanvasKit: CanvasKit, ref: MaskFilter) {\n    super(CanvasKit, ref, \"MaskFilter\");\n  }\n\n  dispose = () => {\n    this.ref.delete();\n  };\n}\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAAoC,SAAAC,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAE7B,MAAMW,eAAe,SAClBC,gBAAU,CAEpB;EACEC,WAAWA,CAACC,SAAoB,EAAEC,GAAe,EAAE;IACjD,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,YAAY,CAAC;IAACzB,eAAA,kBAG5B,MAAM;MACd,IAAI,CAACyB,GAAG,CAACC,MAAM,CAAC,CAAC;IACnB,CAAC;EAJD;AAKF;AAACC,OAAA,CAAAN,eAAA,GAAAA,eAAA"}

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

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { BlurStyle } from "../types";
+import type { MaskFilterFactory } from "../types/MaskFilter";
+import { Host } from "./Host";
+import { JsiSkMaskFilter } from "./JsiSkMaskFilter";
+export declare class JsiSkMaskFilterFactory extends Host implements MaskFilterFactory {
+    constructor(CanvasKit: CanvasKit);
+    MakeBlur(style: BlurStyle, sigma: number, respectCTM: boolean): JsiSkMaskFilter;
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkMaskFilterFactory = void 0;
+var _Host = require("./Host");
+var _JsiSkMaskFilter = require("./JsiSkMaskFilter");
+class JsiSkMaskFilterFactory extends _Host.Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+  MakeBlur(style, sigma, respectCTM) {
+    return new _JsiSkMaskFilter.JsiSkMaskFilter(this.CanvasKit, this.CanvasKit.MaskFilter.MakeBlur((0, _Host.getEnum)(this.CanvasKit.BlurStyle, style), sigma, respectCTM));
+  }
+}
+exports.JsiSkMaskFilterFactory = JsiSkMaskFilterFactory;
+//# sourceMappingURL=JsiSkMaskFilterFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Host","require","_JsiSkMaskFilter","JsiSkMaskFilterFactory","Host","constructor","CanvasKit","MakeBlur","style","sigma","respectCTM","JsiSkMaskFilter","MaskFilter","getEnum","BlurStyle","exports"],"sources":["JsiSkMaskFilterFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { BlurStyle } from \"../types\";\nimport type { MaskFilterFactory } from \"../types/MaskFilter\";\n\nimport { Host, getEnum } from \"./Host\";\nimport { JsiSkMaskFilter } from \"./JsiSkMaskFilter\";\n\nexport class JsiSkMaskFilterFactory extends Host implements MaskFilterFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeBlur(style: BlurStyle, sigma: number, respectCTM: boolean) {\n    return new JsiSkMaskFilter(\n      this.CanvasKit,\n      this.CanvasKit.MaskFilter.MakeBlur(\n        getEnum(this.CanvasKit.BlurStyle, style),\n        sigma,\n        respectCTM\n      )\n    );\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEO,MAAME,sBAAsB,SAASC,UAAI,CAA8B;EAC5EC,WAAWA,CAACC,SAAoB,EAAE;IAChC,KAAK,CAACA,SAAS,CAAC;EAClB;EAEAC,QAAQA,CAACC,KAAgB,EAAEC,KAAa,EAAEC,UAAmB,EAAE;IAC7D,OAAO,IAAIC,gCAAe,CACxB,IAAI,CAACL,SAAS,EACd,IAAI,CAACA,SAAS,CAACM,UAAU,CAACL,QAAQ,CAChC,IAAAM,aAAO,EAAC,IAAI,CAACP,SAAS,CAACQ,SAAS,EAAEN,KAAK,CAAC,EACxCC,KAAK,EACLC,UACF,CACF,CAAC;EACH;AACF;AAACK,OAAA,CAAAZ,sBAAA,GAAAA,sBAAA"}

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

@@ -0,0 +1,20 @@
+import type { CanvasKit, Matrix3x3 } from "canvaskit-wasm";
+import type { SkMatrix, InputMatrix } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkMatrix extends HostObject<Matrix3x3, "Matrix"> implements SkMatrix {
+    constructor(CanvasKit: CanvasKit, ref: Matrix3x3);
+    private preMultiply;
+    private postMultiply;
+    dispose: () => void;
+    concat(matrix: InputMatrix): this;
+    translate(x: number, y: number): this;
+    postTranslate(x: number, y: number): this;
+    scale(x: number, y?: number): this;
+    postScale(x: number, y?: number): this;
+    skew(x: number, y: number): this;
+    postSkew(x: number, y: number): this;
+    rotate(value: number): this;
+    postRotate(value: number): this;
+    identity(): this;
+    get(): number[];
+}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiSkMatrix = void 0;
+var _types = require("../types");
+var _Host = require("./Host");
+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); }
+const isMatrixHostObject = obj => !Array.isArray(obj);
+class JsiSkMatrix extends _Host.HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Matrix");
+    _defineProperty(this, "dispose", () => {
+      // Do nothing - the matrix is represenetd by a Float32Array
+    });
+  }
+  preMultiply(matrix) {
+    this.ref.set(this.CanvasKit.Matrix.multiply(this.ref, matrix));
+  }
+  postMultiply(matrix) {
+    this.ref.set(this.CanvasKit.Matrix.multiply(matrix, this.ref));
+  }
+  concat(matrix) {
+    this.preMultiply(
+    // eslint-disable-next-line no-nested-ternary
+    isMatrixHostObject(matrix) ? JsiSkMatrix.fromValue(matrix) : matrix.length === 16 ? (0, _types.toMatrix3)(matrix) : [...matrix]);
+    return this;
+  }
+  translate(x, y) {
+    this.preMultiply(this.CanvasKit.Matrix.translated(x, y));
+    return this;
+  }
+  postTranslate(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.translated(x, y));
+    return this;
+  }
+  scale(x, y) {
+    this.preMultiply(this.CanvasKit.Matrix.scaled(x, y !== null && y !== void 0 ? y : x));
+    return this;
+  }
+  postScale(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.scaled(x, y !== null && y !== void 0 ? y : x));
+    return this;
+  }
+  skew(x, y) {
+    this.preMultiply(this.CanvasKit.Matrix.skewed(x, y));
+    return this;
+  }
+  postSkew(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.skewed(x, y));
+    return this;
+  }
+  rotate(value) {
+    this.preMultiply(this.CanvasKit.Matrix.rotated(value));
+    return this;
+  }
+  postRotate(value) {
+    this.postMultiply(this.CanvasKit.Matrix.rotated(value));
+    return this;
+  }
+  identity() {
+    this.ref.set(this.CanvasKit.Matrix.identity());
+    return this;
+  }
+  get() {
+    return Array.from(this.ref);
+  }
+}
+exports.JsiSkMatrix = JsiSkMatrix;
+//# sourceMappingURL=JsiSkMatrix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_Host","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","isMatrixHostObject","Array","isArray","JsiSkMatrix","HostObject","constructor","CanvasKit","ref","preMultiply","matrix","set","Matrix","multiply","postMultiply","concat","fromValue","length","toMatrix3","translate","x","y","translated","postTranslate","scale","scaled","postScale","skew","skewed","postSkew","rotate","rotated","postRotate","identity","get","from","exports"],"sources":["JsiSkMatrix.ts"],"sourcesContent":["import type { CanvasKit, Matrix3x3 } from \"canvaskit-wasm\";\n\nimport { toMatrix3 } from \"../types\";\nimport type { SkMatrix, InputMatrix, Matrix4 } from \"../types\";\n\nimport { HostObject } from \"./Host\";\n\nconst isMatrixHostObject = (obj: InputMatrix): obj is SkMatrix =>\n  !Array.isArray(obj);\n\nexport class JsiSkMatrix\n  extends HostObject<Matrix3x3, \"Matrix\">\n  implements SkMatrix\n{\n  constructor(CanvasKit: CanvasKit, ref: Matrix3x3) {\n    super(CanvasKit, ref, \"Matrix\");\n  }\n\n  private preMultiply(matrix: number[]) {\n    this.ref.set(this.CanvasKit.Matrix.multiply(this.ref, matrix));\n  }\n\n  private postMultiply(matrix: number[]) {\n    this.ref.set(this.CanvasKit.Matrix.multiply(matrix, this.ref));\n  }\n\n  dispose = () => {\n    // Do nothing - the matrix is represenetd by a Float32Array\n  };\n\n  concat(matrix: InputMatrix) {\n    this.preMultiply(\n      // eslint-disable-next-line no-nested-ternary\n      isMatrixHostObject(matrix)\n        ? JsiSkMatrix.fromValue(matrix)\n        : matrix.length === 16\n        ? toMatrix3(matrix as Matrix4)\n        : [...matrix]\n    );\n    return this;\n  }\n\n  translate(x: number, y: number) {\n    this.preMultiply(this.CanvasKit.Matrix.translated(x, y));\n    return this;\n  }\n\n  postTranslate(x: number, y: number) {\n    this.postMultiply(this.CanvasKit.Matrix.translated(x, y));\n    return this;\n  }\n\n  scale(x: number, y?: number) {\n    this.preMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));\n    return this;\n  }\n\n  postScale(x: number, y?: number) {\n    this.postMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));\n    return this;\n  }\n\n  skew(x: number, y: number) {\n    this.preMultiply(this.CanvasKit.Matrix.skewed(x, y));\n    return this;\n  }\n\n  postSkew(x: number, y: number) {\n    this.postMultiply(this.CanvasKit.Matrix.skewed(x, y));\n    return this;\n  }\n\n  rotate(value: number) {\n    this.preMultiply(this.CanvasKit.Matrix.rotated(value));\n    return this;\n  }\n\n  postRotate(value: number) {\n    this.postMultiply(this.CanvasKit.Matrix.rotated(value));\n    return this;\n  }\n\n  identity() {\n    this.ref.set(this.CanvasKit.Matrix.identity());\n    return this;\n  }\n\n  get() {\n    return Array.from(this.ref);\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import type { CanvasKit, Paint } from "canvaskit-wasm";
+import type { StrokeJoin, BlendMode, SkColor, SkColorFilter, SkImageFilter, SkPaint, SkShader, StrokeCap, PaintStyle, SkMaskFilter, SkPathEffect } from "../types";
+import { HostObject } from "./Host";
+export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements SkPaint {
+    constructor(CanvasKit: CanvasKit, ref: Paint);
+    dispose: () => void;
+    copy(): JsiSkPaint;
+    reset(): void;
+    getAlphaf(): number;
+    getColor(): Float32Array;
+    getStrokeCap(): number;
+    getStrokeJoin(): number;
+    getStrokeMiter(): number;
+    getStrokeWidth(): number;
+    setAlphaf(alpha: number): void;
+    setAntiAlias(aa: boolean): void;
+    setDither(dither: boolean): void;
+    setBlendMode(blendMode: BlendMode): void;
+    setColor(color: SkColor): void;
+    setColorFilter(filter: SkColorFilter | null): void;
+    setImageFilter(filter: SkImageFilter | null): void;
+    setMaskFilter(filter: SkMaskFilter | null): void;
+    setPathEffect(effect: SkPathEffect | null): void;
+    setShader(shader: SkShader | null): void;
+    setStrokeCap(cap: StrokeCap): void;
+    setStrokeJoin(join: StrokeJoin): void;
+    setStrokeMiter(limit: number): void;
+    setStrokeWidth(width: number): void;
+    setStyle(style: PaintStyle): void;
+}