@shopify/react-native-skia 0.1.147 → 0.1.148

package/lib/module/dom/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd","sourcesContent":["export * from \"../types\";\nexport * from \"./JsiSkDOM\";\nexport * from \"./datatypes\";\n"]}

package/lib/module/dom/nodes/paint/BlendNode.js

@@ -0,0 +1,66 @@
+import { BlendMode } from "../../../skia/types";
+import { DeclarationType, NodeType } from "../../types/NodeType";
+import { JsiDeclarationNode } from "../Node";
+import { enumKey } from "../datatypes";
+import { ImageFilterDeclaration } from "./ImageFilters";
+import { ShaderDeclaration } from "./Shaders";
+export class BlendNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, DeclarationType.ImageFilter, NodeType.Blend, props);
+  }
+
+  checkChild(child) {
+    if (this._children.length > 0) {
+      if (child.declarationType === DeclarationType.ImageFilter) {
+        this.declarationType = DeclarationType.ImageFilter;
+      } else {
+        this.declarationType = DeclarationType.Shader;
+      }
+    }
+  }
+
+  addChild(child) {
+    if (!(child instanceof JsiDeclarationNode) || child.declarationType !== DeclarationType.Shader && child.declarationType !== DeclarationType.ImageFilter) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    this.checkChild(child);
+    super.addChild(child);
+  }
+
+  insertChildBefore(child, before) {
+    if (!(child instanceof ImageFilterDeclaration) || !(child instanceof ShaderDeclaration)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    this.checkChild(child);
+    super.insertChildBefore(child, before);
+  }
+
+  materialize() {
+    const {
+      Skia
+    } = this;
+    const blend = BlendMode[enumKey(this.props.mode)];
+
+    if (this.declarationType === DeclarationType.ImageFilter) {
+      return this._children.reverse().reduce((inner, outer) => {
+        if (inner === null) {
+          return outer.materialize();
+        }
+
+        return Skia.ImageFilter.MakeBlend(blend, outer.materialize(), inner);
+      }, null);
+    } else {
+      return this._children.reverse().reduce((inner, outer) => {
+        if (inner === null) {
+          return outer.materialize();
+        }
+
+        return Skia.Shader.MakeBlend(blend, outer.materialize(), inner);
+      }, null);
+    }
+  }
+
+}
+//# sourceMappingURL=BlendNode.js.map

package/lib/module/dom/nodes/paint/BlendNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BlendNode.ts"],"names":["BlendMode","DeclarationType","NodeType","JsiDeclarationNode","enumKey","ImageFilterDeclaration","ShaderDeclaration","BlendNode","constructor","ctx","props","ImageFilter","Blend","checkChild","child","_children","length","declarationType","Shader","addChild","Error","type","insertChildBefore","before","materialize","Skia","blend","mode","reverse","reduce","inner","outer","MakeBlend"],"mappings":"AAEA,SAASA,SAAT,QAA0B,qBAA1B;AACA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,sBAA1C;AAEA,SAASC,kBAAT,QAAmC,SAAnC;AAEA,SAASC,OAAT,QAAwB,cAAxB;AAEA,SAASC,sBAAT,QAAuC,gBAAvC;AACA,SAASC,iBAAT,QAAkC,WAAlC;AAEA,OAAO,MAAMC,SAAN,SAAwBJ,kBAAxB,CAGL;AACAK,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWR,eAAe,CAACU,WAA3B,EAAwCT,QAAQ,CAACU,KAAjD,EAAwDF,KAAxD;AACD;;AAEOG,EAAAA,UAAU,CAChBC,KADgB,EAEhB;AACA,QAAI,KAAKC,SAAL,CAAeC,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,UAAIF,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACU,WAA9C,EAA2D;AACzD,aAAKM,eAAL,GAAuBhB,eAAe,CAACU,WAAvC;AACD,OAFD,MAEO;AACL,aAAKM,eAAL,GAAuBhB,eAAe,CAACiB,MAAvC;AACD;AACF;AACF;;AAEDC,EAAAA,QAAQ,CAACL,KAAD,EAAuB;AAC7B,QACE,EAAEA,KAAK,YAAYX,kBAAnB,KACCW,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACiB,MAA1C,IACCJ,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACU,WAH9C,EAIE;AACA,YAAM,IAAIS,KAAJ,CAAW,4BAA2BN,KAAK,CAACO,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;AACD;;AACD,SAAKR,UAAL,CAAgBC,KAAhB;AACA,UAAMK,QAAN,CAAeL,KAAf;AACD;;AAEDQ,EAAAA,iBAAiB,CAACR,KAAD,EAAuBS,MAAvB,EAAoD;AACnE,QACE,EAAET,KAAK,YAAYT,sBAAnB,KACA,EAAES,KAAK,YAAYR,iBAAnB,CAFF,EAGE;AACA,YAAM,IAAIc,KAAJ,CAAW,4BAA2BN,KAAK,CAACO,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;AACD;;AACD,SAAKR,UAAL,CAAgBC,KAAhB;AACA,UAAMQ,iBAAN,CAAwBR,KAAxB,EAA+BS,MAA/B;AACD;;AAEDC,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA;AAAF,QAAW,IAAjB;AACA,UAAMC,KAAK,GAAG1B,SAAS,CAACI,OAAO,CAAC,KAAKM,KAAL,CAAWiB,IAAZ,CAAR,CAAvB;;AACA,QAAI,KAAKV,eAAL,KAAyBhB,eAAe,CAACU,WAA7C,EAA0D;AACxD,aAAQ,KAAKI,SAAN,CACJa,OADI,GAEJC,MAFI,CAEyB,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC9C,YAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,iBAAOC,KAAK,CAACP,WAAN,EAAP;AACD;;AACD,eAAOC,IAAI,CAACd,WAAL,CAAiBqB,SAAjB,CAA2BN,KAA3B,EAAkCK,KAAK,CAACP,WAAN,EAAlC,EAAuDM,KAAvD,CAAP;AACD,OAPI,EAOF,IAPE,CAAP;AAQD,KATD,MASO;AACL,aAAQ,KAAKf,SAAN,CACJa,OADI,GAEJC,MAFI,CAEoB,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACzC,YAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,iBAAOC,KAAK,CAACP,WAAN,EAAP;AACD;;AACD,eAAOC,IAAI,CAACP,MAAL,CAAYc,SAAZ,CAAsBN,KAAtB,EAA6BK,KAAK,CAACP,WAAN,EAA7B,EAAkDM,KAAlD,CAAP;AACD,OAPI,EAOF,IAPE,CAAP;AAQD;AACF;;AA9DD","sourcesContent":["import type { BlendProps } from \"../../types/ImageFilters\";\nimport type { SkShader, SkImageFilter } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { DeclarationType, NodeType } from \"../../types/NodeType\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type { Node } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\n\nimport { ImageFilterDeclaration } from \"./ImageFilters\";\nimport { ShaderDeclaration } from \"./Shaders\";\n\nexport class BlendNode extends JsiDeclarationNode<\n  BlendProps,\n  SkShader | SkImageFilter\n> {\n  constructor(ctx: NodeContext, props: BlendProps) {\n    super(ctx, DeclarationType.ImageFilter, NodeType.Blend, props);\n  }\n\n  private checkChild(\n    child: ImageFilterDeclaration<unknown> | ShaderDeclaration<unknown>\n  ) {\n    if (this._children.length > 0) {\n      if (child.declarationType === DeclarationType.ImageFilter) {\n        this.declarationType = DeclarationType.ImageFilter;\n      } else {\n        this.declarationType = DeclarationType.Shader;\n      }\n    }\n  }\n\n  addChild(child: Node<unknown>) {\n    if (\n      !(child instanceof JsiDeclarationNode) ||\n      (child.declarationType !== DeclarationType.Shader &&\n        child.declarationType !== DeclarationType.ImageFilter)\n    ) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    this.checkChild(child);\n    super.addChild(child);\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (\n      !(child instanceof ImageFilterDeclaration) ||\n      !(child instanceof ShaderDeclaration)\n    ) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    this.checkChild(child);\n    super.insertChildBefore(child, before);\n  }\n\n  materialize() {\n    const { Skia } = this;\n    const blend = BlendMode[enumKey(this.props.mode)];\n    if (this.declarationType === DeclarationType.ImageFilter) {\n      return (this._children as ImageFilterDeclaration<unknown>[])\n        .reverse()\n        .reduce<SkImageFilter | null>((inner, outer) => {\n          if (inner === null) {\n            return outer.materialize();\n          }\n          return Skia.ImageFilter.MakeBlend(blend, outer.materialize(), inner);\n        }, null) as SkImageFilter;\n    } else {\n      return (this._children as ShaderDeclaration<unknown>[])\n        .reverse()\n        .reduce<SkShader | null>((inner, outer) => {\n          if (inner === null) {\n            return outer.materialize();\n          }\n          return Skia.Shader.MakeBlend(blend, outer.materialize(), inner);\n        }, null) as SkShader;\n    }\n  }\n}\n"]}

package/lib/module/dom/nodes/paint/ColorFilters.js

@@ -0,0 +1,120 @@
+import { BlendMode } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { processColor } from "../datatypes";
+import { enumKey } from "../datatypes/Enum";
+export class ColorFilterDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.ColorFilter, type, props);
+  }
+
+  addChild(child) {
+    if (!(child instanceof ColorFilterDeclaration)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    super.addChild(child);
+  }
+
+  insertChildBefore(child, before) {
+    if (!(child instanceof ColorFilterDeclaration)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    super.insertChildBefore(child, before);
+  }
+
+  compose(filter) {
+    const children = this._children;
+
+    if (this._children.length === 0) {
+      return filter;
+    } else {
+      return this.Skia.ColorFilter.MakeCompose(filter, children.reduce((acc, child) => {
+        if (acc === null) {
+          return child.materialize();
+        }
+
+        return this.Skia.ColorFilter.MakeCompose(acc, child.materialize());
+      }, null));
+    }
+  }
+
+}
+export class MatrixColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.MatrixColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      matrix
+    } = this.props;
+    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);
+    return this.compose(cf);
+  }
+
+}
+export class BlendColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlendColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      mode
+    } = this.props;
+    const color = processColor(this.Skia, this.props.color, 1);
+    const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);
+    return this.compose(cf);
+  }
+
+}
+export class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();
+    return this.compose(cf);
+  }
+
+}
+export class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();
+    return this.compose(cf);
+  }
+
+}
+export class LumaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.LumaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();
+    return this.compose(cf);
+  }
+
+}
+export class LerpColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.LerpColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      t
+    } = this.props;
+    const [first, second] = this.children();
+    return this.Skia.ColorFilter.MakeLerp(t, first.materialize(), second.materialize());
+  }
+
+}
+//# sourceMappingURL=ColorFilters.js.map

package/lib/module/dom/nodes/paint/ColorFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorFilters.ts"],"names":["BlendMode","JsiDeclarationNode","DeclarationType","NodeType","processColor","enumKey","ColorFilterDeclaration","constructor","ctx","type","props","ColorFilter","addChild","child","Error","insertChildBefore","before","compose","filter","children","_children","length","Skia","MakeCompose","reduce","acc","materialize","MatrixColorFilterNode","MatrixColorFilter","matrix","cf","MakeMatrix","BlendColorFilterNode","BlendColorFilter","mode","color","MakeBlend","LinearToSRGBGammaColorFilterNode","LinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","SRGBToLinearGammaColorFilterNode","SRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","LumaColorFilterNode","LumaColorFilter","MakeLumaColorFilter","LerpColorFilterNode","LerpColorFilter","t","first","second","MakeLerp"],"mappings":"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","sourcesContent":["import { BlendMode } from \"../../../skia/types\";\nimport type { SkColorFilter } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n  Node,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { processColor } from \"../datatypes\";\nimport { enumKey } from \"../datatypes/Enum\";\nimport type { LerpColorFilterProps } from \"../../types/ColorFilters\";\n\nexport abstract class ColorFilterDeclaration<\n  P,\n  Nullable extends null | never = never\n> extends JsiDeclarationNode<P, SkColorFilter, Nullable> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.ColorFilter, type, props);\n  }\n\n  addChild(child: Node<unknown>) {\n    if (!(child instanceof ColorFilterDeclaration)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof ColorFilterDeclaration)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n  }\n\n  compose(filter: SkColorFilter) {\n    const children = this._children as ColorFilterDeclaration<unknown>[];\n    if (this._children.length === 0) {\n      return filter;\n    } else {\n      return this.Skia.ColorFilter.MakeCompose(\n        filter,\n        children.reduce<SkColorFilter | null>((acc, child) => {\n          if (acc === null) {\n            return child.materialize();\n          }\n          return this.Skia.ColorFilter.MakeCompose(acc, child.materialize());\n        }, null) as SkColorFilter\n      );\n    }\n  }\n}\n\nexport class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {\n  constructor(ctx: NodeContext, props: MatrixColorFilterProps) {\n    super(ctx, NodeType.MatrixColorFilter, props);\n  }\n\n  materialize() {\n    const { matrix } = this.props;\n    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);\n    return this.compose(cf);\n  }\n}\n\nexport class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilterProps> {\n  constructor(ctx: NodeContext, props: BlendColorFilterProps) {\n    super(ctx, NodeType.BlendColorFilter, props);\n  }\n\n  materialize() {\n    const { mode } = this.props;\n    const color = processColor(this.Skia, this.props.color, 1);\n    const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n    return this.compose(cf);\n  }\n}\n\nexport class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);\n  }\n\n  materialize() {\n    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();\n    return this.compose(cf);\n  }\n}\n\nexport class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);\n  }\n\n  materialize() {\n    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();\n    return this.compose(cf);\n  }\n}\n\nexport class LumaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LumaColorFilter, null);\n  }\n\n  materialize() {\n    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();\n    return this.compose(cf);\n  }\n}\n\nexport class LerpColorFilterNode extends ColorFilterDeclaration<LerpColorFilterProps> {\n  constructor(ctx: NodeContext, props: LerpColorFilterProps) {\n    super(ctx, NodeType.LerpColorFilter, props);\n  }\n\n  materialize() {\n    const { t } = this.props;\n    const [first, second] = this.children() as JsiDeclarationNode<\n      unknown,\n      SkColorFilter\n    >[];\n    return this.Skia.ColorFilter.MakeLerp(\n      t,\n      first.materialize(),\n      second.materialize()\n    );\n  }\n}\n"]}

package/lib/module/dom/nodes/paint/ImageFilters.js

@@ -0,0 +1,191 @@
+import { BlendMode, ColorChannel, processUniforms, TileMode } from "../../../skia/types";
+import { DeclarationType, NodeType } from "../../types";
+import { processRadius, enumKey, processColor } from "../datatypes";
+import { JsiDeclarationNode } from "../Node";
+const Black = Float32Array.of(0, 0, 0, 1);
+
+const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst), null);
+  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn), null);
+  const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut), null);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);
+
+  if (shadowOnly) {
+    return f4;
+  }
+
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4));
+};
+
+export class ImageFilterDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.ImageFilter, type, props);
+  }
+
+  getOptionalChildInstance(index) {
+    const child = this._children[index];
+
+    if (!child) {
+      return null;
+    }
+
+    return this.getMandatoryChildInstance(index);
+  }
+
+  getMandatoryChildInstance(index) {
+    const child = this._children[index];
+
+    if (child instanceof JsiDeclarationNode) {
+      if (child.isImageFilter()) {
+        return child.materialize();
+      } else if (child.isShader()) {
+        return this.Skia.ImageFilter.MakeShader(child.materialize(), null);
+      } else if (child.declarationType === DeclarationType.ColorFilter) {
+        return this.Skia.ImageFilter.MakeColorFilter(child.materialize(), null);
+      } else {
+        throw new Error(`Found invalid child ${child.type} in ${this.type}`);
+      }
+    } else {
+      throw new Error(`Found invalid child ${child.type} in ${this.type}`);
+    }
+  }
+
+}
+export class OffsetImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.OffsetImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      x,
+      y
+    } = this.props;
+    return this.Skia.ImageFilter.MakeOffset(x, y, this.getOptionalChildInstance(0));
+  }
+
+}
+export class DisplacementMapImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DisplacementMapImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      channelX,
+      channelY,
+      scale
+    } = this.props;
+    return this.Skia.ImageFilter.MakeDisplacementMap(ColorChannel[enumKey(channelX)], ColorChannel[enumKey(channelY)], scale, this.getMandatoryChildInstance(0), this.getOptionalChildInstance(1));
+  }
+
+}
+export class BlurImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlurImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      mode,
+      blur
+    } = this.props;
+    const sigma = processRadius(this.Skia, blur);
+    return this.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], this.getOptionalChildInstance(0));
+  }
+
+}
+export class DropShadowImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlurImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      dx,
+      dy,
+      blur,
+      shadowOnly,
+      color: cl,
+      inner
+    } = this.props;
+    const color = processColor(this.Skia, cl, 1);
+    const input = this.getOptionalChildInstance(0);
+    let factory;
+
+    if (inner) {
+      factory = MakeInnerShadow.bind(null, this.Skia, shadowOnly);
+    } else {
+      factory = shadowOnly ? this.Skia.ImageFilter.MakeDropShadowOnly.bind(this.Skia.ImageFilter) : this.Skia.ImageFilter.MakeDropShadow.bind(this.Skia.ImageFilter);
+    }
+
+    return factory(dx, dy, blur, blur, color, input);
+  }
+
+}
+export let MorphologyOperator;
+
+(function (MorphologyOperator) {
+  MorphologyOperator[MorphologyOperator["Erode"] = 0] = "Erode";
+  MorphologyOperator[MorphologyOperator["Dilate"] = 1] = "Dilate";
+})(MorphologyOperator || (MorphologyOperator = {}));
+
+export class MorphologyImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.MorphologyImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      operator
+    } = this.props;
+    const r = processRadius(this.Skia, this.props.radius);
+    const input = this.getOptionalChildInstance(0);
+
+    if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {
+      return this.Skia.ImageFilter.MakeErode(r.x, r.y, input);
+    }
+
+    return this.Skia.ImageFilter.MakeDilate(r.x, r.y, input);
+  }
+
+}
+export class BlendImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlendImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      mode
+    } = this.props;
+    const a = this.getMandatoryChildInstance(0);
+    const b = this.getMandatoryChildInstance(1);
+    return this.Skia.ImageFilter.MakeBlend(mode, a, b);
+  }
+
+}
+export class RuntimeShaderImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.RuntimeShaderImageFilter, props);
+  }
+
+  materialize() {
+    const {
+      source,
+      uniforms
+    } = this.props;
+    const rtb = this.Skia.RuntimeShaderBuilder(source);
+
+    if (uniforms) {
+      processUniforms(source, uniforms, rtb);
+    }
+
+    const input = this.getOptionalChildInstance(0);
+    return this.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input);
+  }
+
+}
+//# sourceMappingURL=ImageFilters.js.map

package/lib/module/dom/nodes/paint/ImageFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageFilters.ts"],"names":["BlendMode","ColorChannel","processUniforms","TileMode","DeclarationType","NodeType","processRadius","enumKey","processColor","JsiDeclarationNode","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","ImageFilterDeclaration","constructor","ctx","type","props","getOptionalChildInstance","index","child","_children","getMandatoryChildInstance","isImageFilter","materialize","isShader","MakeShader","declarationType","Error","OffsetImageFilterNode","OffsetImageFilter","x","y","DisplacementMapImageFilterNode","DisplacementMapImageFilter","channelX","channelY","scale","MakeDisplacementMap","BlurImageFilterNode","BlurImageFilter","mode","blur","sigma","DropShadowImageFilterNode","cl","inner","factory","bind","MakeDropShadowOnly","MakeDropShadow","MorphologyOperator","MorphologyImageFilterNode","MorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","BlendImageFilterNode","BlendImageFilter","a","b","RuntimeShaderImageFilterNode","RuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader"],"mappings":"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","sourcesContent":["import type { SkImageFilter, SkColor, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { processRadius, enumKey, processColor } from \"../datatypes\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nexport abstract class ImageFilterDeclaration<\n  P,\n  Nullable extends null | never = never\n> extends JsiDeclarationNode<P, SkImageFilter, Nullable> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.ImageFilter, type, props);\n  }\n\n  getOptionalChildInstance(index: number) {\n    const child = this._children[index];\n    if (!child) {\n      return null;\n    }\n    return this.getMandatoryChildInstance(index);\n  }\n\n  getMandatoryChildInstance(index: number) {\n    const child = this._children[index];\n    if (child instanceof JsiDeclarationNode) {\n      if (child.isImageFilter()) {\n        return child.materialize();\n      } else if (child.isShader()) {\n        return this.Skia.ImageFilter.MakeShader(child.materialize(), null);\n      } else if (child.declarationType === DeclarationType.ColorFilter) {\n        return this.Skia.ImageFilter.MakeColorFilter(child.materialize(), null);\n      } else {\n        throw new Error(`Found invalid child ${child.type} in ${this.type}`);\n      }\n    } else {\n      throw new Error(`Found invalid child ${child.type} in ${this.type}`);\n    }\n  }\n}\n\nexport class OffsetImageFilterNode extends ImageFilterDeclaration<OffsetImageFilterProps> {\n  constructor(ctx: NodeContext, props: OffsetImageFilterProps) {\n    super(ctx, NodeType.OffsetImageFilter, props);\n  }\n\n  materialize() {\n    const { x, y } = this.props;\n    return this.Skia.ImageFilter.MakeOffset(\n      x,\n      y,\n      this.getOptionalChildInstance(0)\n    );\n  }\n}\n\nexport class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {\n  constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps) {\n    super(ctx, NodeType.DisplacementMapImageFilter, props);\n  }\n\n  materialize() {\n    const { channelX, channelY, scale } = this.props;\n    return this.Skia.ImageFilter.MakeDisplacementMap(\n      ColorChannel[enumKey(channelX)],\n      ColorChannel[enumKey(channelY)],\n      scale,\n      this.getMandatoryChildInstance(0),\n      this.getOptionalChildInstance(1)\n    );\n  }\n}\n\nexport class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlurImageFilterProps) {\n    super(ctx, NodeType.BlurImageFilter, props);\n  }\n\n  materialize() {\n    const { mode, blur } = this.props;\n    const sigma = processRadius(this.Skia, blur);\n    return this.Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      this.getOptionalChildInstance(0)\n    );\n  }\n}\n\nexport class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {\n  constructor(ctx: NodeContext, props: DropShadowImageFilterProps) {\n    super(ctx, NodeType.BlurImageFilter, props);\n  }\n\n  materialize() {\n    const { dx, dy, blur, shadowOnly, color: cl, inner } = this.props;\n    const color = processColor(this.Skia, cl, 1);\n    const input = this.getOptionalChildInstance(0);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, this.Skia, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? this.Skia.ImageFilter.MakeDropShadowOnly.bind(this.Skia.ImageFilter)\n        : this.Skia.ImageFilter.MakeDropShadow.bind(this.Skia.ImageFilter);\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n}\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nexport class MorphologyImageFilterNode extends ImageFilterDeclaration<MorphologyImageFilterProps> {\n  constructor(ctx: NodeContext, props: MorphologyImageFilterProps) {\n    super(ctx, NodeType.MorphologyImageFilter, props);\n  }\n\n  materialize() {\n    const { operator } = this.props;\n    const r = processRadius(this.Skia, this.props.radius);\n    const input = this.getOptionalChildInstance(0);\n    if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n      return this.Skia.ImageFilter.MakeErode(r.x, r.y, input);\n    }\n    return this.Skia.ImageFilter.MakeDilate(r.x, r.y, input);\n  }\n}\n\nexport class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlendImageFilterProps) {\n    super(ctx, NodeType.BlendImageFilter, props);\n  }\n\n  materialize() {\n    const { mode } = this.props;\n    const a = this.getMandatoryChildInstance(0);\n    const b = this.getMandatoryChildInstance(1);\n    return this.Skia.ImageFilter.MakeBlend(mode, a, b);\n  }\n}\n\nexport class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {\n  constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps) {\n    super(ctx, NodeType.RuntimeShaderImageFilter, props);\n  }\n\n  materialize() {\n    const { source, uniforms } = this.props;\n    const rtb = this.Skia.RuntimeShaderBuilder(source);\n    if (uniforms) {\n      processUniforms(source, uniforms, rtb);\n    }\n    const input = this.getOptionalChildInstance(0);\n    return this.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input);\n  }\n}\n"]}

package/lib/module/dom/nodes/paint/MaskFilters.js

@@ -0,0 +1,20 @@
+import { BlurStyle } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+export class BlurMaskFilterNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);
+  }
+
+  materialize() {
+    const {
+      style,
+      blur,
+      respectCTM
+    } = this.props;
+    return this.Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+  }
+
+}
+//# sourceMappingURL=MaskFilters.js.map

package/lib/module/dom/nodes/paint/MaskFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskFilters.ts"],"names":["BlurStyle","JsiDeclarationNode","DeclarationType","NodeType","enumKey","BlurMaskFilterNode","constructor","ctx","props","MaskFilter","BlurMaskFilter","materialize","style","blur","respectCTM","Skia","MakeBlur"],"mappings":"AACA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,kBAAT,QAAmC,SAAnC;AAEA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,aAA1C;AACA,SAASC,OAAT,QAAwB,cAAxB;AAEA,OAAO,MAAMC,kBAAN,SAAiCJ,kBAAjC,CAGL;AACAK,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA+C;AACxD,UAAMD,GAAN,EAAWL,eAAe,CAACO,UAA3B,EAAuCN,QAAQ,CAACO,cAAhD,EAAgEF,KAAhE;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,IAAT;AAAeC,MAAAA;AAAf,QAA8B,KAAKN,KAAzC;AACA,WAAO,KAAKO,IAAL,CAAUN,UAAV,CAAqBO,QAArB,CACLhB,SAAS,CAACI,OAAO,CAACQ,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD;;AAZD","sourcesContent":["import type { SkMaskFilter } from \"../../../skia/types\";\nimport { BlurStyle } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type { BlurMaskFilterProps } from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\n\nexport class BlurMaskFilterNode extends JsiDeclarationNode<\n  BlurMaskFilterProps,\n  SkMaskFilter\n> {\n  constructor(ctx: NodeContext, props: BlurMaskFilterProps) {\n    super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);\n  }\n\n  materialize() {\n    const { style, blur, respectCTM } = this.props;\n    return this.Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n  }\n}\n"]}

package/lib/module/dom/nodes/paint/PathEffects.js

@@ -0,0 +1,192 @@
+import { Path1DEffectStyle } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { enumKey } from "../datatypes/Enum";
+import { processPath } from "../datatypes";
+
+class PathEffectDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.PathEffect, type, props);
+  }
+
+  addChild(child) {
+    if (!(child instanceof PathEffectDeclaration)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    super.addChild(child);
+  }
+
+  insertChildBefore(child, before) {
+    if (!(child instanceof PathEffectDeclaration)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+
+    super.insertChildBefore(child, before);
+  }
+
+  compose(pe) {
+    const children = this._children;
+
+    if (this._children.length === 0) {
+      return pe;
+    } else {
+      return this.Skia.PathEffect.MakeCompose(pe, children.reduce((acc, child) => {
+        if (acc === null) {
+          return child.materialize();
+        }
+
+        return this.Skia.PathEffect.MakeCompose(acc, child.materialize());
+      }, null));
+    }
+  }
+
+  getOptionalChildInstance(index) {
+    const child = this._children[index];
+
+    if (!child) {
+      return null;
+    }
+
+    return this.getMandatoryChildInstance(index);
+  }
+
+  getMandatoryChildInstance(index) {
+    const child = this._children[index];
+
+    if (child instanceof JsiDeclarationNode) {
+      if (child.isPathEffect()) {
+        return child.materialize();
+      } else {
+        throw new Error(`Found invalid child ${child.type} in ${this.type}`);
+      }
+    } else {
+      throw new Error(`Found invalid child ${child.type} in ${this.type}`);
+    }
+  }
+
+}
+
+export class DiscretePathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DiscretePathEffect, props);
+  }
+
+  materialize() {
+    const {
+      length,
+      deviation,
+      seed
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+    return this.compose(pe);
+  }
+
+}
+export class Path2DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path2DPathEffect, props);
+  }
+
+  materialize() {
+    const {
+      matrix
+    } = this.props;
+    const path = processPath(this.Skia, this.props.path);
+    const pe = this.Skia.PathEffect.MakePath2D(matrix, path);
+
+    if (pe === null) {
+      return null;
+    }
+
+    return this.compose(pe);
+  }
+
+}
+export class DashPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DashPathEffect, props);
+  }
+
+  materialize() {
+    const {
+      intervals,
+      phase
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeDash(intervals, phase);
+    return this.compose(pe);
+  }
+
+}
+export class CornerPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.CornerPathEffect, props);
+  }
+
+  materialize() {
+    const {
+      r
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeCorner(r);
+
+    if (pe === null) {
+      return null;
+    }
+
+    return this.compose(pe);
+  }
+
+}
+export class SumPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.SumPathEffect, null);
+  }
+
+  materialize() {
+    return this.Skia.PathEffect.MakeSum(this.getMandatoryChildInstance(0), this.getMandatoryChildInstance(1));
+  }
+
+}
+export class Line2DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Line2DPathEffect, props);
+  }
+
+  materialize() {
+    const {
+      width,
+      matrix
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeLine2D(width, matrix);
+
+    if (pe === null) {
+      return null;
+    }
+
+    return this.compose(pe);
+  }
+
+}
+export class Path1DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path1DPathEffect, props);
+  }
+
+  materialize() {
+    const {
+      advance,
+      phase,
+      style
+    } = this.props;
+    const path = processPath(this.Skia, this.props.path);
+    const pe = this.Skia.PathEffect.MakePath1D(path, advance, phase, Path1DEffectStyle[enumKey(style)]);
+
+    if (pe === null) {
+      return null;
+    }
+
+    return this.compose(pe);
+  }
+
+}
+//# sourceMappingURL=PathEffects.js.map