@shopify/react-native-skia 0.1.132 → 0.1.133

package/src/skia/web/JsiSkPath.ts

@@ -17,6 +17,29 @@ import { ckEnum, HostObject, optEnum, toValue } from "./Host";
 import { JsiSkPoint } from "./JsiSkPoint";
 import { JsiSkRect } from "./JsiSkRect";
 
+const CommandCount = {
+  [PathVerb.Move]: 3,
+  [PathVerb.Line]: 3,
+  [PathVerb.Quad]: 5,
+  [PathVerb.Conic]: 6,
+  [PathVerb.Cubic]: 7,
+  [PathVerb.Close]: 1,
+};
+
+const areCmdsInterpolatable = (cmd1: PathCommand[], cmd2: PathCommand[]) => {
+  if (cmd1.length !== cmd2.length) {
+    return false;
+  }
+  for (let i = 0; i < cmd1.length; i++) {
+    if (cmd1[i][0] !== cmd2[i][0]) {
+      return false;
+    } else if (cmd1[i][0] === PathVerb.Conic && cmd1[i][5] !== cmd2[i][5]) {
+      return false;
+    }
+  }
+  return true;
+};
+
 export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
   constructor(CanvasKit: CanvasKit, ref: Path) {
     super(CanvasKit, ref, "Path");
@@ -300,20 +323,25 @@ export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     // throw new NotImplementedOnRNWeb();
     const cmd1 = this.toCmds();
     const cmd2 = end.toCmds();
-    if (cmd1.length !== cmd2.length) {
+    if (!areCmdsInterpolatable(cmd1, cmd2)) {
       return null;
     }
     const interpolated: PathCommand[] = [];
-    for (let i = 0; i < cmd1.length; i++) {
-      if (cmd1[i][0] !== cmd2[i][0]) {
-        return null;
-      }
-      const cmd: PathCommand = [cmd1[i][0]];
-      for (let j = 1; j < cmd1[i].length; j++) {
-        cmd.push(cmd2[i][j] + (cmd1[i][j] - cmd2[i][j]) * t);
-      }
-      interpolated.push(cmd);
-    }
+    cmd1.forEach((cmd, i) => {
+      const interpolatedCmd = [cmd[0]];
+      interpolated.push(interpolatedCmd);
+      cmd.forEach((c, j) => {
+        if (j === 0) {
+          return;
+        }
+        if (interpolatedCmd[0] === PathVerb.Conic && j === 5) {
+          interpolatedCmd.push(c);
+        } else {
+          const c2 = cmd2[i][j];
+          interpolatedCmd.push(c2 + (c - c2) * t);
+        }
+      });
+    });
     const path = this.CanvasKit.Path.MakeFromCmds(interpolated.flat());
     if (path === null) {
       return null;
@@ -326,44 +354,33 @@ export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     // throw new NotImplementedOnRNWeb();
     const cmd1 = this.toCmds();
     const cmd2 = path2.toCmds();
-    if (cmd1.length !== cmd2.length) {
-      return false;
-    }
-    for (let i = 0; i < cmd1.length; i++) {
-      if (cmd1[i][0] !== cmd2[i][0]) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  toCmds(): PathCommand[] {
-    const cmds: PathCommand[] = [];
-    let cmd = [];
-    const flatCmds = this.ref.toCmds();
-    const CmdCount = {
-      [PathVerb.Move]: 3,
-      [PathVerb.Line]: 3,
-      [PathVerb.Quad]: 5,
-      [PathVerb.Conic]: 6,
-      [PathVerb.Cubic]: 7,
-      [PathVerb.Close]: 0,
-      [PathVerb.Done]: 0,
-    };
-    for (let i = 0; i < flatCmds.length; i++) {
-      if (cmd.length === 0 && flatCmds[i] === PathVerb.Done) {
-        break;
+    return areCmdsInterpolatable(cmd1, cmd2);
+  }
+
+  toCmds() {
+    const cmds = this.ref.toCmds();
+    const result = cmds.reduce<PathCommand[]>((acc, cmd, i) => {
+      if (i === 0) {
+        acc.push([]);
       }
-      const c = flatCmds[i];
-      cmd.push(c);
-      if (cmd.length > 1) {
-        const length = CmdCount[cmd[0] as PathVerb];
-        if (cmd.length === length) {
-          cmds.push(cmd);
-          cmd = [];
+      const current = acc[acc.length - 1];
+      if (current.length === 0) {
+        current.push(cmd);
+        const length = CommandCount[current[0] as PathVerb];
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
+        }
+      } else {
+        const length = CommandCount[current[0] as PathVerb];
+        if (current.length < length) {
+          current.push(cmd);
+        }
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
         }
       }
-    }
-    return cmds.concat(cmd);
+      return acc;
+    }, []);
+    return result;
   }
 }

package/src/skia/web/JsiSkShaderFactory.ts

@@ -172,7 +172,10 @@ export class JsiSkShaderFactory extends Host implements ShaderFactory {
   MakeColor(color: SkColor) {
     return new JsiSkShader(
       this.CanvasKit,
-      this.CanvasKit.Shader.MakeColor(toValue(color))
+      this.CanvasKit.Shader.MakeColor(
+        toValue(color),
+        this.CanvasKit.ColorSpace.SRGB
+      )
     );
   }
 }

package/src/skia/web/JsiSkVerticesFactory.ts

@@ -5,6 +5,20 @@ import type { SkColor, SkPoint, VertexMode } from "../types";
 import { ckEnum } from "./Host";
 import { JsiSkVertices } from "./JsiSkVertices";
 
+const concat = (...arrays: Float32Array[]) => {
+  let totalLength = 0;
+  for (const arr of arrays) {
+    totalLength += arr.length;
+  }
+  const result = new Float32Array(totalLength);
+  let offset = 0;
+  for (const arr of arrays) {
+    result.set(arr, offset);
+    offset += arr.length;
+  }
+  return result;
+};
+
 export const MakeVertices = (
   CanvasKit: CanvasKit,
   mode: VertexMode,
@@ -20,7 +34,7 @@ export const MakeVertices = (
       ckEnum(mode),
       positions.map(({ x, y }) => [x, y]).flat(),
       (textureCoordinates || []).map(({ x, y }) => [x, y]).flat(),
-      colors,
+      !colors ? null : colors.reduce((a, c) => concat(a, c)),
       indices,
       isVolatile
     )

package/src/skia/web/JsiSkia.ts

@@ -27,7 +27,7 @@ import { JsiSkColorFilterFactory } from "./JsiSkColorFilterFactory";
 import { JsiSkTypefaceFactory } from "./JsiSkTypefaceFactory";
 import { JsiSkMaskFilterFactory } from "./JsiSkMaskFilterFactory";
 import { JsiSkRuntimeEffectFactory } from "./JsiSkRuntimeEffectFactory";
-import { JsiSkImageFilterFactory } from "./JsiImageFilterFactory";
+import { JsiSkImageFilterFactory } from "./JsiSkImageFilterFactory";
 import { JsiSkShaderFactory } from "./JsiSkShaderFactory";
 import { JsiSkPathEffectFactory } from "./JsiSkPathEffectFactory";
 import { JsiSkDataFactory } from "./JsiSkDataFactory";

package/src/views/SkiaView.web.tsx

@@ -175,17 +175,15 @@ export class SkiaView extends React.Component<
     const { mode, debug = false, ...viewProps } = this.props;
     return (
       <View {...viewProps} onLayout={this.onLayout.bind(this)}>
-        {this.state.width > -1 ? (
-          <canvas
-            ref={this._canvasRef}
-            width={`${this.state.width}px`}
-            height={`${this.state.height}px`}
-            onPointerDown={this.handleTouchStart.bind(this)}
-            onPointerMove={this.handleTouchMove.bind(this)}
-            onPointerUp={this.handleTouchEnd.bind(this)}
-            onPointerCancel={this.handleTouchCancel.bind(this)}
-          />
-        ) : null}
+        <canvas
+          ref={this._canvasRef}
+          width={this.state.width}
+          height={this.state.height}
+          onPointerDown={this.handleTouchStart.bind(this)}
+          onPointerMove={this.handleTouchMove.bind(this)}
+          onPointerUp={this.handleTouchEnd.bind(this)}
+          onPointerCancel={this.handleTouchCancel.bind(this)}
+        />
       </View>
     );
   }

package/src/web/index.ts

@@ -1,4 +1,6 @@
-import CanvasKitInit from "canvaskit-wasm";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import CanvasKitInit from "canvaskit-wasm/bin/full/canvaskit";
 import type { CanvasKit as CanvasKitType } from "canvaskit-wasm";
 
 declare global {

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

@@ -1 +0,0 @@
-{"version":3,"sources":["JsiImageFilterFactory.ts"],"names":["JsiSkImageFilterFactory","Host","constructor","CanvasKit","MakeOffset","_dx","_dy","_input","NotImplementedOnRNWeb","MakeDisplacementMap","_channelX","_channelY","_scale","_in1","MakeShader","_shader","MakeBlur","sigmaX","sigmaY","mode","input","JsiSkImageFilter","ImageFilter","MakeColorFilter","cf","MakeCompose","outer","inner","MakeDropShadow","_sigmaX","_sigmaY","_color","_cropRect","MakeDropShadowOnly","MakeErode","_rx","_ry","MakeDilate","MakeBlend","_mode","_background","_foreground","MakeRuntimeShader","_builder","_childShaderName"],"mappings":";;;;;;;AAeA;;AACA;;AAEO,MAAMA,uBAAN,SACGC,UADH,CAGP;AACEC,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CACRC,GADQ,EAERC,GAFQ,EAGRC,MAHQ,EAIO;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDC,EAAAA,mBAAmB,CACjBC,SADiB,EAEjBC,SAFiB,EAGjBC,MAHiB,EAIjBC,IAJiB,EAKjBN,MALiB,EAMF;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDM,EAAAA,UAAU,CAACC,OAAD,EAAoBR,MAApB,EAAiE;AACzE,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDQ,EAAAA,QAAQ,CACNC,MADM,EAENC,MAFM,EAGNC,IAHM,EAINC,KAJM,EAKN;AACA,WAAO,IAAIC,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BN,QAA3B,CACEC,MADF,EAEEC,MAFF,EAGE,kBAAOC,IAAP,CAHF,EAIEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAJ1B,CAFK,CAAP;AASD;;AAEDG,EAAAA,eAAe,CAACC,EAAD,EAAoBJ,KAApB,EAAiD;AAC9D,WAAO,IAAIC,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BC,eAA3B,CACE,mBAAQC,EAAR,CADF,EAEEJ,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAF1B,CAFK,CAAP;AAOD;;AAEDK,EAAAA,WAAW,CAACC,KAAD,EAA8BC,KAA9B,EAA2D;AACpE,WAAO,IAAIN,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BG,WAA3B,CACEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAD1B,EAEEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAF1B,CAFK,CAAP;AAOD;;AAEDC,EAAAA,cAAc,CACZvB,GADY,EAEZC,GAFY,EAGZuB,OAHY,EAIZC,OAJY,EAKZC,MALY,EAMZxB,MANY,EAOZyB,SAPY,EAQG;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAEDyB,EAAAA,kBAAkB,CAChB5B,GADgB,EAEhBC,GAFgB,EAGhBuB,OAHgB,EAIhBC,OAJgB,EAKhBC,MALgB,EAMhBxB,MANgB,EAOhByB,SAPgB,EAQD;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED0B,EAAAA,SAAS,CACPC,GADO,EAEPC,GAFO,EAGP7B,MAHO,EAIPyB,SAJO,EAKQ;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED6B,EAAAA,UAAU,CACRF,GADQ,EAERC,GAFQ,EAGR7B,MAHQ,EAIRyB,SAJQ,EAKO;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED8B,EAAAA,SAAS,CACPC,KADO,EAEPC,WAFO,EAGPC,WAHO,EAIPT,SAJO,EAKQ;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAEDkC,EAAAA,iBAAiB,CACfC,QADe,EAEfC,gBAFe,EAGfrC,MAHe,EAIA;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAzHH","sourcesContent":["import type { CanvasKit } 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, ckEnum, toValue } from \"./Host\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\n\nexport class JsiSkImageFilterFactory\n  extends Host\n  implements ImageFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeOffset(\n    _dx: number,\n    _dy: number,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDisplacementMap(\n    _channelX: ColorChannel,\n    _channelY: ColorChannel,\n    _scale: number,\n    _in1: SkImageFilter,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeShader(_shader: SkShader, _input: SkImageFilter | null): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\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        ckEnum(mode),\n        input === null ? null : toValue(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        toValue(cf),\n        input === null ? null : toValue(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 : toValue(outer),\n        inner === null ? null : toValue(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    throw new NotImplementedOnRNWeb();\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    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeErode(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDilate(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlend(\n    _mode: BlendMode,\n    _background: SkImageFilter,\n    _foreground: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeRuntimeShader(\n    _builder: SkRuntimeShaderBuilder,\n    _childShaderName: string | null,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["JsiImageFilterFactory.ts"],"names":["Host","NotImplementedOnRNWeb","ckEnum","toValue","JsiSkImageFilter","JsiSkImageFilterFactory","constructor","CanvasKit","MakeOffset","_dx","_dy","_input","MakeDisplacementMap","_channelX","_channelY","_scale","_in1","MakeShader","_shader","MakeBlur","sigmaX","sigmaY","mode","input","ImageFilter","MakeColorFilter","cf","MakeCompose","outer","inner","MakeDropShadow","_sigmaX","_sigmaY","_color","_cropRect","MakeDropShadowOnly","MakeErode","_rx","_ry","MakeDilate","MakeBlend","_mode","_background","_foreground","MakeRuntimeShader","_builder","_childShaderName"],"mappings":"AAeA,SAASA,IAAT,EAAeC,qBAAf,EAAsCC,MAAtC,EAA8CC,OAA9C,QAA6D,QAA7D;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AAEA,OAAO,MAAMC,uBAAN,SACGL,IADH,CAGP;AACEM,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CACRC,GADQ,EAERC,GAFQ,EAGRC,MAHQ,EAIO;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDW,EAAAA,mBAAmB,CACjBC,SADiB,EAEjBC,SAFiB,EAGjBC,MAHiB,EAIjBC,IAJiB,EAKjBL,MALiB,EAMF;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDgB,EAAAA,UAAU,CAACC,OAAD,EAAoBP,MAApB,EAAiE;AACzE,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDkB,EAAAA,QAAQ,CACNC,MADM,EAENC,MAFM,EAGNC,IAHM,EAINC,KAJM,EAKN;AACA,WAAO,IAAInB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BL,QAA3B,CACEC,MADF,EAEEC,MAFF,EAGEnB,MAAM,CAACoB,IAAD,CAHR,EAIEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBpB,OAAO,CAACoB,KAAD,CAJjC,CAFK,CAAP;AASD;;AAEDE,EAAAA,eAAe,CAACC,EAAD,EAAoBH,KAApB,EAAiD;AAC9D,WAAO,IAAInB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BC,eAA3B,CACEtB,OAAO,CAACuB,EAAD,CADT,EAEEH,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBpB,OAAO,CAACoB,KAAD,CAFjC,CAFK,CAAP;AAOD;;AAEDI,EAAAA,WAAW,CAACC,KAAD,EAA8BC,KAA9B,EAA2D;AACpE,WAAO,IAAIzB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BG,WAA3B,CACEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBzB,OAAO,CAACyB,KAAD,CADjC,EAEEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB1B,OAAO,CAAC0B,KAAD,CAFjC,CAFK,CAAP;AAOD;;AAEDC,EAAAA,cAAc,CACZrB,GADY,EAEZC,GAFY,EAGZqB,OAHY,EAIZC,OAJY,EAKZC,MALY,EAMZtB,MANY,EAOZuB,SAPY,EAQG;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDkC,EAAAA,kBAAkB,CAChB1B,GADgB,EAEhBC,GAFgB,EAGhBqB,OAHgB,EAIhBC,OAJgB,EAKhBC,MALgB,EAMhBtB,MANgB,EAOhBuB,SAPgB,EAQD;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDmC,EAAAA,SAAS,CACPC,GADO,EAEPC,GAFO,EAGP3B,MAHO,EAIPuB,SAJO,EAKQ;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDsC,EAAAA,UAAU,CACRF,GADQ,EAERC,GAFQ,EAGR3B,MAHQ,EAIRuB,SAJQ,EAKO;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDuC,EAAAA,SAAS,CACPC,KADO,EAEPC,WAFO,EAGPC,WAHO,EAIPT,SAJO,EAKQ;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAED2C,EAAAA,iBAAiB,CACfC,QADe,EAEfC,gBAFe,EAGfnC,MAHe,EAIA;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAzHH","sourcesContent":["import type { CanvasKit } 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, ckEnum, toValue } from \"./Host\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\n\nexport class JsiSkImageFilterFactory\n  extends Host\n  implements ImageFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeOffset(\n    _dx: number,\n    _dy: number,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDisplacementMap(\n    _channelX: ColorChannel,\n    _channelY: ColorChannel,\n    _scale: number,\n    _in1: SkImageFilter,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeShader(_shader: SkShader, _input: SkImageFilter | null): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\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        ckEnum(mode),\n        input === null ? null : toValue(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        toValue(cf),\n        input === null ? null : toValue(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 : toValue(outer),\n        inner === null ? null : toValue(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    throw new NotImplementedOnRNWeb();\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    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeErode(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDilate(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlend(\n    _mode: BlendMode,\n    _background: SkImageFilter,\n    _foreground: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeRuntimeShader(\n    _builder: SkRuntimeShaderBuilder,\n    _childShaderName: string | null,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n}\n"]}