@shopify/react-native-skia 1.0.1 → 1.0.3

package/lib/module/dom/nodes/JsiSkDOM.js

@@ -0,0 +1,201 @@
+import { FillNode, ImageNode, CircleNode, PathNode, LineNode, PatchNode, PointsNode, RectNode, RRectNode, VerticesNode, TextNode, OvalNode, TextPathNode, TextBlobNode, GlyphsNode, DiffRectNode, PictureNode, ImageSVGNode, BackdropFilterNode, BoxNode, BoxShadowNode, AtlasNode } from "./drawings";
+import { BlendImageFilterNode, BlurImageFilterNode, BlurMaskFilterNode, DisplacementMapImageFilterNode, DropShadowImageFilterNode, OffsetImageFilterNode, RuntimeShaderImageFilterNode, CornerPathEffectNode, DiscretePathEffectNode, DashPathEffectNode, Path1DPathEffectNode, Path2DPathEffectNode, SumPathEffectNode, Line2DPathEffectNode, BlendNode } from "./paint";
+import { MatrixColorFilterNode, LumaColorFilterNode, LinearToSRGBGammaColorFilterNode, SRGBToLinearGammaColorFilterNode, BlendColorFilterNode, LerpColorFilterNode } from "./paint/ColorFilters";
+import { LinearGradientNode, ShaderNode, ImageShaderNode, TwoPointConicalGradientNode, TurbulenceNode, SweepGradientNode, RadialGradientNode, FractalNoiseNode, ColorNode } from "./paint/Shaders";
+import { MorphologyImageFilterNode } from "./paint/ImageFilters";
+import { GroupNode } from "./GroupNode";
+import { PaintNode } from "./PaintNode";
+import { LayerNode } from "./LayerNode";
+import { ParagraphNode } from "./drawings/ParagraphNode";
+export class JsiSkDOM {
+  constructor(ctx, native) {
+    this.ctx = ctx;
+    this.native = native;
+  }
+  Layer(props) {
+    return this.native ? global.SkiaDomApi.LayerNode(props !== null && props !== void 0 ? props : {}) : new LayerNode(this.ctx, props !== null && props !== void 0 ? props : {});
+  }
+  Group(props) {
+    return this.native ? global.SkiaDomApi.GroupNode(props !== null && props !== void 0 ? props : {}) : new GroupNode(this.ctx, props !== null && props !== void 0 ? props : {});
+  }
+  Paint(props) {
+    return this.native ? global.SkiaDomApi.PaintNode(props !== null && props !== void 0 ? props : {}) : new PaintNode(this.ctx, props);
+  }
+
+  // Drawings
+  Fill(props) {
+    return this.native ? global.SkiaDomApi.FillNode(props !== null && props !== void 0 ? props : {}) : new FillNode(this.ctx, props);
+  }
+  Image(props) {
+    return this.native ? global.SkiaDomApi.ImageNode(props !== null && props !== void 0 ? props : {}) : new ImageNode(this.ctx, props);
+  }
+  Circle(props) {
+    return this.native ? global.SkiaDomApi.CircleNode(props !== null && props !== void 0 ? props : {}) : new CircleNode(this.ctx, props);
+  }
+  Path(props) {
+    return this.native ? global.SkiaDomApi.PathNode(props !== null && props !== void 0 ? props : {}) : new PathNode(this.ctx, props);
+  }
+  Line(props) {
+    return this.native ? global.SkiaDomApi.LineNode(props !== null && props !== void 0 ? props : {}) : new LineNode(this.ctx, props);
+  }
+  Oval(props) {
+    return this.native ? global.SkiaDomApi.OvalNode(props !== null && props !== void 0 ? props : {}) : new OvalNode(this.ctx, props);
+  }
+  Patch(props) {
+    return this.native ? global.SkiaDomApi.PatchNode(props !== null && props !== void 0 ? props : {}) : new PatchNode(this.ctx, props);
+  }
+  Points(props) {
+    return this.native ? global.SkiaDomApi.PointsNode(props !== null && props !== void 0 ? props : {}) : new PointsNode(this.ctx, props);
+  }
+  Rect(props) {
+    return this.native ? global.SkiaDomApi.RectNode(props) : new RectNode(this.ctx, props);
+  }
+  RRect(props) {
+    return this.native ? global.SkiaDomApi.RRectNode(props) : new RRectNode(this.ctx, props);
+  }
+  Vertices(props) {
+    return this.native ? global.SkiaDomApi.VerticesNode(props) : new VerticesNode(this.ctx, props);
+  }
+  Text(props) {
+    return this.native ? global.SkiaDomApi.TextNode(props) : new TextNode(this.ctx, props);
+  }
+  TextPath(props) {
+    return this.native ? global.SkiaDomApi.TextPathNode(props) : new TextPathNode(this.ctx, props);
+  }
+  TextBlob(props) {
+    return this.native ? global.SkiaDomApi.TextBlobNode(props) : new TextBlobNode(this.ctx, props);
+  }
+  Glyphs(props) {
+    return this.native ? global.SkiaDomApi.GlyphsNode(props) : new GlyphsNode(this.ctx, props);
+  }
+  DiffRect(props) {
+    return this.native ? global.SkiaDomApi.DiffRectNode(props) : new DiffRectNode(this.ctx, props);
+  }
+  Picture(props) {
+    return this.native ? global.SkiaDomApi.PictureNode(props) : new PictureNode(this.ctx, props);
+  }
+  Atlas(props) {
+    return this.native ? global.SkiaDomApi.AtlasNode(props) : new AtlasNode(this.ctx, props);
+  }
+  ImageSVG(props) {
+    return this.native ? global.SkiaDomApi.ImageSVGNode(props) : new ImageSVGNode(this.ctx, props);
+  }
+
+  // BlurMaskFilters
+  BlurMaskFilter(props) {
+    return this.native ? global.SkiaDomApi.BlurMaskFilterNode(props) : new BlurMaskFilterNode(this.ctx, props);
+  }
+
+  // ImageFilters
+  BlendImageFilter(props) {
+    return this.native ? global.SkiaDomApi.BlendImageFilterNode(props) : new BlendImageFilterNode(this.ctx, props);
+  }
+  DropShadowImageFilter(props) {
+    return this.native ? global.SkiaDomApi.DropShadowImageFilterNode(props) : new DropShadowImageFilterNode(this.ctx, props);
+  }
+  DisplacementMapImageFilter(props) {
+    return this.native ? global.SkiaDomApi.DisplacementMapImageFilterNode(props) : new DisplacementMapImageFilterNode(this.ctx, props);
+  }
+  BlurImageFilter(props) {
+    return this.native ? global.SkiaDomApi.BlurImageFilterNode(props) : new BlurImageFilterNode(this.ctx, props);
+  }
+  OffsetImageFilter(props) {
+    return this.native ? global.SkiaDomApi.OffsetImageFilterNode(props) : new OffsetImageFilterNode(this.ctx, props);
+  }
+  MorphologyImageFilter(props) {
+    return this.native ? global.SkiaDomApi.MorphologyImageFilterNode(props) : new MorphologyImageFilterNode(this.ctx, props);
+  }
+  RuntimeShaderImageFilter(props) {
+    return this.native ? global.SkiaDomApi.RuntimeShaderImageFilterNode(props) : new RuntimeShaderImageFilterNode(this.ctx, props);
+  }
+
+  // Color Filters
+  MatrixColorFilter(props) {
+    return this.native ? global.SkiaDomApi.MatrixColorFilterNode(props) : new MatrixColorFilterNode(this.ctx, props);
+  }
+  BlendColorFilter(props) {
+    return this.native ? global.SkiaDomApi.BlendColorFilterNode(props) : new BlendColorFilterNode(this.ctx, props);
+  }
+  LumaColorFilter() {
+    return this.native ? global.SkiaDomApi.LumaColorFilterNode() : new LumaColorFilterNode(this.ctx);
+  }
+  LinearToSRGBGammaColorFilter() {
+    return global.SkiaDomApi && global.SkiaDomApi.LinearToSRGBGammaColorFilterNode ? global.SkiaDomApi.LinearToSRGBGammaColorFilterNode() : new LinearToSRGBGammaColorFilterNode(this.ctx);
+  }
+  SRGBToLinearGammaColorFilter() {
+    return global.SkiaDomApi && global.SkiaDomApi.SRGBToLinearGammaColorFilterNode ? global.SkiaDomApi.SRGBToLinearGammaColorFilterNode() : new SRGBToLinearGammaColorFilterNode(this.ctx);
+  }
+  LerpColorFilter(props) {
+    return this.native ? global.SkiaDomApi.LerpColorFilterNode(props) : new LerpColorFilterNode(this.ctx, props);
+  }
+
+  // Shaders
+  Shader(props) {
+    return this.native ? global.SkiaDomApi.ShaderNode(props) : new ShaderNode(this.ctx, props);
+  }
+  ImageShader(props) {
+    return this.native ? global.SkiaDomApi.ImageShaderNode(props) : new ImageShaderNode(this.ctx, props);
+  }
+  ColorShader(props) {
+    return this.native ? global.SkiaDomApi.ColorShaderNode(props) : new ColorNode(this.ctx, props);
+  }
+  SweepGradient(props) {
+    return this.native ? global.SkiaDomApi.SweepGradientNode(props) : new SweepGradientNode(this.ctx, props);
+  }
+  Turbulence(props) {
+    return this.native ? global.SkiaDomApi.TurbulenceNode(props) : new TurbulenceNode(this.ctx, props);
+  }
+  FractalNoise(props) {
+    return this.native ? global.SkiaDomApi.FractalNoiseNode(props) : new FractalNoiseNode(this.ctx, props);
+  }
+  LinearGradient(props) {
+    return this.native ? global.SkiaDomApi.LinearGradientNode(props) : new LinearGradientNode(this.ctx, props);
+  }
+  RadialGradient(props) {
+    return this.native ? global.SkiaDomApi.RadialGradientNode(props) : new RadialGradientNode(this.ctx, props);
+  }
+  TwoPointConicalGradient(props) {
+    return this.native ? global.SkiaDomApi.TwoPointConicalGradientNode(props) : new TwoPointConicalGradientNode(this.ctx, props);
+  }
+
+  // Path Effects
+  CornerPathEffect(props) {
+    return this.native ? global.SkiaDomApi.CornerPathEffectNode(props) : new CornerPathEffectNode(this.ctx, props);
+  }
+  DiscretePathEffect(props) {
+    return this.native ? global.SkiaDomApi.DiscretePathEffectNode(props) : new DiscretePathEffectNode(this.ctx, props);
+  }
+  DashPathEffect(props) {
+    return this.native ? global.SkiaDomApi.DashPathEffectNode(props) : new DashPathEffectNode(this.ctx, props);
+  }
+  Path1DPathEffect(props) {
+    return this.native ? global.SkiaDomApi.Path1DPathEffectNode(props) : new Path1DPathEffectNode(this.ctx, props);
+  }
+  Path2DPathEffect(props) {
+    return this.native ? global.SkiaDomApi.Path2DPathEffectNode(props) : new Path2DPathEffectNode(this.ctx, props);
+  }
+  SumPathEffect() {
+    return this.native ? global.SkiaDomApi.SumPathEffectNode() : new SumPathEffectNode(this.ctx);
+  }
+  Line2DPathEffect(props) {
+    return this.native ? global.SkiaDomApi.Line2DPathEffectNode(props) : new Line2DPathEffectNode(this.ctx, props);
+  }
+  Blend(props) {
+    return this.native ? global.SkiaDomApi.BlendNode(props) : new BlendNode(this.ctx, props);
+  }
+  BackdropFilter(props) {
+    return this.native ? global.SkiaDomApi.BackdropFilterNode(props) : new BackdropFilterNode(this.ctx, props);
+  }
+  Box(props) {
+    return this.native ? global.SkiaDomApi.BoxNode(props) : new BoxNode(this.ctx, props);
+  }
+  BoxShadow(props) {
+    return this.native ? global.SkiaDomApi.BoxShadowNode(props) : new BoxShadowNode(this.ctx, props);
+  }
+
+  // Paragraph
+  Paragraph(props) {
+    return this.native ? global.SkiaDomApi.ParagraphNode(props) : new ParagraphNode(this.ctx, props);
+  }
+}
+//# sourceMappingURL=JsiSkDOM.js.map

package/lib/module/dom/nodes/JsiSkDOM.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FillNode","ImageNode","CircleNode","PathNode","LineNode","PatchNode","PointsNode","RectNode","RRectNode","VerticesNode","TextNode","OvalNode","TextPathNode","TextBlobNode","GlyphsNode","DiffRectNode","PictureNode","ImageSVGNode","BackdropFilterNode","BoxNode","BoxShadowNode","AtlasNode","BlendImageFilterNode","BlurImageFilterNode","BlurMaskFilterNode","DisplacementMapImageFilterNode","DropShadowImageFilterNode","OffsetImageFilterNode","RuntimeShaderImageFilterNode","CornerPathEffectNode","DiscretePathEffectNode","DashPathEffectNode","Path1DPathEffectNode","Path2DPathEffectNode","SumPathEffectNode","Line2DPathEffectNode","BlendNode","MatrixColorFilterNode","LumaColorFilterNode","LinearToSRGBGammaColorFilterNode","SRGBToLinearGammaColorFilterNode","BlendColorFilterNode","LerpColorFilterNode","LinearGradientNode","ShaderNode","ImageShaderNode","TwoPointConicalGradientNode","TurbulenceNode","SweepGradientNode","RadialGradientNode","FractalNoiseNode","ColorNode","MorphologyImageFilterNode","GroupNode","PaintNode","LayerNode","ParagraphNode","JsiSkDOM","constructor","ctx","native","Layer","props","global","SkiaDomApi","Group","Paint","Fill","Image","Circle","Path","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","DiffRect","Picture","Atlas","ImageSVG","BlurMaskFilter","BlendImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","BlurImageFilter","OffsetImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","LerpColorFilter","Shader","ImageShader","ColorShader","ColorShaderNode","SweepGradient","Turbulence","FractalNoise","LinearGradient","RadialGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow","Paragraph"],"sources":["JsiSkDOM.ts"],"sourcesContent":["import type {\n  PathProps,\n  SkDOM,\n  GroupProps,\n  ImageProps,\n  BlurImageFilterProps,\n  MatrixColorFilterProps,\n  CircleProps,\n  BlurMaskFilterProps,\n  LinearGradientProps,\n  PaintProps,\n  ShaderProps,\n  ImageShaderProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  OffsetImageFilterProps,\n  BlendColorFilterProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  FractalNoiseProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n  ChildrenProps,\n  AtlasProps,\n} from \"../types\";\nimport type {\n  BlendImageFilterProps,\n  BlendProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  MorphologyImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../types/ImageFilters\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"../types/PathEffects\";\nimport type { ParagraphProps } from \"../types/Paragraph\";\n\nimport {\n  FillNode,\n  ImageNode,\n  CircleNode,\n  PathNode,\n  LineNode,\n  PatchNode,\n  PointsNode,\n  RectNode,\n  RRectNode,\n  VerticesNode,\n  TextNode,\n  OvalNode,\n  TextPathNode,\n  TextBlobNode,\n  GlyphsNode,\n  DiffRectNode,\n  PictureNode,\n  ImageSVGNode,\n  BackdropFilterNode,\n  BoxNode,\n  BoxShadowNode,\n  AtlasNode,\n} from \"./drawings\";\nimport {\n  BlendImageFilterNode,\n  BlurImageFilterNode,\n  BlurMaskFilterNode,\n  DisplacementMapImageFilterNode,\n  DropShadowImageFilterNode,\n  OffsetImageFilterNode,\n  RuntimeShaderImageFilterNode,\n  CornerPathEffectNode,\n  DiscretePathEffectNode,\n  DashPathEffectNode,\n  Path1DPathEffectNode,\n  Path2DPathEffectNode,\n  SumPathEffectNode,\n  Line2DPathEffectNode,\n  BlendNode,\n} from \"./paint\";\nimport {\n  MatrixColorFilterNode,\n  LumaColorFilterNode,\n  LinearToSRGBGammaColorFilterNode,\n  SRGBToLinearGammaColorFilterNode,\n  BlendColorFilterNode,\n  LerpColorFilterNode,\n} from \"./paint/ColorFilters\";\nimport {\n  LinearGradientNode,\n  ShaderNode,\n  ImageShaderNode,\n  TwoPointConicalGradientNode,\n  TurbulenceNode,\n  SweepGradientNode,\n  RadialGradientNode,\n  FractalNoiseNode,\n  ColorNode,\n} from \"./paint/Shaders\";\nimport { MorphologyImageFilterNode } from \"./paint/ImageFilters\";\nimport { GroupNode } from \"./GroupNode\";\nimport { PaintNode } from \"./PaintNode\";\nimport type { NodeContext } from \"./Node\";\nimport { LayerNode } from \"./LayerNode\";\nimport { ParagraphNode } from \"./drawings/ParagraphNode\";\n\nexport class JsiSkDOM implements SkDOM {\n  constructor(private ctx: NodeContext, private native: boolean) {}\n\n  Layer(props?: ChildrenProps) {\n    return this.native\n      ? global.SkiaDomApi.LayerNode(props ?? {})\n      : new LayerNode(this.ctx, props ?? {});\n  }\n\n  Group(props?: GroupProps) {\n    return this.native\n      ? global.SkiaDomApi.GroupNode(props ?? {})\n      : new GroupNode(this.ctx, props ?? {});\n  }\n\n  Paint(props: PaintProps) {\n    return this.native\n      ? global.SkiaDomApi.PaintNode(props ?? {})\n      : new PaintNode(this.ctx, props);\n  }\n\n  // Drawings\n  Fill(props?: DrawingNodeProps) {\n    return this.native\n      ? global.SkiaDomApi.FillNode(props ?? {})\n      : new FillNode(this.ctx, props);\n  }\n\n  Image(props: ImageProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageNode(props ?? {})\n      : new ImageNode(this.ctx, props);\n  }\n\n  Circle(props: CircleProps) {\n    return this.native\n      ? global.SkiaDomApi.CircleNode(props ?? {})\n      : new CircleNode(this.ctx, props);\n  }\n\n  Path(props: PathProps) {\n    return this.native\n      ? global.SkiaDomApi.PathNode(props ?? {})\n      : new PathNode(this.ctx, props);\n  }\n\n  Line(props: LineProps) {\n    return this.native\n      ? global.SkiaDomApi.LineNode(props ?? {})\n      : new LineNode(this.ctx, props);\n  }\n\n  Oval(props: OvalProps) {\n    return this.native\n      ? global.SkiaDomApi.OvalNode(props ?? {})\n      : new OvalNode(this.ctx, props);\n  }\n\n  Patch(props: PatchProps) {\n    return this.native\n      ? global.SkiaDomApi.PatchNode(props ?? {})\n      : new PatchNode(this.ctx, props);\n  }\n\n  Points(props: PointsProps) {\n    return this.native\n      ? global.SkiaDomApi.PointsNode(props ?? {})\n      : new PointsNode(this.ctx, props);\n  }\n\n  Rect(props: RectProps) {\n    return this.native\n      ? global.SkiaDomApi.RectNode(props)\n      : new RectNode(this.ctx, props);\n  }\n\n  RRect(props: RoundedRectProps) {\n    return this.native\n      ? global.SkiaDomApi.RRectNode(props)\n      : new RRectNode(this.ctx, props);\n  }\n\n  Vertices(props: VerticesProps) {\n    return this.native\n      ? global.SkiaDomApi.VerticesNode(props)\n      : new VerticesNode(this.ctx, props);\n  }\n\n  Text(props: TextProps) {\n    return this.native\n      ? global.SkiaDomApi.TextNode(props)\n      : new TextNode(this.ctx, props);\n  }\n\n  TextPath(props: TextPathProps) {\n    return this.native\n      ? global.SkiaDomApi.TextPathNode(props)\n      : new TextPathNode(this.ctx, props);\n  }\n\n  TextBlob(props: TextBlobProps) {\n    return this.native\n      ? global.SkiaDomApi.TextBlobNode(props)\n      : new TextBlobNode(this.ctx, props);\n  }\n\n  Glyphs(props: GlyphsProps) {\n    return this.native\n      ? global.SkiaDomApi.GlyphsNode(props)\n      : new GlyphsNode(this.ctx, props);\n  }\n\n  DiffRect(props: DiffRectProps) {\n    return this.native\n      ? global.SkiaDomApi.DiffRectNode(props)\n      : new DiffRectNode(this.ctx, props);\n  }\n\n  Picture(props: PictureProps) {\n    return this.native\n      ? global.SkiaDomApi.PictureNode(props)\n      : new PictureNode(this.ctx, props);\n  }\n\n  Atlas(props: AtlasProps) {\n    return this.native\n      ? global.SkiaDomApi.AtlasNode(props)\n      : new AtlasNode(this.ctx, props);\n  }\n\n  ImageSVG(props: ImageSVGProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageSVGNode(props)\n      : new ImageSVGNode(this.ctx, props);\n  }\n\n  // BlurMaskFilters\n  BlurMaskFilter(props: BlurMaskFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlurMaskFilterNode(props)\n      : new BlurMaskFilterNode(this.ctx, props);\n  }\n\n  // ImageFilters\n  BlendImageFilter(props: BlendImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendImageFilterNode(props)\n      : new BlendImageFilterNode(this.ctx, props);\n  }\n\n  DropShadowImageFilter(props: DropShadowImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.DropShadowImageFilterNode(props)\n      : new DropShadowImageFilterNode(this.ctx, props);\n  }\n\n  DisplacementMapImageFilter(props: DisplacementMapImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.DisplacementMapImageFilterNode(props)\n      : new DisplacementMapImageFilterNode(this.ctx, props);\n  }\n\n  BlurImageFilter(props: BlurImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlurImageFilterNode(props)\n      : new BlurImageFilterNode(this.ctx, props);\n  }\n\n  OffsetImageFilter(props: OffsetImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.OffsetImageFilterNode(props)\n      : new OffsetImageFilterNode(this.ctx, props);\n  }\n\n  MorphologyImageFilter(props: MorphologyImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.MorphologyImageFilterNode(props)\n      : new MorphologyImageFilterNode(this.ctx, props);\n  }\n\n  RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.RuntimeShaderImageFilterNode(props)\n      : new RuntimeShaderImageFilterNode(this.ctx, props);\n  }\n\n  // Color Filters\n  MatrixColorFilter(props: MatrixColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.MatrixColorFilterNode(props)\n      : new MatrixColorFilterNode(this.ctx, props);\n  }\n\n  BlendColorFilter(props: BlendColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendColorFilterNode(props)\n      : new BlendColorFilterNode(this.ctx, props);\n  }\n\n  LumaColorFilter() {\n    return this.native\n      ? global.SkiaDomApi.LumaColorFilterNode()\n      : new LumaColorFilterNode(this.ctx);\n  }\n\n  LinearToSRGBGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.LinearToSRGBGammaColorFilterNode\n      ? global.SkiaDomApi.LinearToSRGBGammaColorFilterNode()\n      : new LinearToSRGBGammaColorFilterNode(this.ctx);\n  }\n\n  SRGBToLinearGammaColorFilter() {\n    return global.SkiaDomApi &&\n      global.SkiaDomApi.SRGBToLinearGammaColorFilterNode\n      ? global.SkiaDomApi.SRGBToLinearGammaColorFilterNode()\n      : new SRGBToLinearGammaColorFilterNode(this.ctx);\n  }\n\n  LerpColorFilter(props: LerpColorFilterProps) {\n    return this.native\n      ? global.SkiaDomApi.LerpColorFilterNode(props)\n      : new LerpColorFilterNode(this.ctx, props);\n  }\n\n  // Shaders\n  Shader(props: ShaderProps) {\n    return this.native\n      ? global.SkiaDomApi.ShaderNode(props)\n      : new ShaderNode(this.ctx, props);\n  }\n\n  ImageShader(props: ImageShaderProps) {\n    return this.native\n      ? global.SkiaDomApi.ImageShaderNode(props)\n      : new ImageShaderNode(this.ctx, props);\n  }\n\n  ColorShader(props: ColorProps) {\n    return this.native\n      ? global.SkiaDomApi.ColorShaderNode(props)\n      : new ColorNode(this.ctx, props);\n  }\n\n  SweepGradient(props: SweepGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.SweepGradientNode(props)\n      : new SweepGradientNode(this.ctx, props);\n  }\n\n  Turbulence(props: TurbulenceProps) {\n    return this.native\n      ? global.SkiaDomApi.TurbulenceNode(props)\n      : new TurbulenceNode(this.ctx, props);\n  }\n\n  FractalNoise(props: FractalNoiseProps) {\n    return this.native\n      ? global.SkiaDomApi.FractalNoiseNode(props)\n      : new FractalNoiseNode(this.ctx, props);\n  }\n\n  LinearGradient(props: LinearGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.LinearGradientNode(props)\n      : new LinearGradientNode(this.ctx, props);\n  }\n\n  RadialGradient(props: RadialGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.RadialGradientNode(props)\n      : new RadialGradientNode(this.ctx, props);\n  }\n\n  TwoPointConicalGradient(props: TwoPointConicalGradientProps) {\n    return this.native\n      ? global.SkiaDomApi.TwoPointConicalGradientNode(props)\n      : new TwoPointConicalGradientNode(this.ctx, props);\n  }\n\n  // Path Effects\n  CornerPathEffect(props: CornerPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.CornerPathEffectNode(props)\n      : new CornerPathEffectNode(this.ctx, props);\n  }\n\n  DiscretePathEffect(props: DiscretePathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.DiscretePathEffectNode(props)\n      : new DiscretePathEffectNode(this.ctx, props);\n  }\n\n  DashPathEffect(props: DashPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.DashPathEffectNode(props)\n      : new DashPathEffectNode(this.ctx, props);\n  }\n\n  Path1DPathEffect(props: Path1DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Path1DPathEffectNode(props)\n      : new Path1DPathEffectNode(this.ctx, props);\n  }\n\n  Path2DPathEffect(props: Path2DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Path2DPathEffectNode(props)\n      : new Path2DPathEffectNode(this.ctx, props);\n  }\n\n  SumPathEffect() {\n    return this.native\n      ? global.SkiaDomApi.SumPathEffectNode()\n      : new SumPathEffectNode(this.ctx);\n  }\n\n  Line2DPathEffect(props: Line2DPathEffectProps) {\n    return this.native\n      ? global.SkiaDomApi.Line2DPathEffectNode(props)\n      : new Line2DPathEffectNode(this.ctx, props);\n  }\n\n  Blend(props: BlendProps) {\n    return this.native\n      ? global.SkiaDomApi.BlendNode(props)\n      : new BlendNode(this.ctx, props);\n  }\n\n  BackdropFilter(props: ChildrenProps) {\n    return this.native\n      ? global.SkiaDomApi.BackdropFilterNode(props)\n      : new BackdropFilterNode(this.ctx, props);\n  }\n\n  Box(props: BoxProps) {\n    return this.native\n      ? global.SkiaDomApi.BoxNode(props)\n      : new BoxNode(this.ctx, props);\n  }\n\n  BoxShadow(props: BoxShadowProps) {\n    return this.native\n      ? global.SkiaDomApi.BoxShadowNode(props)\n      : new BoxShadowNode(this.ctx, props);\n  }\n\n  // Paragraph\n  Paragraph(props: ParagraphProps) {\n    return this.native\n      ? global.SkiaDomApi.ParagraphNode(props)\n      : new ParagraphNode(this.ctx, props);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/LayerNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext } from "../types";
+import type { ChildrenProps } from "../types/Common";
+import { JsiRenderNode } from "./RenderNode";
+import type { NodeContext } from "./Node";
+export declare class LayerNode extends JsiRenderNode<ChildrenProps> {
+    constructor(ctx: NodeContext, props: ChildrenProps);
+    renderNode(ctx: DrawingContext): void;
+}

package/lib/module/dom/nodes/LayerNode.js

@@ -0,0 +1,32 @@
+import { NodeType } from "../types";
+import { JsiRenderNode } from "./RenderNode";
+import { JsiDeclarationNode } from "./Node";
+export class LayerNode extends JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Layer, props);
+  }
+  renderNode(ctx) {
+    let hasLayer = false;
+    const [layer, ...children] = this.children();
+    if (layer instanceof JsiDeclarationNode) {
+      const declCtx = ctx.declarationCtx;
+      declCtx.save();
+      layer.decorate(declCtx);
+      const paint = declCtx.paints.pop();
+      declCtx.restore();
+      if (paint) {
+        hasLayer = true;
+        ctx.canvas.saveLayer(paint);
+      }
+    }
+    children.map(child => {
+      if (child instanceof JsiRenderNode) {
+        child.render(ctx);
+      }
+    });
+    if (hasLayer) {
+      ctx.canvas.restore();
+    }
+  }
+}
+//# sourceMappingURL=LayerNode.js.map

package/lib/module/dom/nodes/LayerNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","JsiRenderNode","JsiDeclarationNode","LayerNode","constructor","ctx","props","Layer","renderNode","hasLayer","layer","children","declCtx","declarationCtx","save","decorate","paint","paints","pop","restore","canvas","saveLayer","map","child","render"],"sources":["LayerNode.ts"],"sourcesContent":["import type { DrawingContext } from \"../types\";\nimport { NodeType } from \"../types\";\nimport type { ChildrenProps } from \"../types/Common\";\n\nimport { JsiRenderNode } from \"./RenderNode\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\n\nexport class LayerNode extends JsiRenderNode<ChildrenProps> {\n  constructor(ctx: NodeContext, props: ChildrenProps) {\n    super(ctx, NodeType.Layer, props);\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    let hasLayer = false;\n    const [layer, ...children] = this.children();\n    if (layer instanceof JsiDeclarationNode) {\n      const declCtx = ctx.declarationCtx;\n      declCtx.save();\n      layer.decorate(declCtx);\n      const paint = declCtx.paints.pop();\n      declCtx.restore();\n      if (paint) {\n        hasLayer = true;\n        ctx.canvas.saveLayer(paint);\n      }\n    }\n    children.map((child) => {\n      if (child instanceof JsiRenderNode) {\n        child.render(ctx);\n      }\n    });\n    if (hasLayer) {\n      ctx.canvas.restore();\n    }\n  }\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,UAAU;AAGnC,SAASC,aAAa,QAAQ,cAAc;AAE5C,SAASC,kBAAkB,QAAQ,QAAQ;AAE3C,OAAO,MAAMC,SAAS,SAASF,aAAa,CAAgB;EAC1DG,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,KAAK,EAAED,KAAK,CAAC;EACnC;EAEAE,UAAUA,CAACH,GAAmB,EAAQ;IACpC,IAAII,QAAQ,GAAG,KAAK;IACpB,MAAM,CAACC,KAAK,EAAE,GAAGC,QAAQ,CAAC,GAAG,IAAI,CAACA,QAAQ,CAAC,CAAC;IAC5C,IAAID,KAAK,YAAYR,kBAAkB,EAAE;MACvC,MAAMU,OAAO,GAAGP,GAAG,CAACQ,cAAc;MAClCD,OAAO,CAACE,IAAI,CAAC,CAAC;MACdJ,KAAK,CAACK,QAAQ,CAACH,OAAO,CAAC;MACvB,MAAMI,KAAK,GAAGJ,OAAO,CAACK,MAAM,CAACC,GAAG,CAAC,CAAC;MAClCN,OAAO,CAACO,OAAO,CAAC,CAAC;MACjB,IAAIH,KAAK,EAAE;QACTP,QAAQ,GAAG,IAAI;QACfJ,GAAG,CAACe,MAAM,CAACC,SAAS,CAACL,KAAK,CAAC;MAC7B;IACF;IACAL,QAAQ,CAACW,GAAG,CAAEC,KAAK,IAAK;MACtB,IAAIA,KAAK,YAAYtB,aAAa,EAAE;QAClCsB,KAAK,CAACC,MAAM,CAACnB,GAAG,CAAC;MACnB;IACF,CAAC,CAAC;IACF,IAAII,QAAQ,EAAE;MACZJ,GAAG,CAACe,MAAM,CAACD,OAAO,CAAC,CAAC;IACtB;EACF;AACF"}

package/lib/module/dom/nodes/Node.d.ts

@@ -0,0 +1,35 @@
+import type { Skia } from "../../skia/types";
+import type { Node, DeclarationNode, NodeType, DeclarationType } from "../types";
+import type { DeclarationContext } from "../types/DeclarationContext";
+export interface NodeContext {
+    Skia: Skia;
+}
+export declare abstract class JsiNode<P> implements Node<P> {
+    type: NodeType;
+    protected props: P;
+    protected _children: JsiNode<unknown>[];
+    protected Skia: Skia;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+    getProps(): P;
+    children(): JsiNode<unknown>[];
+    addChild(child: Node<unknown>): void;
+    dispose(): void;
+    removeChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+}
+export type Invalidate = () => void;
+export declare abstract class JsiDeclarationNode<P> extends JsiNode<P> implements DeclarationNode<P> {
+    declarationType: DeclarationType;
+    private invalidate;
+    constructor(ctx: NodeContext, declarationType: DeclarationType, type: NodeType, props: P);
+    abstract decorate(ctx: DeclarationContext): void;
+    protected decorateChildren(ctx: DeclarationContext): void;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    dispose(): void;
+    setInvalidate(invalidate: Invalidate): void;
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+}

package/lib/module/dom/nodes/Node.js

@@ -0,0 +1,95 @@
+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); }
+export class JsiNode {
+  constructor(ctx, type, props) {
+    this.type = type;
+    this.props = props;
+    _defineProperty(this, "_children", []);
+    _defineProperty(this, "Skia", void 0);
+    this.Skia = ctx.Skia;
+  }
+  setProps(props) {
+    this.props = props;
+  }
+  setProp(name, v) {
+    const hasChanged = this.props[name] !== v;
+    this.props[name] = v;
+    return hasChanged;
+  }
+  getProps() {
+    return this.props;
+  }
+  children() {
+    return this._children;
+  }
+  addChild(child) {
+    this.removeChild(child);
+    this._children.push(child);
+  }
+  dispose() {
+    this._children.forEach(child => child.dispose());
+  }
+  removeChild(child) {
+    const index = this._children.indexOf(child);
+    if (index !== -1) {
+      const [node] = this._children.splice(index, 1);
+      node.dispose();
+    }
+  }
+  insertChildBefore(child, before) {
+    const index = this._children.indexOf(child);
+    if (index !== -1) {
+      this._children.splice(index, 1);
+    }
+    const beforeIndex = this._children.indexOf(before);
+    this._children.splice(beforeIndex, 0, child);
+  }
+}
+export class JsiDeclarationNode extends JsiNode {
+  constructor(ctx, declarationType, type, props) {
+    super(ctx, type, props);
+    this.declarationType = declarationType;
+    _defineProperty(this, "invalidate", () => {});
+  }
+  decorateChildren(ctx) {
+    this.children().forEach(child => {
+      if (child instanceof JsiDeclarationNode) {
+        child.decorate(ctx);
+      }
+    });
+  }
+  addChild(child) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+    super.addChild(child);
+    this.invalidate();
+  }
+  insertChildBefore(child, before) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+    super.insertChildBefore(child, before);
+    this.invalidate();
+  }
+  dispose() {
+    this.invalidate();
+    super.dispose();
+  }
+  setInvalidate(invalidate) {
+    this.invalidate = invalidate;
+  }
+  setProps(props) {
+    super.setProps(props);
+    this.invalidate();
+  }
+  setProp(name, v) {
+    const hasChanged = super.setProp(name, v);
+    if (hasChanged) {
+      this.invalidate();
+    }
+    return hasChanged;
+  }
+}
+//# sourceMappingURL=Node.js.map

package/lib/module/dom/nodes/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["JsiNode","constructor","ctx","type","props","_defineProperty","Skia","setProps","setProp","name","v","hasChanged","getProps","children","_children","addChild","child","removeChild","push","dispose","forEach","index","indexOf","node","splice","insertChildBefore","before","beforeIndex","JsiDeclarationNode","declarationType","decorateChildren","decorate","Error","invalidate","setInvalidate"],"sources":["Node.ts"],"sourcesContent":["import type { Skia } from \"../../skia/types\";\nimport type {\n  Node,\n  DeclarationNode,\n  NodeType,\n  DeclarationType,\n} from \"../types\";\nimport type { DeclarationContext } from \"../types/DeclarationContext\";\n\nexport interface NodeContext {\n  Skia: Skia;\n}\n\nexport abstract class JsiNode<P> implements Node<P> {\n  protected _children: JsiNode<unknown>[] = [];\n  protected Skia: Skia;\n\n  constructor(ctx: NodeContext, public type: NodeType, protected props: P) {\n    this.Skia = ctx.Skia;\n  }\n\n  setProps(props: P) {\n    this.props = props;\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = this.props[name] !== v;\n    this.props[name] = v;\n    return hasChanged;\n  }\n\n  getProps() {\n    return this.props;\n  }\n\n  children() {\n    return this._children;\n  }\n\n  addChild(child: Node<unknown>) {\n    this.removeChild(child);\n    this._children.push(child as JsiNode<unknown>);\n  }\n\n  dispose() {\n    this._children.forEach((child) => child.dispose());\n  }\n\n  removeChild(child: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      const [node] = this._children.splice(index, 1);\n      node.dispose();\n    }\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      this._children.splice(index, 1);\n    }\n    const beforeIndex = this._children.indexOf(before as JsiNode<unknown>);\n    this._children.splice(beforeIndex, 0, child as JsiNode<unknown>);\n  }\n}\n\nexport type Invalidate = () => void;\n\nexport abstract class JsiDeclarationNode<P>\n  extends JsiNode<P>\n  implements DeclarationNode<P>\n{\n  private invalidate: Invalidate = () => {};\n\n  constructor(\n    ctx: NodeContext,\n    public declarationType: DeclarationType,\n    type: NodeType,\n    props: P\n  ) {\n    super(ctx, type, props);\n  }\n\n  abstract decorate(ctx: DeclarationContext): void;\n\n  protected decorateChildren(ctx: DeclarationContext) {\n    this.children().forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        child.decorate(ctx);\n      }\n    });\n  }\n\n  addChild(child: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n    this.invalidate();\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n    this.invalidate();\n  }\n\n  dispose() {\n    this.invalidate();\n    super.dispose();\n  }\n\n  setInvalidate(invalidate: Invalidate) {\n    this.invalidate = invalidate;\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.invalidate();\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = super.setProp(name, v);\n    if (hasChanged) {\n      this.invalidate();\n    }\n    return hasChanged;\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/PaintNode.d.ts

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

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

@@ -0,0 +1,83 @@
+import { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from "../../skia/types";
+import { DeclarationType, NodeType } from "../types";
+import { enumKey } from "./datatypes";
+import { JsiDeclarationNode } from "./Node";
+export class PaintNode extends JsiDeclarationNode {
+  constructor(ctx, props = {}) {
+    super(ctx, DeclarationType.Paint, NodeType.Paint, props);
+  }
+  decorate(ctx) {
+    const {
+      color,
+      strokeWidth,
+      blendMode,
+      style,
+      strokeJoin,
+      strokeCap,
+      strokeMiter,
+      opacity,
+      antiAlias,
+      dither
+    } = 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(BlendMode[enumKey(blendMode)]);
+    }
+    if (style !== undefined) {
+      paint.setStyle(PaintStyle[enumKey(style)]);
+    }
+    if (strokeJoin !== undefined) {
+      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);
+    }
+    if (strokeCap !== undefined) {
+      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);
+    }
+    if (strokeMiter !== undefined) {
+      paint.setStrokeMiter(strokeMiter);
+    }
+    if (opacity !== undefined) {
+      paint.setAlphaf(opacity);
+    }
+    if (antiAlias !== undefined) {
+      paint.setAntiAlias(antiAlias);
+    }
+    if (dither !== undefined) {
+      paint.setDither(dither);
+    }
+    ctx.save();
+    this._children.forEach(child => {
+      if (child instanceof JsiDeclarationNode) {
+        child.decorate(ctx);
+      }
+    });
+    const colorFilter = ctx.colorFilters.popAllAsOne();
+    const imageFilter = ctx.imageFilters.popAllAsOne();
+    const shader = ctx.shaders.pop();
+    const maskFilter = ctx.maskFilters.pop();
+    const pathEffect = ctx.pathEffects.popAllAsOne();
+    ctx.restore();
+    if (imageFilter) {
+      paint.setImageFilter(imageFilter);
+    }
+    if (shader) {
+      paint.setShader(shader);
+    }
+    if (pathEffect) {
+      paint.setPathEffect(pathEffect);
+    }
+    if (colorFilter) {
+      paint.setColorFilter(colorFilter);
+    }
+    if (maskFilter) {
+      paint.setMaskFilter(maskFilter);
+    }
+    ctx.paints.push(paint);
+  }
+}
+//# sourceMappingURL=PaintNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StrokeCap","StrokeJoin","PaintStyle","BlendMode","DeclarationType","NodeType","enumKey","JsiDeclarationNode","PaintNode","constructor","ctx","props","Paint","decorate","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","dither","paint","Skia","undefined","setColor","Color","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAlphaf","setAntiAlias","setDither","save","_children","forEach","child","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","restore","setImageFilter","setShader","setPathEffect","setColorFilter","setMaskFilter","paints","push"],"sources":["PaintNode.ts"],"sourcesContent":["import { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from \"../../skia/types\";\nimport type { DeclarationNode, PaintProps } from \"../types\";\nimport { DeclarationType, NodeType } from \"../types\";\nimport type { DeclarationContext } from \"../types/DeclarationContext\";\n\nimport { enumKey } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\n\nexport class PaintNode\n  extends JsiDeclarationNode<PaintProps>\n  implements DeclarationNode<PaintProps>\n{\n  constructor(ctx: NodeContext, props: PaintProps = {}) {\n    super(ctx, DeclarationType.Paint, NodeType.Paint, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const {\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      opacity,\n      antiAlias,\n      dither,\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    if (dither !== undefined) {\n      paint.setDither(dither);\n    }\n    ctx.save();\n    this._children.forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        child.decorate(ctx);\n      }\n    });\n    const colorFilter = ctx.colorFilters.popAllAsOne();\n    const imageFilter = ctx.imageFilters.popAllAsOne();\n    const shader = ctx.shaders.pop();\n    const maskFilter = ctx.maskFilters.pop();\n    const pathEffect = ctx.pathEffects.popAllAsOne();\n    ctx.restore();\n    if (imageFilter) {\n      paint.setImageFilter(imageFilter);\n    }\n    if (shader) {\n      paint.setShader(shader);\n    }\n    if (pathEffect) {\n      paint.setPathEffect(pathEffect);\n    }\n    if (colorFilter) {\n      paint.setColorFilter(colorFilter);\n    }\n    if (maskFilter) {\n      paint.setMaskFilter(maskFilter);\n    }\n    ctx.paints.push(paint);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/RenderNode.d.ts

@@ -0,0 +1,26 @@
+import type { SkMatrix, SkRect, SkRRect, SkPath, SkPaint } from "../../skia/types";
+import type { RenderNode, GroupProps, NodeType, Node, DrawingContext } from "../types";
+import type { NodeContext } from "./Node";
+import { JsiNode } from "./Node";
+interface PaintCache {
+    parent: SkPaint;
+    child: SkPaint;
+}
+export declare abstract class JsiRenderNode<P extends GroupProps> extends JsiNode<P> implements RenderNode<P> {
+    paintCache: PaintCache | null;
+    matrix: SkMatrix;
+    clipRect?: SkRect;
+    clipRRect?: SkRRect;
+    clipPath?: SkPath;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(key: K, value: P[K]): boolean;
+    protected onPropChange(): void;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    private computeClip;
+    private computeMatrix;
+    render(ctx: DrawingContext): void;
+    abstract renderNode(ctx: DrawingContext): void;
+}
+export {};