@shopify/react-native-skia 0.1.146 → 0.1.148

package/lib/commonjs/dom/nodes/drawings/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.ts"],"names":["TextNode","JsiDrawingNode","constructor","ctx","props","NodeType","Text","deriveProps","draw","canvas","paint","text","x","y","font","drawText","TextPathNode","TextPath","path","Skia","initialOffset","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","width","substring","px","py","tx","ty","getPosTan","adjustedX","adjustedY","push","RSXform","TextBlob","MakeFromRSXform","derived","Error","drawTextBlob","TextBlobNode","blob","GlyphsNode","Glyphs","glyphs","reduce","acc","glyph","id","pos","positions","drawGlyphs"],"mappings":"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","sourcesContent":["import type { SkRSXform, SkTextBlob, SkPoint } from \"../../../skia/types\";\nimport type {\n  DrawingContext,\n  TextBlobProps,\n  TextPathProps,\n  TextProps,\n} from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processPath } from \"../datatypes\";\nimport type { GlyphsProps } from \"../../types/Drawings\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class TextNode extends JsiDrawingNode<TextProps, null> {\n  constructor(ctx: NodeContext, props: TextProps) {\n    super(ctx, NodeType.Text, props);\n  }\n\n  protected deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { text, x, y, font } = this.props;\n    canvas.drawText(text, x, y, paint, font);\n  }\n}\n\nexport class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob> {\n  constructor(ctx: NodeContext, props: TextPathProps) {\n    super(ctx, NodeType.TextPath, props);\n  }\n\n  deriveProps() {\n    const path = processPath(this.Skia, this.props.path);\n    const { font, initialOffset } = this.props;\n    let { text } = this.props;\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids);\n    const rsx: SkRSXform[] = [];\n    const meas = this.Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const { px, py, tx, ty } = cont.getPosTan(dist);\n      const adjustedX = px - (width / 2) * tx;\n      const adjustedY = py - (width / 2) * ty;\n      rsx.push(this.Skia.RSXform(tx, ty, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    return this.Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"TextPathNode: blob is null\");\n    }\n    canvas.drawTextBlob(this.derived, 0, 0, paint);\n  }\n}\n\nexport class TextBlobNode extends JsiDrawingNode<TextBlobProps, null> {\n  constructor(ctx: NodeContext, props: TextBlobProps) {\n    super(ctx, NodeType.TextBlob, props);\n  }\n\n  protected deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { blob, x, y } = this.props;\n    canvas.drawTextBlob(blob, x, y, paint);\n  }\n}\n\ninterface ProcessedGlyphs {\n  glyphs: number[];\n  positions: SkPoint[];\n}\n\nexport class GlyphsNode extends JsiDrawingNode<GlyphsProps, ProcessedGlyphs> {\n  constructor(ctx: NodeContext, props: GlyphsProps) {\n    super(ctx, NodeType.Glyphs, props);\n  }\n\n  deriveProps() {\n    return this.props.glyphs.reduce<ProcessedGlyphs>(\n      (acc, glyph) => {\n        const { id, pos } = glyph;\n        acc.glyphs.push(id);\n        acc.positions.push(pos);\n        return acc;\n      },\n      { glyphs: [], positions: [] }\n    );\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"GlyphsNode: processedGlyphs is null\");\n    }\n    const { glyphs, positions } = this.derived;\n    const { x, y, font } = this.props;\n    canvas.drawGlyphs(glyphs, positions, x, y, font, paint);\n  }\n}\n"]}

package/lib/commonjs/dom/nodes/drawings/VerticesNode.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VerticesNode = void 0;
+
+var _types = require("../../../skia/types");
+
+var _types2 = require("../../types");
+
+var _datatypes = require("../datatypes");
+
+var _DrawingNode = require("../DrawingNode");
+
+class VerticesNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Vertices, props);
+  }
+
+  deriveProps() {
+    const {
+      mode,
+      vertices,
+      textures,
+      colors,
+      indices
+    } = this.props;
+    const vertexMode = mode ? _types.VertexMode[(0, _datatypes.enumKey)(mode)] : _types.VertexMode.Triangles;
+    return this.Skia.MakeVertices(vertexMode, vertices, textures, colors ? colors.map(c => (0, _datatypes.processColor)(this.Skia, c, 1)) : undefined, indices);
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      colors,
+      blendMode
+    } = this.props;
+    const defaultBlendMode = colors ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+    const blend = blendMode ? _types.BlendMode[(0, _datatypes.enumKey)(blendMode)] : defaultBlendMode;
+
+    if (this.derived === undefined) {
+      throw new Error("VerticesNode: vertices is undefined");
+    }
+
+    canvas.drawVertices(this.derived, blend, paint);
+  }
+
+}
+
+exports.VerticesNode = VerticesNode;
+//# sourceMappingURL=VerticesNode.js.map

package/lib/commonjs/dom/nodes/drawings/VerticesNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VerticesNode.ts"],"names":["VerticesNode","JsiDrawingNode","constructor","ctx","props","NodeType","Vertices","deriveProps","mode","vertices","textures","colors","indices","vertexMode","VertexMode","Triangles","Skia","MakeVertices","map","c","undefined","draw","canvas","paint","blendMode","defaultBlendMode","BlendMode","DstOver","SrcOver","blend","derived","Error","drawVertices"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;AAGO,MAAMA,YAAN,SAA2BC,2BAA3B,CAAqE;AAC1EC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWE,iBAASC,QAApB,EAA8BF,KAA9B;AACD;;AAESG,EAAAA,WAAW,GAAG;AACtB,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,QAAR;AAAkBC,MAAAA,QAAlB;AAA4BC,MAAAA,MAA5B;AAAoCC,MAAAA;AAApC,QAAgD,KAAKR,KAA3D;AACA,UAAMS,UAAU,GAAGL,IAAI,GAAGM,kBAAW,wBAAQN,IAAR,CAAX,CAAH,GAA+BM,kBAAWC,SAAjE;AACA,WAAO,KAAKC,IAAL,CAAUC,YAAV,CACLJ,UADK,EAELJ,QAFK,EAGLC,QAHK,EAILC,MAAM,GAAGA,MAAM,CAACO,GAAP,CAAYC,CAAD,IAAO,6BAAa,KAAKH,IAAlB,EAAwBG,CAAxB,EAA2B,CAA3B,CAAlB,CAAH,GAAsDC,SAJvD,EAKLR,OALK,CAAP;AAOD;;AAEDS,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEZ,MAAAA,MAAF;AAAUa,MAAAA;AAAV,QAAwB,KAAKpB,KAAnC;AACA,UAAMqB,gBAAgB,GAAGd,MAAM,GAAGe,iBAAUC,OAAb,GAAuBD,iBAAUE,OAAhE;AACA,UAAMC,KAAK,GAAGL,SAAS,GAAGE,iBAAU,wBAAQF,SAAR,CAAV,CAAH,GAAmCC,gBAA1D;;AACA,QAAI,KAAKK,OAAL,KAAiBV,SAArB,EAAgC;AAC9B,YAAM,IAAIW,KAAJ,CAAU,qCAAV,CAAN;AACD;;AACDT,IAAAA,MAAM,CAACU,YAAP,CAAoB,KAAKF,OAAzB,EAAkCD,KAAlC,EAAyCN,KAAzC;AACD;;AAzByE","sourcesContent":["import type { SkVertices } from \"../../../skia/types\";\nimport { VertexMode, BlendMode } from \"../../../skia/types\";\nimport type { DrawingContext, VerticesProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey, processColor } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class VerticesNode extends JsiDrawingNode<VerticesProps, SkVertices> {\n  constructor(ctx: NodeContext, props: VerticesProps) {\n    super(ctx, NodeType.Vertices, props);\n  }\n\n  protected deriveProps() {\n    const { mode, vertices, textures, colors, indices } = this.props;\n    const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;\n    return this.Skia.MakeVertices(\n      vertexMode,\n      vertices,\n      textures,\n      colors ? colors.map((c) => processColor(this.Skia, c, 1)) : undefined,\n      indices\n    );\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { colors, blendMode } = this.props;\n    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n    const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    if (this.derived === undefined) {\n      throw new Error(\"VerticesNode: vertices is undefined\");\n    }\n    canvas.drawVertices(this.derived, blend, paint);\n  }\n}\n"]}

package/lib/commonjs/dom/nodes/drawings/index.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _CircleNode = require("./CircleNode");
+
+Object.keys(_CircleNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CircleNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CircleNode[key];
+    }
+  });
+});
+
+var _FillNode = require("./FillNode");
+
+Object.keys(_FillNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FillNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FillNode[key];
+    }
+  });
+});
+
+var _ImageNode = require("./ImageNode");
+
+Object.keys(_ImageNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageNode[key];
+    }
+  });
+});
+
+var _PointsNode = require("./PointsNode");
+
+Object.keys(_PointsNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PointsNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PointsNode[key];
+    }
+  });
+});
+
+var _PathNode = require("./PathNode");
+
+Object.keys(_PathNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PathNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PathNode[key];
+    }
+  });
+});
+
+var _RectNode = require("./RectNode");
+
+Object.keys(_RectNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RectNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RectNode[key];
+    }
+  });
+});
+
+var _RRectNode = require("./RRectNode");
+
+Object.keys(_RRectNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RRectNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RRectNode[key];
+    }
+  });
+});
+
+var _OvalNode = require("./OvalNode");
+
+Object.keys(_OvalNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _OvalNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _OvalNode[key];
+    }
+  });
+});
+
+var _LineNode = require("./LineNode");
+
+Object.keys(_LineNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineNode[key];
+    }
+  });
+});
+
+var _PatchNode = require("./PatchNode");
+
+Object.keys(_PatchNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PatchNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PatchNode[key];
+    }
+  });
+});
+
+var _VerticesNode = require("./VerticesNode");
+
+Object.keys(_VerticesNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VerticesNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VerticesNode[key];
+    }
+  });
+});
+
+var _CustomDrawingNode = require("./CustomDrawingNode");
+
+Object.keys(_CustomDrawingNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomDrawingNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CustomDrawingNode[key];
+    }
+  });
+});
+
+var _Text = require("./Text");
+
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Text[key];
+    }
+  });
+});
+
+var _PictureNode = require("./PictureNode");
+
+Object.keys(_PictureNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PictureNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PictureNode[key];
+    }
+  });
+});
+
+var _DiffRectNode = require("./DiffRectNode");
+
+Object.keys(_DiffRectNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DiffRectNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DiffRectNode[key];
+    }
+  });
+});
+
+var _ImageSVG = require("./ImageSVG");
+
+Object.keys(_ImageSVG).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageSVG[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageSVG[key];
+    }
+  });
+});
+
+var _BackdropFilterNode = require("./BackdropFilterNode");
+
+Object.keys(_BackdropFilterNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BackdropFilterNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BackdropFilterNode[key];
+    }
+  });
+});
+
+var _Box = require("./Box");
+
+Object.keys(_Box).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Box[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Box[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/dom/nodes/drawings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./CircleNode\";\nexport * from \"./FillNode\";\nexport * from \"./ImageNode\";\nexport * from \"./PointsNode\";\nexport * from \"./PathNode\";\nexport * from \"./RectNode\";\nexport * from \"./RRectNode\";\nexport * from \"./OvalNode\";\nexport * from \"./LineNode\";\nexport * from \"./PatchNode\";\nexport * from \"./VerticesNode\";\nexport * from \"./CustomDrawingNode\";\nexport * from \"./Text\";\nexport * from \"./PictureNode\";\nexport * from \"./DiffRectNode\";\nexport * from \"./ImageSVG\";\nexport * from \"./BackdropFilterNode\";\nexport * from \"./Box\";\n"]}

package/lib/commonjs/dom/nodes/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _types = require("../types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+
+var _JsiSkDOM = require("./JsiSkDOM");
+
+Object.keys(_JsiSkDOM).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _JsiSkDOM[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _JsiSkDOM[key];
+    }
+  });
+});
+
+var _datatypes = require("./datatypes");
+
+Object.keys(_datatypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _datatypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _datatypes[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlendNode = void 0;
+
+var _types = require("../../../skia/types");
+
+var _NodeType = require("../../types/NodeType");
+
+var _Node = require("../Node");
+
+var _datatypes = require("../datatypes");
+
+var _ImageFilters = require("./ImageFilters");
+
+var _Shaders = require("./Shaders");
+
+class BlendNode extends _Node.JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, _NodeType.DeclarationType.ImageFilter, _NodeType.NodeType.Blend, props);
+  }
+
+  checkChild(child) {
+    if (this._children.length > 0) {
+      if (child.declarationType === _NodeType.DeclarationType.ImageFilter) {
+        this.declarationType = _NodeType.DeclarationType.ImageFilter;
+      } else {
+        this.declarationType = _NodeType.DeclarationType.Shader;
+      }
+    }
+  }
+
+  addChild(child) {
+    if (!(child instanceof _Node.JsiDeclarationNode) || child.declarationType !== _NodeType.DeclarationType.Shader && child.declarationType !== _NodeType.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 _ImageFilters.ImageFilterDeclaration) || !(child instanceof _Shaders.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 = _types.BlendMode[(0, _datatypes.enumKey)(this.props.mode)];
+
+    if (this.declarationType === _NodeType.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);
+    }
+  }
+
+}
+
+exports.BlendNode = BlendNode;
+//# sourceMappingURL=BlendNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BlendNode.ts"],"names":["BlendNode","JsiDeclarationNode","constructor","ctx","props","DeclarationType","ImageFilter","NodeType","Blend","checkChild","child","_children","length","declarationType","Shader","addChild","Error","type","insertChildBefore","before","ImageFilterDeclaration","ShaderDeclaration","materialize","Skia","blend","BlendMode","mode","reverse","reduce","inner","outer","MakeBlend"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AAEO,MAAMA,SAAN,SAAwBC,wBAAxB,CAGL;AACAC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWE,0BAAgBC,WAA3B,EAAwCC,mBAASC,KAAjD,EAAwDJ,KAAxD;AACD;;AAEOK,EAAAA,UAAU,CAChBC,KADgB,EAEhB;AACA,QAAI,KAAKC,SAAL,CAAeC,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,UAAIF,KAAK,CAACG,eAAN,KAA0BR,0BAAgBC,WAA9C,EAA2D;AACzD,aAAKO,eAAL,GAAuBR,0BAAgBC,WAAvC;AACD,OAFD,MAEO;AACL,aAAKO,eAAL,GAAuBR,0BAAgBS,MAAvC;AACD;AACF;AACF;;AAEDC,EAAAA,QAAQ,CAACL,KAAD,EAAuB;AAC7B,QACE,EAAEA,KAAK,YAAYT,wBAAnB,KACCS,KAAK,CAACG,eAAN,KAA0BR,0BAAgBS,MAA1C,IACCJ,KAAK,CAACG,eAAN,KAA0BR,0BAAgBC,WAH9C,EAIE;AACA,YAAM,IAAIU,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,YAAYU,oCAAnB,KACA,EAAEV,KAAK,YAAYW,0BAAnB,CAFF,EAGE;AACA,YAAM,IAAIL,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;;AAEDG,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA;AAAF,QAAW,IAAjB;;AACA,UAAMC,KAAK,GAAGC,iBAAU,wBAAQ,KAAKrB,KAAL,CAAWsB,IAAnB,CAAV,CAAd;;AACA,QAAI,KAAKb,eAAL,KAAyBR,0BAAgBC,WAA7C,EAA0D;AACxD,aAAQ,KAAKK,SAAN,CACJgB,OADI,GAEJC,MAFI,CAEyB,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC9C,YAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,iBAAOC,KAAK,CAACR,WAAN,EAAP;AACD;;AACD,eAAOC,IAAI,CAACjB,WAAL,CAAiByB,SAAjB,CAA2BP,KAA3B,EAAkCM,KAAK,CAACR,WAAN,EAAlC,EAAuDO,KAAvD,CAAP;AACD,OAPI,EAOF,IAPE,CAAP;AAQD,KATD,MASO;AACL,aAAQ,KAAKlB,SAAN,CACJgB,OADI,GAEJC,MAFI,CAEoB,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACzC,YAAID,KAAK,KAAK,IAAd,EAAoB;AAClB,iBAAOC,KAAK,CAACR,WAAN,EAAP;AACD;;AACD,eAAOC,IAAI,CAACT,MAAL,CAAYiB,SAAZ,CAAsBP,KAAtB,EAA6BM,KAAK,CAACR,WAAN,EAA7B,EAAkDO,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/commonjs/dom/nodes/paint/ColorFilters.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SRGBToLinearGammaColorFilterNode = exports.MatrixColorFilterNode = exports.LumaColorFilterNode = exports.LinearToSRGBGammaColorFilterNode = exports.LerpColorFilterNode = exports.ColorFilterDeclaration = exports.BlendColorFilterNode = void 0;
+
+var _types = require("../../../skia/types");
+
+var _Node = require("../Node");
+
+var _types2 = require("../../types");
+
+var _datatypes = require("../datatypes");
+
+var _Enum = require("../datatypes/Enum");
+
+class ColorFilterDeclaration extends _Node.JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, _types2.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));
+    }
+  }
+
+}
+
+exports.ColorFilterDeclaration = ColorFilterDeclaration;
+
+class MatrixColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.MatrixColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      matrix
+    } = this.props;
+    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);
+    return this.compose(cf);
+  }
+
+}
+
+exports.MatrixColorFilterNode = MatrixColorFilterNode;
+
+class BlendColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.BlendColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      mode
+    } = this.props;
+    const color = (0, _datatypes.processColor)(this.Skia, this.props.color, 1);
+    const cf = this.Skia.ColorFilter.MakeBlend(color, _types.BlendMode[(0, _Enum.enumKey)(mode)]);
+    return this.compose(cf);
+  }
+
+}
+
+exports.BlendColorFilterNode = BlendColorFilterNode;
+
+class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, _types2.NodeType.LinearToSRGBGammaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();
+    return this.compose(cf);
+  }
+
+}
+
+exports.LinearToSRGBGammaColorFilterNode = LinearToSRGBGammaColorFilterNode;
+
+class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, _types2.NodeType.SRGBToLinearGammaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();
+    return this.compose(cf);
+  }
+
+}
+
+exports.SRGBToLinearGammaColorFilterNode = SRGBToLinearGammaColorFilterNode;
+
+class LumaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, _types2.NodeType.LumaColorFilter, null);
+  }
+
+  materialize() {
+    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();
+    return this.compose(cf);
+  }
+
+}
+
+exports.LumaColorFilterNode = LumaColorFilterNode;
+
+class LerpColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.LerpColorFilter, props);
+  }
+
+  materialize() {
+    const {
+      t
+    } = this.props;
+    const [first, second] = this.children();
+    return this.Skia.ColorFilter.MakeLerp(t, first.materialize(), second.materialize());
+  }
+
+}
+
+exports.LerpColorFilterNode = LerpColorFilterNode;
+//# sourceMappingURL=ColorFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorFilters.ts"],"names":["ColorFilterDeclaration","JsiDeclarationNode","constructor","ctx","type","props","DeclarationType","ColorFilter","addChild","child","Error","insertChildBefore","before","compose","filter","children","_children","length","Skia","MakeCompose","reduce","acc","materialize","MatrixColorFilterNode","NodeType","MatrixColorFilter","matrix","cf","MakeMatrix","BlendColorFilterNode","BlendColorFilter","mode","color","MakeBlend","BlendMode","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"]}