@shopify/react-native-skia 1.0.1 → 1.0.3

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

@@ -0,0 +1,50 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class ImageSVGNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.ImageSVG, props);
+  }
+  deriveProps() {
+    if (this.props.rect) {
+      return this.props.rect;
+    }
+    const {
+      x,
+      y,
+      width,
+      height
+    } = this.props;
+    return {
+      x,
+      y,
+      width,
+      height
+    };
+  }
+  draw({
+    canvas
+  }) {
+    const {
+      svg
+    } = this.props;
+    if (!this.derived) {
+      throw new Error("ImageSVGNode: derived props unresolved");
+    }
+    const {
+      x,
+      y,
+      width,
+      height
+    } = this.derived;
+    if (svg === null) {
+      return;
+    }
+    canvas.save();
+    if (x && y) {
+      canvas.translate(x, y);
+    }
+    canvas.drawSvg(svg, width, height);
+    canvas.restore();
+  }
+}
+//# sourceMappingURL=ImageSVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","ImageSVGNode","constructor","ctx","props","ImageSVG","deriveProps","rect","x","y","width","height","draw","canvas","svg","derived","Error","save","translate","drawSvg","restore"],"sources":["ImageSVG.ts"],"sourcesContent":["import type { DrawingContext, ImageSVGProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ImageSVGNode extends JsiDrawingNode<\n  ImageSVGProps,\n  Pick<ImageSVGProps, \"x\" | \"y\" | \"width\" | \"height\">\n> {\n  constructor(ctx: NodeContext, props: ImageSVGProps) {\n    super(ctx, NodeType.ImageSVG, props);\n  }\n\n  deriveProps() {\n    if (this.props.rect) {\n      return this.props.rect;\n    }\n    const { x, y, width, height } = this.props;\n    return { x, y, width, height };\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { svg } = this.props;\n    if (!this.derived) {\n      throw new Error(\"ImageSVGNode: derived props unresolved\");\n    }\n    const { x, y, width, height } = this.derived;\n    if (svg === null) {\n      return;\n    }\n    canvas.save();\n    if (x && y) {\n      canvas.translate(x, y);\n    }\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,YAAY,SAASD,cAAc,CAG9C;EACAE,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEJ,QAAQ,CAACM,QAAQ,EAAED,KAAK,CAAC;EACtC;EAEAE,WAAWA,CAAA,EAAG;IACZ,IAAI,IAAI,CAACF,KAAK,CAACG,IAAI,EAAE;MACnB,OAAO,IAAI,CAACH,KAAK,CAACG,IAAI;IACxB;IACA,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACP,KAAK;IAC1C,OAAO;MAAEI,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO,CAAC;EAChC;EAEAC,IAAIA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IAC/B,MAAM;MAAEC;IAAI,CAAC,GAAG,IAAI,CAACV,KAAK;IAC1B,IAAI,CAAC,IAAI,CAACW,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,wCAAwC,CAAC;IAC3D;IACA,MAAM;MAAER,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACI,OAAO;IAC5C,IAAID,GAAG,KAAK,IAAI,EAAE;MAChB;IACF;IACAD,MAAM,CAACI,IAAI,CAAC,CAAC;IACb,IAAIT,CAAC,IAAIC,CAAC,EAAE;MACVI,MAAM,CAACK,SAAS,CAACV,CAAC,EAAEC,CAAC,CAAC;IACxB;IACAI,MAAM,CAACM,OAAO,CAACL,GAAG,EAAEJ,KAAK,EAAEC,MAAM,CAAC;IAClCE,MAAM,CAACO,OAAO,CAAC,CAAC;EAClB;AACF"}

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

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

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

@@ -0,0 +1,21 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class LineNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Line, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      p1,
+      p2
+    } = this.props;
+    canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
+  }
+}
+//# sourceMappingURL=LineNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","LineNode","constructor","ctx","props","Line","deriveProps","draw","canvas","paint","p1","p2","drawLine","x","y"],"sources":["LineNode.ts"],"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"],"mappings":"AACA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAkB;EAC5DE,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEJ,QAAQ,CAACM,IAAI,EAAED,KAAK,CAAC;EAClC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,EAAE;MAAEC;IAAG,CAAC,GAAG,IAAI,CAACP,KAAK;IAC7BI,MAAM,CAACI,QAAQ,CAACF,EAAE,CAACG,CAAC,EAAEH,EAAE,CAACI,CAAC,EAAEH,EAAE,CAACE,CAAC,EAAEF,EAAE,CAACG,CAAC,EAAEL,KAAK,CAAC;EAChD;AACF"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","processRect","JsiDrawingNode","OvalNode","constructor","ctx","props","Oval","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawOval"],"sources":["OvalNode.ts"],"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"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,cAAc;AAC1C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAoB;EAC9DE,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,IAAI,EAAED,KAAK,CAAC;EAClC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAOP,WAAW,CAAC,IAAI,CAACQ,IAAI,EAAE,IAAI,CAACH,KAAK,CAAC;EAC3C;EAEAI,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"}

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

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

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

@@ -0,0 +1,25 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class ParagraphNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Paragraph, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas
+  }) {
+    const {
+      paragraph,
+      x,
+      y,
+      width
+    } = this.props;
+    if (paragraph) {
+      paragraph.layout(width);
+      paragraph.paint(canvas, x, y);
+    }
+  }
+}
+//# sourceMappingURL=ParagraphNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","ParagraphNode","constructor","ctx","props","Paragraph","deriveProps","draw","canvas","paragraph","x","y","width","layout","paint"],"sources":["ParagraphNode.ts"],"sourcesContent":["import type { DrawingContext, ParagraphProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ParagraphNode extends JsiDrawingNode<ParagraphProps, null> {\n  constructor(ctx: NodeContext, props: ParagraphProps) {\n    super(ctx, NodeType.Paragraph, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { paragraph, x, y, width } = this.props;\n    if (paragraph) {\n      paragraph.layout(width);\n      paragraph.paint(canvas, x, y);\n    }\n  }\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,aAAa,SAASD,cAAc,CAAuB;EACtEE,WAAWA,CAACC,GAAgB,EAAEC,KAAqB,EAAE;IACnD,KAAK,CAACD,GAAG,EAAEJ,QAAQ,CAACM,SAAS,EAAED,KAAK,CAAC;EACvC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IAC/B,MAAM;MAAEC,SAAS;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IAC7C,IAAIK,SAAS,EAAE;MACbA,SAAS,CAACI,MAAM,CAACD,KAAK,CAAC;MACvBH,SAAS,CAACK,KAAK,CAACN,MAAM,EAAEE,CAAC,EAAEC,CAAC,CAAC;IAC/B;EACF;AACF"}

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

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

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

@@ -0,0 +1,46 @@
+import { BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PatchNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Patch, props);
+  }
+  deriveProps() {
+    const {
+      colors,
+      blendMode,
+      patch
+    } = this.props;
+    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+    const mode = blendMode ? BlendMode[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);
+  }
+}
+//# sourceMappingURL=PatchNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlendMode","NodeType","enumKey","JsiDrawingNode","PatchNode","constructor","ctx","props","Patch","deriveProps","colors","blendMode","patch","defaultBlendMode","DstOver","SrcOver","mode","points","pos","c2","c1","map","c","Skia","Color","undefined","draw","canvas","paint","derived","Error","texture","drawPatch"],"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,SAASA,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,SAAS,SAASD,cAAc,CAG3C;EACAE,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,KAAK,EAAED,KAAK,CAAC;EACnC;EAEAE,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACL,KAAK;IAC/C,MAAMM,gBAAgB,GAAGH,MAAM,GAAGV,SAAS,CAACc,OAAO,GAAGd,SAAS,CAACe,OAAO;IACvE,MAAMC,IAAI,GAAGL,SAAS,GAAGX,SAAS,CAACE,OAAO,CAACS,SAAS,CAAC,CAAC,GAAGE,gBAAgB;IACzE;IACA;IACA;IACA;IACA;IACA,OAAO;MACLG,IAAI;MACJC,MAAM,EAAE,CACNL,KAAK,CAAC,CAAC,CAAC,CAACM,GAAG,EACZN,KAAK,CAAC,CAAC,CAAC,CAACO,EAAE,EACXP,KAAK,CAAC,CAAC,CAAC,CAACQ,EAAE,EACXR,KAAK,CAAC,CAAC,CAAC,CAACM,GAAG,EACZN,KAAK,CAAC,CAAC,CAAC,CAACO,EAAE,EACXP,KAAK,CAAC,CAAC,CAAC,CAACQ,EAAE,EACXR,KAAK,CAAC,CAAC,CAAC,CAACM,GAAG,EACZN,KAAK,CAAC,CAAC,CAAC,CAACO,EAAE,EACXP,KAAK,CAAC,CAAC,CAAC,CAACQ,EAAE,EACXR,KAAK,CAAC,CAAC,CAAC,CAACM,GAAG,EACZN,KAAK,CAAC,CAAC,CAAC,CAACO,EAAE,EACXP,KAAK,CAAC,CAAC,CAAC,CAACQ,EAAE,CACZ;MACDV,MAAM,EAAEA,MAAM,GAAGA,MAAM,CAACW,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,CAACxB,KAAK;IAC9B,MAAM;MAAEG,MAAM;MAAEO,MAAM;MAAED;IAAK,CAAC,GAAG,IAAI,CAACa,OAAO;IAC7CF,MAAM,CAACK,SAAS,CAACf,MAAM,EAAEP,MAAM,EAAEqB,OAAO,EAAEf,IAAI,EAAEY,KAAK,CAAC;EACxD;AACF"}

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

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

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

@@ -0,0 +1,48 @@
+import { saturate } from "../../../renderer/processors/math";
+import { FillType } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey, processPath } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PathNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path, props);
+  }
+  deriveProps() {
+    const {
+      start: trimStart,
+      end: trimEnd,
+      fillType,
+      stroke,
+      ...pathProps
+    } = this.props;
+    const start = saturate(trimStart);
+    const end = 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 = processPath(this.Skia, pathProps.path);
+    const path = willMutatePath ? pristinePath.copy() : pristinePath;
+    if (hasFillType) {
+      path.setFillType(FillType[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);
+  }
+}
+//# sourceMappingURL=PathNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["saturate","FillType","NodeType","enumKey","processPath","JsiDrawingNode","PathNode","constructor","ctx","props","Path","deriveProps","start","trimStart","end","trimEnd","fillType","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","hasFillType","willMutatePath","pristinePath","Skia","path","copy","setFillType","trim","draw","canvas","paint","derived","Error","drawPath"],"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,SAASA,QAAQ,QAAQ,mCAAmC;AAC5D,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,EAAEC,WAAW,QAAQ,cAAc;AACnD,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAoB;EAC9DE,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEN,QAAQ,CAACQ,IAAI,EAAED,KAAK,CAAC;EAClC;EAEUE,WAAWA,CAAA,EAAG;IACtB,MAAM;MACJC,KAAK,EAAEC,SAAS;MAChBC,GAAG,EAAEC,OAAO;MACZC,QAAQ;MACRC,MAAM;MACN,GAAGC;IACL,CAAC,GAAG,IAAI,CAACT,KAAK;IACd,MAAMG,KAAK,GAAGZ,QAAQ,CAACa,SAAS,CAAC;IACjC,MAAMC,GAAG,GAAGd,QAAQ,CAACe,OAAO,CAAC;IAC7B,MAAMI,cAAc,GAAGP,KAAK,KAAK,CAAC;IAClC,MAAMQ,YAAY,GAAGN,GAAG,KAAK,CAAC;IAC9B,MAAMO,gBAAgB,GAAGJ,MAAM,KAAKK,SAAS;IAC7C,MAAMC,WAAW,GAAG,CAAC,CAACP,QAAQ;IAC9B,MAAMQ,cAAc,GAClBL,cAAc,IAAIC,YAAY,IAAIC,gBAAgB,IAAIE,WAAW;IACnE,MAAME,YAAY,GAAGrB,WAAW,CAAC,IAAI,CAACsB,IAAI,EAAER,SAAS,CAACS,IAAI,CAAC;IAC3D,MAAMA,IAAI,GAAGH,cAAc,GAAGC,YAAY,CAACG,IAAI,CAAC,CAAC,GAAGH,YAAY;IAChE,IAAIF,WAAW,EAAE;MACfI,IAAI,CAACE,WAAW,CAAC5B,QAAQ,CAACE,OAAO,CAACa,QAAQ,CAAC,CAAC,CAAC;IAC/C;IACA,IAAIK,gBAAgB,EAAE;MACpBM,IAAI,CAACV,MAAM,CAACA,MAAM,CAAC;IACrB;IACA,IAAIE,cAAc,IAAIC,YAAY,EAAE;MAClCO,IAAI,CAACG,IAAI,CAAClB,KAAK,EAAEE,GAAG,EAAE,KAAK,CAAC;IAC9B;IACA,OAAOa,IAAI;EACb;EAEAI,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"}

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

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

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

@@ -0,0 +1,19 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PictureNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Picture, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas
+  }) {
+    const {
+      picture
+    } = this.props;
+    canvas.drawPicture(picture);
+  }
+}
+//# sourceMappingURL=PictureNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","PictureNode","constructor","ctx","props","Picture","deriveProps","draw","canvas","picture","drawPicture"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,WAAW,SAASD,cAAc,CAAqB;EAClEE,WAAWA,CAACC,GAAgB,EAAEC,KAAmB,EAAE;IACjD,KAAK,CAACD,GAAG,EAAEJ,QAAQ,CAACM,OAAO,EAAED,KAAK,CAAC;EACrC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACL,KAAK;IAC9BI,MAAM,CAACE,WAAW,CAACD,OAAO,CAAC;EAC7B;AACF"}

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

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

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

@@ -0,0 +1,23 @@
+import { PointMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PointsNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Points, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      points,
+      mode
+    } = this.props;
+    canvas.drawPoints(PointMode[enumKey(mode)], points, paint);
+  }
+}
+//# sourceMappingURL=PointsNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PointMode","NodeType","enumKey","JsiDrawingNode","PointsNode","constructor","ctx","props","Points","deriveProps","draw","canvas","paint","points","mode","drawPoints"],"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,SAASA,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,UAAU,SAASD,cAAc,CAAoB;EAChEE,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,MAAM,EAAED,KAAK,CAAC;EACpC;EAEAE,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,CAACP,KAAK;IACnCI,MAAM,CAACI,UAAU,CAACf,SAAS,CAACE,OAAO,CAACY,IAAI,CAAC,CAAC,EAAED,MAAM,EAAED,KAAK,CAAC;EAC5D;AACF"}

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

@@ -0,0 +1,25 @@
+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); }
+import { NodeType } from "../../types";
+import { processRRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class RRectNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.RRect, props);
+    _defineProperty(this, "rect", void 0);
+  }
+  deriveProps() {
+    return processRRect(this.Skia, this.props);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (this.derived === undefined) {
+      throw new Error("RRectNode: rect is undefined");
+    }
+    canvas.drawRRect(this.derived, paint);
+  }
+}
+//# sourceMappingURL=RRectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","processRRect","JsiDrawingNode","RRectNode","constructor","ctx","props","RRect","_defineProperty","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRRect"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,YAAY,QAAQ,cAAc;AAC3C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,SAAS,SAASD,cAAc,CAA+B;EAG1EE,WAAWA,CAACC,GAAgB,EAAEC,KAAuB,EAAE;IACrD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,KAAK,EAAED,KAAK,CAAC;IAACE,eAAA;EACpC;EAEUC,WAAWA,CAAA,EAAG;IACtB,OAAOR,YAAY,CAAC,IAAI,CAACS,IAAI,EAAE,IAAI,CAACJ,KAAK,CAAC;EAC5C;EAEAK,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"}

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

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

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

@@ -0,0 +1,21 @@
+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({
+    canvas,
+    paint
+  }) {
+    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,"names":["NodeType","processRect","JsiDrawingNode","RectNode","constructor","ctx","props","Rect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRect"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,cAAc;AAC1C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAoB;EAC9DE,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,IAAI,EAAED,KAAK,CAAC;EAClC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAOP,WAAW,CAAC,IAAI,CAACQ,IAAI,EAAE,IAAI,CAACH,KAAK,CAAC;EAC3C;EAEAI,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"}

package/lib/module/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 {};