@pompadour/react-native-skia 1.0.0

package/lib/commonjs/dom/nodes/paint/Shaders.js

@@ -0,0 +1,209 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwoPointConicalGradientNode = exports.TurbulenceNode = exports.SweepGradientNode = exports.ShaderNode = exports.ShaderDeclaration = exports.RadialGradientNode = exports.LinearGradientNode = exports.ImageShaderNode = exports.FractalNoiseNode = exports.ColorNode = void 0;
+var _types = require("../../../skia/types");
+var _Node = require("../Node");
+var _types2 = require("../../types");
+var _datatypes = require("../datatypes");
+class ShaderDeclaration extends _Node.JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+  }
+}
+exports.ShaderDeclaration = ShaderDeclaration;
+class ShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Shader, props);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const {
+      source,
+      uniforms,
+      ...transform
+    } = this.props;
+    const m3 = this.Skia.Matrix();
+    (0, _datatypes.processTransformProps)(m3, transform);
+    const shader = source.makeShaderWithChildren((0, _types.processUniforms)(source, uniforms), ctx.shaders.popAll(), m3);
+    ctx.shaders.push(shader);
+  }
+}
+exports.ShaderNode = ShaderNode;
+class ImageShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.ImageShader, props);
+  }
+  decorate(ctx) {
+    const {
+      fit,
+      image,
+      tx,
+      ty,
+      fm,
+      mm,
+      ...imageShaderProps
+    } = this.props;
+    if (!image) {
+      return;
+    }
+    const rct = (0, _datatypes.getRect)(this.Skia, imageShaderProps);
+    const m3 = this.Skia.Matrix();
+    if (rct) {
+      const rects = (0, _datatypes.fitRects)(fit, {
+        x: 0,
+        y: 0,
+        width: image.width(),
+        height: image.height()
+      }, rct);
+      const [x, y, sx, sy] = (0, _datatypes.rect2rect)(rects.src, rects.dst);
+      m3.translate(x.translateX, y.translateY);
+      m3.scale(sx.scaleX, sy.scaleY);
+    }
+    const lm = this.Skia.Matrix();
+    lm.concat(m3);
+    (0, _datatypes.processTransformProps)(lm, imageShaderProps);
+    const shader = image.makeShaderOptions(_types.TileMode[(0, _datatypes.enumKey)(tx)], _types.TileMode[(0, _datatypes.enumKey)(ty)], _types.FilterMode[(0, _datatypes.enumKey)(fm)], _types.MipmapMode[(0, _datatypes.enumKey)(mm)], lm);
+    ctx.shaders.push(shader);
+  }
+}
+exports.ImageShaderNode = ImageShaderNode;
+class ColorNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.ColorShader, props);
+  }
+  decorate(ctx) {
+    const {
+      color
+    } = this.props;
+    const shader = this.Skia.Shader.MakeColor(this.Skia.Color(color));
+    ctx.shaders.push(shader);
+  }
+}
+exports.ColorNode = ColorNode;
+class TurbulenceNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Turbulence, props);
+  }
+  decorate(ctx) {
+    const {
+      freqX,
+      freqY,
+      octaves,
+      seed,
+      tileWidth,
+      tileHeight
+    } = this.props;
+    const shader = this.Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+    ctx.shaders.push(shader);
+  }
+}
+exports.TurbulenceNode = TurbulenceNode;
+class FractalNoiseNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.FractalNoise, props);
+  }
+  decorate(ctx) {
+    const {
+      freqX,
+      freqY,
+      octaves,
+      seed,
+      tileWidth,
+      tileHeight
+    } = this.props;
+    const shader = this.Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+    ctx.shaders.push(shader);
+  }
+}
+exports.FractalNoiseNode = FractalNoiseNode;
+class LinearGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.LinearGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeLinearGradient(start, end, colors, positions !== null && positions !== void 0 ? positions : null, mode, localMatrix, flags);
+    ctx.shaders.push(shader);
+  }
+}
+exports.LinearGradientNode = LinearGradientNode;
+class RadialGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.RadialGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      c,
+      r
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
+    ctx.shaders.push(shader);
+  }
+}
+exports.RadialGradientNode = RadialGradientNode;
+class SweepGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.SweepGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      c,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
+    ctx.shaders.push(shader);
+  }
+}
+exports.SweepGradientNode = SweepGradientNode;
+class TwoPointConicalGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.TwoPointConicalGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      startR,
+      endR,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+    ctx.shaders.push(shader);
+  }
+}
+exports.TwoPointConicalGradientNode = TwoPointConicalGradientNode;
+//# sourceMappingURL=Shaders.js.map

package/lib/commonjs/dom/nodes/paint/Shaders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_Node","_types2","_datatypes","ShaderDeclaration","JsiDeclarationNode","constructor","ctx","type","props","exports","ShaderNode","NodeType","Shader","decorate","decorateChildren","source","uniforms","transform","m3","Skia","Matrix","processTransformProps","shader","makeShaderWithChildren","processUniforms","shaders","popAll","push","ImageShaderNode","ImageShader","fit","image","tx","ty","fm","mm","imageShaderProps","rct","getRect","rects","fitRects","x","y","width","height","sx","sy","rect2rect","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderOptions","TileMode","enumKey","FilterMode","MipmapMode","ColorNode","ColorShader","color","MakeColor","Color","TurbulenceNode","Turbulence","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeTurbulence","FractalNoiseNode","FractalNoise","MakeFractalNoise","LinearGradientNode","LinearGradient","start","end","colors","positions","mode","localMatrix","flags","processGradientProps","MakeLinearGradient","RadialGradientNode","RadialGradient","c","r","MakeRadialGradient","SweepGradientNode","SweepGradient","MakeSweepGradient","TwoPointConicalGradientNode","TwoPointConicalGradient","startR","endR","MakeTwoPointConicalGradient"],"sources":["Shaders.ts"],"sourcesContent":["import {\n  processUniforms,\n  FilterMode,\n  MipmapMode,\n  TileMode,\n} from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  ColorProps,\n  DeclarationContext,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport {\n  enumKey,\n  fitRects,\n  getRect,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../datatypes\";\n\nexport abstract class ShaderDeclaration<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n  }\n}\n\nexport class ShaderNode extends ShaderDeclaration<ShaderProps> {\n  constructor(ctx: NodeContext, props: ShaderProps) {\n    super(ctx, NodeType.Shader, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { source, uniforms, ...transform } = this.props;\n    const m3 = this.Skia.Matrix();\n    processTransformProps(m3, transform);\n    const shader = source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      ctx.shaders.popAll(),\n      m3\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class ImageShaderNode extends ShaderDeclaration<ImageShaderProps> {\n  constructor(ctx: NodeContext, props: ImageShaderProps) {\n    super(ctx, NodeType.ImageShader, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = this.props;\n    if (!image) {\n      return;\n    }\n\n    const rct = getRect(this.Skia, imageShaderProps);\n    const m3 = this.Skia.Matrix();\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);\n      m3.translate(x.translateX, y.translateY);\n      m3.scale(sx.scaleX, sy.scaleY);\n    }\n    const lm = this.Skia.Matrix();\n    lm.concat(m3);\n    processTransformProps(lm, imageShaderProps);\n    const shader = image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      lm\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class ColorNode extends ShaderDeclaration<ColorProps> {\n  constructor(ctx: NodeContext, props: ColorProps) {\n    super(ctx, NodeType.ColorShader, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { color } = this.props;\n    const shader = this.Skia.Shader.MakeColor(this.Skia.Color(color));\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class TurbulenceNode extends ShaderDeclaration<TurbulenceProps> {\n  constructor(ctx: NodeContext, props: TurbulenceProps) {\n    super(ctx, NodeType.Turbulence, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = this.props;\n    const shader = this.Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class FractalNoiseNode extends ShaderDeclaration<FractalNoiseProps> {\n  constructor(ctx: NodeContext, props: FractalNoiseProps) {\n    super(ctx, NodeType.FractalNoise, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = this.props;\n    const shader = this.Skia.Shader.MakeFractalNoise(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class LinearGradientNode extends ShaderDeclaration<LinearGradientProps> {\n  constructor(ctx: NodeContext, props: LinearGradientProps) {\n    super(ctx, NodeType.LinearGradient, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    const shader = this.Skia.Shader.MakeLinearGradient(\n      start,\n      end,\n      colors,\n      positions ?? null,\n      mode,\n      localMatrix,\n      flags\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class RadialGradientNode extends ShaderDeclaration<RadialGradientProps> {\n  constructor(ctx: NodeContext, props: RadialGradientProps) {\n    super(ctx, NodeType.RadialGradient, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { c, r } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    const shader = this.Skia.Shader.MakeRadialGradient(\n      c,\n      r,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class SweepGradientNode extends ShaderDeclaration<SweepGradientProps> {\n  constructor(ctx: NodeContext, props: SweepGradientProps) {\n    super(ctx, NodeType.SweepGradient, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { c, start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    const shader = this.Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n    ctx.shaders.push(shader);\n  }\n}\n\nexport class TwoPointConicalGradientNode extends ShaderDeclaration<TwoPointConicalGradientProps> {\n  constructor(ctx: NodeContext, props: TwoPointConicalGradientProps) {\n    super(ctx, NodeType.TwoPointConicalGradient, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { startR, endR, start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    const shader = this.Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n    ctx.shaders.push(shader);\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/dom/nodes/paint/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Shaders";
+export * from "./MaskFilters";
+export * from "./ColorFilters";
+export * from "./ImageFilters";
+export * from "./PathEffects";
+export * from "./BlendNode";

package/lib/commonjs/dom/nodes/paint/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Shaders = require("./Shaders");
+Object.keys(_Shaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Shaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Shaders[key];
+    }
+  });
+});
+var _MaskFilters = require("./MaskFilters");
+Object.keys(_MaskFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MaskFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MaskFilters[key];
+    }
+  });
+});
+var _ColorFilters = require("./ColorFilters");
+Object.keys(_ColorFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ColorFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ColorFilters[key];
+    }
+  });
+});
+var _ImageFilters = require("./ImageFilters");
+Object.keys(_ImageFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageFilters[key];
+    }
+  });
+});
+var _PathEffects = require("./PathEffects");
+Object.keys(_PathEffects).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PathEffects[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PathEffects[key];
+    }
+  });
+});
+var _BlendNode = require("./BlendNode");
+Object.keys(_BlendNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BlendNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BlendNode[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/dom/nodes/paint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Shaders","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_MaskFilters","_ColorFilters","_ImageFilters","_PathEffects","_BlendNode"],"sources":["index.ts"],"sourcesContent":["export * from \"./Shaders\";\nexport * from \"./MaskFilters\";\nexport * from \"./ColorFilters\";\nexport * from \"./ImageFilters\";\nexport * from \"./PathEffects\";\nexport * from \"./BlendNode\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,aAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,aAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,aAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,aAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/dom/types/ColorFilters.d.ts

@@ -0,0 +1,12 @@
+import type { BlendMode, Color } from "../../skia/types";
+import type { ChildrenProps, SkEnum } from "./Common";
+export interface MatrixColorFilterProps extends ChildrenProps {
+    matrix: number[];
+}
+export interface BlendColorFilterProps extends ChildrenProps {
+    mode: SkEnum<typeof BlendMode>;
+    color: Color;
+}
+export interface LerpColorFilterProps extends ChildrenProps {
+    t: number;
+}

package/lib/commonjs/dom/types/ColorFilters.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=ColorFilters.js.map

package/lib/commonjs/dom/types/ColorFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ColorFilters.ts"],"sourcesContent":["import type { BlendMode, Color } from \"../../skia/types\";\n\nimport type { ChildrenProps, SkEnum } from \"./Common\";\n\nexport interface MatrixColorFilterProps extends ChildrenProps {\n  matrix: number[];\n}\n\nexport interface BlendColorFilterProps extends ChildrenProps {\n  mode: SkEnum<typeof BlendMode>;\n  color: Color;\n}\n\nexport interface LerpColorFilterProps extends ChildrenProps {\n  t: number;\n}\n"],"mappings":""}

package/lib/commonjs/dom/types/Common.d.ts

@@ -0,0 +1,57 @@
+import type { ReactNode } from "react";
+import type { BlendMode, Color, InputMatrix, InputRRect, PaintStyle, SkPaint, SkPath, SkRect, SkRRect, StrokeCap, StrokeJoin, Transforms3d, Vector } from "../../skia/types";
+export type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;
+export type PathDef = string | SkPath;
+export type ClipDef = SkRRect | SkRect | PathDef;
+export type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
+export type Radius = number | Vector;
+export interface ChildrenProps {
+    children?: ReactNode | ReactNode[];
+}
+export interface RectCtor {
+    x?: number;
+    y?: number;
+    width: number;
+    height: number;
+}
+export interface RRectCtor extends RectCtor {
+    r?: Radius;
+}
+export type RectDef = RectCtor | {
+    rect: SkRect;
+};
+export type RRectDef = RRectCtor | {
+    rect: InputRRect;
+};
+export interface PointCircleDef {
+    c?: Vector;
+    r: number;
+}
+export interface ScalarCircleDef {
+    cx: number;
+    cy: number;
+    r: number;
+}
+export type CircleDef = PointCircleDef | ScalarCircleDef;
+export interface TransformProps {
+    transform?: Transforms3d;
+    origin?: Vector;
+    matrix?: InputMatrix;
+}
+export interface PaintProps extends ChildrenProps {
+    color?: Color;
+    strokeWidth?: number;
+    blendMode?: SkEnum<typeof BlendMode>;
+    style?: SkEnum<typeof PaintStyle>;
+    strokeJoin?: SkEnum<typeof StrokeJoin>;
+    strokeCap?: SkEnum<typeof StrokeCap>;
+    strokeMiter?: number;
+    opacity?: number;
+    antiAlias?: boolean;
+    dither?: boolean;
+}
+export interface GroupProps extends PaintProps, TransformProps {
+    clip?: ClipDef;
+    invertClip?: boolean;
+    layer?: SkPaint | boolean;
+}

package/lib/commonjs/dom/types/Common.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Common.js.map

package/lib/commonjs/dom/types/Common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Common.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type {\n  BlendMode,\n  Color,\n  InputMatrix,\n  InputRRect,\n  PaintStyle,\n  SkPaint,\n  SkPath,\n  SkRect,\n  SkRRect,\n  StrokeCap,\n  StrokeJoin,\n  Transforms3d,\n  Vector,\n} from \"../../skia/types\";\n\nexport type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;\n\nexport type PathDef = string | SkPath;\n\nexport type ClipDef = SkRRect | SkRect | PathDef;\n\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport type Radius = number | Vector;\n\nexport interface ChildrenProps {\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface RectCtor {\n  x?: number;\n  y?: number;\n  width: number;\n  height: number;\n}\n\nexport interface RRectCtor extends RectCtor {\n  r?: Radius;\n}\n\nexport type RectDef = RectCtor | { rect: SkRect };\nexport type RRectDef = RRectCtor | { rect: InputRRect };\n\nexport interface PointCircleDef {\n  c?: Vector;\n  r: number;\n}\n\nexport interface ScalarCircleDef {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport type CircleDef = PointCircleDef | ScalarCircleDef;\n\nexport interface TransformProps {\n  transform?: Transforms3d;\n  origin?: Vector;\n  matrix?: InputMatrix;\n}\n\nexport interface PaintProps extends ChildrenProps {\n  color?: Color;\n  strokeWidth?: number;\n  blendMode?: SkEnum<typeof BlendMode>;\n  style?: SkEnum<typeof PaintStyle>;\n  strokeJoin?: SkEnum<typeof StrokeJoin>;\n  strokeCap?: SkEnum<typeof StrokeCap>;\n  strokeMiter?: number;\n  opacity?: number;\n  antiAlias?: boolean;\n  dither?: boolean;\n}\n\nexport interface GroupProps extends PaintProps, TransformProps {\n  clip?: ClipDef;\n  invertClip?: boolean;\n  layer?: SkPaint | boolean;\n}\n"],"mappings":""}

package/lib/commonjs/dom/types/DeclarationContext.d.ts

@@ -0,0 +1,29 @@
+import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../../skia/types";
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+declare class Declaration<T> {
+    private composer?;
+    private decls;
+    private indexes;
+    constructor(composer?: Composer<T> | undefined);
+    private get index();
+    save(): void;
+    restore(): void;
+    pop(): T | undefined;
+    push(decl: T): void;
+    popAll(): T[];
+    popAllAsOne(): T;
+}
+export declare class DeclarationContext {
+    private Skia;
+    readonly paints: Declaration<SkPaint>;
+    readonly maskFilters: Declaration<SkMaskFilter>;
+    readonly shaders: Declaration<SkShader>;
+    readonly pathEffects: Declaration<SkPathEffect>;
+    readonly imageFilters: Declaration<SkImageFilter>;
+    readonly colorFilters: Declaration<SkColorFilter>;
+    constructor(Skia: Skia);
+    save(): void;
+    restore(): void;
+}
+export {};

package/lib/commonjs/dom/types/DeclarationContext.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composeDeclarations = exports.DeclarationContext = void 0;
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const composeDeclarations = (filters, composer) => {
+  if (filters.length <= 1) {
+    return filters[0];
+  }
+  return filters.reverse().reduce((inner, outer) => {
+    if (!inner) {
+      return outer;
+    }
+    return composer(outer, inner);
+  });
+};
+exports.composeDeclarations = composeDeclarations;
+class Declaration {
+  constructor(composer) {
+    this.composer = composer;
+    _defineProperty(this, "decls", []);
+    _defineProperty(this, "indexes", [0]);
+  }
+  get index() {
+    return this.indexes[this.indexes.length - 1];
+  }
+  save() {
+    this.indexes.push(this.decls.length);
+  }
+  restore() {
+    this.indexes.pop();
+  }
+  pop() {
+    return this.decls.pop();
+  }
+  push(decl) {
+    this.decls.push(decl);
+  }
+  popAll() {
+    return this.decls.splice(this.index, this.decls.length - this.index);
+  }
+  popAllAsOne() {
+    if (!this.composer) {
+      throw new Error("No composer for this type of declaration");
+    }
+    const decls = this.popAll();
+    return composeDeclarations(decls, this.composer);
+  }
+}
+class DeclarationContext {
+  constructor(Skia) {
+    this.Skia = Skia;
+    _defineProperty(this, "paints", void 0);
+    _defineProperty(this, "maskFilters", void 0);
+    _defineProperty(this, "shaders", void 0);
+    _defineProperty(this, "pathEffects", void 0);
+    _defineProperty(this, "imageFilters", void 0);
+    _defineProperty(this, "colorFilters", void 0);
+    const peComp = this.Skia.PathEffect.MakeCompose.bind(this.Skia.PathEffect);
+    const ifComp = this.Skia.ImageFilter.MakeCompose.bind(this.Skia.ImageFilter);
+    const cfComp = this.Skia.ColorFilter.MakeCompose.bind(this.Skia.ColorFilter);
+    this.paints = new Declaration();
+    this.maskFilters = new Declaration();
+    this.shaders = new Declaration();
+    this.pathEffects = new Declaration(peComp);
+    this.imageFilters = new Declaration(ifComp);
+    this.colorFilters = new Declaration(cfComp);
+  }
+  save() {
+    this.paints.save();
+    this.maskFilters.save();
+    this.shaders.save();
+    this.pathEffects.save();
+    this.imageFilters.save();
+    this.colorFilters.save();
+  }
+  restore() {
+    this.paints.restore();
+    this.maskFilters.restore();
+    this.shaders.restore();
+    this.pathEffects.restore();
+    this.imageFilters.restore();
+    this.colorFilters.restore();
+  }
+}
+exports.DeclarationContext = DeclarationContext;
+//# sourceMappingURL=DeclarationContext.js.map

package/lib/commonjs/dom/types/DeclarationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeDeclarations","filters","composer","length","reverse","reduce","inner","outer","exports","Declaration","constructor","_defineProperty","index","indexes","save","push","decls","restore","pop","decl","popAll","splice","popAllAsOne","Error","DeclarationContext","Skia","peComp","PathEffect","MakeCompose","bind","ifComp","ImageFilter","cfComp","ColorFilter","paints","maskFilters","shaders","pathEffects","imageFilters","colorFilters"],"sources":["DeclarationContext.ts"],"sourcesContent":["import type {\n  SkShader,\n  SkPaint,\n  SkImageFilter,\n  SkMaskFilter,\n  SkPathEffect,\n  Skia,\n  SkColorFilter,\n} from \"../../skia/types\";\n\ntype Composer<T> = (outer: T, inner: T) => T;\n\nexport const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {\n  if (filters.length <= 1) {\n    return filters[0];\n  }\n  return filters.reverse().reduce((inner, outer) => {\n    if (!inner) {\n      return outer;\n    }\n    return composer(outer, inner);\n  });\n};\n\nclass Declaration<T> {\n  private decls: T[] = [];\n  private indexes = [0];\n\n  constructor(private composer?: Composer<T>) {}\n\n  private get index() {\n    return this.indexes[this.indexes.length - 1];\n  }\n\n  save() {\n    this.indexes.push(this.decls.length);\n  }\n\n  restore() {\n    this.indexes.pop();\n  }\n\n  pop() {\n    return this.decls.pop();\n  }\n\n  push(decl: T) {\n    this.decls.push(decl);\n  }\n\n  popAll() {\n    return this.decls.splice(this.index, this.decls.length - this.index);\n  }\n\n  popAllAsOne() {\n    if (!this.composer) {\n      throw new Error(\"No composer for this type of declaration\");\n    }\n    const decls = this.popAll();\n    return composeDeclarations(decls, this.composer!);\n  }\n}\n\nexport class DeclarationContext {\n  readonly paints: Declaration<SkPaint>;\n  readonly maskFilters: Declaration<SkMaskFilter>;\n  readonly shaders: Declaration<SkShader>;\n  readonly pathEffects: Declaration<SkPathEffect>;\n  readonly imageFilters: Declaration<SkImageFilter>;\n  readonly colorFilters: Declaration<SkColorFilter>;\n\n  constructor(private Skia: Skia) {\n    const peComp = this.Skia.PathEffect.MakeCompose.bind(this.Skia.PathEffect);\n    const ifComp = this.Skia.ImageFilter.MakeCompose.bind(\n      this.Skia.ImageFilter\n    );\n    const cfComp = this.Skia.ColorFilter.MakeCompose.bind(\n      this.Skia.ColorFilter\n    );\n    this.paints = new Declaration<SkPaint>();\n    this.maskFilters = new Declaration<SkMaskFilter>();\n    this.shaders = new Declaration<SkShader>();\n    this.pathEffects = new Declaration<SkPathEffect>(peComp);\n    this.imageFilters = new Declaration<SkImageFilter>(ifComp);\n    this.colorFilters = new Declaration<SkColorFilter>(cfComp);\n  }\n\n  save() {\n    this.paints.save();\n    this.maskFilters.save();\n    this.shaders.save();\n    this.pathEffects.save();\n    this.imageFilters.save();\n    this.colorFilters.save();\n  }\n\n  restore() {\n    this.paints.restore();\n    this.maskFilters.restore();\n    this.shaders.restore();\n    this.pathEffects.restore();\n    this.imageFilters.restore();\n    this.colorFilters.restore();\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/dom/types/DrawingContext.d.ts

@@ -0,0 +1,22 @@
+import type { SkCanvas, SkPaint, Skia } from "../../skia/types";
+import type { PaintProps } from "./Common";
+import { DeclarationContext } from "./DeclarationContext";
+import type { Node } from "./Node";
+export interface DrawingContext {
+    canvas: SkCanvas;
+    paint: SkPaint;
+    saveAndConcat(node: Node<PaintProps>, cache?: SkPaint): boolean;
+    restore(): void;
+    declarationCtx: DeclarationContext;
+}
+export declare class JsiDrawingContext implements DrawingContext {
+    private readonly Skia;
+    readonly canvas: SkCanvas;
+    paints: SkPaint[];
+    declarationCtx: DeclarationContext;
+    constructor(Skia: Skia, canvas: SkCanvas);
+    get paint(): SkPaint;
+    private save;
+    restore(): void;
+    saveAndConcat(node: Node<PaintProps>, cache?: SkPaint): boolean;
+}