@pompadour/react-native-skia 1.0.0

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackdropFilterNode = void 0;
+var _types = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+var _Node = require("../Node");
+class BackdropFilterNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.BackdropFilter, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    declarationCtx
+  }) {
+    const child = this._children[0];
+    let imageFilter = null;
+    if (child instanceof _Node.JsiDeclarationNode) {
+      declarationCtx.save();
+      child.decorate(declarationCtx);
+      const imgf = declarationCtx.imageFilters.pop();
+      if (imgf) {
+        imageFilter = imgf;
+      } else {
+        const cf = declarationCtx.colorFilters.pop();
+        if (cf) {
+          imageFilter = this.Skia.ImageFilter.MakeColorFilter(cf, null);
+        }
+      }
+      declarationCtx.restore();
+    }
+    canvas.saveLayer(undefined, null, imageFilter);
+    canvas.restore();
+  }
+}
+exports.BackdropFilterNode = BackdropFilterNode;
+//# sourceMappingURL=BackdropFilterNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","_Node","BackdropFilterNode","JsiDrawingNode","constructor","ctx","props","NodeType","BackdropFilter","deriveProps","draw","canvas","declarationCtx","child","_children","imageFilter","JsiDeclarationNode","save","decorate","imgf","imageFilters","pop","cf","colorFilters","Skia","ImageFilter","MakeColorFilter","restore","saveLayer","undefined","exports"],"sources":["BackdropFilterNode.ts"],"sourcesContent":["import type { ChildrenProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type { SkImageFilter } from \"../../../skia/types/ImageFilter/ImageFilter\";\n\nexport class BackdropFilterNode extends JsiDrawingNode<ChildrenProps, null> {\n  constructor(ctx: NodeContext, props: ChildrenProps) {\n    super(ctx, NodeType.BackdropFilter, props);\n  }\n\n  protected deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, declarationCtx }: DrawingContext) {\n    const child = this._children[0];\n    let imageFilter: SkImageFilter | null = null;\n    if (child instanceof JsiDeclarationNode) {\n      declarationCtx.save();\n      child.decorate(declarationCtx);\n      const imgf = declarationCtx.imageFilters.pop();\n      if (imgf) {\n        imageFilter = imgf;\n      } else {\n        const cf = declarationCtx.colorFilters.pop();\n        if (cf) {\n          imageFilter = this.Skia.ImageFilter.MakeColorFilter(cf, null);\n        }\n      }\n      declarationCtx.restore();\n    }\n    canvas.saveLayer(undefined, null, imageFilter);\n    canvas.restore();\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAGO,MAAMG,kBAAkB,SAASC,2BAAc,CAAsB;EAC1EC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,cAAc,EAAEF,KAAK,CAAC;EAC5C;EAEUG,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAA+B,CAAC,EAAE;IAC/C,MAAMC,KAAK,GAAG,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/B,IAAIC,WAAiC,GAAG,IAAI;IAC5C,IAAIF,KAAK,YAAYG,wBAAkB,EAAE;MACvCJ,cAAc,CAACK,IAAI,CAAC,CAAC;MACrBJ,KAAK,CAACK,QAAQ,CAACN,cAAc,CAAC;MAC9B,MAAMO,IAAI,GAAGP,cAAc,CAACQ,YAAY,CAACC,GAAG,CAAC,CAAC;MAC9C,IAAIF,IAAI,EAAE;QACRJ,WAAW,GAAGI,IAAI;MACpB,CAAC,MAAM;QACL,MAAMG,EAAE,GAAGV,cAAc,CAACW,YAAY,CAACF,GAAG,CAAC,CAAC;QAC5C,IAAIC,EAAE,EAAE;UACNP,WAAW,GAAG,IAAI,CAACS,IAAI,CAACC,WAAW,CAACC,eAAe,CAACJ,EAAE,EAAE,IAAI,CAAC;QAC/D;MACF;MACAV,cAAc,CAACe,OAAO,CAAC,CAAC;IAC1B;IACAhB,MAAM,CAACiB,SAAS,CAACC,SAAS,EAAE,IAAI,EAAEd,WAAW,CAAC;IAC9CJ,MAAM,CAACgB,OAAO,CAAC,CAAC;EAClB;AACF;AAACG,OAAA,CAAA5B,kBAAA,GAAAA,kBAAA"}

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

@@ -0,0 +1,15 @@
+import type { DrawingContext } from "../../types";
+import type { BoxShadowProps, BoxProps } from "../../types/Drawings";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import { JsiRenderNode } from "../RenderNode";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BoxShadowNode extends JsiDeclarationNode<BoxShadowProps> {
+    constructor(ctx: NodeContext, props: BoxShadowProps);
+    decorate(_ctx: DeclarationContext): void;
+    materialize(): BoxShadowProps;
+}
+export declare class BoxNode extends JsiRenderNode<BoxProps> {
+    constructor(ctx: NodeContext, props: BoxProps);
+    renderNode({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoxShadowNode = exports.BoxNode = void 0;
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _Node = require("../Node");
+var _RenderNode = require("../RenderNode");
+const inflate = (Skia, box, dx, dy, tx = 0, ty = 0) => Skia.RRectXY(Skia.XYWHRect(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
+const deflate = (Skia, box, dx, dy, tx = 0, ty = 0) => inflate(Skia, box, -dx, -dy, tx, ty);
+class BoxShadowNode extends _Node.JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.BoxShadow, props);
+  }
+  decorate(_ctx) {
+    // do nothing
+  }
+  materialize() {
+    return this.props;
+  }
+}
+exports.BoxShadowNode = BoxShadowNode;
+class BoxNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Box, props);
+  }
+  renderNode({
+    canvas,
+    paint
+  }) {
+    const {
+      box: defaultBox
+    } = this.props;
+    const opacity = paint.getAlphaf();
+    const box = (0, _types.isRRect)(defaultBox) ? defaultBox : this.Skia.RRectXY(defaultBox, 0, 0);
+    const shadows = this._children.map(node => {
+      if (node instanceof BoxShadowNode) {
+        return node.materialize();
+      }
+      return null;
+    }).filter(n => n !== null);
+    shadows.filter(shadow => !shadow.inner).map(shadow => {
+      const {
+        color = "black",
+        blur,
+        spread = 0,
+        dx = 0,
+        dy = 0
+      } = shadow;
+      const lPaint = this.Skia.Paint();
+      lPaint.setColor(this.Skia.Color(color));
+      lPaint.setAlphaf(paint.getAlphaf() * opacity);
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+      canvas.drawRRect(inflate(this.Skia, box, spread, spread, dx, dy), lPaint);
+    });
+    canvas.drawRRect(box, paint);
+    shadows.filter(shadow => shadow.inner).map(shadow => {
+      const {
+        color = "black",
+        blur,
+        spread = 0,
+        dx = 0,
+        dy = 0
+      } = shadow;
+      const delta = this.Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
+      canvas.save();
+      canvas.clipRRect(box, _types.ClipOp.Intersect, false);
+      const lPaint = this.Skia.Paint();
+      lPaint.setColor(this.Skia.Color(color));
+      lPaint.setAlphaf(paint.getAlphaf() * opacity);
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(_types.BlurStyle.Normal, blur, true));
+      const inner = deflate(this.Skia, box, spread, spread, dx, dy);
+      const outer = inflate(this.Skia, box, delta.x, delta.y);
+      canvas.drawDRRect(outer, inner, lPaint);
+      canvas.restore();
+    });
+  }
+}
+exports.BoxNode = BoxNode;
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_types2","_Node","_RenderNode","inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","BoxShadowNode","JsiDeclarationNode","constructor","ctx","props","NodeType","BoxShadow","decorate","_ctx","materialize","exports","BoxNode","JsiRenderNode","Box","renderNode","canvas","paint","defaultBox","opacity","getAlphaf","isRRect","shadows","_children","map","node","filter","n","shadow","inner","color","blur","spread","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","ClipOp","Intersect","outer","drawDRRect","restore"],"sources":["Box.ts"],"sourcesContent":["import type { SkRRect, Skia } from \"../../../skia/types\";\nimport { BlurStyle, ClipOp, isRRect } from \"../../../skia/types\";\nimport type { DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport type { BoxShadowProps, BoxProps } from \"../../types/Drawings\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport { JsiRenderNode } from \"../RenderNode\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\n\nconst inflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) =>\n  Skia.RRectXY(\n    Skia.XYWHRect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) => inflate(Skia, box, -dx, -dy, tx, ty);\n\nexport class BoxShadowNode extends JsiDeclarationNode<BoxShadowProps> {\n  constructor(ctx: NodeContext, props: BoxShadowProps) {\n    super(ctx, NodeType.BoxShadow, props);\n  }\n\n  decorate(_ctx: DeclarationContext) {\n    // do nothing\n  }\n\n  materialize() {\n    return this.props;\n  }\n}\n\nexport class BoxNode extends JsiRenderNode<BoxProps> {\n  constructor(ctx: NodeContext, props: BoxProps) {\n    super(ctx, NodeType.Box, props);\n  }\n\n  renderNode({ canvas, paint }: DrawingContext) {\n    const { box: defaultBox } = this.props;\n    const opacity = paint.getAlphaf();\n    const box = isRRect(defaultBox)\n      ? defaultBox\n      : this.Skia.RRectXY(defaultBox, 0, 0);\n    const shadows = this._children\n      .map((node) => {\n        if (node instanceof BoxShadowNode) {\n          return node.materialize();\n        }\n        return null;\n      })\n      .filter((n): n is BoxShadowProps => n !== null);\n    shadows\n      .filter((shadow) => !shadow.inner)\n      .map((shadow) => {\n        const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n        const lPaint = this.Skia.Paint();\n        lPaint.setColor(this.Skia.Color(color));\n        lPaint.setAlphaf(paint.getAlphaf() * opacity);\n        lPaint.setMaskFilter(\n          this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n        );\n        canvas.drawRRect(\n          inflate(this.Skia, box, spread, spread, dx, dy),\n          lPaint\n        );\n      });\n\n    canvas.drawRRect(box, paint);\n\n    shadows\n      .filter((shadow) => shadow.inner)\n      .map((shadow) => {\n        const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n        const delta = this.Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n        canvas.save();\n        canvas.clipRRect(box, ClipOp.Intersect, false);\n        const lPaint = this.Skia.Paint();\n        lPaint.setColor(this.Skia.Color(color));\n        lPaint.setAlphaf(paint.getAlphaf() * opacity);\n\n        lPaint.setMaskFilter(\n          this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n        );\n        const inner = deflate(this.Skia, box, spread, spread, dx, dy);\n        const outer = inflate(this.Skia, box, delta.x, delta.y);\n        canvas.drawDRRect(outer, inner, lPaint);\n        canvas.restore();\n      });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAGA,MAAMI,OAAO,GAAGA,CACdC,IAAU,EACVC,GAAY,EACZC,EAAU,EACVC,EAAU,EACVC,EAAE,GAAG,CAAC,EACNC,EAAE,GAAG,CAAC,KAENL,IAAI,CAACM,OAAO,CACVN,IAAI,CAACO,QAAQ,CACXN,GAAG,CAACO,IAAI,CAACC,CAAC,GAAGP,EAAE,GAAGE,EAAE,EACpBH,GAAG,CAACO,IAAI,CAACE,CAAC,GAAGP,EAAE,GAAGE,EAAE,EACpBJ,GAAG,CAACO,IAAI,CAACG,KAAK,GAAG,CAAC,GAAGT,EAAE,EACvBD,GAAG,CAACO,IAAI,CAACI,MAAM,GAAG,CAAC,GAAGT,EACxB,CAAC,EACDF,GAAG,CAACY,EAAE,GAAGX,EAAE,EACXD,GAAG,CAACa,EAAE,GAAGX,EACX,CAAC;AAEH,MAAMY,OAAO,GAAGA,CACdf,IAAU,EACVC,GAAY,EACZC,EAAU,EACVC,EAAU,EACVC,EAAE,GAAG,CAAC,EACNC,EAAE,GAAG,CAAC,KACHN,OAAO,CAACC,IAAI,EAAEC,GAAG,EAAE,CAACC,EAAE,EAAE,CAACC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;AAElC,MAAMW,aAAa,SAASC,wBAAkB,CAAiB;EACpEC,WAAWA,CAACC,GAAgB,EAAEC,KAAqB,EAAE;IACnD,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,SAAS,EAAEF,KAAK,CAAC;EACvC;EAEAG,QAAQA,CAACC,IAAwB,EAAE;IACjC;EAAA;EAGFC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACL,KAAK;EACnB;AACF;AAACM,OAAA,CAAAV,aAAA,GAAAA,aAAA;AAEM,MAAMW,OAAO,SAASC,yBAAa,CAAW;EACnDV,WAAWA,CAACC,GAAgB,EAAEC,KAAe,EAAE;IAC7C,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACQ,GAAG,EAAET,KAAK,CAAC;EACjC;EAEAU,UAAUA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IAC5C,MAAM;MAAE/B,GAAG,EAAEgC;IAAW,CAAC,GAAG,IAAI,CAACb,KAAK;IACtC,MAAMc,OAAO,GAAGF,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC,MAAMlC,GAAG,GAAG,IAAAmC,cAAO,EAACH,UAAU,CAAC,GAC3BA,UAAU,GACV,IAAI,CAACjC,IAAI,CAACM,OAAO,CAAC2B,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;IACvC,MAAMI,OAAO,GAAG,IAAI,CAACC,SAAS,CAC3BC,GAAG,CAAEC,IAAI,IAAK;MACb,IAAIA,IAAI,YAAYxB,aAAa,EAAE;QACjC,OAAOwB,IAAI,CAACf,WAAW,CAAC,CAAC;MAC3B;MACA,OAAO,IAAI;IACb,CAAC,CAAC,CACDgB,MAAM,CAAEC,CAAC,IAA0BA,CAAC,KAAK,IAAI,CAAC;IACjDL,OAAO,CACJI,MAAM,CAAEE,MAAM,IAAK,CAACA,MAAM,CAACC,KAAK,CAAC,CACjCL,GAAG,CAAEI,MAAM,IAAK;MACf,MAAM;QAAEE,KAAK,GAAG,OAAO;QAAEC,IAAI;QAAEC,MAAM,GAAG,CAAC;QAAE7C,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAGwC,MAAM;MACpE,MAAMK,MAAM,GAAG,IAAI,CAAChD,IAAI,CAACiD,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAClD,IAAI,CAACmD,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACpB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAC7Cc,MAAM,CAACK,aAAa,CAClB,IAAI,CAACrD,IAAI,CAACsD,UAAU,CAACC,QAAQ,CAACC,gBAAS,CAACC,MAAM,EAAEX,IAAI,EAAE,IAAI,CAC5D,CAAC;MACDf,MAAM,CAAC2B,SAAS,CACd3D,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAE8C,MAAM,EAAEA,MAAM,EAAE7C,EAAE,EAAEC,EAAE,CAAC,EAC/C6C,MACF,CAAC;IACH,CAAC,CAAC;IAEJjB,MAAM,CAAC2B,SAAS,CAACzD,GAAG,EAAE+B,KAAK,CAAC;IAE5BK,OAAO,CACJI,MAAM,CAAEE,MAAM,IAAKA,MAAM,CAACC,KAAK,CAAC,CAChCL,GAAG,CAAEI,MAAM,IAAK;MACf,MAAM;QAAEE,KAAK,GAAG,OAAO;QAAEC,IAAI;QAAEC,MAAM,GAAG,CAAC;QAAE7C,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAGwC,MAAM;MACpE,MAAMgB,KAAK,GAAG,IAAI,CAAC3D,IAAI,CAAC4D,KAAK,CAAC,EAAE,GAAGC,IAAI,CAACC,GAAG,CAAC5D,EAAE,CAAC,EAAE,EAAE,GAAG2D,IAAI,CAACC,GAAG,CAAC3D,EAAE,CAAC,CAAC;MACnE4B,MAAM,CAACgC,IAAI,CAAC,CAAC;MACbhC,MAAM,CAACiC,SAAS,CAAC/D,GAAG,EAAEgE,aAAM,CAACC,SAAS,EAAE,KAAK,CAAC;MAC9C,MAAMlB,MAAM,GAAG,IAAI,CAAChD,IAAI,CAACiD,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAClD,IAAI,CAACmD,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACpB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAE7Cc,MAAM,CAACK,aAAa,CAClB,IAAI,CAACrD,IAAI,CAACsD,UAAU,CAACC,QAAQ,CAACC,gBAAS,CAACC,MAAM,EAAEX,IAAI,EAAE,IAAI,CAC5D,CAAC;MACD,MAAMF,KAAK,GAAG7B,OAAO,CAAC,IAAI,CAACf,IAAI,EAAEC,GAAG,EAAE8C,MAAM,EAAEA,MAAM,EAAE7C,EAAE,EAAEC,EAAE,CAAC;MAC7D,MAAMgE,KAAK,GAAGpE,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAE0D,KAAK,CAAClD,CAAC,EAAEkD,KAAK,CAACjD,CAAC,CAAC;MACvDqB,MAAM,CAACqC,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAEI,MAAM,CAAC;MACvCjB,MAAM,CAACsC,OAAO,CAAC,CAAC;IAClB,CAAC,CAAC;EACN;AACF;AAAC3C,OAAA,CAAAC,OAAA,GAAAA,OAAA"}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircleNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class CircleNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Circle, props);
+  }
+  deriveProps() {
+    return (0, _datatypes.processCircle)(this.Skia, this.props).c;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("CircleNode: c is undefined");
+    }
+    const {
+      x,
+      y
+    } = this.derived;
+    canvas.drawCircle(x, y, this.props.r, paint);
+  }
+}
+exports.CircleNode = CircleNode;
+//# sourceMappingURL=CircleNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","CircleNode","JsiDrawingNode","constructor","ctx","props","NodeType","Circle","deriveProps","processCircle","Skia","c","draw","canvas","paint","derived","Error","x","y","drawCircle","r","exports"],"sources":["CircleNode.ts"],"sourcesContent":["import type { SkPoint } from \"../../../skia/types\";\nimport type { CircleProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processCircle } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class CircleNode extends JsiDrawingNode<CircleProps, SkPoint> {\n  constructor(ctx: NodeContext, props: CircleProps) {\n    super(ctx, NodeType.Circle, props);\n  }\n\n  protected deriveProps() {\n    return processCircle(this.Skia, this.props).c;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"CircleNode: c is undefined\");\n    }\n    const { x, y } = this.derived;\n    canvas.drawCircle(x, y, this.props.r, paint);\n  }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGO,MAAMG,UAAU,SAASC,2BAAc,CAAuB;EACnEC,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,MAAM,EAAEF,KAAK,CAAC;EACpC;EAEUG,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAAC,wBAAa,EAAC,IAAI,CAACC,IAAI,EAAE,IAAI,CAACL,KAAK,CAAC,CAACM,CAAC;EAC/C;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IACA,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAG,IAAI,CAACH,OAAO;IAC7BF,MAAM,CAACM,UAAU,CAACF,CAAC,EAAEC,CAAC,EAAE,IAAI,CAACb,KAAK,CAACe,CAAC,EAAEN,KAAK,CAAC;EAC9C;AACF;AAACO,OAAA,CAAApB,UAAA,GAAAA,UAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","DiffRectNode","JsiDrawingNode","constructor","ctx","props","NodeType","DiffRect","deriveProps","draw","canvas","paint","outer","inner","drawDRRect","exports"],"sources":["DiffRectNode.ts"],"sourcesContent":["import type { DiffRectProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class DiffRectNode extends JsiDrawingNode<DiffRectProps, null> {\n  constructor(ctx: NodeContext, props: DiffRectProps) {\n    super(ctx, NodeType.DiffRect, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { outer, inner } = this.props;\n    canvas.drawDRRect(outer, inner, paint);\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,YAAY,SAASC,2BAAc,CAAsB;EACpEC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,QAAQ,EAAEF,KAAK,CAAC;EACtC;EAEAG,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IACnCK,MAAM,CAACI,UAAU,CAACF,KAAK,EAAEC,KAAK,EAAEF,KAAK,CAAC;EACxC;AACF;AAACI,OAAA,CAAAd,YAAA,GAAAA,YAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","FillNode","JsiDrawingNode","constructor","ctx","props","NodeType","Fill","deriveProps","draw","canvas","paint","drawPaint","exports"],"sources":["FillNode.ts"],"sourcesContent":["import type { DrawingContext, DrawingNodeProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class FillNode extends JsiDrawingNode<DrawingNodeProps, null> {\n  constructor(ctx: NodeContext, props: DrawingNodeProps = {}) {\n    super(ctx, NodeType.Fill, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    canvas.drawPaint(paint);\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,QAAQ,SAASC,2BAAc,CAAyB;EACnEC,WAAWA,CAACC,GAAgB,EAAEC,KAAuB,GAAG,CAAC,CAAC,EAAE;IAC1D,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,IAAI,EAAEF,KAAK,CAAC;EAClC;EAEAG,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtCD,MAAM,CAACE,SAAS,CAACD,KAAK,CAAC;EACzB;AACF;AAACE,OAAA,CAAAZ,QAAA,GAAAA,QAAA"}

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

@@ -0,0 +1,25 @@
+import type { SkRect } from "../../../skia/types";
+import type { DrawingContext, ImageProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageNode extends JsiDrawingNode<ImageProps, {
+    src: SkRect;
+    dst: SkRect;
+}> {
+    constructor(ctx: NodeContext, props: ImageProps);
+    deriveProps(): {
+        src: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        dst: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class ImageNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Image, props);
+  }
+  deriveProps() {
+    var _this$props$fit;
+    const {
+      image
+    } = this.props;
+    if (!image) {
+      return {
+        src: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        dst: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        }
+      };
+    }
+    const fit = (_this$props$fit = this.props.fit) !== null && _this$props$fit !== void 0 ? _this$props$fit : "contain";
+    const rect = (0, _datatypes.processRect)(this.Skia, this.props);
+    const {
+      src,
+      dst
+    } = (0, _datatypes.fitRects)(fit, {
+      x: 0,
+      y: 0,
+      width: image.width(),
+      height: image.height()
+    }, rect);
+    return {
+      src,
+      dst
+    };
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      image
+    } = this.props;
+    if (!this.derived) {
+      throw new Error("ImageNode: src and dst are undefined");
+    }
+    const {
+      src,
+      dst
+    } = this.derived;
+    if (image) {
+      canvas.drawImageRect(image, src, dst, paint);
+    }
+  }
+}
+exports.ImageNode = ImageNode;
+//# sourceMappingURL=ImageNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","ImageNode","JsiDrawingNode","constructor","ctx","props","NodeType","Image","deriveProps","_this$props$fit","image","src","x","y","width","height","dst","fit","rect","processRect","Skia","fitRects","draw","canvas","paint","derived","Error","drawImageRect","exports"],"sources":["ImageNode.ts"],"sourcesContent":["import type { SkRect } from \"../../../skia/types\";\nimport type { DrawingContext, ImageProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { fitRects, processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ImageNode extends JsiDrawingNode<\n  ImageProps,\n  { src: SkRect; dst: SkRect }\n> {\n  constructor(ctx: NodeContext, props: ImageProps) {\n    super(ctx, NodeType.Image, props);\n  }\n\n  deriveProps() {\n    const { image } = this.props;\n    if (!image) {\n      return {\n        src: { x: 0, y: 0, width: 0, height: 0 },\n        dst: { x: 0, y: 0, width: 0, height: 0 },\n      };\n    }\n    const fit = this.props.fit ?? \"contain\";\n    const rect = processRect(this.Skia, this.props);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    return { src, dst };\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { image } = this.props;\n    if (!this.derived) {\n      throw new Error(\"ImageNode: src and dst are undefined\");\n    }\n    const { src, dst } = this.derived;\n    if (image) {\n      canvas.drawImageRect(image, src, dst, paint);\n    }\n  }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGO,MAAMG,SAAS,SAASC,2BAAc,CAG3C;EACAC,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,WAAWA,CAAA,EAAG;IAAA,IAAAC,eAAA;IACZ,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACL,KAAK;IAC5B,IAAI,CAACK,KAAK,EAAE;MACV,OAAO;QACLC,GAAG,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE,CAAC;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE,CAAC;QACxCC,GAAG,EAAE;UAAEJ,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE,CAAC;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE;MACzC,CAAC;IACH;IACA,MAAME,GAAG,IAAAR,eAAA,GAAG,IAAI,CAACJ,KAAK,CAACY,GAAG,cAAAR,eAAA,cAAAA,eAAA,GAAI,SAAS;IACvC,MAAMS,IAAI,GAAG,IAAAC,sBAAW,EAAC,IAAI,CAACC,IAAI,EAAE,IAAI,CAACf,KAAK,CAAC;IAC/C,MAAM;MAAEM,GAAG;MAAEK;IAAI,CAAC,GAAG,IAAAK,mBAAQ,EAC3BJ,GAAG,EACH;MACEL,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,KAAK,EAAEJ,KAAK,CAACI,KAAK,CAAC,CAAC;MACpBC,MAAM,EAAEL,KAAK,CAACK,MAAM,CAAC;IACvB,CAAC,EACDG,IACF,CAAC;IACD,OAAO;MAAEP,GAAG;MAAEK;IAAI,CAAC;EACrB;EAEAM,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEd;IAAM,CAAC,GAAG,IAAI,CAACL,KAAK;IAC5B,IAAI,CAAC,IAAI,CAACoB,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,sCAAsC,CAAC;IACzD;IACA,MAAM;MAAEf,GAAG;MAAEK;IAAI,CAAC,GAAG,IAAI,CAACS,OAAO;IACjC,IAAIf,KAAK,EAAE;MACTa,MAAM,CAACI,aAAa,CAACjB,KAAK,EAAEC,GAAG,EAAEK,GAAG,EAAEQ,KAAK,CAAC;IAC9C;EACF;AACF;AAACI,OAAA,CAAA3B,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,13 @@
+import type { DrawingContext, ImageSVGProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ImageSVGNode extends JsiDrawingNode<ImageSVGProps, Pick<ImageSVGProps, "x" | "y" | "width" | "height">> {
+    constructor(ctx: NodeContext, props: ImageSVGProps);
+    deriveProps(): import("../../..").SkRect | {
+        x: number | undefined;
+        y: number | undefined;
+        width: number | undefined;
+        height: number | undefined;
+    };
+    draw({ canvas }: DrawingContext): void;
+}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageSVGNode = void 0;
+var _types = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+class ImageSVGNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.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();
+  }
+}
+exports.ImageSVGNode = ImageSVGNode;
+//# sourceMappingURL=ImageSVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","ImageSVGNode","JsiDrawingNode","constructor","ctx","props","NodeType","ImageSVG","deriveProps","rect","x","y","width","height","draw","canvas","svg","derived","Error","save","translate","drawSvg","restore","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,YAAY,SAASC,2BAAc,CAG9C;EACAC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,QAAQ,EAAEF,KAAK,CAAC;EACtC;EAEAG,WAAWA,CAAA,EAAG;IACZ,IAAI,IAAI,CAACH,KAAK,CAACI,IAAI,EAAE;MACnB,OAAO,IAAI,CAACJ,KAAK,CAACI,IAAI;IACxB;IACA,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACR,KAAK;IAC1C,OAAO;MAAEK,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO,CAAC;EAChC;EAEAC,IAAIA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IAC/B,MAAM;MAAEC;IAAI,CAAC,GAAG,IAAI,CAACX,KAAK;IAC1B,IAAI,CAAC,IAAI,CAACY,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;AAACC,OAAA,CAAAtB,YAAA,GAAAA,YAAA"}

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

@@ -0,0 +1,28 @@
+"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({
+    canvas,
+    paint
+  }) {
+    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,"names":["_types","require","_DrawingNode","LineNode","JsiDrawingNode","constructor","ctx","props","NodeType","Line","deriveProps","draw","canvas","paint","p1","p2","drawLine","x","y","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,QAAQ,SAASC,2BAAc,CAAkB;EAC5DC,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,IAAI,EAAEF,KAAK,CAAC;EAClC;EAEAG,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,CAACR,KAAK;IAC7BK,MAAM,CAACI,QAAQ,CAACF,EAAE,CAACG,CAAC,EAAEH,EAAE,CAACI,CAAC,EAAEH,EAAE,CAACE,CAAC,EAAEF,EAAE,CAACG,CAAC,EAAEL,KAAK,CAAC;EAChD;AACF;AAACM,OAAA,CAAAhB,QAAA,GAAAA,QAAA"}

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

@@ -0,0 +1,28 @@
+"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({
+    canvas,
+    paint
+  }) {
+    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,"names":["_types","require","_datatypes","_DrawingNode","OvalNode","JsiDrawingNode","constructor","ctx","props","NodeType","Oval","deriveProps","processRect","Skia","draw","canvas","paint","derived","undefined","Error","drawOval","exports"],"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,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/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/commonjs/dom/nodes/drawings/ParagraphNode.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParagraphNode = void 0;
+var _types = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+class ParagraphNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.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);
+    }
+  }
+}
+exports.ParagraphNode = ParagraphNode;
+//# sourceMappingURL=ParagraphNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","ParagraphNode","JsiDrawingNode","constructor","ctx","props","NodeType","Paragraph","deriveProps","draw","canvas","paragraph","x","y","width","layout","paint","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,aAAa,SAASC,2BAAc,CAAuB;EACtEC,WAAWA,CAACC,GAAgB,EAAEC,KAAqB,EAAE;IACnD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,SAAS,EAAEF,KAAK,CAAC;EACvC;EAEAG,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,CAACT,KAAK;IAC7C,IAAIM,SAAS,EAAE;MACbA,SAAS,CAACI,MAAM,CAACD,KAAK,CAAC;MACvBH,SAAS,CAACK,KAAK,CAACN,MAAM,EAAEE,CAAC,EAAEC,CAAC,CAAC;IAC/B;EACF;AACF;AAACI,OAAA,CAAAhB,aAAA,GAAAA,aAAA"}