@shopify/react-native-skia 0.1.147 → 0.1.149

package/cpp/api/JsiSkFont.h

@@ -71,7 +71,7 @@ namespace RNSkia
 
         JSI_HOST_FUNCTION(getTextWidth) {
             auto str = arguments[0].asString(runtime).utf8(runtime);
-            auto numGlyphIDs = str.length();
+            auto numGlyphIDs = getObject()->countText(str.c_str(), str.length(), SkTextEncoding::kUTF8);
             std::vector<SkGlyphID> glyphs;
             glyphs.resize(numGlyphIDs);
             int glyphsSize = static_cast<int>(numGlyphIDs);
@@ -111,9 +111,9 @@ namespace RNSkia
         JSI_HOST_FUNCTION(getGlyphIDs)
         {
             auto str = arguments[0].asString(runtime).utf8(runtime);
-            auto numGlyphIDs = count > 1 && !arguments[1].isNull() && !arguments[1].isUndefined()
-                                   ? arguments[1].asNumber()
-                                   : str.length();
+            int numGlyphIDs = count > 1 && !arguments[1].isNull() && !arguments[1].isUndefined()
+                                   ? static_cast<int>(arguments[1].asNumber())
+                                   : getObject()->countText(str.c_str(), str.length(), SkTextEncoding::kUTF8);
             std::vector<SkGlyphID> glyphIDs;
             glyphIDs.resize(numGlyphIDs);
             getObject()->textToGlyphs(str.c_str(), str.length(), SkTextEncoding::kUTF8,

package/cpp/rnskia/RNSkJsiViewApi.h

@@ -114,9 +114,9 @@ public:
   }
 
   JSI_HOST_FUNCTION(requestRedraw) {
-    if (count < 2) {
+    if (count != 1) {
        _platformContext->raiseError(
-         std::string("requestRedraw: Expected 2 arguments, got " + std::to_string(count) + "."));
+         std::string("requestRedraw: Expected 1 arguments, got " + std::to_string(count) + "."));
 
        return jsi::Value::undefined();
      }

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiDrawingNode = void 0;
+
+var _Node = require("./Node");
+
+var _PaintNode = require("./PaintNode");
+
+var _RenderNode = require("./RenderNode");
+
+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; }
+
+class JsiDrawingNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+
+    _defineProperty(this, "derived", void 0);
+
+    this.derived = this.deriveProps();
+  }
+
+  setProps(props) {
+    super.setProps(props);
+    this.derived = this.deriveProps();
+  }
+
+  setProp(name, value) {
+    const hasChanged = super.setProp(name, value);
+
+    if (hasChanged) {
+      this.derived = this.deriveProps();
+    }
+
+    return hasChanged;
+  }
+
+  addChild(child) {
+    if (!(child instanceof _Node.JsiDeclarationNode)) {
+      throw new Error(`Cannot add ${child.type} to ${this.type}`);
+    }
+
+    super.addChild(child);
+    this.derived = this.deriveProps();
+  }
+
+  insertChildBefore(child, before) {
+    if (!(child instanceof _Node.JsiDeclarationNode)) {
+      throw new Error(`Cannot add ${child.type} to ${this.type}`);
+    }
+
+    super.insertChildBefore(child, before);
+    this.derived = this.deriveProps();
+  }
+
+  renderNode(ctx) {
+    if (this.props.paint && (0, _RenderNode.isSkPaint)(this.props.paint)) {
+      this.draw({ ...ctx,
+        paint: this.props.paint
+      });
+    } else if (this.props.paint && this.props.paint.current != null) {
+      this.draw({ ...ctx,
+        paint: this.props.paint.current.materialize()
+      });
+    } else {
+      this.draw(ctx);
+    }
+
+    this.children().map(child => {
+      if (child instanceof _PaintNode.PaintNode) {
+        const paint = child.materialize();
+        this.draw({ ...ctx,
+          paint
+        });
+      }
+    });
+  }
+
+}
+
+exports.JsiDrawingNode = JsiDrawingNode;
+//# sourceMappingURL=DrawingNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DrawingNode.ts"],"names":["JsiDrawingNode","JsiRenderNode","constructor","ctx","type","props","derived","deriveProps","setProps","setProp","name","value","hasChanged","addChild","child","JsiDeclarationNode","Error","insertChildBefore","before","renderNode","paint","draw","current","materialize","children","map","PaintNode"],"mappings":";;;;;;;AASA;;AACA;;AACA;;;;AAEO,MAAeA,cAAf,SACGC,yBADH,CAGP;AAGEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,IAAnB,EAAmCC,KAAnC,EAA6C;AACtD,UAAMF,GAAN,EAAWC,IAAX,EAAiBC,KAAjB;;AADsD;;AAEtD,SAAKC,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDC,EAAAA,QAAQ,CAACH,KAAD,EAAW;AACjB,UAAMG,QAAN,CAAeH,KAAf;AACA,SAAKC,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDE,EAAAA,OAAO,CAAoBC,IAApB,EAA6BC,KAA7B,EAA0C;AAC/C,UAAMC,UAAU,GAAG,MAAMH,OAAN,CAAcC,IAAd,EAAoBC,KAApB,CAAnB;;AACA,QAAIC,UAAJ,EAAgB;AACd,WAAKN,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AACD,WAAOK,UAAP;AACD;;AAEDC,EAAAA,QAAQ,CAACC,KAAD,EAA6B;AACnC,QAAI,EAAEA,KAAK,YAAYC,wBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIC,KAAJ,CAAW,cAAaF,KAAK,CAACV,IAAK,OAAM,KAAKA,IAAK,EAAnD,CAAN;AACD;;AACD,UAAMS,QAAN,CAAeC,KAAf;AACA,SAAKR,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDU,EAAAA,iBAAiB,CAACH,KAAD,EAAuBI,MAAvB,EAAoD;AACnE,QAAI,EAAEJ,KAAK,YAAYC,wBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIC,KAAJ,CAAW,cAAaF,KAAK,CAACV,IAAK,OAAM,KAAKA,IAAK,EAAnD,CAAN;AACD;;AACD,UAAMa,iBAAN,CAAwBH,KAAxB,EAA+BI,MAA/B;AACA,SAAKZ,OAAL,GAAe,KAAKC,WAAL,EAAf;AACD;;AAEDY,EAAAA,UAAU,CAAChB,GAAD,EAA4B;AACpC,QAAI,KAAKE,KAAL,CAAWe,KAAX,IAAoB,2BAAU,KAAKf,KAAL,CAAWe,KAArB,CAAxB,EAAqD;AACnD,WAAKC,IAAL,CAAU,EAAE,GAAGlB,GAAL;AAAUiB,QAAAA,KAAK,EAAE,KAAKf,KAAL,CAAWe;AAA5B,OAAV;AACD,KAFD,MAEO,IAAI,KAAKf,KAAL,CAAWe,KAAX,IAAoB,KAAKf,KAAL,CAAWe,KAAX,CAAiBE,OAAjB,IAA4B,IAApD,EAA0D;AAC/D,WAAKD,IAAL,CAAU,EAAE,GAAGlB,GAAL;AAAUiB,QAAAA,KAAK,EAAE,KAAKf,KAAL,CAAWe,KAAX,CAAiBE,OAAjB,CAAyBC,WAAzB;AAAjB,OAAV;AACD,KAFM,MAEA;AACL,WAAKF,IAAL,CAAUlB,GAAV;AACD;;AACD,SAAKqB,QAAL,GAAgBC,GAAhB,CAAqBX,KAAD,IAAW;AAC7B,UAAIA,KAAK,YAAYY,oBAArB,EAAgC;AAC9B,cAAMN,KAAK,GAAGN,KAAK,CAACS,WAAN,EAAd;AACA,aAAKF,IAAL,CAAU,EAAE,GAAGlB,GAAL;AAAUiB,UAAAA;AAAV,SAAV;AACD;AACF,KALD;AAMD;;AAnDH","sourcesContent":["import type {\n  DrawingContext,\n  DrawingNodeProps,\n  Node,\n  NodeType,\n  RenderNode,\n} from \"../types\";\n\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\nimport { PaintNode } from \"./PaintNode\";\nimport { isSkPaint, JsiRenderNode } from \"./RenderNode\";\n\nexport abstract class JsiDrawingNode<P extends DrawingNodeProps, C>\n  extends JsiRenderNode<P>\n  implements RenderNode<P>\n{\n  protected derived?: C;\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n    this.derived = this.deriveProps();\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.derived = this.deriveProps();\n  }\n\n  setProp<K extends keyof P>(name: K, value: P[K]) {\n    const hasChanged = super.setProp(name, value);\n    if (hasChanged) {\n      this.derived = this.deriveProps();\n    }\n    return hasChanged;\n  }\n\n  addChild(child: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n    this.derived = this.deriveProps();\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n    this.derived = this.deriveProps();\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    if (this.props.paint && isSkPaint(this.props.paint)) {\n      this.draw({ ...ctx, paint: this.props.paint });\n    } else if (this.props.paint && this.props.paint.current != null) {\n      this.draw({ ...ctx, paint: this.props.paint.current.materialize() });\n    } else {\n      this.draw(ctx);\n    }\n    this.children().map((child) => {\n      if (child instanceof PaintNode) {\n        const paint = child.materialize();\n        this.draw({ ...ctx, paint });\n      }\n    });\n  }\n\n  protected abstract draw(ctx: DrawingContext): void;\n  protected abstract deriveProps(): C;\n}\n"]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupNode = void 0;
+
+var _types = require("../types");
+
+var _RenderNode = require("./RenderNode");
+
+class GroupNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Group, props);
+  }
+
+  renderNode(ctx) {
+    this.children().map(child => {
+      if (child instanceof _RenderNode.JsiRenderNode) {
+        child.render(ctx);
+      }
+    });
+  }
+
+}
+
+exports.GroupNode = GroupNode;
+//# sourceMappingURL=GroupNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GroupNode.ts"],"names":["GroupNode","JsiRenderNode","constructor","ctx","props","NodeType","Group","renderNode","children","map","child","render"],"mappings":";;;;;;;AACA;;AAGA;;AAGO,MAAMA,SAAN,SACGC,yBADH,CAGP;AACEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWE,gBAASC,KAApB,EAA2BF,KAA3B;AACD;;AAEDG,EAAAA,UAAU,CAACJ,GAAD,EAA4B;AACpC,SAAKK,QAAL,GAAgBC,GAAhB,CAAqBC,KAAD,IAAW;AAC7B,UAAIA,KAAK,YAAYT,yBAArB,EAAoC;AAClCS,QAAAA,KAAK,CAACC,MAAN,CAAaR,GAAb;AACD;AACF,KAJD;AAKD;;AAXH","sourcesContent":["import type { DrawingContext, GroupProps } from \"../types\";\nimport { NodeType } from \"../types\";\nimport type { RenderNode } from \"../types/Node\";\n\nimport { JsiRenderNode } from \"./RenderNode\";\nimport type { NodeContext } from \"./Node\";\n\nexport class GroupNode\n  extends JsiRenderNode<GroupProps>\n  implements RenderNode<GroupProps>\n{\n  constructor(ctx: NodeContext, props: GroupProps) {\n    super(ctx, NodeType.Group, props);\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    this.children().map((child) => {\n      if (child instanceof JsiRenderNode) {\n        child.render(ctx);\n      }\n    });\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["JsiSkDOM.ts"],"names":["JsiSkDOM","constructor","ctx","Group","props","GroupNode","Paint","PaintNode","Fill","FillNode","Image","ImageNode","Circle","CircleNode","Path","PathNode","CustomDrawing","CustomDrawingNode","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","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","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"],"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/commonjs/dom/nodes/Node.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiNode = exports.JsiDeclarationNode = void 0;
+
+var _types = require("../types");
+
+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; }
+
+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);
+  }
+
+}
+
+exports.JsiNode = JsiNode;
+
+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 === _types.DeclarationType.Paint;
+  }
+
+  isImageFilter() {
+    return this.declarationType === _types.DeclarationType.ImageFilter;
+  }
+
+  isColorFilter() {
+    return this.declarationType === _types.DeclarationType.ColorFilter;
+  }
+
+  isShader() {
+    return this.declarationType === _types.DeclarationType.Shader;
+  }
+
+  isMaskFilter() {
+    return this.declarationType === _types.DeclarationType.MaskFilter;
+  }
+
+  isPathEffect() {
+    return this.declarationType === _types.DeclarationType.PathEffect;
+  }
+
+}
+
+exports.JsiDeclarationNode = JsiDeclarationNode;
+//# sourceMappingURL=Node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Node.ts"],"names":["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","DeclarationType","Paint","isImageFilter","ImageFilter","isColorFilter","ColorFilter","isShader","Shader","isMaskFilter","MaskFilter","isPathEffect","PathEffect"],"mappings":";;;;;;;AAUA;;;;AAQO,MAAeA,OAAf,CAA6C;AAKlDC,EAAAA,WAAW,CAACC,GAAD,EAA0BC,IAA1B,EAAoDC,KAApD,EAA8D;AAAA,SAApCD,IAAoC,GAApCA,IAAoC;AAAA,SAAVC,KAAU,GAAVA,KAAU;;AAAA,uCAJ/B,EAI+B;;AAAA;;AAAA;;AACvE,SAAKC,IAAL,GAAYH,GAAG,CAACG,IAAhB;AACA,SAAKC,MAAL,GAAcJ,GAAG,CAACI,MAAlB;AACD;;AAEDC,EAAAA,QAAQ,CAACH,KAAD,EAAW;AACjB,SAAKA,KAAL,GAAaA,KAAb;AACD;;AAEDI,EAAAA,OAAO,CAAoBC,IAApB,EAA6BC,CAA7B,EAAsC;AAC3C,UAAMC,UAAU,GAAG,KAAKP,KAAL,CAAWK,IAAX,MAAqBC,CAAxC;AACA,SAAKN,KAAL,CAAWK,IAAX,IAAmBC,CAAnB;AACA,WAAOC,UAAP;AACD;;AAEDC,EAAAA,QAAQ,GAAG;AACT,WAAO,KAAKR,KAAZ;AACD;;AAEDS,EAAAA,QAAQ,GAAG;AACT,WAAO,KAAKC,SAAZ;AACD;;AAEDC,EAAAA,QAAQ,CAACC,KAAD,EAAuB;AAC7B,SAAKF,SAAL,CAAeG,IAAf,CAAoBD,KAApB;AACD;;AAEDE,EAAAA,OAAO,GAAG;AACR,SAAKZ,MAAL,CAAYa,eAAZ,CAA4B,IAA5B;;AACA,SAAKL,SAAL,CAAeM,OAAf,CAAwBJ,KAAD,IAAWA,KAAK,CAACE,OAAN,EAAlC;AACD;;AAEDG,EAAAA,WAAW,CAACL,KAAD,EAAuB;AAChC,UAAMM,KAAK,GAAG,KAAKR,SAAL,CAAeS,OAAf,CAAuBP,KAAvB,CAAd;;AACA,QAAIM,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChB,YAAM,CAACE,IAAD,IAAS,KAAKV,SAAL,CAAeW,MAAf,CAAsBH,KAAtB,EAA6B,CAA7B,CAAf;;AACAE,MAAAA,IAAI,CAACN,OAAL;AACD;AACF;;AAEDQ,EAAAA,iBAAiB,CAACV,KAAD,EAAuBW,MAAvB,EAA8C;AAC7D,UAAML,KAAK,GAAG,KAAKR,SAAL,CAAeS,OAAf,CAAuBP,KAAvB,CAAd;;AACA,QAAIM,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChB,WAAKR,SAAL,CAAeW,MAAf,CAAsBH,KAAtB,EAA6B,CAA7B;AACD;;AACD,UAAMM,WAAW,GAAG,KAAKd,SAAL,CAAeS,OAAf,CAAuBI,MAAvB,CAApB;;AACA,SAAKb,SAAL,CAAeW,MAAf,CAAsBG,WAAtB,EAAmC,CAAnC,EAAsCZ,KAAtC;AACD;;AApDiD;;;;AAyD7C,MAAea,kBAAf,SAKG7B,OALH,CAOP;AAGEC,EAAAA,WAAW,CACTC,GADS,EAEF4B,eAFE,EAGT3B,IAHS,EAITC,KAJS,EAKT;AACA,UAAMF,GAAN,EAAWC,IAAX,EAAiBC,KAAjB;AADA,SAHO0B,eAGP,GAHOA,eAGP;;AAAA,wCAP+B,MAAM,CAAE,CAOvC;AAED;;AAIDf,EAAAA,QAAQ,CAACC,KAAD,EAA6B;AACnC,QAAI,EAAEA,KAAK,YAAYa,kBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIE,KAAJ,CAAW,4BAA2Bf,KAAK,CAACb,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;AACD;;AACD,UAAMY,QAAN,CAAeC,KAAf;AACA,SAAKgB,UAAL;AACD;;AAEDN,EAAAA,iBAAiB,CAACV,KAAD,EAAuBW,MAAvB,EAAoD;AACnE,QAAI,EAAEX,KAAK,YAAYa,kBAAnB,CAAJ,EAA4C;AAC1C,YAAM,IAAIE,KAAJ,CAAW,4BAA2Bf,KAAK,CAACb,IAAK,OAAM,KAAKA,IAAK,EAAjE,CAAN;AACD;;AACD,UAAMuB,iBAAN,CAAwBV,KAAxB,EAA+BW,MAA/B;AACA,SAAKK,UAAL;AACD;;AAEDd,EAAAA,OAAO,GAAG;AACR,SAAKc,UAAL;AACA,UAAMd,OAAN;AACD;;AAEDe,EAAAA,aAAa,CAACD,UAAD,EAAyB;AACpC,SAAKA,UAAL,GAAkBA,UAAlB;AACD;;AAEDzB,EAAAA,QAAQ,CAACH,KAAD,EAAW;AACjB,UAAMG,QAAN,CAAeH,KAAf;AACA,SAAK4B,UAAL;AACD;;AAEDxB,EAAAA,OAAO,CAAoBC,IAApB,EAA6BC,CAA7B,EAAsC;AAC3C,UAAMC,UAAU,GAAG,MAAMH,OAAN,CAAcC,IAAd,EAAoBC,CAApB,CAAnB;;AACA,QAAIC,UAAJ,EAAgB;AACd,WAAKqB,UAAL;AACD;;AACD,WAAOrB,UAAP;AACD;;AAEDuB,EAAAA,OAAO,GAA8C;AACnD,WAAO,KAAKJ,eAAL,KAAyBK,uBAAgBC,KAAhD;AACD;;AAEDC,EAAAA,aAAa,GAAoD;AAC/D,WAAO,KAAKP,eAAL,KAAyBK,uBAAgBG,WAAhD;AACD;;AAEDC,EAAAA,aAAa,GAAoD;AAC/D,WAAO,KAAKT,eAAL,KAAyBK,uBAAgBK,WAAhD;AACD;;AAEDC,EAAAA,QAAQ,GAA+C;AACrD,WAAO,KAAKX,eAAL,KAAyBK,uBAAgBO,MAAhD;AACD;;AAEDC,EAAAA,YAAY,GAAmD;AAC7D,WAAO,KAAKb,eAAL,KAAyBK,uBAAgBS,UAAhD;AACD;;AAEDC,EAAAA,YAAY,GAAmD;AAC7D,WAAO,KAAKf,eAAL,KAAyBK,uBAAgBW,UAAhD;AACD;;AA1EH","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/commonjs/dom/nodes/PaintContext.js

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

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

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