@shopify/react-native-skia 0.1.171 → 0.1.173

package/lib/module/dom/nodes/drawings/DiffRectNode.d.ts

@@ -0,0 +1,8 @@
+import type { DiffRectProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class DiffRectNode extends JsiDrawingNode<DiffRectProps, null> {
+    constructor(ctx: NodeContext, props: DiffRectProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/FillNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, DrawingNodeProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class FillNode extends JsiDrawingNode<DrawingNodeProps, null> {
+    constructor(ctx: NodeContext, props?: DrawingNodeProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/ImageNode.d.ts

@@ -0,0 +1,25 @@
+import type { SkRect } from "../../../skia/types";
+import type { DrawingContext, ImageProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageNode extends JsiDrawingNode<ImageProps, {
+    src: SkRect;
+    dst: SkRect;
+}> {
+    constructor(ctx: NodeContext, props: ImageProps);
+    deriveProps(): {
+        src: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        dst: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/ImageSVG.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, ImageSVGProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageSVGNode extends JsiDrawingNode<ImageSVGProps, null> {
+    constructor(ctx: NodeContext, props: ImageSVGProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/LineNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, LineProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class LineNode extends JsiDrawingNode<LineProps, null> {
+    constructor(ctx: NodeContext, props: LineProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/OvalNode.d.ts

@@ -0,0 +1,9 @@
+import type { SkRect } from "../../../skia/types";
+import type { DrawingContext, OvalProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class OvalNode extends JsiDrawingNode<OvalProps, SkRect> {
+    constructor(ctx: NodeContext, props: OvalProps);
+    deriveProps(): SkRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/PatchNode.d.ts

@@ -0,0 +1,18 @@
+import type { SkColor, SkPoint } from "../../../skia/types";
+import { BlendMode } from "../../../skia/types";
+import type { DrawingContext, PatchProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PatchNode extends JsiDrawingNode<PatchProps, {
+    points: SkPoint[];
+    colors: SkColor[] | undefined;
+    mode: BlendMode;
+}> {
+    constructor(ctx: NodeContext, props: PatchProps);
+    deriveProps(): {
+        mode: BlendMode;
+        points: SkPoint[];
+        colors: Float32Array[] | undefined;
+    };
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/PathNode.d.ts

@@ -0,0 +1,9 @@
+import type { SkPath } from "../../../skia/types";
+import type { DrawingContext, PathProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PathNode extends JsiDrawingNode<PathProps, SkPath> {
+    constructor(ctx: NodeContext, props: PathProps);
+    protected deriveProps(): SkPath;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/PictureNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, PictureProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PictureNode extends JsiDrawingNode<PictureProps, null> {
+    constructor(ctx: NodeContext, props: PictureProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/PointsNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, PointsProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class PointsNode extends JsiDrawingNode<PointsProps, null> {
+    constructor(ctx: NodeContext, props: PointsProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/RRectNode.d.ts

@@ -0,0 +1,10 @@
+import type { SkRRect } from "../../../skia/types";
+import type { DrawingContext, RoundedRectProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class RRectNode extends JsiDrawingNode<RoundedRectProps, SkRRect> {
+    rect?: SkRRect;
+    constructor(ctx: NodeContext, props: RoundedRectProps);
+    protected deriveProps(): SkRRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/RectNode.d.ts

@@ -0,0 +1,9 @@
+import type { SkRect } from "../../../skia/types/Rect";
+import type { DrawingContext, RectProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class RectNode extends JsiDrawingNode<RectProps, SkRect> {
+    constructor(ctx: NodeContext, props: RectProps);
+    deriveProps(): SkRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/Text.d.ts

@@ -0,0 +1,30 @@
+import type { SkTextBlob, SkPoint } from "../../../skia/types";
+import type { DrawingContext, TextBlobProps, TextPathProps, TextProps } from "../../types";
+import type { GlyphsProps } from "../../types/Drawings";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class TextNode extends JsiDrawingNode<TextProps, null> {
+    constructor(ctx: NodeContext, props: TextProps);
+    protected deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob> {
+    constructor(ctx: NodeContext, props: TextPathProps);
+    deriveProps(): SkTextBlob;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextBlobNode extends JsiDrawingNode<TextBlobProps, null> {
+    constructor(ctx: NodeContext, props: TextBlobProps);
+    protected deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+interface ProcessedGlyphs {
+    glyphs: number[];
+    positions: SkPoint[];
+}
+export declare class GlyphsNode extends JsiDrawingNode<GlyphsProps, ProcessedGlyphs> {
+    constructor(ctx: NodeContext, props: GlyphsProps);
+    deriveProps(): ProcessedGlyphs;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export {};

package/lib/module/dom/nodes/drawings/VerticesNode.d.ts

@@ -0,0 +1,9 @@
+import type { SkVertices } from "../../../skia/types";
+import type { DrawingContext, VerticesProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class VerticesNode extends JsiDrawingNode<VerticesProps, SkVertices> {
+    constructor(ctx: NodeContext, props: VerticesProps);
+    protected deriveProps(): SkVertices;
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/module/dom/nodes/drawings/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./CircleNode";
+export * from "./FillNode";
+export * from "./ImageNode";
+export * from "./PointsNode";
+export * from "./PathNode";
+export * from "./RectNode";
+export * from "./RRectNode";
+export * from "./OvalNode";
+export * from "./LineNode";
+export * from "./PatchNode";
+export * from "./VerticesNode";
+export * from "./CustomDrawingNode";
+export * from "./Text";
+export * from "./PictureNode";
+export * from "./DiffRectNode";
+export * from "./ImageSVG";
+export * from "./BackdropFilterNode";
+export * from "./Box";

package/lib/module/dom/nodes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "../types";
+export * from "./JsiSkDOM";
+export * from "./datatypes";

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

@@ -0,0 +1,8 @@
+import type { BlendProps } from "../../types/ImageFilters";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BlendNode extends JsiDeclarationNode<BlendProps> {
+    constructor(ctx: NodeContext, props: BlendProps);
+    decorate(ctx: DeclarationContext): void;
+}

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

@@ -2,63 +2,32 @@ 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";
+import { composeDeclarations } from "../../types/DeclarationContext";
 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() {
+  decorate(ctx) {
+    this.decorateChildren(ctx);
     const {
       Skia
     } = this;
-    const blend = BlendMode[enumKey(this.props.mode)];
+    const blend = BlendMode[enumKey(this.props.mode)]; // Blend ImageFilters
+
+    const imageFilters = ctx.imageFilters.popAll();
+
+    if (imageFilters.length > 0) {
+      const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);
+      ctx.imageFilters.push(composeDeclarations(imageFilters, composer));
+    } // Blend Shaders
 
-    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();
-        }
+    const shaders = ctx.shaders.popAll();
 
-        return Skia.Shader.MakeBlend(blend, outer.materialize(), inner);
-      }, null);
+    if (shaders.length > 0) {
+      const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);
+      ctx.shaders.push(composeDeclarations(shaders, composer));
     }
   }
 

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

@@ -1 +1 @@
-{"version":3,"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"],"sources":["BlendNode.ts"],"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"],"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;EACAK,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;IAC/C,MAAMD,GAAN,EAAWR,eAAe,CAACU,WAA3B,EAAwCT,QAAQ,CAACU,KAAjD,EAAwDF,KAAxD;EACD;;EAEOG,UAAU,CAChBC,KADgB,EAEhB;IACA,IAAI,KAAKC,SAAL,CAAeC,MAAf,GAAwB,CAA5B,EAA+B;MAC7B,IAAIF,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACU,WAA9C,EAA2D;QACzD,KAAKM,eAAL,GAAuBhB,eAAe,CAACU,WAAvC;MACD,CAFD,MAEO;QACL,KAAKM,eAAL,GAAuBhB,eAAe,CAACiB,MAAvC;MACD;IACF;EACF;;EAEDC,QAAQ,CAACL,KAAD,EAAuB;IAC7B,IACE,EAAEA,KAAK,YAAYX,kBAAnB,KACCW,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACiB,MAA1C,IACCJ,KAAK,CAACG,eAAN,KAA0BhB,eAAe,CAACU,WAH9C,EAIE;MACA,MAAM,IAAIS,KAAJ,CAAW,4BAA2BN,KAAK,CAACO,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;IACD;;IACD,KAAKR,UAAL,CAAgBC,KAAhB;IACA,MAAMK,QAAN,CAAeL,KAAf;EACD;;EAEDQ,iBAAiB,CAACR,KAAD,EAAuBS,MAAvB,EAAoD;IACnE,IACE,EAAET,KAAK,YAAYT,sBAAnB,KACA,EAAES,KAAK,YAAYR,iBAAnB,CAFF,EAGE;MACA,MAAM,IAAIc,KAAJ,CAAW,4BAA2BN,KAAK,CAACO,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;IACD;;IACD,KAAKR,UAAL,CAAgBC,KAAhB;IACA,MAAMQ,iBAAN,CAAwBR,KAAxB,EAA+BS,MAA/B;EACD;;EAEDC,WAAW,GAAG;IACZ,MAAM;MAAEC;IAAF,IAAW,IAAjB;IACA,MAAMC,KAAK,GAAG1B,SAAS,CAACI,OAAO,CAAC,KAAKM,KAAL,CAAWiB,IAAZ,CAAR,CAAvB;;IACA,IAAI,KAAKV,eAAL,KAAyBhB,eAAe,CAACU,WAA7C,EAA0D;MACxD,OAAQ,KAAKI,SAAN,CACJa,OADI,GAEJC,MAFI,CAEyB,CAACC,KAAD,EAAQC,KAAR,KAAkB;QAC9C,IAAID,KAAK,KAAK,IAAd,EAAoB;UAClB,OAAOC,KAAK,CAACP,WAAN,EAAP;QACD;;QACD,OAAOC,IAAI,CAACd,WAAL,CAAiBqB,SAAjB,CAA2BN,KAA3B,EAAkCK,KAAK,CAACP,WAAN,EAAlC,EAAuDM,KAAvD,CAAP;MACD,CAPI,EAOF,IAPE,CAAP;IAQD,CATD,MASO;MACL,OAAQ,KAAKf,SAAN,CACJa,OADI,GAEJC,MAFI,CAEoB,CAACC,KAAD,EAAQC,KAAR,KAAkB;QACzC,IAAID,KAAK,KAAK,IAAd,EAAoB;UAClB,OAAOC,KAAK,CAACP,WAAN,EAAP;QACD;;QACD,OAAOC,IAAI,CAACP,MAAL,CAAYc,SAAZ,CAAsBN,KAAtB,EAA6BK,KAAK,CAACP,WAAN,EAA7B,EAAkDM,KAAlD,CAAP;MACD,CAPI,EAOF,IAPE,CAAP;IAQD;EACF;;AA9DD"}
+{"version":3,"names":["BlendMode","DeclarationType","NodeType","JsiDeclarationNode","enumKey","composeDeclarations","BlendNode","constructor","ctx","props","ImageFilter","Blend","decorate","decorateChildren","Skia","blend","mode","imageFilters","popAll","length","composer","MakeBlend","bind","push","shaders","Shader"],"sources":["BlendNode.ts"],"sourcesContent":["import type { BlendProps } from \"../../types/ImageFilters\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { DeclarationType, NodeType } from \"../../types/NodeType\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport { enumKey } from \"../datatypes\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\nimport { composeDeclarations } from \"../../types/DeclarationContext\";\n\nexport class BlendNode extends JsiDeclarationNode<BlendProps> {\n  constructor(ctx: NodeContext, props: BlendProps) {\n    super(ctx, DeclarationType.ImageFilter, NodeType.Blend, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { Skia } = this;\n    const blend = BlendMode[enumKey(this.props.mode)];\n    // Blend ImageFilters\n    const imageFilters = ctx.imageFilters.popAll();\n    if (imageFilters.length > 0) {\n      const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);\n      ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n    }\n    // Blend Shaders\n    const shaders = ctx.shaders.popAll();\n    if (shaders.length > 0) {\n      const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);\n      ctx.shaders.push(composeDeclarations(shaders, composer));\n    }\n  }\n}\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,qBAA1B;AACA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,sBAA1C;AAEA,SAASC,kBAAT,QAAmC,SAAnC;AACA,SAASC,OAAT,QAAwB,cAAxB;AAEA,SAASC,mBAAT,QAAoC,gCAApC;AAEA,OAAO,MAAMC,SAAN,SAAwBH,kBAAxB,CAAuD;EAC5DI,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;IAC/C,MAAMD,GAAN,EAAWP,eAAe,CAACS,WAA3B,EAAwCR,QAAQ,CAACS,KAAjD,EAAwDF,KAAxD;EACD;;EAEDG,QAAQ,CAACJ,GAAD,EAA0B;IAChC,KAAKK,gBAAL,CAAsBL,GAAtB;IACA,MAAM;MAAEM;IAAF,IAAW,IAAjB;IACA,MAAMC,KAAK,GAAGf,SAAS,CAACI,OAAO,CAAC,KAAKK,KAAL,CAAWO,IAAZ,CAAR,CAAvB,CAHgC,CAIhC;;IACA,MAAMC,YAAY,GAAGT,GAAG,CAACS,YAAJ,CAAiBC,MAAjB,EAArB;;IACA,IAAID,YAAY,CAACE,MAAb,GAAsB,CAA1B,EAA6B;MAC3B,MAAMC,QAAQ,GAAGN,IAAI,CAACJ,WAAL,CAAiBW,SAAjB,CAA2BC,IAA3B,CAAgCR,IAAI,CAACJ,WAArC,EAAkDK,KAAlD,CAAjB;MACAP,GAAG,CAACS,YAAJ,CAAiBM,IAAjB,CAAsBlB,mBAAmB,CAACY,YAAD,EAAeG,QAAf,CAAzC;IACD,CAT+B,CAUhC;;;IACA,MAAMI,OAAO,GAAGhB,GAAG,CAACgB,OAAJ,CAAYN,MAAZ,EAAhB;;IACA,IAAIM,OAAO,CAACL,MAAR,GAAiB,CAArB,EAAwB;MACtB,MAAMC,QAAQ,GAAGN,IAAI,CAACW,MAAL,CAAYJ,SAAZ,CAAsBC,IAAtB,CAA2BR,IAAI,CAACW,MAAhC,EAAwCV,KAAxC,CAAjB;MACAP,GAAG,CAACgB,OAAJ,CAAYD,IAAZ,CAAiBlB,mBAAmB,CAACmB,OAAD,EAAUJ,QAAV,CAApC;IACD;EACF;;AArB2D"}

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

@@ -0,0 +1,35 @@
+import type { SkColorFilter } from "../../../skia/types";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { BlendColorFilterProps, MatrixColorFilterProps } from "../../types";
+import { NodeType } from "../../types";
+import type { LerpColorFilterProps } from "../../types/ColorFilters";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare abstract class ColorFilterDeclaration<P> extends JsiDeclarationNode<P> {
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    protected composeAndPush(ctx: DeclarationContext, cf1: SkColorFilter): void;
+}
+export declare class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {
+    constructor(ctx: NodeContext, props: MatrixColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilterProps> {
+    constructor(ctx: NodeContext, props: BlendColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LumaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LerpColorFilterNode extends ColorFilterDeclaration<LerpColorFilterProps> {
+    constructor(ctx: NodeContext, props: LerpColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}

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

@@ -0,0 +1,42 @@
+import type { SkImageFilter } from "../../../skia/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> extends JsiDeclarationNode<P> {
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    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);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {
+    constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {
+    constructor(ctx: NodeContext, props: BlurImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {
+    constructor(ctx: NodeContext, props: DropShadowImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare enum MorphologyOperator {
+    Erode = 0,
+    Dilate = 1
+}
+export declare class MorphologyImageFilterNode extends ImageFilterDeclaration<MorphologyImageFilterProps> {
+    constructor(ctx: NodeContext, props: MorphologyImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {
+    constructor(ctx: NodeContext, props: BlendImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {
+    constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}