@pompadour/react-native-skia 1.0.0

package/lib/commonjs/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/commonjs/dom/nodes/drawings/PatchNode.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PatchNode = void 0;
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class PatchNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Patch, props);
+  }
+  deriveProps() {
+    const {
+      colors,
+      blendMode,
+      patch
+    } = this.props;
+    const defaultBlendMode = colors ? _types.BlendMode.DstOver : _types.BlendMode.SrcOver;
+    const mode = blendMode ? _types.BlendMode[(0, _datatypes.enumKey)(blendMode)] : defaultBlendMode;
+    // Patch requires a path with the following constraints:
+    // M tl
+    // C c1 c2 br
+    // C c1 c2 bl
+    // C c1 c2 tl (the redundant point in the last command is removed)
+    return {
+      mode,
+      points: [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1],
+      colors: colors ? colors.map(c => this.Skia.Color(c)) : undefined
+    };
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("PatchNode: derived props not set");
+    }
+    const {
+      texture
+    } = this.props;
+    const {
+      colors,
+      points,
+      mode
+    } = this.derived;
+    canvas.drawPatch(points, colors, texture, mode, paint);
+  }
+}
+exports.PatchNode = PatchNode;
+//# sourceMappingURL=PatchNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_types2","_datatypes","_DrawingNode","PatchNode","JsiDrawingNode","constructor","ctx","props","NodeType","Patch","deriveProps","colors","blendMode","patch","defaultBlendMode","BlendMode","DstOver","SrcOver","mode","enumKey","points","pos","c2","c1","map","c","Skia","Color","undefined","draw","canvas","paint","derived","Error","texture","drawPatch","exports"],"sources":["PatchNode.ts"],"sourcesContent":["import type { SkColor, SkPoint } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport type { DrawingContext, PatchProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PatchNode extends JsiDrawingNode<\n  PatchProps,\n  { points: SkPoint[]; colors: SkColor[] | undefined; mode: BlendMode }\n> {\n  constructor(ctx: NodeContext, props: PatchProps) {\n    super(ctx, NodeType.Patch, props);\n  }\n\n  deriveProps() {\n    const { colors, blendMode, patch } = this.props;\n    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n    const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    // Patch requires a path with the following constraints:\n    // M tl\n    // C c1 c2 br\n    // C c1 c2 bl\n    // C c1 c2 tl (the redundant point in the last command is removed)\n    return {\n      mode,\n      points: [\n        patch[0].pos,\n        patch[0].c2,\n        patch[1].c1,\n        patch[1].pos,\n        patch[1].c2,\n        patch[2].c1,\n        patch[2].pos,\n        patch[2].c2,\n        patch[3].c1,\n        patch[3].pos,\n        patch[3].c2,\n        patch[0].c1,\n      ],\n      colors: colors ? colors.map((c) => this.Skia.Color(c)) : undefined,\n    };\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"PatchNode: derived props not set\");\n    }\n    const { texture } = this.props;\n    const { colors, points, mode } = this.derived;\n    canvas.drawPatch(points, colors, texture, mode, paint);\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAGO,MAAMI,SAAS,SAASC,2BAAc,CAG3C;EACAC,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACN,KAAK;IAC/C,MAAMO,gBAAgB,GAAGH,MAAM,GAAGI,gBAAS,CAACC,OAAO,GAAGD,gBAAS,CAACE,OAAO;IACvE,MAAMC,IAAI,GAAGN,SAAS,GAAGG,gBAAS,CAAC,IAAAI,kBAAO,EAACP,SAAS,CAAC,CAAC,GAAGE,gBAAgB;IACzE;IACA;IACA;IACA;IACA;IACA,OAAO;MACLI,IAAI;MACJE,MAAM,EAAE,CACNP,KAAK,CAAC,CAAC,CAAC,CAACQ,GAAG,EACZR,KAAK,CAAC,CAAC,CAAC,CAACS,EAAE,EACXT,KAAK,CAAC,CAAC,CAAC,CAACU,EAAE,EACXV,KAAK,CAAC,CAAC,CAAC,CAACQ,GAAG,EACZR,KAAK,CAAC,CAAC,CAAC,CAACS,EAAE,EACXT,KAAK,CAAC,CAAC,CAAC,CAACU,EAAE,EACXV,KAAK,CAAC,CAAC,CAAC,CAACQ,GAAG,EACZR,KAAK,CAAC,CAAC,CAAC,CAACS,EAAE,EACXT,KAAK,CAAC,CAAC,CAAC,CAACU,EAAE,EACXV,KAAK,CAAC,CAAC,CAAC,CAACQ,GAAG,EACZR,KAAK,CAAC,CAAC,CAAC,CAACS,EAAE,EACXT,KAAK,CAAC,CAAC,CAAC,CAACU,EAAE,CACZ;MACDZ,MAAM,EAAEA,MAAM,GAAGA,MAAM,CAACa,GAAG,CAAEC,CAAC,IAAK,IAAI,CAACC,IAAI,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,GAAGG;IAC3D,CAAC;EACH;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,kCAAkC,CAAC;IACrD;IACA,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAAC3B,KAAK;IAC9B,MAAM;MAAEI,MAAM;MAAES,MAAM;MAAEF;IAAK,CAAC,GAAG,IAAI,CAACc,OAAO;IAC7CF,MAAM,CAACK,SAAS,CAACf,MAAM,EAAET,MAAM,EAAEuB,OAAO,EAAEhB,IAAI,EAAEa,KAAK,CAAC;EACxD;AACF;AAACK,OAAA,CAAAjC,SAAA,GAAAA,SAAA"}

package/lib/commonjs/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/commonjs/dom/nodes/drawings/PathNode.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PathNode = void 0;
+var _math = require("../../../renderer/processors/math");
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class PathNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Path, props);
+  }
+  deriveProps() {
+    const {
+      start: trimStart,
+      end: trimEnd,
+      fillType,
+      stroke,
+      ...pathProps
+    } = this.props;
+    const start = (0, _math.saturate)(trimStart);
+    const end = (0, _math.saturate)(trimEnd);
+    const hasStartOffset = start !== 0;
+    const hasEndOffset = end !== 1;
+    const hasStrokeOptions = stroke !== undefined;
+    const hasFillType = !!fillType;
+    const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
+    const pristinePath = (0, _datatypes.processPath)(this.Skia, pathProps.path);
+    const path = willMutatePath ? pristinePath.copy() : pristinePath;
+    if (hasFillType) {
+      path.setFillType(_types.FillType[(0, _datatypes.enumKey)(fillType)]);
+    }
+    if (hasStrokeOptions) {
+      path.stroke(stroke);
+    }
+    if (hasStartOffset || hasEndOffset) {
+      path.trim(start, end, false);
+    }
+    return path;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("Path not initialized");
+    }
+    canvas.drawPath(this.derived, paint);
+  }
+}
+exports.PathNode = PathNode;
+//# sourceMappingURL=PathNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_math","require","_types","_types2","_datatypes","_DrawingNode","PathNode","JsiDrawingNode","constructor","ctx","props","NodeType","Path","deriveProps","start","trimStart","end","trimEnd","fillType","stroke","pathProps","saturate","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","hasFillType","willMutatePath","pristinePath","processPath","Skia","path","copy","setFillType","FillType","enumKey","trim","draw","canvas","paint","derived","Error","drawPath","exports"],"sources":["PathNode.ts"],"sourcesContent":["import { saturate } from \"../../../renderer/processors/math\";\nimport { FillType } from \"../../../skia/types\";\nimport type { SkPath } from \"../../../skia/types\";\nimport type { DrawingContext, PathProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey, processPath } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PathNode extends JsiDrawingNode<PathProps, SkPath> {\n  constructor(ctx: NodeContext, props: PathProps) {\n    super(ctx, NodeType.Path, props);\n  }\n\n  protected deriveProps() {\n    const {\n      start: trimStart,\n      end: trimEnd,\n      fillType,\n      stroke,\n      ...pathProps\n    } = this.props;\n    const start = saturate(trimStart);\n    const end = saturate(trimEnd);\n    const hasStartOffset = start !== 0;\n    const hasEndOffset = end !== 1;\n    const hasStrokeOptions = stroke !== undefined;\n    const hasFillType = !!fillType;\n    const willMutatePath =\n      hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;\n    const pristinePath = processPath(this.Skia, pathProps.path);\n    const path = willMutatePath ? pristinePath.copy() : pristinePath;\n    if (hasFillType) {\n      path.setFillType(FillType[enumKey(fillType)]);\n    }\n    if (hasStrokeOptions) {\n      path.stroke(stroke);\n    }\n    if (hasStartOffset || hasEndOffset) {\n      path.trim(start, end, false);\n    }\n    return path;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"Path not initialized\");\n    }\n    canvas.drawPath(this.derived, paint);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAGO,MAAMK,QAAQ,SAASC,2BAAc,CAAoB;EAC9DC,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,IAAI,EAAEF,KAAK,CAAC;EAClC;EAEUG,WAAWA,CAAA,EAAG;IACtB,MAAM;MACJC,KAAK,EAAEC,SAAS;MAChBC,GAAG,EAAEC,OAAO;MACZC,QAAQ;MACRC,MAAM;MACN,GAAGC;IACL,CAAC,GAAG,IAAI,CAACV,KAAK;IACd,MAAMI,KAAK,GAAG,IAAAO,cAAQ,EAACN,SAAS,CAAC;IACjC,MAAMC,GAAG,GAAG,IAAAK,cAAQ,EAACJ,OAAO,CAAC;IAC7B,MAAMK,cAAc,GAAGR,KAAK,KAAK,CAAC;IAClC,MAAMS,YAAY,GAAGP,GAAG,KAAK,CAAC;IAC9B,MAAMQ,gBAAgB,GAAGL,MAAM,KAAKM,SAAS;IAC7C,MAAMC,WAAW,GAAG,CAAC,CAACR,QAAQ;IAC9B,MAAMS,cAAc,GAClBL,cAAc,IAAIC,YAAY,IAAIC,gBAAgB,IAAIE,WAAW;IACnE,MAAME,YAAY,GAAG,IAAAC,sBAAW,EAAC,IAAI,CAACC,IAAI,EAAEV,SAAS,CAACW,IAAI,CAAC;IAC3D,MAAMA,IAAI,GAAGJ,cAAc,GAAGC,YAAY,CAACI,IAAI,CAAC,CAAC,GAAGJ,YAAY;IAChE,IAAIF,WAAW,EAAE;MACfK,IAAI,CAACE,WAAW,CAACC,eAAQ,CAAC,IAAAC,kBAAO,EAACjB,QAAQ,CAAC,CAAC,CAAC;IAC/C;IACA,IAAIM,gBAAgB,EAAE;MACpBO,IAAI,CAACZ,MAAM,CAACA,MAAM,CAAC;IACrB;IACA,IAAIG,cAAc,IAAIC,YAAY,EAAE;MAClCQ,IAAI,CAACK,IAAI,CAACtB,KAAK,EAAEE,GAAG,EAAE,KAAK,CAAC;IAC9B;IACA,OAAOe,IAAI;EACb;EAEAM,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,sBAAsB,CAAC;IACzC;IACAH,MAAM,CAACI,QAAQ,CAAC,IAAI,CAACF,OAAO,EAAED,KAAK,CAAC;EACtC;AACF;AAACI,OAAA,CAAArC,QAAA,GAAAA,QAAA"}

package/lib/commonjs/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/commonjs/dom/nodes/drawings/PictureNode.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PictureNode = void 0;
+var _types = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+class PictureNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Picture, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas
+  }) {
+    const {
+      picture
+    } = this.props;
+    canvas.drawPicture(picture);
+  }
+}
+exports.PictureNode = PictureNode;
+//# sourceMappingURL=PictureNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","PictureNode","JsiDrawingNode","constructor","ctx","props","NodeType","Picture","deriveProps","draw","canvas","picture","drawPicture","exports"],"sources":["PictureNode.ts"],"sourcesContent":["import type { DrawingContext, PictureProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PictureNode extends JsiDrawingNode<PictureProps, null> {\n  constructor(ctx: NodeContext, props: PictureProps) {\n    super(ctx, NodeType.Picture, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { picture } = this.props;\n    canvas.drawPicture(picture);\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,WAAW,SAASC,2BAAc,CAAqB;EAClEC,WAAWA,CAACC,GAAgB,EAAEC,KAAmB,EAAE;IACjD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,OAAO,EAAEF,KAAK,CAAC;EACrC;EAEAG,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACN,KAAK;IAC9BK,MAAM,CAACE,WAAW,CAACD,OAAO,CAAC;EAC7B;AACF;AAACE,OAAA,CAAAZ,WAAA,GAAAA,WAAA"}

package/lib/commonjs/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/commonjs/dom/nodes/drawings/PointsNode.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PointsNode = void 0;
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class PointsNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Points, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      points,
+      mode
+    } = this.props;
+    canvas.drawPoints(_types.PointMode[(0, _datatypes.enumKey)(mode)], points, paint);
+  }
+}
+exports.PointsNode = PointsNode;
+//# sourceMappingURL=PointsNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_types2","_datatypes","_DrawingNode","PointsNode","JsiDrawingNode","constructor","ctx","props","NodeType","Points","deriveProps","draw","canvas","paint","points","mode","drawPoints","PointMode","enumKey","exports"],"sources":["PointsNode.ts"],"sourcesContent":["import { PointMode } from \"../../../skia/types\";\nimport type { DrawingContext, PointsProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PointsNode extends JsiDrawingNode<PointsProps, null> {\n  constructor(ctx: NodeContext, props: PointsProps) {\n    super(ctx, NodeType.Points, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { points, mode } = this.props;\n    canvas.drawPoints(PointMode[enumKey(mode)], points, paint);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAGO,MAAMI,UAAU,SAASC,2BAAc,CAAoB;EAChEC,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,MAAM,EAAEF,KAAK,CAAC;EACpC;EAEAG,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACR,KAAK;IACnCK,MAAM,CAACI,UAAU,CAACC,gBAAS,CAAC,IAAAC,kBAAO,EAACH,IAAI,CAAC,CAAC,EAAED,MAAM,EAAED,KAAK,CAAC;EAC5D;AACF;AAACM,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,10 @@
+import type { InputRRect, 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, InputRRect> {
+    rect?: SkRRect;
+    constructor(ctx: NodeContext, props: RoundedRectProps);
+    protected deriveProps(): InputRRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RRectNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class RRectNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.RRect, props);
+    _defineProperty(this, "rect", void 0);
+  }
+  deriveProps() {
+    return (0, _datatypes.processRRect)(this.Skia, this.props);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (this.derived === undefined) {
+      throw new Error("RRectNode: rect is undefined");
+    }
+    canvas.drawRRect(this.derived, paint);
+  }
+}
+exports.RRectNode = RRectNode;
+//# sourceMappingURL=RRectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","RRectNode","JsiDrawingNode","constructor","ctx","props","NodeType","RRect","deriveProps","processRRect","Skia","draw","canvas","paint","derived","undefined","Error","drawRRect","exports"],"sources":["RRectNode.ts"],"sourcesContent":["import type { InputRRect, SkRRect } from \"../../../skia/types\";\nimport type { DrawingContext, RoundedRectProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class RRectNode extends JsiDrawingNode<RoundedRectProps, InputRRect> {\n  rect?: SkRRect;\n\n  constructor(ctx: NodeContext, props: RoundedRectProps) {\n    super(ctx, NodeType.RRect, props);\n  }\n\n  protected deriveProps() {\n    return processRRect(this.Skia, this.props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (this.derived === undefined) {\n      throw new Error(\"RRectNode: rect is undefined\");\n    }\n    canvas.drawRRect(this.derived, paint);\n  }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAgD,SAAAG,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAGzC,MAAMW,SAAS,SAASC,2BAAc,CAA+B;EAG1EC,WAAWA,CAACC,GAAgB,EAAEC,KAAuB,EAAE;IACrD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;IAACzB,eAAA;EACpC;EAEU4B,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAAC,uBAAY,EAAC,IAAI,CAACC,IAAI,EAAE,IAAI,CAACL,KAAK,CAAC;EAC5C;EAEAM,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,IAAI,CAACC,OAAO,KAAKC,SAAS,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,8BAA8B,CAAC;IACjD;IACAJ,MAAM,CAACK,SAAS,CAAC,IAAI,CAACH,OAAO,EAAED,KAAK,CAAC;EACvC;AACF;AAACK,OAAA,CAAAjB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/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/commonjs/dom/nodes/drawings/RectNode.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RectNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class RectNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Rect, props);
+  }
+  deriveProps() {
+    return (0, _datatypes.processRect)(this.Skia, this.props);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (this.derived === undefined) {
+      throw new Error("RectNode: rect is undefined");
+    }
+    canvas.drawRect(this.derived, paint);
+  }
+}
+exports.RectNode = RectNode;
+//# sourceMappingURL=RectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","RectNode","JsiDrawingNode","constructor","ctx","props","NodeType","Rect","deriveProps","processRect","Skia","draw","canvas","paint","derived","undefined","Error","drawRect","exports"],"sources":["RectNode.ts"],"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"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGO,MAAMG,QAAQ,SAASC,2BAAc,CAAoB;EAC9DC,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,IAAI,EAAEF,KAAK,CAAC;EAClC;EAEAG,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAAC,sBAAW,EAAC,IAAI,CAACC,IAAI,EAAE,IAAI,CAACL,KAAK,CAAC;EAC3C;EAEAM,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,IAAI,CAACC,OAAO,KAAKC,SAAS,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,6BAA6B,CAAC;IAChD;IACAJ,MAAM,CAACK,QAAQ,CAAC,IAAI,CAACH,OAAO,EAAED,KAAK,CAAC;EACtC;AACF;AAACK,OAAA,CAAAjB,QAAA,GAAAA,QAAA"}

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

@@ -0,0 +1,30 @@
+import type { SkTextBlob, SkPoint, SkFont } 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, SkFont | null> {
+    constructor(ctx: NodeContext, props: TextProps);
+    protected deriveProps(): SkFont | null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob | null> {
+    constructor(ctx: NodeContext, props: TextPathProps);
+    deriveProps(): SkTextBlob | null;
+    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/commonjs/dom/nodes/drawings/Text.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextPathNode = exports.TextNode = exports.TextBlobNode = exports.GlyphsNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class TextNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Text, props);
+  }
+  deriveProps() {
+    const {
+      font
+    } = this.props;
+    if (!font) {
+      return null;
+    }
+    return font;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      text,
+      x,
+      y
+    } = this.props;
+    const font = this.derived;
+    if (font === undefined) {
+      throw new Error("TextNode: font hasn't been derived");
+    }
+    if (font != null) {
+      canvas.drawText(text, x, y, paint, font);
+    }
+  }
+}
+exports.TextNode = TextNode;
+class TextPathNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.TextPath, props);
+  }
+  deriveProps() {
+    const path = (0, _datatypes.processPath)(this.Skia, this.props.path);
+    const {
+      font,
+      initialOffset
+    } = this.props;
+    if (!font) {
+      return null;
+    }
+    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 [p, t] = cont.getPosTan(dist);
+      const adjustedX = p.x - width / 2 * t.x;
+      const adjustedY = p.y - width / 2 * t.y;
+      rsx.push(this.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));
+      dist += width / 2;
+    }
+    return this.Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("TextPathNode: blob is null");
+    }
+    canvas.drawTextBlob(this.derived, 0, 0, paint);
+  }
+}
+exports.TextPathNode = TextPathNode;
+class TextBlobNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.TextBlob, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      blob,
+      x,
+      y
+    } = this.props;
+    canvas.drawTextBlob(blob, x, y, paint);
+  }
+}
+exports.TextBlobNode = TextBlobNode;
+class GlyphsNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.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({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("GlyphsNode: processedGlyphs is null");
+    }
+    const {
+      glyphs,
+      positions
+    } = this.derived;
+    const {
+      x,
+      y,
+      font
+    } = this.props;
+    if (font) {
+      canvas.drawGlyphs(glyphs, positions, x, y, font, paint);
+    }
+  }
+}
+exports.GlyphsNode = GlyphsNode;
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","TextNode","JsiDrawingNode","constructor","ctx","props","NodeType","Text","deriveProps","font","draw","canvas","paint","text","x","y","derived","undefined","Error","drawText","exports","TextPathNode","TextPath","path","processPath","Skia","initialOffset","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","width","substring","p","t","getPosTan","adjustedX","adjustedY","push","RSXform","TextBlob","MakeFromRSXform","drawTextBlob","TextBlobNode","blob","GlyphsNode","Glyphs","glyphs","reduce","acc","glyph","id","pos","positions","drawGlyphs"],"sources":["Text.ts"],"sourcesContent":["import type {\n  SkRSXform,\n  SkTextBlob,\n  SkPoint,\n  SkFont,\n} 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, SkFont | null> {\n  constructor(ctx: NodeContext, props: TextProps) {\n    super(ctx, NodeType.Text, props);\n  }\n\n  protected deriveProps() {\n    const { font } = this.props;\n    if (!font) {\n      return null;\n    }\n    return font;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { text, x, y } = this.props;\n    const font = this.derived;\n    if (font === undefined) {\n      throw new Error(\"TextNode: font hasn't been derived\");\n    }\n    if (font != null) {\n      canvas.drawText(text, x, y, paint, font);\n    }\n  }\n}\n\nexport class TextPathNode extends JsiDrawingNode<\n  TextPathProps,\n  SkTextBlob | null\n> {\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    if (!font) {\n      return null;\n    }\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 [p, t] = cont.getPosTan(dist);\n      const adjustedX = p.x - (width / 2) * t.x;\n      const adjustedY = p.y - (width / 2) * t.y;\n      rsx.push(this.Skia.RSXform(t.x, t.y, 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    if (font) {\n      canvas.drawGlyphs(glyphs, positions, x, y, font, paint);\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/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/commonjs/dom/nodes/drawings/VerticesNode.js

@@ -0,0 +1,43 @@
+"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 => this.Skia.Color(c)) : undefined, indices);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    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,"names":["_types","require","_types2","_datatypes","_DrawingNode","VerticesNode","JsiDrawingNode","constructor","ctx","props","NodeType","Vertices","deriveProps","mode","vertices","textures","colors","indices","vertexMode","VertexMode","enumKey","Triangles","Skia","MakeVertices","map","c","Color","undefined","draw","canvas","paint","blendMode","defaultBlendMode","BlendMode","DstOver","SrcOver","blend","derived","Error","drawVertices","exports"],"sources":["VerticesNode.ts"],"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 } 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) => this.Skia.Color(c)) : 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"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAGO,MAAMI,YAAY,SAASC,2BAAc,CAA4B;EAC1EC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,QAAQ,EAAEF,KAAK,CAAC;EACtC;EAEUG,WAAWA,CAAA,EAAG;IACtB,MAAM;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACR,KAAK;IAChE,MAAMS,UAAU,GAAGL,IAAI,GAAGM,iBAAU,CAAC,IAAAC,kBAAO,EAACP,IAAI,CAAC,CAAC,GAAGM,iBAAU,CAACE,SAAS;IAC1E,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,CAC3BL,UAAU,EACVJ,QAAQ,EACRC,QAAQ,EACRC,MAAM,GAAGA,MAAM,CAACQ,GAAG,CAAEC,CAAC,IAAK,IAAI,CAACH,IAAI,CAACI,KAAK,CAACD,CAAC,CAAC,CAAC,GAAGE,SAAS,EAC1DV,OACF,CAAC;EACH;EAEAW,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEd,MAAM;MAAEe;IAAU,CAAC,GAAG,IAAI,CAACtB,KAAK;IACxC,MAAMuB,gBAAgB,GAAGhB,MAAM,GAAGiB,gBAAS,CAACC,OAAO,GAAGD,gBAAS,CAACE,OAAO;IACvE,MAAMC,KAAK,GAAGL,SAAS,GAAGE,gBAAS,CAAC,IAAAb,kBAAO,EAACW,SAAS,CAAC,CAAC,GAAGC,gBAAgB;IAC1E,IAAI,IAAI,CAACK,OAAO,KAAKV,SAAS,EAAE;MAC9B,MAAM,IAAIW,KAAK,CAAC,qCAAqC,CAAC;IACxD;IACAT,MAAM,CAACU,YAAY,CAAC,IAAI,CAACF,OAAO,EAAED,KAAK,EAAEN,KAAK,CAAC;EACjD;AACF;AAACU,OAAA,CAAAnC,YAAA,GAAAA,YAAA"}

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

@@ -0,0 +1,18 @@
+export * from "./AtlasNode";
+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 "./Text";
+export * from "./PictureNode";
+export * from "./DiffRectNode";
+export * from "./ImageSVG";
+export * from "./BackdropFilterNode";
+export * from "./Box";