@shopify/react-native-skia 0.1.172 → 0.1.173

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

@@ -7,36 +7,13 @@ export class ColorFilterDeclaration extends JsiDeclarationNode {
     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));
-    }
+  composeAndPush(ctx, cf1) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    const cf2 = ctx.colorFilters.popAllAsOne();
+    ctx.restore();
+    const cf = cf2 ? this.Skia.ColorFilter.MakeCompose(cf1, cf2) : cf1;
+    ctx.colorFilters.push(cf);
   }
 
 }
@@ -45,12 +22,12 @@ export class MatrixColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.MatrixColorFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       matrix
     } = this.props;
     const cf = this.Skia.ColorFilter.MakeMatrix(matrix);
-    return this.compose(cf);
+    this.composeAndPush(ctx, cf);
   }
 
 }
@@ -59,13 +36,13 @@ export class BlendColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.BlendColorFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       mode
     } = this.props;
     const color = this.Skia.Color(this.props.color);
     const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);
-    return this.compose(cf);
+    this.composeAndPush(ctx, cf);
   }
 
 }
@@ -74,9 +51,9 @@ export class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);
   }
 
-  materialize() {
+  decorate(ctx) {
     const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();
-    return this.compose(cf);
+    this.composeAndPush(ctx, cf);
   }
 
 }
@@ -85,9 +62,9 @@ export class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);
   }
 
-  materialize() {
+  decorate(ctx) {
     const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();
-    return this.compose(cf);
+    this.composeAndPush(ctx, cf);
   }
 
 }
@@ -96,9 +73,9 @@ export class LumaColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.LumaColorFilter, null);
   }
 
-  materialize() {
+  decorate(ctx) {
     const cf = this.Skia.ColorFilter.MakeLumaColorFilter();
-    return this.compose(cf);
+    this.composeAndPush(ctx, cf);
   }
 
 }
@@ -107,12 +84,21 @@ export class LerpColorFilterNode extends ColorFilterDeclaration {
     super(ctx, NodeType.LerpColorFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
+    ctx.save();
+    this.decorateChildren(ctx);
     const {
       t
     } = this.props;
-    const [first, second] = this.children();
-    return this.Skia.ColorFilter.MakeLerp(t, first.materialize(), second.materialize());
+    const second = ctx.colorFilters.pop();
+    const first = ctx.colorFilters.pop();
+    ctx.restore();
+
+    if (!first || !second) {
+      throw new Error("LerpColorFilterNode: missing two color filters as children");
+    }
+
+    ctx.colorFilters.push(this.Skia.ColorFilter.MakeLerp(t, first, second));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BlendMode","JsiDeclarationNode","DeclarationType","NodeType","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","Color","MakeBlend","LinearToSRGBGammaColorFilterNode","LinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","SRGBToLinearGammaColorFilterNode","SRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","LumaColorFilterNode","LumaColorFilter","MakeLumaColorFilter","LerpColorFilterNode","LerpColorFilter","t","first","second","MakeLerp"],"sources":["ColorFilters.ts"],"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 { 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 = this.Skia.Color(this.props.color);\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"],"mappings":"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"}
+{"version":3,"names":["BlendMode","JsiDeclarationNode","DeclarationType","NodeType","enumKey","ColorFilterDeclaration","constructor","ctx","type","props","ColorFilter","composeAndPush","cf1","save","decorateChildren","cf2","colorFilters","popAllAsOne","restore","cf","Skia","MakeCompose","push","MatrixColorFilterNode","MatrixColorFilter","decorate","matrix","MakeMatrix","BlendColorFilterNode","BlendColorFilter","mode","color","Color","MakeBlend","LinearToSRGBGammaColorFilterNode","LinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","SRGBToLinearGammaColorFilterNode","SRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","LumaColorFilterNode","LumaColorFilter","MakeLumaColorFilter","LerpColorFilterNode","LerpColorFilter","t","second","pop","first","Error","MakeLerp"],"sources":["ColorFilters.ts"],"sourcesContent":["import type { SkColorFilter } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes/Enum\";\nimport type { LerpColorFilterProps } from \"../../types/ColorFilters\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\n\nexport abstract class ColorFilterDeclaration<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.ColorFilter, type, props);\n  }\n\n  protected composeAndPush(ctx: DeclarationContext, cf1: SkColorFilter) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    const cf2 = ctx.colorFilters.popAllAsOne();\n    ctx.restore();\n    const cf = cf2 ? this.Skia.ColorFilter.MakeCompose(cf1, cf2) : cf1;\n    ctx.colorFilters.push(cf);\n  }\n}\n\nexport class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {\n  constructor(ctx: NodeContext, props: MatrixColorFilterProps) {\n    super(ctx, NodeType.MatrixColorFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { matrix } = this.props;\n    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);\n    this.composeAndPush(ctx, 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  decorate(ctx: DeclarationContext) {\n    const { mode } = this.props;\n    const color = this.Skia.Color(this.props.color);\n    const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class LumaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LumaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();\n    this.composeAndPush(ctx, 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  decorate(ctx: DeclarationContext) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    const { t } = this.props;\n    const second = ctx.colorFilters.pop();\n    const first = ctx.colorFilters.pop();\n    ctx.restore();\n    if (!first || !second) {\n      throw new Error(\n        \"LerpColorFilterNode: missing two color filters as children\"\n      );\n    }\n    ctx.colorFilters.push(this.Skia.ColorFilter.MakeLerp(t, first, second));\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/paint/ImageFilters.d.ts

@@ -1,28 +1,28 @@
 import type { SkImageFilter } from "../../../skia/types";
-import type { BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../types";
+import type { BlendImageFilterProps, BlurImageFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../types";
 import { NodeType } from "../../types";
 import type { NodeContext } from "../Node";
 import { JsiDeclarationNode } from "../Node";
-export declare abstract class ImageFilterDeclaration<P, Nullable extends null | never = never> extends JsiDeclarationNode<P, SkImageFilter, Nullable> {
+export declare abstract class ImageFilterDeclaration<P> extends JsiDeclarationNode<P> {
     constructor(ctx: NodeContext, type: NodeType, props: P);
-    getOptionalChildInstance(index: number): any;
-    getMandatoryChildInstance(index: number): any;
+    protected input(ctx: DeclarationContext): SkImageFilter | null;
+    protected composeAndPush(ctx: DeclarationContext, imgf1: SkImageFilter): void;
 }
 export declare class OffsetImageFilterNode extends ImageFilterDeclaration<OffsetImageFilterProps> {
     constructor(ctx: NodeContext, props: OffsetImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {
     constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {
     constructor(ctx: NodeContext, props: BlurImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {
     constructor(ctx: NodeContext, props: DropShadowImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare enum MorphologyOperator {
     Erode = 0,
@@ -30,13 +30,13 @@ export declare enum MorphologyOperator {
 }
 export declare class MorphologyImageFilterNode extends ImageFilterDeclaration<MorphologyImageFilterProps> {
     constructor(ctx: NodeContext, props: MorphologyImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {
     constructor(ctx: NodeContext, props: BlendImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {
     constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps);
-    materialize(): SkImageFilter;
+    decorate(ctx: DeclarationContext): void;
 }

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

@@ -24,32 +24,27 @@ export class ImageFilterDeclaration extends JsiDeclarationNode {
     super(ctx, DeclarationType.ImageFilter, type, props);
   }
 
-  getOptionalChildInstance(index) {
-    const child = this._children[index];
+  input(ctx) {
+    var _ctx$imageFilters$pop;
 
-    if (!child) {
-      return null;
-    }
-
-    return this.getMandatoryChildInstance(index);
+    return (_ctx$imageFilters$pop = ctx.imageFilters.pop()) !== null && _ctx$imageFilters$pop !== void 0 ? _ctx$imageFilters$pop : null;
   }
 
-  getMandatoryChildInstance(index) {
-    const child = this._children[index];
+  composeAndPush(ctx, imgf1) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    let imgf2 = ctx.imageFilters.popAllAsOne();
+    const cf = ctx.colorFilters.popAllAsOne();
+    ctx.restore();
 
-    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}`);
+    if (cf) {
+      var _imgf;
+
+      imgf2 = this.Skia.ImageFilter.MakeCompose((_imgf = imgf2) !== null && _imgf !== void 0 ? _imgf : null, this.Skia.ImageFilter.MakeColorFilter(cf, null));
     }
+
+    const imgf = imgf2 ? this.Skia.ImageFilter.MakeCompose(imgf1, imgf2) : imgf1;
+    ctx.imageFilters.push(imgf);
   }
 
 }
@@ -58,12 +53,14 @@ export class OffsetImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.OffsetImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
+    this.decorateChildren(ctx);
     const {
       x,
       y
     } = this.props;
-    return this.Skia.ImageFilter.MakeOffset(x, y, this.getOptionalChildInstance(0));
+    const imgf = this.Skia.ImageFilter.MakeOffset(x, y, null);
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -72,13 +69,14 @@ export class DisplacementMapImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.DisplacementMapImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       channelX,
       channelY,
       scale
     } = this.props;
-    return this.Skia.ImageFilter.MakeDisplacementMap(ColorChannel[enumKey(channelX)], ColorChannel[enumKey(channelY)], scale, this.getMandatoryChildInstance(0), this.getOptionalChildInstance(1));
+    const imgf = this.Skia.ImageFilter.MakeDisplacementMap(ColorChannel[enumKey(channelX)], ColorChannel[enumKey(channelY)], scale, ctx.imageFilters.pop(), this.input(ctx));
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -87,13 +85,14 @@ export class BlurImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.BlurImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     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));
+    const imgf = this.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], this.input(ctx));
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -102,7 +101,7 @@ export class DropShadowImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.DropShadowImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       dx,
       dy,
@@ -112,7 +111,6 @@ export class DropShadowImageFilterNode extends ImageFilterDeclaration {
       inner
     } = this.props;
     const color = this.Skia.Color(cl);
-    const input = this.getOptionalChildInstance(0);
     let factory;
 
     if (inner) {
@@ -121,7 +119,8 @@ export class DropShadowImageFilterNode extends ImageFilterDeclaration {
       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);
+    const imgf = factory(dx, dy, blur, blur, color, this.input(ctx));
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -137,18 +136,20 @@ export class MorphologyImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.MorphologyImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       operator
     } = this.props;
     const r = processRadius(this.Skia, this.props.radius);
-    const input = this.getOptionalChildInstance(0);
+    let imgf;
 
     if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {
-      return this.Skia.ImageFilter.MakeErode(r.x, r.y, input);
+      imgf = this.Skia.ImageFilter.MakeErode(r.x, r.y, this.input(ctx));
+    } else {
+      imgf = this.Skia.ImageFilter.MakeDilate(r.x, r.y, this.input(ctx));
     }
 
-    return this.Skia.ImageFilter.MakeDilate(r.x, r.y, input);
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -157,13 +158,19 @@ export class BlendImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.BlendImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       mode
     } = this.props;
-    const a = this.getMandatoryChildInstance(0);
-    const b = this.getMandatoryChildInstance(1);
-    return this.Skia.ImageFilter.MakeBlend(mode, a, b);
+    const a = ctx.imageFilters.pop();
+    const b = ctx.imageFilters.pop();
+
+    if (!a || !b) {
+      throw new Error("BlendImageFilter requires two image filters");
+    }
+
+    const imgf = this.Skia.ImageFilter.MakeBlend(mode, a, b);
+    this.composeAndPush(ctx, imgf);
   }
 
 }
@@ -172,7 +179,7 @@ export class RuntimeShaderImageFilterNode extends ImageFilterDeclaration {
     super(ctx, NodeType.RuntimeShaderImageFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       source,
       uniforms
@@ -183,8 +190,8 @@ export class RuntimeShaderImageFilterNode extends ImageFilterDeclaration {
       processUniforms(source, uniforms, rtb);
     }
 
-    const input = this.getOptionalChildInstance(0);
-    return this.Skia.ImageFilter.MakeRuntimeShader(rtb, null, input);
+    const imgf = this.Skia.ImageFilter.MakeRuntimeShader(rtb, null, this.input(ctx));
+    this.composeAndPush(ctx, imgf);
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BlendMode","ColorChannel","processUniforms","TileMode","DeclarationType","NodeType","processRadius","enumKey","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","DropShadowImageFilter","cl","inner","Color","factory","bind","MakeDropShadowOnly","MakeDropShadow","MorphologyOperator","MorphologyImageFilterNode","MorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","BlendImageFilterNode","BlendImageFilter","a","b","RuntimeShaderImageFilterNode","RuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader"],"sources":["ImageFilters.ts"],"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 } 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.DropShadowImageFilter, props);\n  }\n\n  materialize() {\n    const { dx, dy, blur, shadowOnly, color: cl, inner } = this.props;\n    const color = this.Skia.Color(cl);\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"],"mappings":"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"}
+{"version":3,"names":["BlendMode","ColorChannel","processUniforms","TileMode","DeclarationType","NodeType","processRadius","enumKey","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","imageFilters","pop","composeAndPush","imgf1","save","decorateChildren","imgf2","popAllAsOne","cf","colorFilters","restore","imgf","push","OffsetImageFilterNode","OffsetImageFilter","decorate","x","y","DisplacementMapImageFilterNode","DisplacementMapImageFilter","channelX","channelY","scale","MakeDisplacementMap","BlurImageFilterNode","BlurImageFilter","mode","blur","sigma","DropShadowImageFilterNode","DropShadowImageFilter","cl","inner","Color","factory","bind","MakeDropShadowOnly","MakeDropShadow","MorphologyOperator","MorphologyImageFilterNode","MorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","BlendImageFilterNode","BlendImageFilter","a","b","Error","RuntimeShaderImageFilterNode","RuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader"],"sources":["ImageFilters.ts"],"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  DeclarationContext,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { processRadius, enumKey } 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<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.ImageFilter, type, props);\n  }\n\n  protected input(ctx: DeclarationContext) {\n    return ctx.imageFilters.pop() ?? null;\n  }\n\n  protected composeAndPush(ctx: DeclarationContext, imgf1: SkImageFilter) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    let imgf2 = ctx.imageFilters.popAllAsOne();\n    const cf = ctx.colorFilters.popAllAsOne();\n    ctx.restore();\n    if (cf) {\n      imgf2 = this.Skia.ImageFilter.MakeCompose(\n        imgf2 ?? null,\n        this.Skia.ImageFilter.MakeColorFilter(cf, null)\n      );\n    }\n    const imgf = imgf2\n      ? this.Skia.ImageFilter.MakeCompose(imgf1, imgf2)\n      : imgf1;\n    ctx.imageFilters.push(imgf);\n  }\n}\n\nexport class OffsetImageFilterNode extends ImageFilterDeclaration<OffsetImageFilterProps> {\n  constructor(ctx: NodeContext, props: OffsetImageFilterProps) {\n    super(ctx, NodeType.OffsetImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { x, y } = this.props;\n    const imgf = this.Skia.ImageFilter.MakeOffset(x, y, null);\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {\n  constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps) {\n    super(ctx, NodeType.DisplacementMapImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { channelX, channelY, scale } = this.props;\n    const imgf = this.Skia.ImageFilter.MakeDisplacementMap(\n      ColorChannel[enumKey(channelX)],\n      ColorChannel[enumKey(channelY)],\n      scale,\n      ctx.imageFilters.pop()!,\n      this.input(ctx)\n    );\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlurImageFilterProps) {\n    super(ctx, NodeType.BlurImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { mode, blur } = this.props;\n    const sigma = processRadius(this.Skia, blur);\n    const imgf = this.Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      this.input(ctx)\n    );\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {\n  constructor(ctx: NodeContext, props: DropShadowImageFilterProps) {\n    super(ctx, NodeType.DropShadowImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { dx, dy, blur, shadowOnly, color: cl, inner } = this.props;\n    const color = this.Skia.Color(cl);\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    const imgf = factory(dx, dy, blur, blur, color, this.input(ctx));\n    this.composeAndPush(ctx, imgf);\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  decorate(ctx: DeclarationContext) {\n    const { operator } = this.props;\n    const r = processRadius(this.Skia, this.props.radius);\n    let imgf;\n    if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n      imgf = this.Skia.ImageFilter.MakeErode(r.x, r.y, this.input(ctx));\n    } else {\n      imgf = this.Skia.ImageFilter.MakeDilate(r.x, r.y, this.input(ctx));\n    }\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlendImageFilterProps) {\n    super(ctx, NodeType.BlendImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { mode } = this.props;\n    const a = ctx.imageFilters.pop();\n    const b = ctx.imageFilters.pop();\n    if (!a || !b) {\n      throw new Error(\"BlendImageFilter requires two image filters\");\n    }\n    const imgf = this.Skia.ImageFilter.MakeBlend(mode, a, b);\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {\n  constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps) {\n    super(ctx, NodeType.RuntimeShaderImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { source, uniforms } = this.props;\n    const rtb = this.Skia.RuntimeShaderBuilder(source);\n    if (uniforms) {\n      processUniforms(source, uniforms, rtb);\n    }\n    const imgf = this.Skia.ImageFilter.MakeRuntimeShader(\n      rtb,\n      null,\n      this.input(ctx)\n    );\n    this.composeAndPush(ctx, imgf);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/paint/MaskFilters.d.ts

@@ -1,8 +1,8 @@
-import type { SkMaskFilter } from "../../../skia/types";
 import type { NodeContext } from "../Node";
 import { JsiDeclarationNode } from "../Node";
 import type { BlurMaskFilterProps } from "../../types";
-export declare class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps, SkMaskFilter> {
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps> {
     constructor(ctx: NodeContext, props: BlurMaskFilterProps);
-    materialize(): SkMaskFilter;
+    decorate(ctx: DeclarationContext): void;
 }

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

@@ -7,13 +7,14 @@ export class BlurMaskFilterNode extends JsiDeclarationNode {
     super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);
   }
 
-  materialize() {
+  decorate(ctx) {
     const {
       style,
       blur,
       respectCTM
     } = this.props;
-    return this.Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+    const mf = this.Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+    ctx.maskFilters.push(mf);
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BlurStyle","JsiDeclarationNode","DeclarationType","NodeType","enumKey","BlurMaskFilterNode","constructor","ctx","props","MaskFilter","BlurMaskFilter","materialize","style","blur","respectCTM","Skia","MakeBlur"],"sources":["MaskFilters.ts"],"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"],"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;EACAK,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA+C;IACxD,MAAMD,GAAN,EAAWL,eAAe,CAACO,UAA3B,EAAuCN,QAAQ,CAACO,cAAhD,EAAgEF,KAAhE;EACD;;EAEDG,WAAW,GAAG;IACZ,MAAM;MAAEC,KAAF;MAASC,IAAT;MAAeC;IAAf,IAA8B,KAAKN,KAAzC;IACA,OAAO,KAAKO,IAAL,CAAUN,UAAV,CAAqBO,QAArB,CACLhB,SAAS,CAACI,OAAO,CAACQ,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;EAKD;;AAZD"}
+{"version":3,"names":["BlurStyle","JsiDeclarationNode","DeclarationType","NodeType","enumKey","BlurMaskFilterNode","constructor","ctx","props","MaskFilter","BlurMaskFilter","decorate","style","blur","respectCTM","mf","Skia","MakeBlur","maskFilters","push"],"sources":["MaskFilters.ts"],"sourcesContent":["import { 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\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\n\nexport class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps> {\n  constructor(ctx: NodeContext, props: BlurMaskFilterProps) {\n    super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { style, blur, respectCTM } = this.props;\n    const mf = this.Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n    ctx.maskFilters.push(mf);\n  }\n}\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,kBAAT,QAAmC,SAAnC;AAEA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,aAA1C;AACA,SAASC,OAAT,QAAwB,cAAxB;AAGA,OAAO,MAAMC,kBAAN,SAAiCJ,kBAAjC,CAAyE;EAC9EK,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA+C;IACxD,MAAMD,GAAN,EAAWL,eAAe,CAACO,UAA3B,EAAuCN,QAAQ,CAACO,cAAhD,EAAgEF,KAAhE;EACD;;EAEDG,QAAQ,CAACJ,GAAD,EAA0B;IAChC,MAAM;MAAEK,KAAF;MAASC,IAAT;MAAeC;IAAf,IAA8B,KAAKN,KAAzC;IACA,MAAMO,EAAE,GAAG,KAAKC,IAAL,CAAUP,UAAV,CAAqBQ,QAArB,CACTjB,SAAS,CAACI,OAAO,CAACQ,KAAD,CAAR,CADA,EAETC,IAFS,EAGTC,UAHS,CAAX;IAKAP,GAAG,CAACW,WAAJ,CAAgBC,IAAhB,CAAqBJ,EAArB;EACD;;AAb6E"}

package/lib/module/dom/nodes/paint/PathEffects.d.ts

@@ -1,42 +1,39 @@
 import type { SkPathEffect } from "../../../skia/types";
 import type { NodeContext } from "../Node";
 import { JsiDeclarationNode } from "../Node";
-import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Node, Path1DPathEffectProps, Path2DPathEffectProps } from "../../types";
+import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../../types";
 import { NodeType } from "../../types";
-declare abstract class PathEffectDeclaration<P, Nullable extends null | never = never> extends JsiDeclarationNode<P, SkPathEffect, Nullable> {
+import type { DeclarationContext } from "../../types/DeclarationContext";
+declare abstract class PathEffectDeclaration<P> extends JsiDeclarationNode<P> {
     constructor(ctx: NodeContext, type: NodeType, props: P);
-    addChild(child: Node<unknown>): void;
-    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
-    compose(pe: SkPathEffect): SkPathEffect;
-    getOptionalChildInstance(index: number): any;
-    getMandatoryChildInstance(index: number): any;
+    protected composeAndPush(ctx: DeclarationContext, pe1: SkPathEffect): void;
 }
 export declare class DiscretePathEffectNode extends PathEffectDeclaration<DiscretePathEffectProps> {
     constructor(ctx: NodeContext, props: DiscretePathEffectProps);
-    materialize(): SkPathEffect;
+    decorate(ctx: DeclarationContext): void;
 }
-export declare class Path2DPathEffectNode extends PathEffectDeclaration<Path2DPathEffectProps, null> {
+export declare class Path2DPathEffectNode extends PathEffectDeclaration<Path2DPathEffectProps> {
     constructor(ctx: NodeContext, props: Path2DPathEffectProps);
-    materialize(): SkPathEffect | null;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class DashPathEffectNode extends PathEffectDeclaration<DashPathEffectProps> {
     constructor(ctx: NodeContext, props: DashPathEffectProps);
-    materialize(): SkPathEffect;
+    decorate(ctx: DeclarationContext): void;
 }
-export declare class CornerPathEffectNode extends PathEffectDeclaration<CornerPathEffectProps, null> {
+export declare class CornerPathEffectNode extends PathEffectDeclaration<CornerPathEffectProps> {
     constructor(ctx: NodeContext, props: CornerPathEffectProps);
-    materialize(): SkPathEffect | null;
+    decorate(ctx: DeclarationContext): void;
 }
 export declare class SumPathEffectNode extends PathEffectDeclaration<null> {
     constructor(ctx: NodeContext);
-    materialize(): SkPathEffect;
+    decorate(ctx: DeclarationContext): void;
 }
-export declare class Line2DPathEffectNode extends PathEffectDeclaration<Line2DPathEffectProps, null> {
+export declare class Line2DPathEffectNode extends PathEffectDeclaration<Line2DPathEffectProps> {
     constructor(ctx: NodeContext, props: Line2DPathEffectProps);
-    materialize(): SkPathEffect | null;
+    decorate(ctx: DeclarationContext): void;
 }
-export declare class Path1DPathEffectNode extends PathEffectDeclaration<Path1DPathEffectProps, null> {
+export declare class Path1DPathEffectNode extends PathEffectDeclaration<Path1DPathEffectProps> {
     constructor(ctx: NodeContext, props: Path1DPathEffectProps);
-    materialize(): SkPathEffect | null;
+    decorate(ctx: DeclarationContext): void;
 }
 export {};