@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/module/dom/nodes/datatypes/Path.js

@@ -0,0 +1,12 @@
+import { isPath } from "../../../skia/types";
+export const processPath = (Skia, rawPath) => {
+  const path = typeof rawPath === "string" ? Skia.Path.MakeFromSVGString(rawPath) : rawPath;
+  if (!path) {
+    throw new Error("Invalid path: " + rawPath);
+  }
+  return path;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isPathDef = def => typeof def === "string" || isPath(def);
+//# sourceMappingURL=Path.js.map

package/lib/module/dom/nodes/datatypes/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isPath","processPath","Skia","rawPath","path","Path","MakeFromSVGString","Error","isPathDef","def"],"sources":["Path.ts"],"sourcesContent":["import type { Skia } from \"../../../skia/types\";\nimport { isPath } from \"../../../skia/types\";\nimport type { PathDef } from \"../../types\";\n\nexport const processPath = (Skia: Skia, rawPath: PathDef) => {\n  const path =\n    typeof rawPath === \"string\"\n      ? Skia.Path.MakeFromSVGString(rawPath)\n      : rawPath;\n  if (!path) {\n    throw new Error(\"Invalid path: \" + rawPath);\n  }\n  return path;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const isPathDef = (def: any): def is PathDef =>\n  typeof def === \"string\" || isPath(def);\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,qBAAqB;AAG5C,OAAO,MAAMC,WAAW,GAAGA,CAACC,IAAU,EAAEC,OAAgB,KAAK;EAC3D,MAAMC,IAAI,GACR,OAAOD,OAAO,KAAK,QAAQ,GACvBD,IAAI,CAACG,IAAI,CAACC,iBAAiB,CAACH,OAAO,CAAC,GACpCA,OAAO;EACb,IAAI,CAACC,IAAI,EAAE;IACT,MAAM,IAAIG,KAAK,CAAC,gBAAgB,GAAGJ,OAAO,CAAC;EAC7C;EACA,OAAOC,IAAI;AACb,CAAC;;AAED;AACA,OAAO,MAAMI,SAAS,GAAIC,GAAQ,IAChC,OAAOA,GAAG,KAAK,QAAQ,IAAIT,MAAM,CAACS,GAAG,CAAC"}

package/lib/module/dom/nodes/datatypes/Radius.d.ts

@@ -0,0 +1,3 @@
+import type { Skia, Vector } from "../../../skia/types";
+import type { Radius } from "../../types";
+export declare const processRadius: (Skia: Skia, radius: Radius) => Vector;

package/lib/module/dom/nodes/datatypes/Radius.js

@@ -0,0 +1,7 @@
+export const processRadius = (Skia, radius) => {
+  if (typeof radius === "number") {
+    return Skia.Point(radius, radius);
+  }
+  return radius;
+};
+//# sourceMappingURL=Radius.js.map

package/lib/module/dom/nodes/datatypes/Radius.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processRadius","Skia","radius","Point"],"sources":["Radius.ts"],"sourcesContent":["import type { Skia, Vector } from \"../../../skia/types\";\nimport type { Radius } from \"../../types\";\n\nexport const processRadius = (Skia: Skia, radius: Radius): Vector => {\n  if (typeof radius === \"number\") {\n    return Skia.Point(radius, radius);\n  }\n  return radius;\n};\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,GAAGA,CAACC,IAAU,EAAEC,MAAc,KAAa;EACnE,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOD,IAAI,CAACE,KAAK,CAACD,MAAM,EAAEA,MAAM,CAAC;EACnC;EACA,OAAOA,MAAM;AACf,CAAC"}

package/lib/module/dom/nodes/datatypes/Rect.d.ts

@@ -0,0 +1,5 @@
+import type { Skia, SkRect, Vector } from "../../../skia/types";
+import type { RectDef, RRectDef } from "../../types";
+export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
+export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
+export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").InputRRect;

package/lib/module/dom/nodes/datatypes/Rect.js

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { processRadius } from "./Radius";
+export const isEdge = (pos, b) => {
+  "worklet";
+
+  return pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;
+};
+
+// We have an issue to check property existence on JSI backed instances
+const isRRectCtor = def => def.rect === undefined;
+// We have an issue to check property existence on JSI backed instances
+const isRectCtor = def => def.rect === undefined;
+export const processRect = (Skia, def) => {
+  if (isRectCtor(def)) {
+    var _def$x, _def$y;
+    return Skia.XYWHRect((_def$x = def.x) !== null && _def$x !== void 0 ? _def$x : 0, (_def$y = def.y) !== null && _def$y !== void 0 ? _def$y : 0, def.width, def.height);
+  } else {
+    return def.rect;
+  }
+};
+export const processRRect = (Skia, def) => {
+  if (isRRectCtor(def)) {
+    var _def$r, _def$x2, _def$y2;
+    const r = processRadius(Skia, (_def$r = def.r) !== null && _def$r !== void 0 ? _def$r : 0);
+    return Skia.RRectXY(Skia.XYWHRect((_def$x2 = def.x) !== null && _def$x2 !== void 0 ? _def$x2 : 0, (_def$y2 = def.y) !== null && _def$y2 !== void 0 ? _def$y2 : 0, def.width, def.height), r.x, r.y);
+  } else {
+    return def.rect;
+  }
+};
+//# sourceMappingURL=Rect.js.map

package/lib/module/dom/nodes/datatypes/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processRadius","isEdge","pos","b","x","y","width","height","isRRectCtor","def","rect","undefined","isRectCtor","processRect","Skia","_def$x","_def$y","XYWHRect","processRRect","_def$r","_def$x2","_def$y2","r","RRectXY"],"sources":["Rect.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Skia, SkRect, Vector } from \"../../../skia/types\";\nimport type { RectCtor, RectDef, RRectCtor, RRectDef } from \"../../types\";\n\nimport { processRadius } from \"./Radius\";\n\nexport const isEdge = (pos: Vector, b: SkRect) => {\n  \"worklet\";\n  return (\n    pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height\n  );\n};\n\n// We have an issue to check property existence on JSI backed instances\nconst isRRectCtor = (def: RRectDef): def is RRectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nconst isRectCtor = (def: RectDef): def is RectCtor =>\n  (def as any).rect === undefined;\n\nexport const processRect = (Skia: Skia, def: RectDef) => {\n  if (isRectCtor(def)) {\n    return Skia.XYWHRect(def.x ?? 0, def.y ?? 0, def.width, def.height);\n  } else {\n    return def.rect;\n  }\n};\n\nexport const processRRect = (Skia: Skia, def: RRectDef) => {\n  if (isRRectCtor(def)) {\n    const r = processRadius(Skia, def.r ?? 0);\n    return Skia.RRectXY(\n      Skia.XYWHRect(def.x ?? 0, def.y ?? 0, def.width, def.height),\n      r.x,\n      r.y\n    );\n  } else {\n    return def.rect;\n  }\n};\n"],"mappings":"AAAA;;AAIA,SAASA,aAAa,QAAQ,UAAU;AAExC,OAAO,MAAMC,MAAM,GAAGA,CAACC,GAAW,EAAEC,CAAS,KAAK;EAChD,SAAS;;EACT,OACED,GAAG,CAACE,CAAC,KAAKD,CAAC,CAACC,CAAC,IAAIF,GAAG,CAACG,CAAC,KAAKF,CAAC,CAACE,CAAC,IAAIH,GAAG,CAACE,CAAC,KAAKD,CAAC,CAACG,KAAK,IAAIJ,GAAG,CAACG,CAAC,KAAKF,CAAC,CAACI,MAAM;AAE7E,CAAC;;AAED;AACA,MAAMC,WAAW,GAAIC,GAAa,IAC/BA,GAAG,CAASC,IAAI,KAAKC,SAAS;AACjC;AACA,MAAMC,UAAU,GAAIH,GAAY,IAC7BA,GAAG,CAASC,IAAI,KAAKC,SAAS;AAEjC,OAAO,MAAME,WAAW,GAAGA,CAACC,IAAU,EAAEL,GAAY,KAAK;EACvD,IAAIG,UAAU,CAACH,GAAG,CAAC,EAAE;IAAA,IAAAM,MAAA,EAAAC,MAAA;IACnB,OAAOF,IAAI,CAACG,QAAQ,EAAAF,MAAA,GAACN,GAAG,CAACL,CAAC,cAAAW,MAAA,cAAAA,MAAA,GAAI,CAAC,GAAAC,MAAA,GAAEP,GAAG,CAACJ,CAAC,cAAAW,MAAA,cAAAA,MAAA,GAAI,CAAC,EAAEP,GAAG,CAACH,KAAK,EAAEG,GAAG,CAACF,MAAM,CAAC;EACrE,CAAC,MAAM;IACL,OAAOE,GAAG,CAACC,IAAI;EACjB;AACF,CAAC;AAED,OAAO,MAAMQ,YAAY,GAAGA,CAACJ,IAAU,EAAEL,GAAa,KAAK;EACzD,IAAID,WAAW,CAACC,GAAG,CAAC,EAAE;IAAA,IAAAU,MAAA,EAAAC,OAAA,EAAAC,OAAA;IACpB,MAAMC,CAAC,GAAGtB,aAAa,CAACc,IAAI,GAAAK,MAAA,GAAEV,GAAG,CAACa,CAAC,cAAAH,MAAA,cAAAA,MAAA,GAAI,CAAC,CAAC;IACzC,OAAOL,IAAI,CAACS,OAAO,CACjBT,IAAI,CAACG,QAAQ,EAAAG,OAAA,GAACX,GAAG,CAACL,CAAC,cAAAgB,OAAA,cAAAA,OAAA,GAAI,CAAC,GAAAC,OAAA,GAAEZ,GAAG,CAACJ,CAAC,cAAAgB,OAAA,cAAAA,OAAA,GAAI,CAAC,EAAEZ,GAAG,CAACH,KAAK,EAAEG,GAAG,CAACF,MAAM,CAAC,EAC5De,CAAC,CAAClB,CAAC,EACHkB,CAAC,CAACjB,CACJ,CAAC;EACH,CAAC,MAAM;IACL,OAAOI,GAAG,CAACC,IAAI;EACjB;AACF,CAAC"}

package/lib/module/dom/nodes/datatypes/Transform.d.ts

@@ -0,0 +1,3 @@
+import type { TransformProps } from "../../types";
+import type { SkMatrix } from "../../../skia/types";
+export declare const processTransformProps: (m3: SkMatrix, props: TransformProps) => void;

package/lib/module/dom/nodes/datatypes/Transform.js

@@ -0,0 +1,26 @@
+import { processTransform } from "../../../skia/types";
+export const processTransformProps = (m3, props) => {
+  const {
+    transform,
+    origin,
+    matrix
+  } = props;
+  if (matrix) {
+    if (origin) {
+      m3.translate(origin.x, origin.y);
+      m3.concat(matrix);
+      m3.translate(-origin.x, -origin.y);
+    } else {
+      m3.concat(matrix);
+    }
+  } else if (transform) {
+    if (origin) {
+      m3.translate(origin.x, origin.y);
+    }
+    processTransform(m3, transform);
+    if (origin) {
+      m3.translate(-origin.x, -origin.y);
+    }
+  }
+};
+//# sourceMappingURL=Transform.js.map

package/lib/module/dom/nodes/datatypes/Transform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processTransform","processTransformProps","m3","props","transform","origin","matrix","translate","x","y","concat"],"sources":["Transform.ts"],"sourcesContent":["import type { TransformProps } from \"../../types\";\nimport type { SkMatrix } from \"../../../skia/types\";\nimport { processTransform } from \"../../../skia/types\";\n\nexport const processTransformProps = (m3: SkMatrix, props: TransformProps) => {\n  const { transform, origin, matrix } = props;\n  if (matrix) {\n    if (origin) {\n      m3.translate(origin.x, origin.y);\n      m3.concat(matrix);\n      m3.translate(-origin.x, -origin.y);\n    } else {\n      m3.concat(matrix);\n    }\n  } else if (transform) {\n    if (origin) {\n      m3.translate(origin.x, origin.y);\n    }\n    processTransform(m3, transform);\n    if (origin) {\n      m3.translate(-origin.x, -origin.y);\n    }\n  }\n};\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,EAAY,EAAEC,KAAqB,KAAK;EAC5E,MAAM;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAC3C,IAAIG,MAAM,EAAE;IACV,IAAID,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAACF,MAAM,CAACG,CAAC,EAAEH,MAAM,CAACI,CAAC,CAAC;MAChCP,EAAE,CAACQ,MAAM,CAACJ,MAAM,CAAC;MACjBJ,EAAE,CAACK,SAAS,CAAC,CAACF,MAAM,CAACG,CAAC,EAAE,CAACH,MAAM,CAACI,CAAC,CAAC;IACpC,CAAC,MAAM;MACLP,EAAE,CAACQ,MAAM,CAACJ,MAAM,CAAC;IACnB;EACF,CAAC,MAAM,IAAIF,SAAS,EAAE;IACpB,IAAIC,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAACF,MAAM,CAACG,CAAC,EAAEH,MAAM,CAACI,CAAC,CAAC;IAClC;IACAT,gBAAgB,CAACE,EAAE,EAAEE,SAAS,CAAC;IAC/B,IAAIC,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAAC,CAACF,MAAM,CAACG,CAAC,EAAE,CAACH,MAAM,CAACI,CAAC,CAAC;IACpC;EACF;AACF,CAAC"}

package/lib/module/dom/nodes/datatypes/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./Enum";
+export * from "./Path";
+export * from "./Fitting";
+export * from "./Rect";
+export * from "./Radius";
+export * from "./Circle";
+export * from "./Gradient";
+export * from "./Transform";

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

@@ -0,0 +1,9 @@
+export * from "./Enum";
+export * from "./Path";
+export * from "./Fitting";
+export * from "./Rect";
+export * from "./Radius";
+export * from "./Circle";
+export * from "./Gradient";
+export * from "./Transform";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Enum\";\nexport * from \"./Path\";\nexport * from \"./Fitting\";\nexport * from \"./Rect\";\nexport * from \"./Radius\";\nexport * from \"./Circle\";\nexport * from \"./Gradient\";\nexport * from \"./Transform\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,aAAa"}

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

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

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

@@ -0,0 +1,29 @@
+import { BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import { enumKey } from "../datatypes";
+export class AtlasNode extends JsiDrawingNode {
+  deriveProps() {
+    return null;
+  }
+  constructor(ctx, props) {
+    super(ctx, NodeType.Atlas, props);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      image,
+      sprites,
+      transforms,
+      colors,
+      blendMode
+    } = this.props;
+    const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;
+    if (image) {
+      canvas.drawAtlas(image, sprites, transforms, paint, blend, colors);
+    }
+  }
+}
+//# sourceMappingURL=AtlasNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlendMode","NodeType","JsiDrawingNode","enumKey","AtlasNode","deriveProps","constructor","ctx","props","Atlas","draw","canvas","paint","image","sprites","transforms","colors","blendMode","blend","undefined","drawAtlas"],"sources":["AtlasNode.ts"],"sourcesContent":["import { BlendMode } from \"../../../skia/types\";\nimport type { AtlasProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\nimport { enumKey } from \"../datatypes\";\n\nexport class AtlasNode extends JsiDrawingNode<AtlasProps, null> {\n  protected deriveProps() {\n    return null;\n  }\n\n  constructor(ctx: NodeContext, props: AtlasProps) {\n    super(ctx, NodeType.Atlas, props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { image, sprites, transforms, colors, blendMode } = this.props;\n    const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;\n    if (image) {\n      canvas.drawAtlas(image, sprites, transforms, paint, blend, colors);\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAO,MAAMC,SAAS,SAASF,cAAc,CAAmB;EACpDG,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAI;EACb;EAEAC,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEN,QAAQ,CAACQ,KAAK,EAAED,KAAK,CAAC;EACnC;EAEAE,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC,UAAU;MAAEC,MAAM;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACT,KAAK;IACpE,MAAMU,KAAK,GAAGD,SAAS,GAAGjB,SAAS,CAACG,OAAO,CAACc,SAAS,CAAC,CAAC,GAAGE,SAAS;IACnE,IAAIN,KAAK,EAAE;MACTF,MAAM,CAACS,SAAS,CAACP,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEH,KAAK,EAAEM,KAAK,EAAEF,MAAM,CAAC;IACpE;EACF;AACF"}

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

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

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

@@ -0,0 +1,35 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import { JsiDeclarationNode } from "../Node";
+export class BackdropFilterNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BackdropFilter, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    declarationCtx
+  }) {
+    const child = this._children[0];
+    let imageFilter = null;
+    if (child instanceof 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();
+  }
+}
+//# sourceMappingURL=BackdropFilterNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","JsiDeclarationNode","BackdropFilterNode","constructor","ctx","props","BackdropFilter","deriveProps","draw","canvas","declarationCtx","child","_children","imageFilter","save","decorate","imgf","imageFilters","pop","cf","colorFilters","Skia","ImageFilter","MakeColorFilter","restore","saveLayer","undefined"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,kBAAkB,QAAQ,SAAS;AAG5C,OAAO,MAAMC,kBAAkB,SAASF,cAAc,CAAsB;EAC1EG,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,cAAc,EAAED,KAAK,CAAC;EAC5C;EAEUE,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,YAAYV,kBAAkB,EAAE;MACvCS,cAAc,CAACI,IAAI,CAAC,CAAC;MACrBH,KAAK,CAACI,QAAQ,CAACL,cAAc,CAAC;MAC9B,MAAMM,IAAI,GAAGN,cAAc,CAACO,YAAY,CAACC,GAAG,CAAC,CAAC;MAC9C,IAAIF,IAAI,EAAE;QACRH,WAAW,GAAGG,IAAI;MACpB,CAAC,MAAM;QACL,MAAMG,EAAE,GAAGT,cAAc,CAACU,YAAY,CAACF,GAAG,CAAC,CAAC;QAC5C,IAAIC,EAAE,EAAE;UACNN,WAAW,GAAG,IAAI,CAACQ,IAAI,CAACC,WAAW,CAACC,eAAe,CAACJ,EAAE,EAAE,IAAI,CAAC;QAC/D;MACF;MACAT,cAAc,CAACc,OAAO,CAAC,CAAC;IAC1B;IACAf,MAAM,CAACgB,SAAS,CAACC,SAAS,EAAE,IAAI,EAAEb,WAAW,CAAC;IAC9CJ,MAAM,CAACe,OAAO,CAAC,CAAC;EAClB;AACF"}

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

@@ -0,0 +1,74 @@
+import { BlurStyle, ClipOp, isRRect } from "../../../skia/types";
+import { DeclarationType, NodeType } from "../../types";
+import { JsiDeclarationNode } from "../Node";
+import { JsiRenderNode } from "../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);
+export class BoxShadowNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, DeclarationType.Unknown, NodeType.BoxShadow, props);
+  }
+  decorate(_ctx) {
+    // do nothing
+  }
+  materialize() {
+    return this.props;
+  }
+}
+export class BoxNode extends JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Box, props);
+  }
+  renderNode({
+    canvas,
+    paint
+  }) {
+    const {
+      box: defaultBox
+    } = this.props;
+    const opacity = paint.getAlphaf();
+    const box = 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(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, 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(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();
+    });
+  }
+}
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlurStyle","ClipOp","isRRect","DeclarationType","NodeType","JsiDeclarationNode","JsiRenderNode","inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","BoxShadowNode","constructor","ctx","props","Unknown","BoxShadow","decorate","_ctx","materialize","BoxNode","Box","renderNode","canvas","paint","defaultBox","opacity","getAlphaf","shadows","_children","map","node","filter","n","shadow","inner","color","blur","spread","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","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 { DeclarationType, 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, DeclarationType.Unknown, 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,SAASA,SAAS,EAAEC,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AAEhE,SAASC,eAAe,EAAEC,QAAQ,QAAQ,aAAa;AAGvD,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,SAASC,aAAa,QAAQ,eAAe;AAG7C,MAAMC,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;AAEzC,OAAO,MAAMW,aAAa,SAASnB,kBAAkB,CAAiB;EACpEoB,WAAWA,CAACC,GAAgB,EAAEC,KAAqB,EAAE;IACnD,KAAK,CAACD,GAAG,EAAEvB,eAAe,CAACyB,OAAO,EAAExB,QAAQ,CAACyB,SAAS,EAAEF,KAAK,CAAC;EAChE;EAEAG,QAAQA,CAACC,IAAwB,EAAE;IACjC;EAAA;EAGFC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACL,KAAK;EACnB;AACF;AAEA,OAAO,MAAMM,OAAO,SAAS3B,aAAa,CAAW;EACnDmB,WAAWA,CAACC,GAAgB,EAAEC,KAAe,EAAE;IAC7C,KAAK,CAACD,GAAG,EAAEtB,QAAQ,CAAC8B,GAAG,EAAEP,KAAK,CAAC;EACjC;EAEAQ,UAAUA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IAC5C,MAAM;MAAE5B,GAAG,EAAE6B;IAAW,CAAC,GAAG,IAAI,CAACX,KAAK;IACtC,MAAMY,OAAO,GAAGF,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC,MAAM/B,GAAG,GAAGP,OAAO,CAACoC,UAAU,CAAC,GAC3BA,UAAU,GACV,IAAI,CAAC9B,IAAI,CAACM,OAAO,CAACwB,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;IACvC,MAAMG,OAAO,GAAG,IAAI,CAACC,SAAS,CAC3BC,GAAG,CAAEC,IAAI,IAAK;MACb,IAAIA,IAAI,YAAYpB,aAAa,EAAE;QACjC,OAAOoB,IAAI,CAACZ,WAAW,CAAC,CAAC;MAC3B;MACA,OAAO,IAAI;IACb,CAAC,CAAC,CACDa,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;QAAEzC,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAGoC,MAAM;MACpE,MAAMK,MAAM,GAAG,IAAI,CAAC5C,IAAI,CAAC6C,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAC9C,IAAI,CAAC+C,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACnB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAC7Ca,MAAM,CAACK,aAAa,CAClB,IAAI,CAACjD,IAAI,CAACkD,UAAU,CAACC,QAAQ,CAAC3D,SAAS,CAAC4D,MAAM,EAAEV,IAAI,EAAE,IAAI,CAC5D,CAAC;MACDd,MAAM,CAACyB,SAAS,CACdtD,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAE0C,MAAM,EAAEA,MAAM,EAAEzC,EAAE,EAAEC,EAAE,CAAC,EAC/CyC,MACF,CAAC;IACH,CAAC,CAAC;IAEJhB,MAAM,CAACyB,SAAS,CAACpD,GAAG,EAAE4B,KAAK,CAAC;IAE5BI,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;QAAEzC,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAGoC,MAAM;MACpE,MAAMe,KAAK,GAAG,IAAI,CAACtD,IAAI,CAACuD,KAAK,CAAC,EAAE,GAAGC,IAAI,CAACC,GAAG,CAACvD,EAAE,CAAC,EAAE,EAAE,GAAGsD,IAAI,CAACC,GAAG,CAACtD,EAAE,CAAC,CAAC;MACnEyB,MAAM,CAAC8B,IAAI,CAAC,CAAC;MACb9B,MAAM,CAAC+B,SAAS,CAAC1D,GAAG,EAAER,MAAM,CAACmE,SAAS,EAAE,KAAK,CAAC;MAC9C,MAAMhB,MAAM,GAAG,IAAI,CAAC5C,IAAI,CAAC6C,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAC9C,IAAI,CAAC+C,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACnB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAE7Ca,MAAM,CAACK,aAAa,CAClB,IAAI,CAACjD,IAAI,CAACkD,UAAU,CAACC,QAAQ,CAAC3D,SAAS,CAAC4D,MAAM,EAAEV,IAAI,EAAE,IAAI,CAC5D,CAAC;MACD,MAAMF,KAAK,GAAGzB,OAAO,CAAC,IAAI,CAACf,IAAI,EAAEC,GAAG,EAAE0C,MAAM,EAAEA,MAAM,EAAEzC,EAAE,EAAEC,EAAE,CAAC;MAC7D,MAAM0D,KAAK,GAAG9D,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAEqD,KAAK,CAAC7C,CAAC,EAAE6C,KAAK,CAAC5C,CAAC,CAAC;MACvDkB,MAAM,CAACkC,UAAU,CAACD,KAAK,EAAErB,KAAK,EAAEI,MAAM,CAAC;MACvChB,MAAM,CAACmC,OAAO,CAAC,CAAC;IAClB,CAAC,CAAC;EACN;AACF"}

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

@@ -0,0 +1,25 @@
+import { NodeType } from "../../types";
+import { processCircle } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class CircleNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Circle, props);
+  }
+  deriveProps() {
+    return 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);
+  }
+}
+//# sourceMappingURL=CircleNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","processCircle","JsiDrawingNode","CircleNode","constructor","ctx","props","Circle","deriveProps","Skia","c","draw","canvas","paint","derived","Error","x","y","drawCircle","r"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,UAAU,SAASD,cAAc,CAAuB;EACnEE,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,MAAM,EAAED,KAAK,CAAC;EACpC;EAEUE,WAAWA,CAAA,EAAG;IACtB,OAAOP,aAAa,CAAC,IAAI,CAACQ,IAAI,EAAE,IAAI,CAACH,KAAK,CAAC,CAACI,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,CAACX,KAAK,CAACa,CAAC,EAAEN,KAAK,CAAC;EAC9C;AACF"}

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

@@ -0,0 +1,21 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class DiffRectNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DiffRect, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      outer,
+      inner
+    } = this.props;
+    canvas.drawDRRect(outer, inner, paint);
+  }
+}
+//# sourceMappingURL=DiffRectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","DiffRectNode","constructor","ctx","props","DiffRect","deriveProps","draw","canvas","paint","outer","inner","drawDRRect"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,YAAY,SAASD,cAAc,CAAsB;EACpEE,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEJ,QAAQ,CAACM,QAAQ,EAAED,KAAK,CAAC;EACtC;EAEAE,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,CAACP,KAAK;IACnCI,MAAM,CAACI,UAAU,CAACF,KAAK,EAAEC,KAAK,EAAEF,KAAK,CAAC;EACxC;AACF"}

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

@@ -0,0 +1,17 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class FillNode extends JsiDrawingNode {
+  constructor(ctx, props = {}) {
+    super(ctx, NodeType.Fill, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    canvas.drawPaint(paint);
+  }
+}
+//# sourceMappingURL=FillNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiDrawingNode","FillNode","constructor","ctx","props","Fill","deriveProps","draw","canvas","paint","drawPaint"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAyB;EACnEE,WAAWA,CAACC,GAAgB,EAAEC,KAAuB,GAAG,CAAC,CAAC,EAAE;IAC1D,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;IACtCD,MAAM,CAACE,SAAS,CAACD,KAAK,CAAC;EACzB;AACF"}

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

@@ -0,0 +1,64 @@
+import { NodeType } from "../../types";
+import { fitRects, processRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class ImageNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, 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 = processRect(this.Skia, this.props);
+    const {
+      src,
+      dst
+    } = 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);
+    }
+  }
+}
+//# sourceMappingURL=ImageNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","fitRects","processRect","JsiDrawingNode","ImageNode","constructor","ctx","props","Image","deriveProps","_this$props$fit","image","src","x","y","width","height","dst","fit","rect","Skia","draw","canvas","paint","derived","Error","drawImageRect"],"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,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,cAAc;AACpD,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,SAAS,SAASD,cAAc,CAG3C;EACAE,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEN,QAAQ,CAACQ,KAAK,EAAED,KAAK,CAAC;EACnC;EAEAE,WAAWA,CAAA,EAAG;IAAA,IAAAC,eAAA;IACZ,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC5B,IAAI,CAACI,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,CAACH,KAAK,CAACW,GAAG,cAAAR,eAAA,cAAAA,eAAA,GAAI,SAAS;IACvC,MAAMS,IAAI,GAAGjB,WAAW,CAAC,IAAI,CAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAAC;IAC/C,MAAM;MAAEK,GAAG;MAAEK;IAAI,CAAC,GAAGhB,QAAQ,CAC3BiB,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;EAEAI,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEZ;IAAM,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC5B,IAAI,CAAC,IAAI,CAACiB,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,sCAAsC,CAAC;IACzD;IACA,MAAM;MAAEb,GAAG;MAAEK;IAAI,CAAC,GAAG,IAAI,CAACO,OAAO;IACjC,IAAIb,KAAK,EAAE;MACTW,MAAM,CAACI,aAAa,CAACf,KAAK,EAAEC,GAAG,EAAEK,GAAG,EAAEM,KAAK,CAAC;IAC9C;EACF;AACF"}

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