@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/module/dom/nodes/paint/ImageFilters.js

@@ -0,0 +1,169 @@
+import { BlendMode, ColorChannel, processUniforms, TileMode } from "../../../skia/types";
+import { DeclarationType, NodeType } from "../../types";
+import { processRadius, enumKey } from "../datatypes";
+import { JsiDeclarationNode } from "../Node";
+const Black = Float32Array.of(0, 0, 0, 1);
+const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst), null);
+  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn), null);
+  const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut), null);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);
+  if (shadowOnly) {
+    return f4;
+  }
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4));
+};
+export class ImageFilterDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.ImageFilter, type, props);
+  }
+  input(ctx) {
+    var _ctx$imageFilters$pop;
+    return (_ctx$imageFilters$pop = ctx.imageFilters.pop()) !== null && _ctx$imageFilters$pop !== void 0 ? _ctx$imageFilters$pop : null;
+  }
+  composeAndPush(ctx, imgf1) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    let imgf2 = ctx.imageFilters.popAllAsOne();
+    const cf = ctx.colorFilters.popAllAsOne();
+    ctx.restore();
+    if (cf) {
+      var _imgf;
+      imgf2 = this.Skia.ImageFilter.MakeCompose((_imgf = imgf2) !== null && _imgf !== void 0 ? _imgf : null, this.Skia.ImageFilter.MakeColorFilter(cf, null));
+    }
+    const imgf = imgf2 ? this.Skia.ImageFilter.MakeCompose(imgf1, imgf2) : imgf1;
+    ctx.imageFilters.push(imgf);
+  }
+}
+export class OffsetImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.OffsetImageFilter, props);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const {
+      x,
+      y
+    } = this.props;
+    const imgf = this.Skia.ImageFilter.MakeOffset(x, y, null);
+    this.composeAndPush(ctx, imgf);
+  }
+}
+export class DisplacementMapImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DisplacementMapImageFilter, props);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const {
+      channelX,
+      channelY,
+      scale
+    } = this.props;
+    const shader = ctx.shaders.pop();
+    if (!shader) {
+      throw new Error("DisplacementMap expects a shader as child");
+    }
+    const map = this.Skia.ImageFilter.MakeShader(shader, null);
+    const imgf = this.Skia.ImageFilter.MakeDisplacementMap(ColorChannel[enumKey(channelX)], ColorChannel[enumKey(channelY)], scale, map, this.input(ctx));
+    ctx.imageFilters.push(imgf);
+  }
+}
+export class BlurImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlurImageFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      mode,
+      blur
+    } = this.props;
+    const sigma = processRadius(this.Skia, blur);
+    const imgf = this.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], this.input(ctx));
+    this.composeAndPush(ctx, imgf);
+  }
+}
+export class DropShadowImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DropShadowImageFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      dx,
+      dy,
+      blur,
+      shadowOnly,
+      color: cl,
+      inner
+    } = this.props;
+    const color = this.Skia.Color(cl);
+    let factory;
+    if (inner) {
+      factory = MakeInnerShadow.bind(null, this.Skia, shadowOnly);
+    } else {
+      factory = shadowOnly ? this.Skia.ImageFilter.MakeDropShadowOnly.bind(this.Skia.ImageFilter) : this.Skia.ImageFilter.MakeDropShadow.bind(this.Skia.ImageFilter);
+    }
+    const imgf = factory(dx, dy, blur, blur, color, this.input(ctx));
+    this.composeAndPush(ctx, imgf);
+  }
+}
+export let MorphologyOperator = /*#__PURE__*/function (MorphologyOperator) {
+  MorphologyOperator[MorphologyOperator["Erode"] = 0] = "Erode";
+  MorphologyOperator[MorphologyOperator["Dilate"] = 1] = "Dilate";
+  return MorphologyOperator;
+}({});
+export class MorphologyImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.MorphologyImageFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      operator
+    } = this.props;
+    const r = processRadius(this.Skia, this.props.radius);
+    let imgf;
+    if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {
+      imgf = this.Skia.ImageFilter.MakeErode(r.x, r.y, this.input(ctx));
+    } else {
+      imgf = this.Skia.ImageFilter.MakeDilate(r.x, r.y, this.input(ctx));
+    }
+    this.composeAndPush(ctx, imgf);
+  }
+}
+export class BlendImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlendImageFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      mode
+    } = this.props;
+    const a = ctx.imageFilters.pop();
+    const b = ctx.imageFilters.pop();
+    if (!a || !b) {
+      throw new Error("BlendImageFilter requires two image filters");
+    }
+    const imgf = this.Skia.ImageFilter.MakeBlend(mode, a, b);
+    this.composeAndPush(ctx, imgf);
+  }
+}
+export class RuntimeShaderImageFilterNode extends ImageFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.RuntimeShaderImageFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      source,
+      uniforms
+    } = this.props;
+    const rtb = this.Skia.RuntimeShaderBuilder(source);
+    if (uniforms) {
+      processUniforms(source, uniforms, rtb);
+    }
+    const imgf = this.Skia.ImageFilter.MakeRuntimeShader(rtb, null, this.input(ctx));
+    this.composeAndPush(ctx, imgf);
+  }
+}
+//# sourceMappingURL=ImageFilters.js.map

package/lib/module/dom/nodes/paint/ImageFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlendMode","ColorChannel","processUniforms","TileMode","DeclarationType","NodeType","processRadius","enumKey","JsiDeclarationNode","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","ImageFilterDeclaration","constructor","ctx","type","props","_ctx$imageFilters$pop","imageFilters","pop","composeAndPush","imgf1","save","decorateChildren","imgf2","popAllAsOne","cf","colorFilters","restore","_imgf","imgf","push","OffsetImageFilterNode","OffsetImageFilter","decorate","x","y","DisplacementMapImageFilterNode","DisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","Error","map","MakeShader","MakeDisplacementMap","BlurImageFilterNode","BlurImageFilter","mode","blur","sigma","DropShadowImageFilterNode","DropShadowImageFilter","cl","inner","Color","factory","bind","MakeDropShadowOnly","MakeDropShadow","MorphologyOperator","MorphologyImageFilterNode","MorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","BlendImageFilterNode","BlendImageFilter","a","b","RuntimeShaderImageFilterNode","RuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader"],"sources":["ImageFilters.ts"],"sourcesContent":["import type { SkImageFilter, SkColor, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DeclarationContext,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { processRadius, enumKey } from \"../datatypes\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nexport abstract class ImageFilterDeclaration<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.ImageFilter, type, props);\n  }\n\n  protected input(ctx: DeclarationContext) {\n    return ctx.imageFilters.pop() ?? null;\n  }\n\n  protected composeAndPush(ctx: DeclarationContext, imgf1: SkImageFilter) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    let imgf2 = ctx.imageFilters.popAllAsOne();\n    const cf = ctx.colorFilters.popAllAsOne();\n    ctx.restore();\n    if (cf) {\n      imgf2 = this.Skia.ImageFilter.MakeCompose(\n        imgf2 ?? null,\n        this.Skia.ImageFilter.MakeColorFilter(cf, null)\n      );\n    }\n    const imgf = imgf2\n      ? this.Skia.ImageFilter.MakeCompose(imgf1, imgf2)\n      : imgf1;\n    ctx.imageFilters.push(imgf);\n  }\n}\n\nexport class OffsetImageFilterNode extends ImageFilterDeclaration<OffsetImageFilterProps> {\n  constructor(ctx: NodeContext, props: OffsetImageFilterProps) {\n    super(ctx, NodeType.OffsetImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { x, y } = this.props;\n    const imgf = this.Skia.ImageFilter.MakeOffset(x, y, null);\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class DisplacementMapImageFilterNode extends ImageFilterDeclaration<DisplacementMapImageFilterProps> {\n  constructor(ctx: NodeContext, props: DisplacementMapImageFilterProps) {\n    super(ctx, NodeType.DisplacementMapImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { channelX, channelY, scale } = this.props;\n    const shader = ctx.shaders.pop();\n    if (!shader) {\n      throw new Error(\"DisplacementMap expects a shader as child\");\n    }\n    const map = this.Skia.ImageFilter.MakeShader(shader, null);\n    const imgf = this.Skia.ImageFilter.MakeDisplacementMap(\n      ColorChannel[enumKey(channelX)],\n      ColorChannel[enumKey(channelY)],\n      scale,\n      map,\n      this.input(ctx)\n    );\n    ctx.imageFilters.push(imgf);\n  }\n}\n\nexport class BlurImageFilterNode extends ImageFilterDeclaration<BlurImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlurImageFilterProps) {\n    super(ctx, NodeType.BlurImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { mode, blur } = this.props;\n    const sigma = processRadius(this.Skia, blur);\n    const imgf = this.Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      this.input(ctx)\n    );\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadowImageFilterProps> {\n  constructor(ctx: NodeContext, props: DropShadowImageFilterProps) {\n    super(ctx, NodeType.DropShadowImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { dx, dy, blur, shadowOnly, color: cl, inner } = this.props;\n    const color = this.Skia.Color(cl);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, this.Skia, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? this.Skia.ImageFilter.MakeDropShadowOnly.bind(this.Skia.ImageFilter)\n        : this.Skia.ImageFilter.MakeDropShadow.bind(this.Skia.ImageFilter);\n    }\n    const imgf = factory(dx, dy, blur, blur, color, this.input(ctx));\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nexport class MorphologyImageFilterNode extends ImageFilterDeclaration<MorphologyImageFilterProps> {\n  constructor(ctx: NodeContext, props: MorphologyImageFilterProps) {\n    super(ctx, NodeType.MorphologyImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { operator } = this.props;\n    const r = processRadius(this.Skia, this.props.radius);\n    let imgf;\n    if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n      imgf = this.Skia.ImageFilter.MakeErode(r.x, r.y, this.input(ctx));\n    } else {\n      imgf = this.Skia.ImageFilter.MakeDilate(r.x, r.y, this.input(ctx));\n    }\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class BlendImageFilterNode extends ImageFilterDeclaration<BlendImageFilterProps> {\n  constructor(ctx: NodeContext, props: BlendImageFilterProps) {\n    super(ctx, NodeType.BlendImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { mode } = this.props;\n    const a = ctx.imageFilters.pop();\n    const b = ctx.imageFilters.pop();\n    if (!a || !b) {\n      throw new Error(\"BlendImageFilter requires two image filters\");\n    }\n    const imgf = this.Skia.ImageFilter.MakeBlend(mode, a, b);\n    this.composeAndPush(ctx, imgf);\n  }\n}\n\nexport class RuntimeShaderImageFilterNode extends ImageFilterDeclaration<RuntimeShaderImageFilterProps> {\n  constructor(ctx: NodeContext, props: RuntimeShaderImageFilterProps) {\n    super(ctx, NodeType.RuntimeShaderImageFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { source, uniforms } = this.props;\n    const rtb = this.Skia.RuntimeShaderBuilder(source);\n    if (uniforms) {\n      processUniforms(source, uniforms, rtb);\n    }\n    const imgf = this.Skia.ImageFilter.MakeRuntimeShader(\n      rtb,\n      null,\n      this.input(ctx)\n    );\n    this.composeAndPush(ctx, imgf);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/paint/MaskFilters.d.ts

@@ -0,0 +1,8 @@
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { BlurMaskFilterProps } from "../../types";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps> {
+    constructor(ctx: NodeContext, props: BlurMaskFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}

package/lib/module/dom/nodes/paint/MaskFilters.js

@@ -0,0 +1,19 @@
+import { BlurStyle } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+export class BlurMaskFilterNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      style,
+      blur,
+      respectCTM
+    } = this.props;
+    const mf = this.Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
+    ctx.maskFilters.push(mf);
+  }
+}
+//# sourceMappingURL=MaskFilters.js.map

package/lib/module/dom/nodes/paint/MaskFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurStyle","JsiDeclarationNode","DeclarationType","NodeType","enumKey","BlurMaskFilterNode","constructor","ctx","props","MaskFilter","BlurMaskFilter","decorate","style","blur","respectCTM","mf","Skia","MakeBlur","maskFilters","push"],"sources":["MaskFilters.ts"],"sourcesContent":["import { BlurStyle } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type { BlurMaskFilterProps } from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\n\nexport class BlurMaskFilterNode extends JsiDeclarationNode<BlurMaskFilterProps> {\n  constructor(ctx: NodeContext, props: BlurMaskFilterProps) {\n    super(ctx, DeclarationType.MaskFilter, NodeType.BlurMaskFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { style, blur, respectCTM } = this.props;\n    const mf = this.Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n    ctx.maskFilters.push(mf);\n  }\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,kBAAkB,QAAQ,SAAS;AAE5C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,aAAa;AACvD,SAASC,OAAO,QAAQ,cAAc;AAGtC,OAAO,MAAMC,kBAAkB,SAASJ,kBAAkB,CAAsB;EAC9EK,WAAWA,CAACC,GAAgB,EAAEC,KAA0B,EAAE;IACxD,KAAK,CAACD,GAAG,EAAEL,eAAe,CAACO,UAAU,EAAEN,QAAQ,CAACO,cAAc,EAAEF,KAAK,CAAC;EACxE;EAEAG,QAAQA,CAACJ,GAAuB,EAAE;IAChC,MAAM;MAAEK,KAAK;MAAEC,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACN,KAAK;IAC9C,MAAMO,EAAE,GAAG,IAAI,CAACC,IAAI,CAACP,UAAU,CAACQ,QAAQ,CACtCjB,SAAS,CAACI,OAAO,CAACQ,KAAK,CAAC,CAAC,EACzBC,IAAI,EACJC,UACF,CAAC;IACDP,GAAG,CAACW,WAAW,CAACC,IAAI,CAACJ,EAAE,CAAC;EAC1B;AACF"}

package/lib/module/dom/nodes/paint/PathEffects.d.ts

@@ -0,0 +1,39 @@
+import type { SkPathEffect } from "../../../skia/types";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../../types";
+import { NodeType } from "../../types";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+declare abstract class PathEffectDeclaration<P> extends JsiDeclarationNode<P> {
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    protected composeAndPush(ctx: DeclarationContext, pe1: SkPathEffect): void;
+}
+export declare class DiscretePathEffectNode extends PathEffectDeclaration<DiscretePathEffectProps> {
+    constructor(ctx: NodeContext, props: DiscretePathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class Path2DPathEffectNode extends PathEffectDeclaration<Path2DPathEffectProps> {
+    constructor(ctx: NodeContext, props: Path2DPathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class DashPathEffectNode extends PathEffectDeclaration<DashPathEffectProps> {
+    constructor(ctx: NodeContext, props: DashPathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class CornerPathEffectNode extends PathEffectDeclaration<CornerPathEffectProps> {
+    constructor(ctx: NodeContext, props: CornerPathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class SumPathEffectNode extends PathEffectDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class Line2DPathEffectNode extends PathEffectDeclaration<Line2DPathEffectProps> {
+    constructor(ctx: NodeContext, props: Line2DPathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class Path1DPathEffectNode extends PathEffectDeclaration<Path1DPathEffectProps> {
+    constructor(ctx: NodeContext, props: Path1DPathEffectProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export {};

package/lib/module/dom/nodes/paint/PathEffects.js

@@ -0,0 +1,123 @@
+import { Path1DEffectStyle } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { enumKey } from "../datatypes/Enum";
+import { processPath } from "../datatypes";
+import { composeDeclarations } from "../../types/DeclarationContext";
+class PathEffectDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.PathEffect, type, props);
+  }
+  composeAndPush(ctx, pe1) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    const pe2 = ctx.pathEffects.popAllAsOne();
+    ctx.restore();
+    const pe = pe2 ? this.Skia.PathEffect.MakeCompose(pe1, pe2) : pe1;
+    ctx.pathEffects.push(pe);
+  }
+}
+export class DiscretePathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DiscretePathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      length,
+      deviation,
+      seed
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+    this.composeAndPush(ctx, pe);
+  }
+}
+export class Path2DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path2DPathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      matrix
+    } = this.props;
+    const path = processPath(this.Skia, this.props.path);
+    const pe = this.Skia.PathEffect.MakePath2D(matrix, path);
+    if (pe === null) {
+      throw new Error("Path2DPathEffectNode: invalid path");
+    }
+    this.composeAndPush(ctx, pe);
+  }
+}
+export class DashPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DashPathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      intervals,
+      phase
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeDash(intervals, phase);
+    this.composeAndPush(ctx, pe);
+  }
+}
+export class CornerPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.CornerPathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      r
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeCorner(r);
+    if (pe === null) {
+      throw new Error("CornerPathEffectNode: couldn't create path effect");
+    }
+    this.composeAndPush(ctx, pe);
+  }
+}
+export class SumPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.SumPathEffect, null);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const pes = ctx.pathEffects.popAll();
+    const pe = composeDeclarations(pes, this.Skia.PathEffect.MakeSum.bind(this.Skia.PathEffect));
+    ctx.pathEffects.push(pe);
+  }
+}
+export class Line2DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Line2DPathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      width,
+      matrix
+    } = this.props;
+    const pe = this.Skia.PathEffect.MakeLine2D(width, matrix);
+    if (pe === null) {
+      throw new Error("Line2DPathEffectNode: could not create path effect");
+    }
+    this.composeAndPush(ctx, pe);
+  }
+}
+export class Path1DPathEffectNode extends PathEffectDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path1DPathEffect, props);
+  }
+  decorate(ctx) {
+    const {
+      advance,
+      phase,
+      style
+    } = this.props;
+    const path = processPath(this.Skia, this.props.path);
+    const pe = this.Skia.PathEffect.MakePath1D(path, advance, phase, Path1DEffectStyle[enumKey(style)]);
+    if (pe === null) {
+      throw new Error("Path1DPathEffectNode: could not create path effect");
+    }
+    this.composeAndPush(ctx, pe);
+  }
+}
+//# sourceMappingURL=PathEffects.js.map

package/lib/module/dom/nodes/paint/PathEffects.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path1DEffectStyle","JsiDeclarationNode","DeclarationType","NodeType","enumKey","processPath","composeDeclarations","PathEffectDeclaration","constructor","ctx","type","props","PathEffect","composeAndPush","pe1","save","decorateChildren","pe2","pathEffects","popAllAsOne","restore","pe","Skia","MakeCompose","push","DiscretePathEffectNode","DiscretePathEffect","decorate","length","deviation","seed","MakeDiscrete","Path2DPathEffectNode","Path2DPathEffect","matrix","path","MakePath2D","Error","DashPathEffectNode","DashPathEffect","intervals","phase","MakeDash","CornerPathEffectNode","CornerPathEffect","r","MakeCorner","SumPathEffectNode","SumPathEffect","pes","popAll","MakeSum","bind","Line2DPathEffectNode","Line2DPathEffect","width","MakeLine2D","Path1DPathEffectNode","Path1DPathEffect","advance","style","MakePath1D"],"sources":["PathEffects.ts"],"sourcesContent":["import { Path1DEffectStyle } from \"../../../skia/types\";\nimport type { SkPathEffect } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes/Enum\";\nimport { processPath } from \"../datatypes\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\nimport { composeDeclarations } from \"../../types/DeclarationContext\";\n\nabstract class PathEffectDeclaration<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.PathEffect, type, props);\n  }\n\n  protected composeAndPush(ctx: DeclarationContext, pe1: SkPathEffect) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    const pe2 = ctx.pathEffects.popAllAsOne();\n    ctx.restore();\n    const pe = pe2 ? this.Skia.PathEffect.MakeCompose(pe1, pe2) : pe1;\n    ctx.pathEffects.push(pe);\n  }\n}\n\nexport class DiscretePathEffectNode extends PathEffectDeclaration<DiscretePathEffectProps> {\n  constructor(ctx: NodeContext, props: DiscretePathEffectProps) {\n    super(ctx, NodeType.DiscretePathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { length, deviation, seed } = this.props;\n    const pe = this.Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n    this.composeAndPush(ctx, pe);\n  }\n}\n\nexport class Path2DPathEffectNode extends PathEffectDeclaration<Path2DPathEffectProps> {\n  constructor(ctx: NodeContext, props: Path2DPathEffectProps) {\n    super(ctx, NodeType.Path2DPathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { matrix } = this.props;\n    const path = processPath(this.Skia, this.props.path);\n    const pe = this.Skia.PathEffect.MakePath2D(matrix, path);\n    if (pe === null) {\n      throw new Error(\"Path2DPathEffectNode: invalid path\");\n    }\n    this.composeAndPush(ctx, pe);\n  }\n}\n\nexport class DashPathEffectNode extends PathEffectDeclaration<DashPathEffectProps> {\n  constructor(ctx: NodeContext, props: DashPathEffectProps) {\n    super(ctx, NodeType.DashPathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { intervals, phase } = this.props;\n    const pe = this.Skia.PathEffect.MakeDash(intervals, phase);\n    this.composeAndPush(ctx, pe);\n  }\n}\n\nexport class CornerPathEffectNode extends PathEffectDeclaration<CornerPathEffectProps> {\n  constructor(ctx: NodeContext, props: CornerPathEffectProps) {\n    super(ctx, NodeType.CornerPathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { r } = this.props;\n    const pe = this.Skia.PathEffect.MakeCorner(r);\n    if (pe === null) {\n      throw new Error(\"CornerPathEffectNode: couldn't create path effect\");\n    }\n    this.composeAndPush(ctx, pe);\n  }\n}\n\nexport class SumPathEffectNode extends PathEffectDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.SumPathEffect, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const pes = ctx.pathEffects.popAll();\n    const pe = composeDeclarations(\n      pes,\n      this.Skia.PathEffect.MakeSum.bind(this.Skia.PathEffect)\n    );\n    ctx.pathEffects.push(pe);\n  }\n}\n\nexport class Line2DPathEffectNode extends PathEffectDeclaration<Line2DPathEffectProps> {\n  constructor(ctx: NodeContext, props: Line2DPathEffectProps) {\n    super(ctx, NodeType.Line2DPathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { width, matrix } = this.props;\n    const pe = this.Skia.PathEffect.MakeLine2D(width, matrix);\n    if (pe === null) {\n      throw new Error(\"Line2DPathEffectNode: could not create path effect\");\n    }\n    this.composeAndPush(ctx, pe);\n  }\n}\n\nexport class Path1DPathEffectNode extends PathEffectDeclaration<Path1DPathEffectProps> {\n  constructor(ctx: NodeContext, props: Path1DPathEffectProps) {\n    super(ctx, NodeType.Path1DPathEffect, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { advance, phase, style } = this.props;\n    const path = processPath(this.Skia, this.props.path);\n    const pe = this.Skia.PathEffect.MakePath1D(\n      path,\n      advance,\n      phase,\n      Path1DEffectStyle[enumKey(style)]\n    );\n    if (pe === null) {\n      throw new Error(\"Path1DPathEffectNode: could not create path effect\");\n    }\n    this.composeAndPush(ctx, pe);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/paint/Shaders.d.ts

@@ -0,0 +1,43 @@
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { ColorProps, DeclarationContext, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../types";
+import { NodeType } from "../../types";
+export declare abstract class ShaderDeclaration<P> extends JsiDeclarationNode<P> {
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+}
+export declare class ShaderNode extends ShaderDeclaration<ShaderProps> {
+    constructor(ctx: NodeContext, props: ShaderProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class ImageShaderNode extends ShaderDeclaration<ImageShaderProps> {
+    constructor(ctx: NodeContext, props: ImageShaderProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class ColorNode extends ShaderDeclaration<ColorProps> {
+    constructor(ctx: NodeContext, props: ColorProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class TurbulenceNode extends ShaderDeclaration<TurbulenceProps> {
+    constructor(ctx: NodeContext, props: TurbulenceProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class FractalNoiseNode extends ShaderDeclaration<FractalNoiseProps> {
+    constructor(ctx: NodeContext, props: FractalNoiseProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LinearGradientNode extends ShaderDeclaration<LinearGradientProps> {
+    constructor(ctx: NodeContext, props: LinearGradientProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class RadialGradientNode extends ShaderDeclaration<RadialGradientProps> {
+    constructor(ctx: NodeContext, props: RadialGradientProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class SweepGradientNode extends ShaderDeclaration<SweepGradientProps> {
+    constructor(ctx: NodeContext, props: SweepGradientProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class TwoPointConicalGradientNode extends ShaderDeclaration<TwoPointConicalGradientProps> {
+    constructor(ctx: NodeContext, props: TwoPointConicalGradientProps);
+    decorate(ctx: DeclarationContext): void;
+}

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

@@ -0,0 +1,193 @@
+import { processUniforms, FilterMode, MipmapMode, TileMode } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { DeclarationType, NodeType } from "../../types";
+import { enumKey, fitRects, getRect, processGradientProps, processTransformProps, rect2rect } from "../datatypes";
+export class ShaderDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, DeclarationType.Shader, type, props);
+  }
+}
+export class ShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Shader, props);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const {
+      source,
+      uniforms,
+      ...transform
+    } = this.props;
+    const m3 = this.Skia.Matrix();
+    processTransformProps(m3, transform);
+    const shader = source.makeShaderWithChildren(processUniforms(source, uniforms), ctx.shaders.popAll(), m3);
+    ctx.shaders.push(shader);
+  }
+}
+export class ImageShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.ImageShader, props);
+  }
+  decorate(ctx) {
+    const {
+      fit,
+      image,
+      tx,
+      ty,
+      fm,
+      mm,
+      ...imageShaderProps
+    } = this.props;
+    if (!image) {
+      return;
+    }
+    const rct = getRect(this.Skia, imageShaderProps);
+    const m3 = this.Skia.Matrix();
+    if (rct) {
+      const rects = fitRects(fit, {
+        x: 0,
+        y: 0,
+        width: image.width(),
+        height: image.height()
+      }, rct);
+      const [x, y, sx, sy] = 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);
+    processTransformProps(lm, imageShaderProps);
+    const shader = image.makeShaderOptions(TileMode[enumKey(tx)], TileMode[enumKey(ty)], FilterMode[enumKey(fm)], MipmapMode[enumKey(mm)], lm);
+    ctx.shaders.push(shader);
+  }
+}
+export class ColorNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.ColorShader, props);
+  }
+  decorate(ctx) {
+    const {
+      color
+    } = this.props;
+    const shader = this.Skia.Shader.MakeColor(this.Skia.Color(color));
+    ctx.shaders.push(shader);
+  }
+}
+export class TurbulenceNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, 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);
+  }
+}
+export class FractalNoiseNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, 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);
+  }
+}
+export class LinearGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.LinearGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = 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);
+  }
+}
+export class RadialGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.RadialGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      c,
+      r
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = processGradientProps(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
+    ctx.shaders.push(shader);
+  }
+}
+export class SweepGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.SweepGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      c,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = 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);
+  }
+}
+export class TwoPointConicalGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.TwoPointConicalGradient, props);
+  }
+  decorate(ctx) {
+    const {
+      startR,
+      endR,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = processGradientProps(this.Skia, this.props);
+    const shader = this.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+    ctx.shaders.push(shader);
+  }
+}
+//# sourceMappingURL=Shaders.js.map