@shopify/react-native-skia 0.1.147 → 0.1.149

package/lib/module/dom/nodes/drawings/RectNode.js

@@ -0,0 +1,27 @@
+import { NodeType } from "../../types";
+import { processRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class RectNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Rect, props);
+  }
+
+  deriveProps() {
+    return processRect(this.Skia, this.props);
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    if (this.derived === undefined) {
+      throw new Error("RectNode: rect is undefined");
+    }
+
+    canvas.drawRect(this.derived, paint);
+  }
+
+}
+//# sourceMappingURL=RectNode.js.map

package/lib/module/dom/nodes/drawings/RectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RectNode.ts"],"names":["NodeType","processRect","JsiDrawingNode","RectNode","constructor","ctx","props","Rect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRect"],"mappings":"AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,QAAN,SAAuBD,cAAvB,CAAyD;AAC9DE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWL,QAAQ,CAACO,IAApB,EAA0BD,KAA1B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAOP,WAAW,CAAC,KAAKQ,IAAN,EAAY,KAAKH,KAAjB,CAAlB;AACD;;AAEDI,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,KAAKC,OAAL,KAAiBC,SAArB,EAAgC;AAC9B,YAAM,IAAIC,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACDJ,IAAAA,MAAM,CAACK,QAAP,CAAgB,KAAKH,OAArB,EAA8BD,KAA9B;AACD;;AAd6D","sourcesContent":["import type { SkRect } from \"../../../skia/types/Rect\";\nimport type { DrawingContext, RectProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class RectNode extends JsiDrawingNode<RectProps, SkRect> {\n  constructor(ctx: NodeContext, props: RectProps) {\n    super(ctx, NodeType.Rect, props);\n  }\n\n  deriveProps() {\n    return processRect(this.Skia, this.props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (this.derived === undefined) {\n      throw new Error(\"RectNode: rect is undefined\");\n    }\n    canvas.drawRect(this.derived, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/Text.js

@@ -0,0 +1,164 @@
+import { NodeType } from "../../types";
+import { processPath } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class TextNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Text, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      text,
+      x,
+      y,
+      font
+    } = this.props;
+    canvas.drawText(text, x, y, paint, font);
+  }
+
+}
+export class TextPathNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.TextPath, props);
+  }
+
+  deriveProps() {
+    const path = processPath(this.Skia, this.props.path);
+    const {
+      font,
+      initialOffset
+    } = this.props;
+    let {
+      text
+    } = this.props;
+    const ids = font.getGlyphIDs(text);
+    const widths = font.getGlyphWidths(ids);
+    const rsx = [];
+    const meas = this.Skia.ContourMeasureIter(path, false, 1);
+    let cont = meas.next();
+    let dist = initialOffset;
+
+    for (let i = 0; i < text.length && cont; i++) {
+      const width = widths[i];
+      dist += width / 2;
+
+      if (dist > cont.length()) {
+        // jump to next contour
+        cont = meas.next();
+
+        if (!cont) {
+          // We have come to the end of the path - terminate the string
+          // right here.
+          text = text.substring(0, i);
+          break;
+        }
+
+        dist = width / 2;
+      } // Gives us the (x, y) coordinates as well as the cos/sin of the tangent
+      // line at that position.
+
+
+      const {
+        px,
+        py,
+        tx,
+        ty
+      } = cont.getPosTan(dist);
+      const adjustedX = px - width / 2 * tx;
+      const adjustedY = py - width / 2 * ty;
+      rsx.push(this.Skia.RSXform(tx, ty, adjustedX, adjustedY));
+      dist += width / 2;
+    }
+
+    return this.Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+  }
+
+  draw(_ref2) {
+    let {
+      canvas,
+      paint
+    } = _ref2;
+
+    if (!this.derived) {
+      throw new Error("TextPathNode: blob is null");
+    }
+
+    canvas.drawTextBlob(this.derived, 0, 0, paint);
+  }
+
+}
+export class TextBlobNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.TextBlob, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref3) {
+    let {
+      canvas,
+      paint
+    } = _ref3;
+    const {
+      blob,
+      x,
+      y
+    } = this.props;
+    canvas.drawTextBlob(blob, x, y, paint);
+  }
+
+}
+export class GlyphsNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Glyphs, props);
+  }
+
+  deriveProps() {
+    return this.props.glyphs.reduce((acc, glyph) => {
+      const {
+        id,
+        pos
+      } = glyph;
+      acc.glyphs.push(id);
+      acc.positions.push(pos);
+      return acc;
+    }, {
+      glyphs: [],
+      positions: []
+    });
+  }
+
+  draw(_ref4) {
+    let {
+      canvas,
+      paint
+    } = _ref4;
+
+    if (!this.derived) {
+      throw new Error("GlyphsNode: processedGlyphs is null");
+    }
+
+    const {
+      glyphs,
+      positions
+    } = this.derived;
+    const {
+      x,
+      y,
+      font
+    } = this.props;
+    canvas.drawGlyphs(glyphs, positions, x, y, font, paint);
+  }
+
+}
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.ts"],"names":["NodeType","processPath","JsiDrawingNode","TextNode","constructor","ctx","props","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/module/dom/nodes/drawings/VerticesNode.js

@@ -0,0 +1,42 @@
+import { VertexMode, BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey, processColor } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class VerticesNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Vertices, props);
+  }
+
+  deriveProps() {
+    const {
+      mode,
+      vertices,
+      textures,
+      colors,
+      indices
+    } = this.props;
+    const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;
+    return this.Skia.MakeVertices(vertexMode, vertices, textures, colors ? colors.map(c => processColor(this.Skia, c, 1)) : undefined, indices);
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      colors,
+      blendMode
+    } = this.props;
+    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+    const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;
+
+    if (this.derived === undefined) {
+      throw new Error("VerticesNode: vertices is undefined");
+    }
+
+    canvas.drawVertices(this.derived, blend, paint);
+  }
+
+}
+//# sourceMappingURL=VerticesNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["VerticesNode.ts"],"names":["VertexMode","BlendMode","NodeType","enumKey","processColor","JsiDrawingNode","VerticesNode","constructor","ctx","props","Vertices","deriveProps","mode","vertices","textures","colors","indices","vertexMode","Triangles","Skia","MakeVertices","map","c","undefined","draw","canvas","paint","blendMode","defaultBlendMode","DstOver","SrcOver","blend","derived","Error","drawVertices"],"mappings":"AACA,SAASA,UAAT,EAAqBC,SAArB,QAAsC,qBAAtC;AAEA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,OAAT,EAAkBC,YAAlB,QAAsC,cAAtC;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,YAAN,SAA2BD,cAA3B,CAAqE;AAC1EE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWN,QAAQ,CAACQ,QAApB,EAA8BD,KAA9B;AACD;;AAESE,EAAAA,WAAW,GAAG;AACtB,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,QAAR;AAAkBC,MAAAA,QAAlB;AAA4BC,MAAAA,MAA5B;AAAoCC,MAAAA;AAApC,QAAgD,KAAKP,KAA3D;AACA,UAAMQ,UAAU,GAAGL,IAAI,GAAGZ,UAAU,CAACG,OAAO,CAACS,IAAD,CAAR,CAAb,GAA+BZ,UAAU,CAACkB,SAAjE;AACA,WAAO,KAAKC,IAAL,CAAUC,YAAV,CACLH,UADK,EAELJ,QAFK,EAGLC,QAHK,EAILC,MAAM,GAAGA,MAAM,CAACM,GAAP,CAAYC,CAAD,IAAOlB,YAAY,CAAC,KAAKe,IAAN,EAAYG,CAAZ,EAAe,CAAf,CAA9B,CAAH,GAAsDC,SAJvD,EAKLP,OALK,CAAP;AAOD;;AAEDQ,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEX,MAAAA,MAAF;AAAUY,MAAAA;AAAV,QAAwB,KAAKlB,KAAnC;AACA,UAAMmB,gBAAgB,GAAGb,MAAM,GAAGd,SAAS,CAAC4B,OAAb,GAAuB5B,SAAS,CAAC6B,OAAhE;AACA,UAAMC,KAAK,GAAGJ,SAAS,GAAG1B,SAAS,CAACE,OAAO,CAACwB,SAAD,CAAR,CAAZ,GAAmCC,gBAA1D;;AACA,QAAI,KAAKI,OAAL,KAAiBT,SAArB,EAAgC;AAC9B,YAAM,IAAIU,KAAJ,CAAU,qCAAV,CAAN;AACD;;AACDR,IAAAA,MAAM,CAACS,YAAP,CAAoB,KAAKF,OAAzB,EAAkCD,KAAlC,EAAyCL,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/module/dom/nodes/drawings/index.js

@@ -0,0 +1,19 @@
+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";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,QAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,sBAAd;AACA,cAAc,OAAd","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/module/dom/nodes/index.js

@@ -0,0 +1,4 @@
+export * from "../types";
+export * from "./JsiSkDOM";
+export * from "./datatypes";
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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