@shopify/react-native-skia 1.0.1 → 1.0.3

package/lib/commonjs/dom/nodes/JsiSkDOM.d.ts

@@ -0,0 +1,68 @@
+import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, MatrixColorFilterProps, CircleProps, BlurMaskFilterProps, LinearGradientProps, PaintProps, ShaderProps, ImageShaderProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, OffsetImageFilterProps, BlendColorFilterProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, FractalNoiseProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, DrawingNodeProps, BoxProps, BoxShadowProps, ChildrenProps, AtlasProps } from "../types";
+import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
+import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
+import type { ParagraphProps } from "../types/Paragraph";
+import { RRectNode } from "./drawings";
+import type { NodeContext } from "./Node";
+export declare class JsiSkDOM implements SkDOM {
+    private ctx;
+    private native;
+    constructor(ctx: NodeContext, native: boolean);
+    Layer(props?: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
+    Group(props?: GroupProps): import("../types").RenderNode<GroupProps>;
+    Paint(props: PaintProps): import("../types").DeclarationNode<PaintProps>;
+    Fill(props?: DrawingNodeProps): import("../types").RenderNode<PaintProps>;
+    Image(props: ImageProps): import("../types").RenderNode<ImageProps>;
+    Circle(props: CircleProps): import("../types").RenderNode<CircleProps>;
+    Path(props: PathProps): import("../types").RenderNode<PathProps>;
+    Line(props: LineProps): import("../types").RenderNode<LineProps>;
+    Oval(props: OvalProps): import("../types").RenderNode<OvalProps>;
+    Patch(props: PatchProps): import("../types").RenderNode<PatchProps>;
+    Points(props: PointsProps): import("../types").RenderNode<PointsProps>;
+    Rect(props: RectProps): import("./DrawingNode").JsiDrawingNode<RectProps, import("../..").SkRect>;
+    RRect(props: RoundedRectProps): RRectNode | import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect>;
+    Vertices(props: VerticesProps): import("../types").RenderNode<VerticesProps>;
+    Text(props: TextProps): import("../types").RenderNode<TextProps>;
+    TextPath(props: TextPathProps): import("../types").RenderNode<TextPathProps>;
+    TextBlob(props: TextBlobProps): import("../types").RenderNode<TextBlobProps>;
+    Glyphs(props: GlyphsProps): import("../types").RenderNode<GlyphsProps>;
+    DiffRect(props: DiffRectProps): import("../types").RenderNode<DiffRectProps>;
+    Picture(props: PictureProps): import("../types").RenderNode<PictureProps>;
+    Atlas(props: AtlasProps): import("../types").RenderNode<AtlasProps>;
+    ImageSVG(props: ImageSVGProps): import("../types").RenderNode<ImageSVGProps>;
+    BlurMaskFilter(props: BlurMaskFilterProps): import("../types").DeclarationNode<BlurMaskFilterProps>;
+    BlendImageFilter(props: BlendImageFilterProps): import("../types").DeclarationNode<BlendImageFilterProps>;
+    DropShadowImageFilter(props: DropShadowImageFilterProps): import("../types").DeclarationNode<DropShadowImageFilterProps>;
+    DisplacementMapImageFilter(props: DisplacementMapImageFilterProps): import("../types").DeclarationNode<DisplacementMapImageFilterProps>;
+    BlurImageFilter(props: BlurImageFilterProps): import("../types").DeclarationNode<BlurImageFilterProps>;
+    OffsetImageFilter(props: OffsetImageFilterProps): import("../types").DeclarationNode<OffsetImageFilterProps>;
+    MorphologyImageFilter(props: MorphologyImageFilterProps): import("../types").DeclarationNode<MorphologyImageFilterProps>;
+    RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps): import("../types").DeclarationNode<RuntimeShaderImageFilterProps>;
+    MatrixColorFilter(props: MatrixColorFilterProps): import("../types").DeclarationNode<MatrixColorFilterProps>;
+    BlendColorFilter(props: BlendColorFilterProps): import("../types").DeclarationNode<BlendColorFilterProps>;
+    LumaColorFilter(): import("../types").DeclarationNode<null>;
+    LinearToSRGBGammaColorFilter(): import("../types").DeclarationNode<null>;
+    SRGBToLinearGammaColorFilter(): import("../types").DeclarationNode<null>;
+    LerpColorFilter(props: LerpColorFilterProps): import("../types").DeclarationNode<LerpColorFilterProps>;
+    Shader(props: ShaderProps): import("../types").DeclarationNode<ShaderProps>;
+    ImageShader(props: ImageShaderProps): import("../types").DeclarationNode<ImageShaderProps>;
+    ColorShader(props: ColorProps): import("../types").DeclarationNode<ColorProps>;
+    SweepGradient(props: SweepGradientProps): import("../types").DeclarationNode<SweepGradientProps>;
+    Turbulence(props: TurbulenceProps): import("../types").DeclarationNode<TurbulenceProps>;
+    FractalNoise(props: FractalNoiseProps): import("../types").DeclarationNode<FractalNoiseProps>;
+    LinearGradient(props: LinearGradientProps): import("../types").DeclarationNode<LinearGradientProps>;
+    RadialGradient(props: RadialGradientProps): import("../types").DeclarationNode<RadialGradientProps>;
+    TwoPointConicalGradient(props: TwoPointConicalGradientProps): import("../types").DeclarationNode<TwoPointConicalGradientProps>;
+    CornerPathEffect(props: CornerPathEffectProps): import("../types").DeclarationNode<CornerPathEffectProps>;
+    DiscretePathEffect(props: DiscretePathEffectProps): import("../types").DeclarationNode<DiscretePathEffectProps>;
+    DashPathEffect(props: DashPathEffectProps): import("../types").DeclarationNode<DashPathEffectProps>;
+    Path1DPathEffect(props: Path1DPathEffectProps): import("../types").DeclarationNode<Path1DPathEffectProps>;
+    Path2DPathEffect(props: Path2DPathEffectProps): import("../types").DeclarationNode<Path2DPathEffectProps>;
+    SumPathEffect(): import("../types").DeclarationNode<null>;
+    Line2DPathEffect(props: Line2DPathEffectProps): import("../types").DeclarationNode<Line2DPathEffectProps>;
+    Blend(props: BlendProps): import("../types").DeclarationNode<BlendProps>;
+    BackdropFilter(props: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
+    Box(props: BoxProps): import("../types").RenderNode<BoxProps>;
+    BoxShadow(props: BoxShadowProps): import("../types").DeclarationNode<BoxShadowProps>;
+    Paragraph(props: ParagraphProps): import("../types").RenderNode<ParagraphProps>;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_drawings","require","_paint","_ColorFilters","_Shaders","_ImageFilters","_GroupNode","_PaintNode","_LayerNode","_ParagraphNode","JsiSkDOM","constructor","ctx","native","Layer","props","global","SkiaDomApi","LayerNode","Group","GroupNode","Paint","PaintNode","Fill","FillNode","Image","ImageNode","Circle","CircleNode","Path","PathNode","Line","LineNode","Oval","OvalNode","Patch","PatchNode","Points","PointsNode","Rect","RectNode","RRect","RRectNode","Vertices","VerticesNode","Text","TextNode","TextPath","TextPathNode","TextBlob","TextBlobNode","Glyphs","GlyphsNode","DiffRect","DiffRectNode","Picture","PictureNode","Atlas","AtlasNode","ImageSVG","ImageSVGNode","BlurMaskFilter","BlurMaskFilterNode","BlendImageFilter","BlendImageFilterNode","DropShadowImageFilter","DropShadowImageFilterNode","DisplacementMapImageFilter","DisplacementMapImageFilterNode","BlurImageFilter","BlurImageFilterNode","OffsetImageFilter","OffsetImageFilterNode","MorphologyImageFilter","MorphologyImageFilterNode","RuntimeShaderImageFilter","RuntimeShaderImageFilterNode","MatrixColorFilter","MatrixColorFilterNode","BlendColorFilter","BlendColorFilterNode","LumaColorFilter","LumaColorFilterNode","LinearToSRGBGammaColorFilter","LinearToSRGBGammaColorFilterNode","SRGBToLinearGammaColorFilter","SRGBToLinearGammaColorFilterNode","LerpColorFilter","LerpColorFilterNode","Shader","ShaderNode","ImageShader","ImageShaderNode","ColorShader","ColorShaderNode","ColorNode","SweepGradient","SweepGradientNode","Turbulence","TurbulenceNode","FractalNoise","FractalNoiseNode","LinearGradient","LinearGradientNode","RadialGradient","RadialGradientNode","TwoPointConicalGradient","TwoPointConicalGradientNode","CornerPathEffect","CornerPathEffectNode","DiscretePathEffect","DiscretePathEffectNode","DashPathEffect","DashPathEffectNode","Path1DPathEffect","Path1DPathEffectNode","Path2DPathEffect","Path2DPathEffectNode","SumPathEffect","SumPathEffectNode","Line2DPathEffect","Line2DPathEffectNode","Blend","BlendNode","BackdropFilter","BackdropFilterNode","Box","BoxNode","BoxShadow","BoxShadowNode","Paragraph","ParagraphNode","exports"],"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/commonjs/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/commonjs/dom/nodes/LayerNode.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerNode = void 0;
+var _types = require("../types");
+var _RenderNode = require("./RenderNode");
+var _Node = require("./Node");
+class LayerNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Layer, props);
+  }
+  renderNode(ctx) {
+    let hasLayer = false;
+    const [layer, ...children] = this.children();
+    if (layer instanceof _Node.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 _RenderNode.JsiRenderNode) {
+        child.render(ctx);
+      }
+    });
+    if (hasLayer) {
+      ctx.canvas.restore();
+    }
+  }
+}
+exports.LayerNode = LayerNode;
+//# sourceMappingURL=LayerNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_RenderNode","_Node","LayerNode","JsiRenderNode","constructor","ctx","props","NodeType","Layer","renderNode","hasLayer","layer","children","JsiDeclarationNode","declCtx","declarationCtx","save","decorate","paint","paints","pop","restore","canvas","saveLayer","map","child","render","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,SAASC,yBAAa,CAAgB;EAC1DC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,UAAUA,CAACJ,GAAmB,EAAQ;IACpC,IAAIK,QAAQ,GAAG,KAAK;IACpB,MAAM,CAACC,KAAK,EAAE,GAAGC,QAAQ,CAAC,GAAG,IAAI,CAACA,QAAQ,CAAC,CAAC;IAC5C,IAAID,KAAK,YAAYE,wBAAkB,EAAE;MACvC,MAAMC,OAAO,GAAGT,GAAG,CAACU,cAAc;MAClCD,OAAO,CAACE,IAAI,CAAC,CAAC;MACdL,KAAK,CAACM,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;QACTR,QAAQ,GAAG,IAAI;QACfL,GAAG,CAACiB,MAAM,CAACC,SAAS,CAACL,KAAK,CAAC;MAC7B;IACF;IACAN,QAAQ,CAACY,GAAG,CAAEC,KAAK,IAAK;MACtB,IAAIA,KAAK,YAAYtB,yBAAa,EAAE;QAClCsB,KAAK,CAACC,MAAM,CAACrB,GAAG,CAAC;MACnB;IACF,CAAC,CAAC;IACF,IAAIK,QAAQ,EAAE;MACZL,GAAG,CAACiB,MAAM,CAACD,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACM,OAAA,CAAAzB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/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/commonjs/dom/nodes/Node.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiNode = exports.JsiDeclarationNode = 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); }
+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);
+  }
+}
+exports.JsiNode = JsiNode;
+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;
+  }
+}
+exports.JsiDeclarationNode = JsiDeclarationNode;
+//# sourceMappingURL=Node.js.map

package/lib/commonjs/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","exports","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/commonjs/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/commonjs/dom/nodes/PaintNode.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaintNode = void 0;
+var _types = require("../../skia/types");
+var _types2 = require("../types");
+var _datatypes = require("./datatypes");
+var _Node = require("./Node");
+class PaintNode extends _Node.JsiDeclarationNode {
+  constructor(ctx, props = {}) {
+    super(ctx, _types2.DeclarationType.Paint, _types2.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(_types.BlendMode[(0, _datatypes.enumKey)(blendMode)]);
+    }
+    if (style !== undefined) {
+      paint.setStyle(_types.PaintStyle[(0, _datatypes.enumKey)(style)]);
+    }
+    if (strokeJoin !== undefined) {
+      paint.setStrokeJoin(_types.StrokeJoin[(0, _datatypes.enumKey)(strokeJoin)]);
+    }
+    if (strokeCap !== undefined) {
+      paint.setStrokeCap(_types.StrokeCap[(0, _datatypes.enumKey)(strokeCap)]);
+    }
+    if (strokeMiter !== undefined) {
+      paint.setStrokeMiter(strokeMiter);
+    }
+    if (opacity !== undefined) {
+      paint.setAlphaf(opacity);
+    }
+    if (antiAlias !== undefined) {
+      paint.setAntiAlias(antiAlias);
+    }
+    if (dither !== undefined) {
+      paint.setDither(dither);
+    }
+    ctx.save();
+    this._children.forEach(child => {
+      if (child instanceof _Node.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);
+  }
+}
+exports.PaintNode = PaintNode;
+//# sourceMappingURL=PaintNode.js.map