@shopify/react-native-skia 0.1.147 → 0.1.148

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageSVGNode = void 0;
+
+var _types = require("../../types");
+
+var _datatypes = require("../datatypes");
+
+var _DrawingNode = require("../DrawingNode");
+
+class ImageSVGNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.ImageSVG, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas
+    } = _ref;
+    const {
+      svg
+    } = this.props;
+    const {
+      x,
+      y,
+      width,
+      height
+    } = (0, _datatypes.processRect)(this.Skia, this.props);
+    canvas.save();
+    canvas.translate(x, y);
+    canvas.drawSvg(svg, width, height);
+    canvas.restore();
+  }
+
+}
+
+exports.ImageSVGNode = ImageSVGNode;
+//# sourceMappingURL=ImageSVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageSVG.ts"],"names":["ImageSVGNode","JsiDrawingNode","constructor","ctx","props","NodeType","ImageSVG","deriveProps","draw","canvas","svg","x","y","width","height","Skia","save","translate","drawSvg","restore"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AAGO,MAAMA,YAAN,SAA2BC,2BAA3B,CAA+D;AACpEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWE,gBAASC,QAApB,EAA8BF,KAA9B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAA6B;AAAA,QAA5B;AAAEC,MAAAA;AAAF,KAA4B;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAU,KAAKN,KAArB;AACA,UAAM;AAAEO,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,KAAR;AAAeC,MAAAA;AAAf,QAA0B,4BAAY,KAAKC,IAAjB,EAAuB,KAAKX,KAA5B,CAAhC;AACAK,IAAAA,MAAM,CAACO,IAAP;AACAP,IAAAA,MAAM,CAACQ,SAAP,CAAiBN,CAAjB,EAAoBC,CAApB;AACAH,IAAAA,MAAM,CAACS,OAAP,CAAeR,GAAf,EAAoBG,KAApB,EAA2BC,MAA3B;AACAL,IAAAA,MAAM,CAACU,OAAP;AACD;;AAhBmE","sourcesContent":["import type { DrawingContext, ImageSVGProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ImageSVGNode extends JsiDrawingNode<ImageSVGProps, null> {\n  constructor(ctx: NodeContext, props: ImageSVGProps) {\n    super(ctx, NodeType.ImageSVG, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { svg } = this.props;\n    const { x, y, width, height } = processRect(this.Skia, this.props);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n}\n"]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LineNode = void 0;
+
+var _types = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+class LineNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Line, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      p1,
+      p2
+    } = this.props;
+    canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
+  }
+
+}
+
+exports.LineNode = LineNode;
+//# sourceMappingURL=LineNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LineNode.ts"],"names":["LineNode","JsiDrawingNode","constructor","ctx","props","NodeType","Line","deriveProps","draw","canvas","paint","p1","p2","drawLine","x","y"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,QAAN,SAAuBC,2BAAvB,CAAuD;AAC5DC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWE,gBAASC,IAApB,EAA0BF,KAA1B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEC,MAAAA,EAAF;AAAMC,MAAAA;AAAN,QAAa,KAAKR,KAAxB;AACAK,IAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD;;AAZ2D","sourcesContent":["import type { DrawingContext, LineProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class LineNode extends JsiDrawingNode<LineProps, null> {\n  constructor(ctx: NodeContext, props: LineProps) {\n    super(ctx, NodeType.Line, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { p1, p2 } = this.props;\n    canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["OvalNode.ts"],"names":["OvalNode","JsiDrawingNode","constructor","ctx","props","NodeType","Oval","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawOval"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AAGO,MAAMA,QAAN,SAAuBC,2BAAvB,CAAyD;AAC9DC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWE,gBAASC,IAApB,EAA0BF,KAA1B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,4BAAY,KAAKC,IAAjB,EAAuB,KAAKJ,KAA5B,CAAP;AACD;;AAEDK,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\";\nimport type { DrawingContext, OvalProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class OvalNode extends JsiDrawingNode<OvalProps, SkRect> {\n  constructor(ctx: NodeContext, props: OvalProps) {\n    super(ctx, NodeType.Oval, 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(\"OvalNode: rect is undefined\");\n    }\n    canvas.drawOval(this.derived, paint);\n  }\n}\n"]}

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

@@ -0,0 +1,69 @@
+"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 => (0, _datatypes.processColor)(this.Skia, c, 1)) : undefined
+    };
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint,
+      opacity
+    } = _ref;
+
+    if (!this.derived) {
+      throw new Error("PatchNode: derived props not set");
+    }
+
+    const {
+      texture
+    } = this.props;
+    const {
+      colors,
+      points,
+      mode
+    } = this.derived;
+    canvas.drawPatch(points, opacity === 1 ? colors : colors && colors.map(c => {
+      c[_datatypes.ALPHA] = c[_datatypes.ALPHA] * opacity;
+      return c;
+    }), texture, mode, paint);
+  }
+
+}
+
+exports.PatchNode = PatchNode;
+//# sourceMappingURL=PatchNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PatchNode.ts"],"names":["PatchNode","JsiDrawingNode","constructor","ctx","props","NodeType","Patch","deriveProps","colors","blendMode","patch","defaultBlendMode","BlendMode","DstOver","SrcOver","mode","points","pos","c2","c1","map","c","Skia","undefined","draw","canvas","paint","opacity","derived","Error","texture","drawPatch","ALPHA"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;AAGO,MAAMA,SAAN,SAAwBC,2BAAxB,CAGL;AACAC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWE,iBAASC,KAApB,EAA2BF,KAA3B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,QAA+B,KAAKN,KAA1C;AACA,UAAMO,gBAAgB,GAAGH,MAAM,GAAGI,iBAAUC,OAAb,GAAuBD,iBAAUE,OAAhE;AACA,UAAMC,IAAI,GAAGN,SAAS,GAAGG,iBAAU,wBAAQH,SAAR,CAAV,CAAH,GAAmCE,gBAAzD,CAHY,CAIZ;AACA;AACA;AACA;AACA;;AACA,WAAO;AACLI,MAAAA,IADK;AAELC,MAAAA,MAAM,EAAE,CACNN,KAAK,CAAC,CAAD,CAAL,CAASO,GADH,EAENP,KAAK,CAAC,CAAD,CAAL,CAASQ,EAFH,EAGNR,KAAK,CAAC,CAAD,CAAL,CAASS,EAHH,EAINT,KAAK,CAAC,CAAD,CAAL,CAASO,GAJH,EAKNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EALH,EAMNR,KAAK,CAAC,CAAD,CAAL,CAASS,EANH,EAONT,KAAK,CAAC,CAAD,CAAL,CAASO,GAPH,EAQNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EARH,EASNR,KAAK,CAAC,CAAD,CAAL,CAASS,EATH,EAUNT,KAAK,CAAC,CAAD,CAAL,CAASO,GAVH,EAWNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EAXH,EAYNR,KAAK,CAAC,CAAD,CAAL,CAASS,EAZH,CAFH;AAgBLX,MAAAA,MAAM,EAAEA,MAAM,GACVA,MAAM,CAACY,GAAP,CAAYC,CAAD,IAAO,6BAAa,KAAKC,IAAlB,EAAwBD,CAAxB,EAA2B,CAA3B,CAAlB,CADU,GAEVE;AAlBC,KAAP;AAoBD;;AAEDC,EAAAA,IAAI,OAA6C;AAAA,QAA5C;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,KAAV;AAAiBC,MAAAA;AAAjB,KAA4C;;AAC/C,QAAI,CAAC,KAAKC,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,kCAAV,CAAN;AACD;;AACD,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAK1B,KAAzB;AACA,UAAM;AAAEI,MAAAA,MAAF;AAAUQ,MAAAA,MAAV;AAAkBD,MAAAA;AAAlB,QAA2B,KAAKa,OAAtC;AACAH,IAAAA,MAAM,CAACM,SAAP,CACEf,MADF,EAEEW,OAAO,KAAK,CAAZ,GACInB,MADJ,GAEIA,MAAM,IACJA,MAAM,CAACY,GAAP,CAAYC,CAAD,IAAO;AAChBA,MAAAA,CAAC,CAACW,gBAAD,CAAD,GAAWX,CAAC,CAACW,gBAAD,CAAD,GAAWL,OAAtB;AACA,aAAON,CAAP;AACD,KAHD,CALR,EASES,OATF,EAUEf,IAVF,EAWEW,KAXF;AAaD;;AAvDD","sourcesContent":["import type { SkColor, SkPoint } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport type { DrawingContext, PatchProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { ALPHA, enumKey, processColor } 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\n        ? colors.map((c) => processColor(this.Skia, c, 1))\n        : undefined,\n    };\n  }\n\n  draw({ canvas, paint, opacity }: 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(\n      points,\n      opacity === 1\n        ? colors\n        : colors &&\n            colors.map((c) => {\n              c[ALPHA] = c[ALPHA] * opacity;\n              return c;\n            }),\n      texture,\n      mode,\n      paint\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PathNode = void 0;
+
+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,
+      end,
+      fillType,
+      stroke,
+      ...pathProps
+    } = this.props;
+    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(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    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,"sources":["PathNode.ts"],"names":["PathNode","JsiDrawingNode","constructor","ctx","props","NodeType","Path","deriveProps","start","end","fillType","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","hasFillType","willMutatePath","pristinePath","Skia","path","copy","setFillType","FillType","trim","draw","canvas","paint","derived","Error","drawPath"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AAGO,MAAMA,QAAN,SAAuBC,2BAAvB,CAAyD;AAC9DC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWE,iBAASC,IAApB,EAA0BF,KAA1B;AACD;;AAESG,EAAAA,WAAW,GAAG;AACtB,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,GAAT;AAAcC,MAAAA,QAAd;AAAwBC,MAAAA,MAAxB;AAAgC,SAAGC;AAAnC,QAAiD,KAAKR,KAA5D;AACA,UAAMS,cAAc,GAAGL,KAAK,KAAK,CAAjC;AACA,UAAMM,YAAY,GAAGL,GAAG,KAAK,CAA7B;AACA,UAAMM,gBAAgB,GAAGJ,MAAM,KAAKK,SAApC;AACA,UAAMC,WAAW,GAAG,CAAC,CAACP,QAAtB;AACA,UAAMQ,cAAc,GAClBL,cAAc,IAAIC,YAAlB,IAAkCC,gBAAlC,IAAsDE,WADxD;AAEA,UAAME,YAAY,GAAG,4BAAY,KAAKC,IAAjB,EAAuBR,SAAS,CAACS,IAAjC,CAArB;AACA,UAAMA,IAAI,GAAGH,cAAc,GAAGC,YAAY,CAACG,IAAb,EAAH,GAAyBH,YAApD;;AACA,QAAIF,WAAJ,EAAiB;AACfI,MAAAA,IAAI,CAACE,WAAL,CAAiBC,gBAAS,wBAAQd,QAAR,CAAT,CAAjB;AACD;;AACD,QAAIK,gBAAJ,EAAsB;AACpBM,MAAAA,IAAI,CAACV,MAAL,CAAYA,MAAZ;AACD;;AACD,QAAIE,cAAc,IAAIC,YAAtB,EAAoC;AAClCO,MAAAA,IAAI,CAACI,IAAL,CAAUjB,KAAV,EAAiBC,GAAjB,EAAsB,KAAtB;AACD;;AACD,WAAOY,IAAP;AACD;;AAEDK,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,CAAC,KAAKC,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,sBAAV,CAAN;AACD;;AACDH,IAAAA,MAAM,CAACI,QAAP,CAAgB,KAAKF,OAArB,EAA8BD,KAA9B;AACD;;AAhC6D","sourcesContent":["import { 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 { start, end, fillType, stroke, ...pathProps } = this.props;\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"]}

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

@@ -0,0 +1,34 @@
+"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(_ref) {
+    let {
+      canvas
+    } = _ref;
+    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,"sources":["PictureNode.ts"],"names":["PictureNode","JsiDrawingNode","constructor","ctx","props","NodeType","Picture","deriveProps","draw","canvas","picture","drawPicture"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,WAAN,SAA0BC,2BAA1B,CAA6D;AAClEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAwC;AACjD,UAAMD,GAAN,EAAWE,gBAASC,OAApB,EAA6BF,KAA7B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAA6B;AAAA,QAA5B;AAAEC,MAAAA;AAAF,KAA4B;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKN,KAAzB;AACAK,IAAAA,MAAM,CAACE,WAAP,CAAmBD,OAAnB;AACD;;AAZiE","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"]}

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

@@ -0,0 +1,40 @@
+"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(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    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,"sources":["PointsNode.ts"],"names":["PointsNode","JsiDrawingNode","constructor","ctx","props","NodeType","Points","deriveProps","draw","canvas","paint","points","mode","drawPoints","PointMode"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAGO,MAAMA,UAAN,SAAyBC,2BAAzB,CAA2D;AAChEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAuC;AAChD,UAAMD,GAAN,EAAWE,iBAASC,MAApB,EAA4BF,KAA5B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAmB,KAAKR,KAA9B;AACAK,IAAAA,MAAM,CAACI,UAAP,CAAkBC,iBAAU,wBAAQF,IAAR,CAAV,CAAlB,EAA4CD,MAA5C,EAAoDD,KAApD;AACD;;AAZ+D","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"]}

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

@@ -0,0 +1,43 @@
+"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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    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,"sources":["RRectNode.ts"],"names":["RRectNode","JsiDrawingNode","constructor","ctx","props","NodeType","RRect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRRect"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;;;AAGO,MAAMA,SAAN,SAAwBC,2BAAxB,CAAkE;AAGvEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA4C;AACrD,UAAMD,GAAN,EAAWE,gBAASC,KAApB,EAA2BF,KAA3B;;AADqD;AAEtD;;AAESG,EAAAA,WAAW,GAAG;AACtB,WAAO,6BAAa,KAAKC,IAAlB,EAAwB,KAAKJ,KAA7B,CAAP;AACD;;AAEDK,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,KAAKC,OAAL,KAAiBC,SAArB,EAAgC;AAC9B,YAAM,IAAIC,KAAJ,CAAU,8BAAV,CAAN;AACD;;AACDJ,IAAAA,MAAM,CAACK,SAAP,CAAiB,KAAKH,OAAtB,EAA+BD,KAA/B;AACD;;AAhBsE","sourcesContent":["import type { 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, SkRRect> {\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"]}

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

@@ -0,0 +1,39 @@
+"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(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    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,"sources":["RectNode.ts"],"names":["RectNode","JsiDrawingNode","constructor","ctx","props","NodeType","Rect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRect"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AAGO,MAAMA,QAAN,SAAuBC,2BAAvB,CAAyD;AAC9DC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWE,gBAASC,IAApB,EAA0BF,KAA1B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,4BAAY,KAAKC,IAAjB,EAAuB,KAAKJ,KAA5B,CAAP;AACD;;AAEDK,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/commonjs/dom/nodes/drawings/Text.js

@@ -0,0 +1,185 @@
+"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() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      text,
+      x,
+      y,
+      font
+    } = this.props;
+    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;
+    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);
+  }
+
+}
+
+exports.TextPathNode = TextPathNode;
+
+class TextBlobNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.TextBlob, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref3) {
+    let {
+      canvas,
+      paint
+    } = _ref3;
+    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(_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);
+  }
+
+}
+
+exports.GlyphsNode = GlyphsNode;
+//# sourceMappingURL=Text.js.map