@shopify/react-native-skia 0.1.147 → 0.1.148

package/lib/commonjs/dom/nodes/PaintNode.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaintNode = void 0;
+
+var _types = require("../../skia/types");
+
+var _types2 = require("../types");
+
+var _datatypes = require("./datatypes");
+
+var _Node = require("./Node");
+
+class PaintNode extends _Node.JsiDeclarationNode {
+  constructor(ctx) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    super(ctx, _types2.DeclarationType.Paint, _types2.NodeType.Paint, props);
+  }
+
+  materialize() {
+    const {
+      color,
+      strokeWidth,
+      blendMode,
+      style,
+      strokeJoin,
+      strokeCap,
+      strokeMiter,
+      opacity,
+      antiAlias
+    } = this.props;
+    const paint = this.Skia.Paint();
+
+    if (color !== undefined) {
+      paint.setColor(this.Skia.Color(color));
+    }
+
+    if (strokeWidth !== undefined) {
+      paint.setStrokeWidth(strokeWidth);
+    }
+
+    if (blendMode !== undefined) {
+      paint.setBlendMode(_types.BlendMode[(0, _datatypes.enumKey)(blendMode)]);
+    }
+
+    if (style !== undefined) {
+      paint.setStyle(_types.PaintStyle[(0, _datatypes.enumKey)(style)]);
+    }
+
+    if (strokeJoin !== undefined) {
+      paint.setStrokeJoin(_types.StrokeJoin[(0, _datatypes.enumKey)(strokeJoin)]);
+    }
+
+    if (strokeCap !== undefined) {
+      paint.setStrokeCap(_types.StrokeCap[(0, _datatypes.enumKey)(strokeCap)]);
+    }
+
+    if (strokeMiter !== undefined) {
+      paint.setStrokeMiter(strokeMiter);
+    }
+
+    if (opacity !== undefined) {
+      paint.setAlphaf(opacity);
+    }
+
+    if (antiAlias !== undefined) {
+      paint.setAntiAlias(antiAlias);
+    }
+
+    this._children.forEach(child => {
+      if (child instanceof _Node.JsiDeclarationNode) {
+        if (child.isShader()) {
+          paint.setShader(child.materialize());
+        } else if (child.isColorFilter()) {
+          paint.setColorFilter(child.materialize());
+        } else if (child.isImageFilter()) {
+          paint.setImageFilter(child.materialize());
+        } else if (child.isMaskFilter()) {
+          paint.setMaskFilter(child.materialize());
+        } else if (child.isPathEffect()) {
+          paint.setPathEffect(child.materialize());
+        } else {
+          throw new Error(`Unknown paint child ${child.type}`);
+        }
+      }
+    });
+
+    return paint;
+  }
+
+}
+
+exports.PaintNode = PaintNode;
+//# sourceMappingURL=PaintNode.js.map

package/lib/commonjs/dom/nodes/PaintNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PaintNode.ts"],"names":["PaintNode","JsiDeclarationNode","constructor","ctx","props","DeclarationType","Paint","NodeType","materialize","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","paint","Skia","undefined","setColor","Color","setStrokeWidth","setBlendMode","BlendMode","setStyle","PaintStyle","setStrokeJoin","StrokeJoin","setStrokeCap","StrokeCap","setStrokeMiter","setAlphaf","setAntiAlias","_children","forEach","child","isShader","setShader","isColorFilter","setColorFilter","isImageFilter","setImageFilter","isMaskFilter","setMaskFilter","isPathEffect","setPathEffect","Error","type"],"mappings":"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","sourcesContent":["import type { SkPaint } from \"../../skia/types\";\nimport { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from \"../../skia/types\";\nimport type { DeclarationNode, PaintProps } from \"../types\";\nimport { DeclarationType, NodeType } from \"../types\";\n\nimport { enumKey } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\n\nexport class PaintNode\n  extends JsiDeclarationNode<PaintProps, SkPaint>\n  implements DeclarationNode<PaintProps, SkPaint>\n{\n  constructor(ctx: NodeContext, props: PaintProps = {}) {\n    super(ctx, DeclarationType.Paint, NodeType.Paint, props);\n  }\n\n  materialize() {\n    const {\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      opacity,\n      antiAlias,\n    } = this.props;\n    const paint = this.Skia.Paint();\n    if (color !== undefined) {\n      paint.setColor(this.Skia.Color(color));\n    }\n    if (strokeWidth !== undefined) {\n      paint.setStrokeWidth(strokeWidth);\n    }\n    if (blendMode !== undefined) {\n      paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n    }\n    if (style !== undefined) {\n      paint.setStyle(PaintStyle[enumKey(style)]);\n    }\n    if (strokeJoin !== undefined) {\n      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n    }\n    if (strokeCap !== undefined) {\n      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n    }\n    if (strokeMiter !== undefined) {\n      paint.setStrokeMiter(strokeMiter);\n    }\n    if (opacity !== undefined) {\n      paint.setAlphaf(opacity);\n    }\n    if (antiAlias !== undefined) {\n      paint.setAntiAlias(antiAlias);\n    }\n    this._children.forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        if (child.isShader()) {\n          paint.setShader(child.materialize());\n        } else if (child.isColorFilter()) {\n          paint.setColorFilter(child.materialize());\n        } else if (child.isImageFilter()) {\n          paint.setImageFilter(child.materialize());\n        } else if (child.isMaskFilter()) {\n          paint.setMaskFilter(child.materialize());\n        } else if (child.isPathEffect()) {\n          paint.setPathEffect(child.materialize());\n        } else {\n          throw new Error(`Unknown paint child ${child.type}`);\n        }\n      }\n    });\n    return paint;\n  }\n}\n"]}

package/lib/commonjs/dom/nodes/RenderNode.js

@@ -0,0 +1,346 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSkPaint = exports.JsiRenderNode = void 0;
+
+var _types = require("../../skia/types");
+
+var _datatypes = require("./datatypes");
+
+var _Node = require("./Node");
+
+var _Enum = require("./datatypes/Enum");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const paintProps = ["color", "strokeWidth", "blendMode", "strokeCap", "strokeJoin", "strokeMiter", "style", "antiAlias", "opacity"];
+
+class JsiRenderNode extends _Node.JsiNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+
+    _defineProperty(this, "paintCache", null);
+
+    _defineProperty(this, "matrix", void 0);
+
+    _defineProperty(this, "clipRect", void 0);
+
+    _defineProperty(this, "clipRRect", void 0);
+
+    _defineProperty(this, "clipPath", void 0);
+
+    this.matrix = this.Skia.Matrix();
+    this.onPropChange();
+  }
+
+  setProps(props) {
+    super.setProps(props);
+    this.onPropChange();
+    this.paintCache = null;
+  }
+
+  setProp(key, value) {
+    const hasChanged = super.setProp(key, value);
+
+    if (hasChanged) {
+      this.onPropChange();
+
+      if (paintProps.includes(key)) {
+        this.paintCache = null;
+      }
+    }
+
+    return hasChanged;
+  }
+
+  onPropChange() {
+    this.matrix.identity();
+    this.clipPath = undefined;
+    this.clipRect = undefined;
+    this.clipRRect = undefined;
+    this.computeMatrix();
+    this.computeClip();
+  }
+
+  addChild(child) {
+    if (child instanceof _Node.JsiDeclarationNode) {
+      child.setInvalidate(() => this.paintCache = null);
+    }
+
+    super.addChild(child);
+  }
+
+  insertChildBefore(child, before) {
+    if (child instanceof _Node.JsiDeclarationNode) {
+      child.setInvalidate(() => this.paintCache = null);
+    }
+
+    super.insertChildBefore(child, before);
+  }
+
+  computeClip() {
+    const {
+      clip
+    } = this.props;
+
+    if (clip) {
+      if ((0, _datatypes.isPathDef)(clip)) {
+        this.clipPath = (0, _datatypes.processPath)(this.Skia, clip);
+      } else if ((0, _types.isRRect)(clip)) {
+        this.clipRRect = clip;
+      } else {
+        this.clipRect = clip;
+      }
+    }
+  }
+
+  computeMatrix() {
+    (0, _datatypes.processTransformProps)(this.matrix, this.props);
+  }
+
+  getPaintCtx() {
+    let ctx;
+    const {
+      color,
+      strokeWidth,
+      blendMode,
+      style,
+      strokeJoin,
+      strokeCap,
+      strokeMiter,
+      opacity,
+      antiAlias
+    } = this.props;
+
+    if (color !== undefined || strokeWidth !== undefined || blendMode !== undefined || style !== undefined || strokeJoin !== undefined || strokeCap !== undefined || strokeMiter !== undefined || opacity !== undefined || antiAlias !== undefined) {
+      ctx = {};
+
+      if (color !== undefined) {
+        ctx.color = this.Skia.Color(color);
+      }
+
+      if (strokeWidth !== undefined) {
+        ctx.strokeWidth = strokeWidth;
+      }
+
+      if (blendMode !== undefined) {
+        ctx.blendMode = _types.BlendMode[(0, _Enum.enumKey)(blendMode)];
+      }
+
+      if (style !== undefined) {
+        ctx.style = _types.PaintStyle[(0, _Enum.enumKey)(style)];
+      }
+
+      if (strokeJoin !== undefined) {
+        ctx.strokeJoin = _types.StrokeJoin[(0, _Enum.enumKey)(strokeJoin)];
+      }
+
+      if (strokeCap !== undefined) {
+        ctx.strokeCap = _types.StrokeCap[(0, _Enum.enumKey)(strokeCap)];
+      }
+
+      if (strokeMiter !== undefined) {
+        ctx.strokeMiter = strokeMiter;
+      }
+
+      if (opacity !== undefined) {
+        ctx.opacity = opacity;
+      }
+
+      if (antiAlias !== undefined) {
+        ctx.antiAlias = antiAlias;
+      }
+    }
+
+    this._children.forEach(child => {
+      if (child instanceof _Node.JsiDeclarationNode) {
+        if (child.isColorFilter()) {
+          ctx = ctx || {};
+          const cf = child.materialize();
+          ctx.colorFilter = ctx.colorFilter ? this.Skia.ColorFilter.MakeCompose(cf, ctx.colorFilter) : cf;
+        } else if (child.isShader()) {
+          ctx = ctx || {};
+          const shader = child.materialize();
+          ctx.shader = shader;
+        } else if (child.isPathEffect()) {
+          ctx = ctx || {};
+          const pe = child.materialize();
+          ctx.pathEffect = ctx.pathEffect ? this.Skia.PathEffect.MakeCompose(pe, ctx.pathEffect) : pe;
+        } else if (child.isImageFilter()) {
+          ctx = ctx || {};
+          const filter = child.materialize();
+          ctx.imageFilter = ctx.imageFilter ? this.Skia.ImageFilter.MakeCompose(filter, ctx.imageFilter) : filter;
+        } else if (child.isMaskFilter()) {
+          ctx = ctx || {};
+          const filter = child.materialize();
+          ctx.maskFilter = filter;
+        }
+      }
+    });
+
+    return ctx;
+  }
+
+  render(parentCtx) {
+    const {
+      invertClip,
+      layer,
+      matrix,
+      transform
+    } = this.props;
+    const {
+      canvas
+    } = parentCtx;
+    const opacity = this.props.opacity ? parentCtx.opacity * this.props.opacity : parentCtx.opacity;
+
+    if (this.paintCache === null || this.paintCache.parent !== parentCtx.paint) {
+      const paintCtx = this.getPaintCtx();
+      const child = paintCtx ? concatPaint(parentCtx.paint, paintCtx, parentCtx.opacity) : parentCtx.paint;
+      this.paintCache = {
+        parent: parentCtx.paint,
+        child
+      };
+    }
+
+    const paint = this.paintCache.child; // TODO: can we only recreate a new context here if needed?
+
+    const ctx = { ...parentCtx,
+      opacity,
+      paint
+    };
+    const hasTransform = matrix !== undefined || transform !== undefined;
+    const hasClip = this.clipRect !== undefined;
+    const shouldSave = hasTransform || hasClip || !!layer;
+    const op = invertClip ? _types.ClipOp.Difference : _types.ClipOp.Intersect;
+
+    if (shouldSave) {
+      if (layer) {
+        if (typeof layer === "boolean") {
+          canvas.saveLayer();
+        } else if (isSkPaint(layer)) {
+          canvas.saveLayer(layer);
+        } else {
+          canvas.saveLayer(layer.current ? layer.current.materialize() : undefined);
+        }
+      } else {
+        canvas.save();
+      }
+    }
+
+    if (this.matrix) {
+      canvas.concat(this.matrix);
+    }
+
+    if (this.clipRect) {
+      canvas.clipRect(this.clipRect, op, true);
+    }
+
+    if (this.clipRRect) {
+      canvas.clipRRect(this.clipRRect, op, true);
+    }
+
+    if (this.clipPath) {
+      canvas.clipPath(this.clipPath, op, true);
+    }
+
+    this.renderNode(ctx);
+
+    if (shouldSave) {
+      canvas.restore();
+    }
+  }
+
+}
+
+exports.JsiRenderNode = JsiRenderNode;
+
+const isSkPaint = obj => "__typename__" in obj && obj.__typename__ === "Paint";
+
+exports.isSkPaint = isSkPaint;
+
+const concatPaint = (parent, _ref, opacity) => {
+  let {
+    color,
+    strokeWidth,
+    shader,
+    antiAlias,
+    blendMode,
+    colorFilter,
+    imageFilter,
+    maskFilter,
+    pathEffect,
+    opacity: alpha,
+    strokeCap,
+    strokeJoin,
+    strokeMiter,
+    style
+  } = _ref;
+  const paint = parent.copy();
+
+  if (color !== undefined) {
+    paint.setShader(null);
+    color[3] *= opacity;
+    paint.setColor(color);
+  } else {
+    const cl = paint.getColor();
+    cl[3] *= opacity;
+    paint.setColor(cl);
+  }
+
+  if (strokeWidth !== undefined) {
+    paint.setStrokeWidth(strokeWidth);
+  }
+
+  if (shader !== undefined) {
+    paint.setShader(shader);
+  }
+
+  if (antiAlias !== undefined) {
+    paint.setAntiAlias(antiAlias);
+  }
+
+  if (blendMode !== undefined) {
+    paint.setBlendMode(blendMode);
+  }
+
+  if (colorFilter !== undefined) {
+    paint.setColorFilter(colorFilter);
+  }
+
+  if (imageFilter !== undefined) {
+    paint.setImageFilter(imageFilter);
+  }
+
+  if (maskFilter !== undefined) {
+    paint.setMaskFilter(maskFilter);
+  }
+
+  if (pathEffect !== undefined) {
+    paint.setPathEffect(pathEffect);
+  }
+
+  if (alpha !== undefined) {
+    paint.setAlphaf(alpha * opacity);
+  }
+
+  if (strokeCap !== undefined) {
+    paint.setStrokeCap(strokeCap);
+  }
+
+  if (strokeJoin !== undefined) {
+    paint.setStrokeJoin(strokeJoin);
+  }
+
+  if (strokeMiter !== undefined) {
+    paint.setStrokeMiter(strokeMiter);
+  }
+
+  if (style !== undefined) {
+    paint.setStyle(style);
+  }
+
+  return paint;
+};
+//# sourceMappingURL=RenderNode.js.map

package/lib/commonjs/dom/nodes/RenderNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RenderNode.ts"],"names":["paintProps","JsiRenderNode","JsiNode","constructor","ctx","type","props","matrix","Skia","Matrix","onPropChange","setProps","paintCache","setProp","key","value","hasChanged","includes","identity","clipPath","undefined","clipRect","clipRRect","computeMatrix","computeClip","addChild","child","JsiDeclarationNode","setInvalidate","insertChildBefore","before","clip","getPaintCtx","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","Color","BlendMode","PaintStyle","StrokeJoin","StrokeCap","_children","forEach","isColorFilter","cf","materialize","colorFilter","ColorFilter","MakeCompose","isShader","shader","isPathEffect","pe","pathEffect","PathEffect","isImageFilter","filter","imageFilter","ImageFilter","isMaskFilter","maskFilter","render","parentCtx","invertClip","layer","transform","canvas","parent","paint","paintCtx","concatPaint","hasTransform","hasClip","shouldSave","op","ClipOp","Difference","Intersect","saveLayer","isSkPaint","current","save","concat","renderNode","restore","obj","__typename__","alpha","copy","setShader","setColor","cl","getColor","setStrokeWidth","setAntiAlias","setBlendMode","setColorFilter","setImageFilter","setMaskFilter","setPathEffect","setAlphaf","setStrokeCap","setStrokeJoin","setStrokeMiter","setStyle"],"mappings":";;;;;;;AASA;;AAiBA;;AAEA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG,CACjB,OADiB,EAEjB,aAFiB,EAGjB,WAHiB,EAIjB,WAJiB,EAKjB,YALiB,EAMjB,aANiB,EAOjB,OAPiB,EAQjB,WARiB,EASjB,SATiB,CAAnB;;AAiBO,MAAeC,aAAf,SACGC,aADH,CAGP;AAOEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,IAAnB,EAAmCC,KAAnC,EAA6C;AACtD,UAAMF,GAAN,EAAWC,IAAX,EAAiBC,KAAjB;;AADsD,wCANxB,IAMwB;;AAAA;;AAAA;;AAAA;;AAAA;;AAEtD,SAAKC,MAAL,GAAc,KAAKC,IAAL,CAAUC,MAAV,EAAd;AACA,SAAKC,YAAL;AACD;;AAEDC,EAAAA,QAAQ,CAACL,KAAD,EAAW;AACjB,UAAMK,QAAN,CAAeL,KAAf;AACA,SAAKI,YAAL;AACA,SAAKE,UAAL,GAAkB,IAAlB;AACD;;AAEDC,EAAAA,OAAO,CAAoBC,GAApB,EAA4BC,KAA5B,EAAyC;AAC9C,UAAMC,UAAU,GAAG,MAAMH,OAAN,CAAcC,GAAd,EAAmBC,KAAnB,CAAnB;;AACA,QAAIC,UAAJ,EAAgB;AACd,WAAKN,YAAL;;AACA,UAAIV,UAAU,CAACiB,QAAX,CAAoBH,GAApB,CAAJ,EAAwC;AACtC,aAAKF,UAAL,GAAkB,IAAlB;AACD;AACF;;AACD,WAAOI,UAAP;AACD;;AAESN,EAAAA,YAAY,GAAG;AACvB,SAAKH,MAAL,CAAYW,QAAZ;AACA,SAAKC,QAAL,GAAgBC,SAAhB;AACA,SAAKC,QAAL,GAAgBD,SAAhB;AACA,SAAKE,SAAL,GAAiBF,SAAjB;AACA,SAAKG,aAAL;AACA,SAAKC,WAAL;AACD;;AAEDC,EAAAA,QAAQ,CAACC,KAAD,EAAuB;AAC7B,QAAIA,KAAK,YAAYC,wBAArB,EAAyC;AACvCD,MAAAA,KAAK,CAACE,aAAN,CAAoB,MAAO,KAAKhB,UAAL,GAAkB,IAA7C;AACD;;AACD,UAAMa,QAAN,CAAeC,KAAf;AACD;;AAEDG,EAAAA,iBAAiB,CAACH,KAAD,EAAuBI,MAAvB,EAA8C;AAC7D,QAAIJ,KAAK,YAAYC,wBAArB,EAAyC;AACvCD,MAAAA,KAAK,CAACE,aAAN,CAAoB,MAAO,KAAKhB,UAAL,GAAkB,IAA7C;AACD;;AACD,UAAMiB,iBAAN,CAAwBH,KAAxB,EAA+BI,MAA/B;AACD;;AAEON,EAAAA,WAAW,GAAG;AACpB,UAAM;AAAEO,MAAAA;AAAF,QAAW,KAAKzB,KAAtB;;AACA,QAAIyB,IAAJ,EAAU;AACR,UAAI,0BAAUA,IAAV,CAAJ,EAAqB;AACnB,aAAKZ,QAAL,GAAgB,4BAAY,KAAKX,IAAjB,EAAuBuB,IAAvB,CAAhB;AACD,OAFD,MAEO,IAAI,oBAAQA,IAAR,CAAJ,EAAmB;AACxB,aAAKT,SAAL,GAAiBS,IAAjB;AACD,OAFM,MAEA;AACL,aAAKV,QAAL,GAAgBU,IAAhB;AACD;AACF;AACF;;AAEOR,EAAAA,aAAa,GAAG;AACtB,0CAAsB,KAAKhB,MAA3B,EAAmC,KAAKD,KAAxC;AACD;;AAEO0B,EAAAA,WAAW,GAAG;AACpB,QAAI5B,GAAJ;AACA,UAAM;AACJ6B,MAAAA,KADI;AAEJC,MAAAA,WAFI;AAGJC,MAAAA,SAHI;AAIJC,MAAAA,KAJI;AAKJC,MAAAA,UALI;AAMJC,MAAAA,SANI;AAOJC,MAAAA,WAPI;AAQJC,MAAAA,OARI;AASJC,MAAAA;AATI,QAUF,KAAKnC,KAVT;;AAWA,QACE2B,KAAK,KAAKb,SAAV,IACAc,WAAW,KAAKd,SADhB,IAEAe,SAAS,KAAKf,SAFd,IAGAgB,KAAK,KAAKhB,SAHV,IAIAiB,UAAU,KAAKjB,SAJf,IAKAkB,SAAS,KAAKlB,SALd,IAMAmB,WAAW,KAAKnB,SANhB,IAOAoB,OAAO,KAAKpB,SAPZ,IAQAqB,SAAS,KAAKrB,SAThB,EAUE;AACAhB,MAAAA,GAAG,GAAG,EAAN;;AACA,UAAI6B,KAAK,KAAKb,SAAd,EAAyB;AACvBhB,QAAAA,GAAG,CAAC6B,KAAJ,GAAY,KAAKzB,IAAL,CAAUkC,KAAV,CAAgBT,KAAhB,CAAZ;AACD;;AACD,UAAIC,WAAW,KAAKd,SAApB,EAA+B;AAC7BhB,QAAAA,GAAG,CAAC8B,WAAJ,GAAkBA,WAAlB;AACD;;AACD,UAAIC,SAAS,KAAKf,SAAlB,EAA6B;AAC3BhB,QAAAA,GAAG,CAAC+B,SAAJ,GAAgBQ,iBAAU,mBAAQR,SAAR,CAAV,CAAhB;AACD;;AACD,UAAIC,KAAK,KAAKhB,SAAd,EAAyB;AACvBhB,QAAAA,GAAG,CAACgC,KAAJ,GAAYQ,kBAAW,mBAAQR,KAAR,CAAX,CAAZ;AACD;;AACD,UAAIC,UAAU,KAAKjB,SAAnB,EAA8B;AAC5BhB,QAAAA,GAAG,CAACiC,UAAJ,GAAiBQ,kBAAW,mBAAQR,UAAR,CAAX,CAAjB;AACD;;AACD,UAAIC,SAAS,KAAKlB,SAAlB,EAA6B;AAC3BhB,QAAAA,GAAG,CAACkC,SAAJ,GAAgBQ,iBAAU,mBAAQR,SAAR,CAAV,CAAhB;AACD;;AACD,UAAIC,WAAW,KAAKnB,SAApB,EAA+B;AAC7BhB,QAAAA,GAAG,CAACmC,WAAJ,GAAkBA,WAAlB;AACD;;AACD,UAAIC,OAAO,KAAKpB,SAAhB,EAA2B;AACzBhB,QAAAA,GAAG,CAACoC,OAAJ,GAAcA,OAAd;AACD;;AACD,UAAIC,SAAS,KAAKrB,SAAlB,EAA6B;AAC3BhB,QAAAA,GAAG,CAACqC,SAAJ,GAAgBA,SAAhB;AACD;AACF;;AACD,SAAKM,SAAL,CAAeC,OAAf,CAAwBtB,KAAD,IAAW;AAChC,UAAIA,KAAK,YAAYC,wBAArB,EAAyC;AACvC,YAAID,KAAK,CAACuB,aAAN,EAAJ,EAA2B;AACzB7C,UAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;AACA,gBAAM8C,EAAE,GAAGxB,KAAK,CAACyB,WAAN,EAAX;AACA/C,UAAAA,GAAG,CAACgD,WAAJ,GAAkBhD,GAAG,CAACgD,WAAJ,GACd,KAAK5C,IAAL,CAAU6C,WAAV,CAAsBC,WAAtB,CAAkCJ,EAAlC,EAAsC9C,GAAG,CAACgD,WAA1C,CADc,GAEdF,EAFJ;AAGD,SAND,MAMO,IAAIxB,KAAK,CAAC6B,QAAN,EAAJ,EAAsB;AAC3BnD,UAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;AACA,gBAAMoD,MAAM,GAAG9B,KAAK,CAACyB,WAAN,EAAf;AACA/C,UAAAA,GAAG,CAACoD,MAAJ,GAAaA,MAAb;AACD,SAJM,MAIA,IAAI9B,KAAK,CAAC+B,YAAN,EAAJ,EAA0B;AAC/BrD,UAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;AACA,gBAAMsD,EAAE,GAAGhC,KAAK,CAACyB,WAAN,EAAX;AACA/C,UAAAA,GAAG,CAACuD,UAAJ,GAAiBvD,GAAG,CAACuD,UAAJ,GACb,KAAKnD,IAAL,CAAUoD,UAAV,CAAqBN,WAArB,CAAiCI,EAAjC,EAAqCtD,GAAG,CAACuD,UAAzC,CADa,GAEbD,EAFJ;AAGD,SANM,MAMA,IAAIhC,KAAK,CAACmC,aAAN,EAAJ,EAA2B;AAChCzD,UAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;AACA,gBAAM0D,MAAM,GAAGpC,KAAK,CAACyB,WAAN,EAAf;AACA/C,UAAAA,GAAG,CAAC2D,WAAJ,GAAkB3D,GAAG,CAAC2D,WAAJ,GACd,KAAKvD,IAAL,CAAUwD,WAAV,CAAsBV,WAAtB,CAAkCQ,MAAlC,EAA0C1D,GAAG,CAAC2D,WAA9C,CADc,GAEdD,MAFJ;AAGD,SANM,MAMA,IAAIpC,KAAK,CAACuC,YAAN,EAAJ,EAA0B;AAC/B7D,UAAAA,GAAG,GAAGA,GAAG,IAAI,EAAb;AACA,gBAAM0D,MAAM,GAAGpC,KAAK,CAACyB,WAAN,EAAf;AACA/C,UAAAA,GAAG,CAAC8D,UAAJ,GAAiBJ,MAAjB;AACD;AACF;AACF,KA9BD;;AA+BA,WAAO1D,GAAP;AACD;;AAED+D,EAAAA,MAAM,CAACC,SAAD,EAA4B;AAChC,UAAM;AAAEC,MAAAA,UAAF;AAAcC,MAAAA,KAAd;AAAqB/D,MAAAA,MAArB;AAA6BgE,MAAAA;AAA7B,QAA2C,KAAKjE,KAAtD;AACA,UAAM;AAAEkE,MAAAA;AAAF,QAAaJ,SAAnB;AAEA,UAAM5B,OAAO,GAAG,KAAKlC,KAAL,CAAWkC,OAAX,GACZ4B,SAAS,CAAC5B,OAAV,GAAoB,KAAKlC,KAAL,CAAWkC,OADnB,GAEZ4B,SAAS,CAAC5B,OAFd;;AAIA,QACE,KAAK5B,UAAL,KAAoB,IAApB,IACA,KAAKA,UAAL,CAAgB6D,MAAhB,KAA2BL,SAAS,CAACM,KAFvC,EAGE;AACA,YAAMC,QAAQ,GAAG,KAAK3C,WAAL,EAAjB;AACA,YAAMN,KAAK,GAAGiD,QAAQ,GAClBC,WAAW,CAACR,SAAS,CAACM,KAAX,EAAkBC,QAAlB,EAA4BP,SAAS,CAAC5B,OAAtC,CADO,GAElB4B,SAAS,CAACM,KAFd;AAGA,WAAK9D,UAAL,GAAkB;AAAE6D,QAAAA,MAAM,EAAEL,SAAS,CAACM,KAApB;AAA2BhD,QAAAA;AAA3B,OAAlB;AACD;;AACD,UAAMgD,KAAK,GAAG,KAAK9D,UAAL,CAAgBc,KAA9B,CAlBgC,CAmBhC;;AACA,UAAMtB,GAAG,GAAG,EAAE,GAAGgE,SAAL;AAAgB5B,MAAAA,OAAhB;AAAyBkC,MAAAA;AAAzB,KAAZ;AACA,UAAMG,YAAY,GAAGtE,MAAM,KAAKa,SAAX,IAAwBmD,SAAS,KAAKnD,SAA3D;AACA,UAAM0D,OAAO,GAAG,KAAKzD,QAAL,KAAkBD,SAAlC;AACA,UAAM2D,UAAU,GAAGF,YAAY,IAAIC,OAAhB,IAA2B,CAAC,CAACR,KAAhD;AACA,UAAMU,EAAE,GAAGX,UAAU,GAAGY,cAAOC,UAAV,GAAuBD,cAAOE,SAAnD;;AAEA,QAAIJ,UAAJ,EAAgB;AACd,UAAIT,KAAJ,EAAW;AACT,YAAI,OAAOA,KAAP,KAAiB,SAArB,EAAgC;AAC9BE,UAAAA,MAAM,CAACY,SAAP;AACD,SAFD,MAEO,IAAIC,SAAS,CAACf,KAAD,CAAb,EAAsB;AAC3BE,UAAAA,MAAM,CAACY,SAAP,CAAiBd,KAAjB;AACD,SAFM,MAEA;AACLE,UAAAA,MAAM,CAACY,SAAP,CACEd,KAAK,CAACgB,OAAN,GAAgBhB,KAAK,CAACgB,OAAN,CAAcnC,WAAd,EAAhB,GAA8C/B,SADhD;AAGD;AACF,OAVD,MAUO;AACLoD,QAAAA,MAAM,CAACe,IAAP;AACD;AACF;;AAED,QAAI,KAAKhF,MAAT,EAAiB;AACfiE,MAAAA,MAAM,CAACgB,MAAP,CAAc,KAAKjF,MAAnB;AACD;;AACD,QAAI,KAAKc,QAAT,EAAmB;AACjBmD,MAAAA,MAAM,CAACnD,QAAP,CAAgB,KAAKA,QAArB,EAA+B2D,EAA/B,EAAmC,IAAnC;AACD;;AACD,QAAI,KAAK1D,SAAT,EAAoB;AAClBkD,MAAAA,MAAM,CAAClD,SAAP,CAAiB,KAAKA,SAAtB,EAAiC0D,EAAjC,EAAqC,IAArC;AACD;;AACD,QAAI,KAAK7D,QAAT,EAAmB;AACjBqD,MAAAA,MAAM,CAACrD,QAAP,CAAgB,KAAKA,QAArB,EAA+B6D,EAA/B,EAAmC,IAAnC;AACD;;AAED,SAAKS,UAAL,CAAgBrF,GAAhB;;AAEA,QAAI2E,UAAJ,EAAgB;AACdP,MAAAA,MAAM,CAACkB,OAAP;AACD;AACF;;AAzNH;;;;AA8NO,MAAML,SAAS,GACpBM,GADuB,IAEJ,kBAAkBA,GAAlB,IAAyBA,GAAG,CAACC,YAAJ,KAAqB,OAF5D;;;;AAIP,MAAMhB,WAAW,GAAG,CAClBH,MADkB,QAkBlBjC,OAlBkB,KAmBf;AAAA,MAjBH;AACEP,IAAAA,KADF;AAEEC,IAAAA,WAFF;AAGEsB,IAAAA,MAHF;AAIEf,IAAAA,SAJF;AAKEN,IAAAA,SALF;AAMEiB,IAAAA,WANF;AAOEW,IAAAA,WAPF;AAQEG,IAAAA,UARF;AASEP,IAAAA,UATF;AAUEnB,IAAAA,OAAO,EAAEqD,KAVX;AAWEvD,IAAAA,SAXF;AAYED,IAAAA,UAZF;AAaEE,IAAAA,WAbF;AAcEH,IAAAA;AAdF,GAiBG;AACH,QAAMsC,KAAK,GAAGD,MAAM,CAACqB,IAAP,EAAd;;AACA,MAAI7D,KAAK,KAAKb,SAAd,EAAyB;AACvBsD,IAAAA,KAAK,CAACqB,SAAN,CAAgB,IAAhB;AACA9D,IAAAA,KAAK,CAAC,CAAD,CAAL,IAAYO,OAAZ;AACAkC,IAAAA,KAAK,CAACsB,QAAN,CAAe/D,KAAf;AACD,GAJD,MAIO;AACL,UAAMgE,EAAE,GAAGvB,KAAK,CAACwB,QAAN,EAAX;AACAD,IAAAA,EAAE,CAAC,CAAD,CAAF,IAASzD,OAAT;AACAkC,IAAAA,KAAK,CAACsB,QAAN,CAAeC,EAAf;AACD;;AACD,MAAI/D,WAAW,KAAKd,SAApB,EAA+B;AAC7BsD,IAAAA,KAAK,CAACyB,cAAN,CAAqBjE,WAArB;AACD;;AACD,MAAIsB,MAAM,KAAKpC,SAAf,EAA0B;AACxBsD,IAAAA,KAAK,CAACqB,SAAN,CAAgBvC,MAAhB;AACD;;AACD,MAAIf,SAAS,KAAKrB,SAAlB,EAA6B;AAC3BsD,IAAAA,KAAK,CAAC0B,YAAN,CAAmB3D,SAAnB;AACD;;AACD,MAAIN,SAAS,KAAKf,SAAlB,EAA6B;AAC3BsD,IAAAA,KAAK,CAAC2B,YAAN,CAAmBlE,SAAnB;AACD;;AACD,MAAIiB,WAAW,KAAKhC,SAApB,EAA+B;AAC7BsD,IAAAA,KAAK,CAAC4B,cAAN,CAAqBlD,WAArB;AACD;;AACD,MAAIW,WAAW,KAAK3C,SAApB,EAA+B;AAC7BsD,IAAAA,KAAK,CAAC6B,cAAN,CAAqBxC,WAArB;AACD;;AACD,MAAIG,UAAU,KAAK9C,SAAnB,EAA8B;AAC5BsD,IAAAA,KAAK,CAAC8B,aAAN,CAAoBtC,UAApB;AACD;;AACD,MAAIP,UAAU,KAAKvC,SAAnB,EAA8B;AAC5BsD,IAAAA,KAAK,CAAC+B,aAAN,CAAoB9C,UAApB;AACD;;AACD,MAAIkC,KAAK,KAAKzE,SAAd,EAAyB;AACvBsD,IAAAA,KAAK,CAACgC,SAAN,CAAgBb,KAAK,GAAGrD,OAAxB;AACD;;AACD,MAAIF,SAAS,KAAKlB,SAAlB,EAA6B;AAC3BsD,IAAAA,KAAK,CAACiC,YAAN,CAAmBrE,SAAnB;AACD;;AACD,MAAID,UAAU,KAAKjB,SAAnB,EAA8B;AAC5BsD,IAAAA,KAAK,CAACkC,aAAN,CAAoBvE,UAApB;AACD;;AACD,MAAIE,WAAW,KAAKnB,SAApB,EAA+B;AAC7BsD,IAAAA,KAAK,CAACmC,cAAN,CAAqBtE,WAArB;AACD;;AACD,MAAIH,KAAK,KAAKhB,SAAd,EAAyB;AACvBsD,IAAAA,KAAK,CAACoC,QAAN,CAAe1E,KAAf;AACD;;AACD,SAAOsC,KAAP;AACD,CAtED","sourcesContent":["import type { RefObject } from \"react\";\n\nimport type {\n  SkMatrix,\n  SkRect,\n  SkRRect,\n  SkPath,\n  SkPaint,\n} from \"../../skia/types\";\nimport {\n  StrokeCap,\n  StrokeJoin,\n  PaintStyle,\n  BlendMode,\n  ClipOp,\n  isRRect,\n} from \"../../skia/types\";\nimport type {\n  RenderNode,\n  GroupProps,\n  DrawingContext,\n  NodeType,\n  Node,\n  DeclarationNode,\n} from \"../types\";\n\nimport { isPathDef, processPath, processTransformProps } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiNode, JsiDeclarationNode } from \"./Node\";\nimport type { PaintContext } from \"./PaintContext\";\nimport { enumKey } from \"./datatypes/Enum\";\n\nconst paintProps = [\n  \"color\",\n  \"strokeWidth\",\n  \"blendMode\",\n  \"strokeCap\",\n  \"strokeJoin\",\n  \"strokeMiter\",\n  \"style\",\n  \"antiAlias\",\n  \"opacity\",\n];\n\ninterface PaintCache {\n  parent: SkPaint;\n  child: SkPaint;\n}\n\nexport abstract class JsiRenderNode<P extends GroupProps>\n  extends JsiNode<P>\n  implements RenderNode<P>\n{\n  paintCache: PaintCache | null = null;\n  matrix: SkMatrix;\n  clipRect?: SkRect;\n  clipRRect?: SkRRect;\n  clipPath?: SkPath;\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n    this.matrix = this.Skia.Matrix();\n    this.onPropChange();\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.onPropChange();\n    this.paintCache = null;\n  }\n\n  setProp<K extends keyof P>(key: K, value: P[K]) {\n    const hasChanged = super.setProp(key, value);\n    if (hasChanged) {\n      this.onPropChange();\n      if (paintProps.includes(key as string)) {\n        this.paintCache = null;\n      }\n    }\n    return hasChanged;\n  }\n\n  protected onPropChange() {\n    this.matrix.identity();\n    this.clipPath = undefined;\n    this.clipRect = undefined;\n    this.clipRRect = undefined;\n    this.computeMatrix();\n    this.computeClip();\n  }\n\n  addChild(child: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => (this.paintCache = null));\n    }\n    super.addChild(child);\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => (this.paintCache = null));\n    }\n    super.insertChildBefore(child, before);\n  }\n\n  private computeClip() {\n    const { clip } = this.props;\n    if (clip) {\n      if (isPathDef(clip)) {\n        this.clipPath = processPath(this.Skia, clip);\n      } else if (isRRect(clip)) {\n        this.clipRRect = clip;\n      } else {\n        this.clipRect = clip;\n      }\n    }\n  }\n\n  private computeMatrix() {\n    processTransformProps(this.matrix, this.props);\n  }\n\n  private getPaintCtx() {\n    let ctx: PaintContext | undefined;\n    const {\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      opacity,\n      antiAlias,\n    } = this.props;\n    if (\n      color !== undefined ||\n      strokeWidth !== undefined ||\n      blendMode !== undefined ||\n      style !== undefined ||\n      strokeJoin !== undefined ||\n      strokeCap !== undefined ||\n      strokeMiter !== undefined ||\n      opacity !== undefined ||\n      antiAlias !== undefined\n    ) {\n      ctx = {};\n      if (color !== undefined) {\n        ctx.color = this.Skia.Color(color);\n      }\n      if (strokeWidth !== undefined) {\n        ctx.strokeWidth = strokeWidth;\n      }\n      if (blendMode !== undefined) {\n        ctx.blendMode = BlendMode[enumKey(blendMode)];\n      }\n      if (style !== undefined) {\n        ctx.style = PaintStyle[enumKey(style)];\n      }\n      if (strokeJoin !== undefined) {\n        ctx.strokeJoin = StrokeJoin[enumKey(strokeJoin)];\n      }\n      if (strokeCap !== undefined) {\n        ctx.strokeCap = StrokeCap[enumKey(strokeCap)];\n      }\n      if (strokeMiter !== undefined) {\n        ctx.strokeMiter = strokeMiter;\n      }\n      if (opacity !== undefined) {\n        ctx.opacity = opacity;\n      }\n      if (antiAlias !== undefined) {\n        ctx.antiAlias = antiAlias;\n      }\n    }\n    this._children.forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        if (child.isColorFilter()) {\n          ctx = ctx || {};\n          const cf = child.materialize();\n          ctx.colorFilter = ctx.colorFilter\n            ? this.Skia.ColorFilter.MakeCompose(cf, ctx.colorFilter)\n            : cf;\n        } else if (child.isShader()) {\n          ctx = ctx || {};\n          const shader = child.materialize();\n          ctx.shader = shader;\n        } else if (child.isPathEffect()) {\n          ctx = ctx || {};\n          const pe = child.materialize();\n          ctx.pathEffect = ctx.pathEffect\n            ? this.Skia.PathEffect.MakeCompose(pe, ctx.pathEffect)\n            : pe;\n        } else if (child.isImageFilter()) {\n          ctx = ctx || {};\n          const filter = child.materialize();\n          ctx.imageFilter = ctx.imageFilter\n            ? this.Skia.ImageFilter.MakeCompose(filter, ctx.imageFilter)\n            : filter;\n        } else if (child.isMaskFilter()) {\n          ctx = ctx || {};\n          const filter = child.materialize();\n          ctx.maskFilter = filter;\n        }\n      }\n    });\n    return ctx;\n  }\n\n  render(parentCtx: DrawingContext) {\n    const { invertClip, layer, matrix, transform } = this.props;\n    const { canvas } = parentCtx;\n\n    const opacity = this.props.opacity\n      ? parentCtx.opacity * this.props.opacity\n      : parentCtx.opacity;\n\n    if (\n      this.paintCache === null ||\n      this.paintCache.parent !== parentCtx.paint\n    ) {\n      const paintCtx = this.getPaintCtx();\n      const child = paintCtx\n        ? concatPaint(parentCtx.paint, paintCtx, parentCtx.opacity)\n        : parentCtx.paint;\n      this.paintCache = { parent: parentCtx.paint, child };\n    }\n    const paint = this.paintCache.child;\n    // TODO: can we only recreate a new context here if needed?\n    const ctx = { ...parentCtx, opacity, paint };\n    const hasTransform = matrix !== undefined || transform !== undefined;\n    const hasClip = this.clipRect !== undefined;\n    const shouldSave = hasTransform || hasClip || !!layer;\n    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;\n\n    if (shouldSave) {\n      if (layer) {\n        if (typeof layer === \"boolean\") {\n          canvas.saveLayer();\n        } else if (isSkPaint(layer)) {\n          canvas.saveLayer(layer);\n        } else {\n          canvas.saveLayer(\n            layer.current ? layer.current.materialize() : undefined\n          );\n        }\n      } else {\n        canvas.save();\n      }\n    }\n\n    if (this.matrix) {\n      canvas.concat(this.matrix);\n    }\n    if (this.clipRect) {\n      canvas.clipRect(this.clipRect, op, true);\n    }\n    if (this.clipRRect) {\n      canvas.clipRRect(this.clipRRect, op, true);\n    }\n    if (this.clipPath) {\n      canvas.clipPath(this.clipPath, op, true);\n    }\n\n    this.renderNode(ctx);\n\n    if (shouldSave) {\n      canvas.restore();\n    }\n  }\n\n  abstract renderNode(ctx: DrawingContext): void;\n}\n\nexport const isSkPaint = (\n  obj: RefObject<DeclarationNode<unknown, SkPaint>> | SkPaint\n): obj is SkPaint => \"__typename__\" in obj && obj.__typename__ === \"Paint\";\n\nconst concatPaint = (\n  parent: SkPaint,\n  {\n    color,\n    strokeWidth,\n    shader,\n    antiAlias,\n    blendMode,\n    colorFilter,\n    imageFilter,\n    maskFilter,\n    pathEffect,\n    opacity: alpha,\n    strokeCap,\n    strokeJoin,\n    strokeMiter,\n    style,\n  }: PaintContext,\n  opacity: number\n) => {\n  const paint = parent.copy();\n  if (color !== undefined) {\n    paint.setShader(null);\n    color[3] *= opacity;\n    paint.setColor(color);\n  } else {\n    const cl = paint.getColor();\n    cl[3] *= opacity;\n    paint.setColor(cl);\n  }\n  if (strokeWidth !== undefined) {\n    paint.setStrokeWidth(strokeWidth);\n  }\n  if (shader !== undefined) {\n    paint.setShader(shader);\n  }\n  if (antiAlias !== undefined) {\n    paint.setAntiAlias(antiAlias);\n  }\n  if (blendMode !== undefined) {\n    paint.setBlendMode(blendMode);\n  }\n  if (colorFilter !== undefined) {\n    paint.setColorFilter(colorFilter);\n  }\n  if (imageFilter !== undefined) {\n    paint.setImageFilter(imageFilter);\n  }\n  if (maskFilter !== undefined) {\n    paint.setMaskFilter(maskFilter);\n  }\n  if (pathEffect !== undefined) {\n    paint.setPathEffect(pathEffect);\n  }\n  if (alpha !== undefined) {\n    paint.setAlphaf(alpha * opacity);\n  }\n  if (strokeCap !== undefined) {\n    paint.setStrokeCap(strokeCap);\n  }\n  if (strokeJoin !== undefined) {\n    paint.setStrokeJoin(strokeJoin);\n  }\n  if (strokeMiter !== undefined) {\n    paint.setStrokeMiter(strokeMiter);\n  }\n  if (style !== undefined) {\n    paint.setStyle(style);\n  }\n  return paint;\n};\n"]}

package/lib/commonjs/{renderer/processors/Circles.js → dom/nodes/datatypes/Circle.js}

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.processCircle = void 0;
+exports.processCircle = exports.isCircleScalarDef = void 0;
 
 const isCircleScalarDef = def => // We have an issue to check property existence on JSI backed instances
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 def.cx !== undefined;
 
+exports.isCircleScalarDef = isCircleScalarDef;
+
 const processCircle = (Skia, def) => {
   if (isCircleScalarDef(def)) {
     return {
@@ -21,4 +23,4 @@ const processCircle = (Skia, def) => {
 };
 
 exports.processCircle = processCircle;
-//# sourceMappingURL=Circles.js.map
+//# sourceMappingURL=Circle.js.map

package/lib/commonjs/dom/nodes/datatypes/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.ts"],"names":["isCircleScalarDef","def","cx","undefined","processCircle","Skia","c","Point","cy","r"],"mappings":";;;;;;;AAGO,MAAMA,iBAAiB,GAAIC,GAAD,IAC/B;AACA;AACCA,GAAD,CAAaC,EAAb,KAAoBC,SAHf;;;;AAKA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAaJ,GAAb,KAAgC;AAC3D,MAAID,iBAAiB,CAACC,GAAD,CAArB,EAA4B;AAC1B,WAAO;AAAEK,MAAAA,CAAC,EAAED,IAAI,CAACE,KAAL,CAAWN,GAAG,CAACC,EAAf,EAAmBD,GAAG,CAACO,EAAvB,CAAL;AAAiCC,MAAAA,CAAC,EAAER,GAAG,CAACQ;AAAxC,KAAP;AACD;;AACD,SAAOR,GAAP;AACD,CALM","sourcesContent":["import type { Skia } from \"../../../skia/types\";\nimport type { CircleDef, ScalarCircleDef } from \"../../types\";\n\nexport const isCircleScalarDef = (def: CircleDef): def is ScalarCircleDef =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (def as any).cx !== undefined;\n\nexport const processCircle = (Skia: Skia, def: CircleDef) => {\n  if (isCircleScalarDef(def)) {\n    return { c: Skia.Point(def.cx, def.cy), r: def.r };\n  }\n  return def;\n};\n"]}

package/lib/commonjs/{renderer/processors → dom/nodes/datatypes}/Color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Color.ts"],"names":["RED","GREEN","BLUE","ALPHA","rgbaColor","r","g","b","a","Float32Array","processColor","Skia","cl","currentOpacity","color","Color"],"mappings":";;;;;;AAEO,MAAMA,GAAG,GAAG,CAAZ;;AACA,MAAMC,KAAK,GAAG,CAAd;;AACA,MAAMC,IAAI,GAAG,CAAb;;AACA,MAAMC,KAAK,GAAG,CAAd;;;AAEA,MAAMC,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ,EAAuBC,CAAvB,EAAkCC,CAAlC,KACvB,IAAIC,YAAJ,CAAiB,CAACJ,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAjB,CADK;;;;AAGA,MAAME,YAAY,GAAG,CAACC,IAAD,EAAaC,EAAb,EAAwBC,cAAxB,KAAmD;AAC7E,QAAMC,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAWH,EAAX,CAAd;AACAE,EAAAA,KAAK,CAACX,KAAD,CAAL,IAAgBU,cAAhB;AACA,SAAOC,KAAP;AACD,CAJM","sourcesContent":["import type { Color, Skia } from \"../../skia/types\";\n\nexport const RED = 0;\nexport const GREEN = 1;\nexport const BLUE = 2;\nexport const ALPHA = 3;\n\nexport const rgbaColor = (r: number, g: number, b: number, a: number) =>\n  new Float32Array([r, g, b, a]);\n\nexport const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {\n  const color = Skia.Color(cl);\n  color[ALPHA] *= currentOpacity;\n  return color;\n};\n"]}
+{"version":3,"sources":["Color.ts"],"names":["RED","GREEN","BLUE","ALPHA","rgbaColor","r","g","b","a","Float32Array","processColor","Skia","cl","currentOpacity","color","Color"],"mappings":";;;;;;AAEO,MAAMA,GAAG,GAAG,CAAZ;;AACA,MAAMC,KAAK,GAAG,CAAd;;AACA,MAAMC,IAAI,GAAG,CAAb;;AACA,MAAMC,KAAK,GAAG,CAAd;;;AAEA,MAAMC,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ,EAAuBC,CAAvB,EAAkCC,CAAlC,KACvB,IAAIC,YAAJ,CAAiB,CAACJ,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAjB,CADK;;;;AAGA,MAAME,YAAY,GAAG,CAACC,IAAD,EAAaC,EAAb,EAAwBC,cAAxB,KAAmD;AAC7E,QAAMC,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAWH,EAAX,CAAd;AACAE,EAAAA,KAAK,CAACX,KAAD,CAAL,IAAgBU,cAAhB;AACA,SAAOC,KAAP;AACD,CAJM","sourcesContent":["import type { Color, Skia } from \"../../../skia/types\";\n\nexport const RED = 0;\nexport const GREEN = 1;\nexport const BLUE = 2;\nexport const ALPHA = 3;\n\nexport const rgbaColor = (r: number, g: number, b: number, a: number) =>\n  new Float32Array([r, g, b, a]);\n\nexport const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {\n  const color = Skia.Color(cl);\n  color[ALPHA] *= currentOpacity;\n  return color;\n};\n"]}

package/lib/commonjs/dom/nodes/datatypes/Enum.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enumKey = void 0;
+
+const enumKey = k => k.charAt(0).toUpperCase() + k.slice(1);
+
+exports.enumKey = enumKey;
+//# sourceMappingURL=Enum.js.map

package/lib/commonjs/dom/nodes/datatypes/Enum.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Enum.ts"],"names":["enumKey","k","charAt","toUpperCase","slice"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAsBC,CAAnB,IACpBA,CAAC,CAACC,MAAF,CAAS,CAAT,EAAYC,WAAZ,KAA4BF,CAAC,CAACG,KAAF,CAAQ,CAAR,CADxB","sourcesContent":["export const enumKey = <K extends string>(k: K) =>\n  (k.charAt(0).toUpperCase() + k.slice(1)) as Capitalize<K>;\n"]}

package/lib/commonjs/{renderer/components/image/BoxFit.js → dom/nodes/datatypes/Fitting.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.size = exports.rect2rect = exports.fitRects = void 0;
 
-var _typeddash = require("../../typeddash");
+var _typeddash = require("../../../renderer/typeddash");
 
 const size = function () {
   let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -157,4 +157,4 @@ const applyBoxFit = (fit, input, output) => {
     dst
   };
 };
-//# sourceMappingURL=BoxFit.js.map
+//# sourceMappingURL=Fitting.js.map

package/lib/commonjs/{renderer/components/image/BoxFit.js.map → dom/nodes/datatypes/Fitting.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["BoxFit.ts"],"names":["size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio"],"mappings":"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","sourcesContent":["import { exhaustiveCheck } from \"../../typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\n\n// https://api.flutter.dev/flutter/painting/BoxFit-class.html\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (src: SkRect, dst: SkRect) => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }] as const;\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"]}
+{"version":3,"sources":["Fitting.ts"],"names":["size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio"],"mappings":"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","sourcesContent":["import { exhaustiveCheck } from \"../../../renderer/typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\nimport type { Fit } from \"../../types\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (src: SkRect, dst: SkRect) => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }] as const;\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"]}

package/lib/commonjs/dom/nodes/datatypes/Gradient.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformOrigin = exports.processGradientProps = exports.getRect = void 0;
+
+var _types = require("../../../skia/types");
+
+var _Enum = require("./Enum");
+
+var _Transform = require("./Transform");
+
+const transformOrigin = (origin, transform) => [{
+  translateX: origin.x
+}, {
+  translateY: origin.y
+}, ...transform, {
+  translateX: -origin.x
+}, {
+  translateY: -origin.y
+}];
+
+exports.transformOrigin = transformOrigin;
+
+const processGradientProps = (Skia, _ref) => {
+  let {
+    colors,
+    positions,
+    mode,
+    flags,
+    ...transform
+  } = _ref;
+  const localMatrix = Skia.Matrix();
+  (0, _Transform.processTransformProps)(localMatrix, transform);
+  return {
+    colors: colors.map(color => Skia.Color(color)),
+    positions: positions !== null && positions !== void 0 ? positions : null,
+    mode: _types.TileMode[(0, _Enum.enumKey)(mode !== null && mode !== void 0 ? mode : "clamp")],
+    flags,
+    localMatrix
+  };
+};
+
+exports.processGradientProps = processGradientProps;
+
+const getRect = (Skia, props) => {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = props;
+
+  if (props.rect) {
+    return props.rect;
+  } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
+    return Skia.XYWHRect(x, y, width, height);
+  } else {
+    return undefined;
+  }
+};
+
+exports.getRect = getRect;
+//# sourceMappingURL=Gradient.js.map