@shopify/react-native-skia 0.1.147 → 0.1.148

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

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

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

@@ -0,0 +1,145 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { DeclarationType } from "../types";
+export class JsiNode {
+  constructor(ctx, type, props) {
+    this.type = type;
+    this.props = props;
+
+    _defineProperty(this, "_children", []);
+
+    _defineProperty(this, "Skia", void 0);
+
+    _defineProperty(this, "depMgr", void 0);
+
+    this.Skia = ctx.Skia;
+    this.depMgr = ctx.depMgr;
+  }
+
+  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._children.push(child);
+  }
+
+  dispose() {
+    this.depMgr.unsubscribeNode(this);
+
+    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", () => {});
+  }
+
+  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;
+  }
+
+  isPaint() {
+    return this.declarationType === DeclarationType.Paint;
+  }
+
+  isImageFilter() {
+    return this.declarationType === DeclarationType.ImageFilter;
+  }
+
+  isColorFilter() {
+    return this.declarationType === DeclarationType.ColorFilter;
+  }
+
+  isShader() {
+    return this.declarationType === DeclarationType.Shader;
+  }
+
+  isMaskFilter() {
+    return this.declarationType === DeclarationType.MaskFilter;
+  }
+
+  isPathEffect() {
+    return this.declarationType === DeclarationType.PathEffect;
+  }
+
+}
+//# sourceMappingURL=Node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Node.ts"],"names":["DeclarationType","JsiNode","constructor","ctx","type","props","Skia","depMgr","setProps","setProp","name","v","hasChanged","getProps","children","_children","addChild","child","push","dispose","unsubscribeNode","forEach","removeChild","index","indexOf","node","splice","insertChildBefore","before","beforeIndex","JsiDeclarationNode","declarationType","Error","invalidate","setInvalidate","isPaint","Paint","isImageFilter","ImageFilter","isColorFilter","ColorFilter","isShader","Shader","isMaskFilter","MaskFilter","isPathEffect","PathEffect"],"mappings":"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","sourcesContent":["import type {\n  SkColorFilter,\n  Skia,\n  SkImageFilter,\n  SkMaskFilter,\n  SkShader,\n  SkPathEffect,\n  SkPaint,\n} from \"../../skia/types\";\nimport type { Node, DeclarationNode, NodeType } from \"../types\";\nimport { DeclarationType } from \"../types\";\nimport type { DependencyManager } from \"../../renderer/DependencyManager\";\n\nexport interface NodeContext {\n  Skia: Skia;\n  depMgr: DependencyManager;\n}\n\nexport abstract class JsiNode<P> implements Node<P> {\n  protected _children: JsiNode<unknown>[] = [];\n  protected Skia: Skia;\n  protected depMgr: DependencyManager;\n\n  constructor(ctx: NodeContext, public type: NodeType, protected props: P) {\n    this.Skia = ctx.Skia;\n    this.depMgr = ctx.depMgr;\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._children.push(child as JsiNode<unknown>);\n  }\n\n  dispose() {\n    this.depMgr.unsubscribeNode(this);\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<\n    P,\n    T,\n    Nullable extends null | never = never\n  >\n  extends JsiNode<P>\n  implements DeclarationNode<P, T, Nullable>\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 materialize(): T | Nullable;\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  isPaint(): this is DeclarationNode<unknown, SkPaint> {\n    return this.declarationType === DeclarationType.Paint;\n  }\n\n  isImageFilter(): this is DeclarationNode<unknown, SkImageFilter> {\n    return this.declarationType === DeclarationType.ImageFilter;\n  }\n\n  isColorFilter(): this is DeclarationNode<unknown, SkColorFilter> {\n    return this.declarationType === DeclarationType.ColorFilter;\n  }\n\n  isShader(): this is DeclarationNode<unknown, SkShader> {\n    return this.declarationType === DeclarationType.Shader;\n  }\n\n  isMaskFilter(): this is DeclarationNode<unknown, SkMaskFilter> {\n    return this.declarationType === DeclarationType.MaskFilter;\n  }\n\n  isPathEffect(): this is DeclarationNode<unknown, SkPathEffect> {\n    return this.declarationType === DeclarationType.PathEffect;\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PaintContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    super(ctx, DeclarationType.Paint, NodeType.Paint, props);
+  }
+
+  materialize() {
+    const {
+      color,
+      strokeWidth,
+      blendMode,
+      style,
+      strokeJoin,
+      strokeCap,
+      strokeMiter,
+      opacity,
+      antiAlias
+    } = this.props;
+    const paint = this.Skia.Paint();
+
+    if (color !== undefined) {
+      paint.setColor(this.Skia.Color(color));
+    }
+
+    if (strokeWidth !== undefined) {
+      paint.setStrokeWidth(strokeWidth);
+    }
+
+    if (blendMode !== undefined) {
+      paint.setBlendMode(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);
+    }
+
+    this._children.forEach(child => {
+      if (child instanceof JsiDeclarationNode) {
+        if (child.isShader()) {
+          paint.setShader(child.materialize());
+        } else if (child.isColorFilter()) {
+          paint.setColorFilter(child.materialize());
+        } else if (child.isImageFilter()) {
+          paint.setImageFilter(child.materialize());
+        } else if (child.isMaskFilter()) {
+          paint.setMaskFilter(child.materialize());
+        } else if (child.isPathEffect()) {
+          paint.setPathEffect(child.materialize());
+        } else {
+          throw new Error(`Unknown paint child ${child.type}`);
+        }
+      }
+    });
+
+    return paint;
+  }
+
+}
+//# sourceMappingURL=PaintNode.js.map

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

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

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

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