@shopify/react-native-skia 0.1.146 → 0.1.148

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

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwoPointConicalGradientNode = exports.TurbulenceNode = exports.SweepGradientNode = exports.ShaderNode = exports.ShaderDeclaration = exports.RadialGradientNode = exports.LinearGradientNode = exports.ImageShaderNode = exports.FractalNoiseNode = exports.ColorNode = void 0;
+
+var _types = require("../../../skia/types");
+
+var _Node = require("../Node");
+
+var _types2 = require("../../types");
+
+var _Color = require("../datatypes/Color");
+
+var _datatypes = require("../datatypes");
+
+class ShaderDeclaration extends _Node.JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, _types2.DeclarationType.Shader, type, props);
+  }
+
+}
+
+exports.ShaderDeclaration = ShaderDeclaration;
+
+class ShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Shader, props);
+  }
+
+  materialize() {
+    const {
+      source,
+      uniforms,
+      ...transform
+    } = this.props;
+    const m3 = this.Skia.Matrix();
+    (0, _datatypes.processTransformProps)(m3, transform);
+    return source.makeShaderWithChildren((0, _types.processUniforms)(source, uniforms), this.children().filter(child => child instanceof _Node.JsiDeclarationNode && child.isShader()).map(child => child.materialize()), m3);
+  }
+
+}
+
+exports.ShaderNode = ShaderNode;
+
+class ImageShaderNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.ImageShader, props);
+  }
+
+  materialize() {
+    const {
+      fit,
+      image,
+      tx,
+      ty,
+      fm,
+      mm,
+      ...imageShaderProps
+    } = this.props;
+    const rct = (0, _datatypes.getRect)(this.Skia, imageShaderProps);
+
+    if (rct) {
+      var _imageShaderProps$tra;
+
+      const rects = (0, _datatypes.fitRects)(fit, {
+        x: 0,
+        y: 0,
+        width: image.width(),
+        height: image.height()
+      }, rct);
+      const m3 = (0, _datatypes.rect2rect)(rects.src, rects.dst);
+      imageShaderProps.transform = [...((_imageShaderProps$tra = imageShaderProps.transform) !== null && _imageShaderProps$tra !== void 0 ? _imageShaderProps$tra : []), ...m3];
+    }
+
+    const lm = this.Skia.Matrix();
+    (0, _datatypes.processTransformProps)(lm, imageShaderProps);
+    return image.makeShaderOptions(_types.TileMode[(0, _datatypes.enumKey)(tx)], _types.TileMode[(0, _datatypes.enumKey)(ty)], _types.FilterMode[(0, _datatypes.enumKey)(fm)], _types.MipmapMode[(0, _datatypes.enumKey)(mm)], lm);
+  }
+
+}
+
+exports.ImageShaderNode = ImageShaderNode;
+
+class ColorNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.ColorShader, props);
+  }
+
+  materialize() {
+    const {
+      color
+    } = this.props;
+    return this.Skia.Shader.MakeColor((0, _Color.processColor)(this.Skia, color, 1));
+  }
+
+}
+
+exports.ColorNode = ColorNode;
+
+class TurbulenceNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Turbulence, props);
+  }
+
+  materialize() {
+    const {
+      freqX,
+      freqY,
+      octaves,
+      seed,
+      tileWidth,
+      tileHeight
+    } = this.props;
+    return this.Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+  }
+
+}
+
+exports.TurbulenceNode = TurbulenceNode;
+
+class FractalNoiseNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.FractalNoise, props);
+  }
+
+  materialize() {
+    const {
+      freqX,
+      freqY,
+      octaves,
+      seed,
+      tileWidth,
+      tileHeight
+    } = this.props;
+    return this.Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
+  }
+
+}
+
+exports.FractalNoiseNode = FractalNoiseNode;
+
+class LinearGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.LinearGradient, props);
+  }
+
+  materialize() {
+    const {
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    return this.Skia.Shader.MakeLinearGradient(start, end, colors, positions !== null && positions !== void 0 ? positions : null, mode, localMatrix, flags);
+  }
+
+}
+
+exports.LinearGradientNode = LinearGradientNode;
+
+class RadialGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.RadialGradient, props);
+  }
+
+  materialize() {
+    const {
+      c,
+      r
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    return this.Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
+  }
+
+}
+
+exports.RadialGradientNode = RadialGradientNode;
+
+class SweepGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.SweepGradient, props);
+  }
+
+  materialize() {
+    const {
+      c,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    return this.Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
+  }
+
+}
+
+exports.SweepGradientNode = SweepGradientNode;
+
+class TwoPointConicalGradientNode extends ShaderDeclaration {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.TwoPointConicalGradient, props);
+  }
+
+  materialize() {
+    const {
+      startR,
+      endR,
+      start,
+      end
+    } = this.props;
+    const {
+      colors,
+      positions,
+      mode,
+      localMatrix,
+      flags
+    } = (0, _datatypes.processGradientProps)(this.Skia, this.props);
+    return this.Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
+  }
+
+}
+
+exports.TwoPointConicalGradientNode = TwoPointConicalGradientNode;
+//# sourceMappingURL=Shaders.js.map

package/lib/commonjs/dom/nodes/paint/Shaders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Shaders.ts"],"names":["ShaderDeclaration","JsiDeclarationNode","constructor","ctx","type","props","DeclarationType","Shader","ShaderNode","NodeType","materialize","source","uniforms","transform","m3","Skia","Matrix","makeShaderWithChildren","children","filter","child","isShader","map","ImageShaderNode","ImageShader","fit","image","tx","ty","fm","mm","imageShaderProps","rct","rects","x","y","width","height","src","dst","lm","makeShaderOptions","TileMode","FilterMode","MipmapMode","ColorNode","ColorShader","color","MakeColor","TurbulenceNode","Turbulence","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeTurbulence","FractalNoiseNode","FractalNoise","MakeFractalNoise","LinearGradientNode","LinearGradient","start","end","colors","positions","mode","localMatrix","flags","MakeLinearGradient","RadialGradientNode","RadialGradient","c","r","MakeRadialGradient","SweepGradientNode","SweepGradient","MakeSweepGradient","TwoPointConicalGradientNode","TwoPointConicalGradient","startR","endR","MakeTwoPointConicalGradient"],"mappings":"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","sourcesContent":["import {\n  processUniforms,\n  FilterMode,\n  MipmapMode,\n  TileMode,\n} from \"../../../skia/types\";\nimport type { SkShader } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  ColorProps,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport { processColor } from \"../datatypes/Color\";\nimport {\n  enumKey,\n  fitRects,\n  getRect,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../datatypes\";\n\nexport abstract class ShaderDeclaration<P> extends JsiDeclarationNode<\n  P,\n  SkShader\n> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, DeclarationType.Shader, type, props);\n  }\n}\n\nexport class ShaderNode extends ShaderDeclaration<ShaderProps> {\n  constructor(ctx: NodeContext, props: ShaderProps) {\n    super(ctx, NodeType.Shader, props);\n  }\n\n  materialize() {\n    const { source, uniforms, ...transform } = this.props;\n    const m3 = this.Skia.Matrix();\n    processTransformProps(m3, transform);\n    return source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      this.children()\n        .filter(\n          (child): child is JsiDeclarationNode<unknown, SkShader> =>\n            child instanceof JsiDeclarationNode && child.isShader()\n        )\n        .map((child) => child.materialize()),\n      m3\n    );\n  }\n}\n\nexport class ImageShaderNode extends ShaderDeclaration<ImageShaderProps> {\n  constructor(ctx: NodeContext, props: ImageShaderProps) {\n    super(ctx, NodeType.ImageShader, props);\n  }\n\n  materialize() {\n    const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = this.props;\n    const rct = getRect(this.Skia, imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    const lm = this.Skia.Matrix();\n    processTransformProps(lm, imageShaderProps);\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      lm\n    );\n  }\n}\n\nexport class ColorNode extends ShaderDeclaration<ColorProps> {\n  constructor(ctx: NodeContext, props: ColorProps) {\n    super(ctx, NodeType.ColorShader, props);\n  }\n\n  materialize() {\n    const { color } = this.props;\n    return this.Skia.Shader.MakeColor(processColor(this.Skia, color, 1));\n  }\n}\n\nexport class TurbulenceNode extends ShaderDeclaration<TurbulenceProps> {\n  constructor(ctx: NodeContext, props: TurbulenceProps) {\n    super(ctx, NodeType.Turbulence, props);\n  }\n\n  materialize() {\n    const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = this.props;\n    return this.Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n}\n\nexport class FractalNoiseNode extends ShaderDeclaration<FractalNoiseProps> {\n  constructor(ctx: NodeContext, props: FractalNoiseProps) {\n    super(ctx, NodeType.FractalNoise, props);\n  }\n\n  materialize() {\n    const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = this.props;\n    return this.Skia.Shader.MakeFractalNoise(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n}\n\nexport class LinearGradientNode extends ShaderDeclaration<LinearGradientProps> {\n  constructor(ctx: NodeContext, props: LinearGradientProps) {\n    super(ctx, NodeType.LinearGradient, props);\n  }\n\n  materialize() {\n    const { start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    return this.Skia.Shader.MakeLinearGradient(\n      start,\n      end,\n      colors,\n      positions ?? null,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n}\n\nexport class RadialGradientNode extends ShaderDeclaration<RadialGradientProps> {\n  constructor(ctx: NodeContext, props: RadialGradientProps) {\n    super(ctx, NodeType.RadialGradient, props);\n  }\n\n  materialize() {\n    const { c, r } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    return this.Skia.Shader.MakeRadialGradient(\n      c,\n      r,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n}\n\nexport class SweepGradientNode extends ShaderDeclaration<SweepGradientProps> {\n  constructor(ctx: NodeContext, props: SweepGradientProps) {\n    super(ctx, NodeType.SweepGradient, props);\n  }\n\n  materialize() {\n    const { c, start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    return this.Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n}\n\nexport class TwoPointConicalGradientNode extends ShaderDeclaration<TwoPointConicalGradientProps> {\n  constructor(ctx: NodeContext, props: TwoPointConicalGradientProps) {\n    super(ctx, NodeType.TwoPointConicalGradient, props);\n  }\n\n  materialize() {\n    const { startR, endR, start, end } = this.props;\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(this.Skia, this.props);\n    return this.Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n}\n"]}

package/lib/commonjs/dom/nodes/paint/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Shaders = require("./Shaders");
+
+Object.keys(_Shaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Shaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Shaders[key];
+    }
+  });
+});
+
+var _MaskFilters = require("./MaskFilters");
+
+Object.keys(_MaskFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MaskFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MaskFilters[key];
+    }
+  });
+});
+
+var _ColorFilters = require("./ColorFilters");
+
+Object.keys(_ColorFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ColorFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ColorFilters[key];
+    }
+  });
+});
+
+var _ImageFilters = require("./ImageFilters");
+
+Object.keys(_ImageFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageFilters[key];
+    }
+  });
+});
+
+var _PathEffects = require("./PathEffects");
+
+Object.keys(_PathEffects).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PathEffects[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PathEffects[key];
+    }
+  });
+});
+
+var _BlendNode = require("./BlendNode");
+
+Object.keys(_BlendNode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BlendNode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BlendNode[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/dom/nodes/paint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Shaders\";\nexport * from \"./MaskFilters\";\nexport * from \"./ColorFilters\";\nexport * from \"./ImageFilters\";\nexport * from \"./PathEffects\";\nexport * from \"./BlendNode\";\n"]}

package/lib/commonjs/dom/types/ColorFilters.js

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

package/lib/commonjs/dom/types/ColorFilters.js.map

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

package/lib/commonjs/dom/types/Common.js

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

package/lib/commonjs/dom/types/Common.js.map

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

package/lib/commonjs/dom/types/DrawingContext.js

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

package/lib/commonjs/dom/types/DrawingContext.js.map

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

package/lib/commonjs/dom/types/Drawings.js

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

package/lib/commonjs/dom/types/Drawings.js.map

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

package/lib/commonjs/dom/types/ImageFilters.js

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

package/lib/commonjs/dom/types/ImageFilters.js.map

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

package/lib/commonjs/dom/types/MaskFilters.js

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

package/lib/commonjs/dom/types/MaskFilters.js.map

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

package/lib/commonjs/dom/types/Node.js

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

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

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

package/lib/commonjs/dom/types/NodeType.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeType = exports.DeclarationType = void 0;
+let NodeType;
+exports.NodeType = NodeType;
+
+(function (NodeType) {
+  NodeType["Shader"] = "skShader";
+  NodeType["ImageShader"] = "skImageShader";
+  NodeType["ColorShader"] = "skColorShader";
+  NodeType["Turbulence"] = "skTurbulence";
+  NodeType["FractalNoise"] = "skFractalNoise";
+  NodeType["LinearGradient"] = "skLinearGradient";
+  NodeType["RadialGradient"] = "skRadialGradient";
+  NodeType["SweepGradient"] = "skSweepGradient";
+  NodeType["TwoPointConicalGradient"] = "skTwoPointConicalGradient";
+  NodeType["BlurMaskFilter"] = "skBlurMaskFilter";
+  NodeType["DiscretePathEffect"] = "skDiscretePathEffect";
+  NodeType["DashPathEffect"] = "skDashPathEffect";
+  NodeType["Path1DPathEffect"] = "skPath1DPathEffect";
+  NodeType["Path2DPathEffect"] = "skPath2DPathEffect";
+  NodeType["CornerPathEffect"] = "skCornerPathEffect";
+  NodeType["SumPathEffect"] = "skSumPathEffect";
+  NodeType["Line2DPathEffect"] = "skLine2DPathEffect";
+  NodeType["MatrixColorFilter"] = "skMatrixColorFilter";
+  NodeType["BlendColorFilter"] = "skBlendColorFilter";
+  NodeType["LinearToSRGBGammaColorFilter"] = "skLinearToSRGBGammaColorFilter";
+  NodeType["SRGBToLinearGammaColorFilter"] = "skSRGBToLinearGammaColorFilter";
+  NodeType["LumaColorFilter"] = "skLumaColorFilter";
+  NodeType["LerpColorFilter"] = "skLerpColorFilter";
+  NodeType["OffsetImageFilter"] = "skOffsetImageFilter";
+  NodeType["DisplacementMapImageFilter"] = "skDisplacementMapImageFilter";
+  NodeType["BlurImageFilter"] = "skBlurImageFilter";
+  NodeType["DropShadowImageFilter"] = "skDropShadowImageFilter";
+  NodeType["MorphologyImageFilter"] = "skMorphologyImageFilter";
+  NodeType["BlendImageFilter"] = "skBlendImageFilter";
+  NodeType["RuntimeShaderImageFilter"] = "skRuntimeShaderImageFilter";
+  NodeType["Blend"] = "skBlend";
+  NodeType["BackdropFilter"] = "skBackdropFilter";
+  NodeType["Box"] = "skBox";
+  NodeType["BoxShadow"] = "skBoxShadow";
+  NodeType["Group"] = "skGroup";
+  NodeType["Drawing"] = "skDrawing";
+  NodeType["Paint"] = "skPaint";
+  NodeType["Circle"] = "skCircle";
+  NodeType["Fill"] = "skFill";
+  NodeType["Image"] = "skImage";
+  NodeType["Points"] = "skPoints";
+  NodeType["Path"] = "skPath";
+  NodeType["Rect"] = "skRect";
+  NodeType["RRect"] = "skRRect";
+  NodeType["Oval"] = "skOval";
+  NodeType["Line"] = "skLine";
+  NodeType["Patch"] = "skPatch";
+  NodeType["Vertices"] = "skVertices";
+  NodeType["DiffRect"] = "skDiffRect";
+  NodeType["Text"] = "skText";
+  NodeType["TextPath"] = "skTextPath";
+  NodeType["TextBlob"] = "skTextBlob";
+  NodeType["Glyphs"] = "skGlyphs";
+  NodeType["Picture"] = "skPicture";
+  NodeType["ImageSVG"] = "skImageSVG";
+})(NodeType || (exports.NodeType = NodeType = {}));
+
+let DeclarationType;
+exports.DeclarationType = DeclarationType;
+
+(function (DeclarationType) {
+  DeclarationType[DeclarationType["Paint"] = 0] = "Paint";
+  DeclarationType[DeclarationType["Shader"] = 1] = "Shader";
+  DeclarationType[DeclarationType["ImageFilter"] = 2] = "ImageFilter";
+  DeclarationType[DeclarationType["ColorFilter"] = 3] = "ColorFilter";
+  DeclarationType[DeclarationType["PathEffect"] = 4] = "PathEffect";
+  DeclarationType[DeclarationType["MaskFilter"] = 5] = "MaskFilter";
+  DeclarationType[DeclarationType["Unknown"] = 6] = "Unknown";
+})(DeclarationType || (exports.DeclarationType = DeclarationType = {}));
+//# sourceMappingURL=NodeType.js.map

package/lib/commonjs/dom/types/NodeType.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NodeType.ts"],"names":["NodeType","DeclarationType"],"mappings":";;;;;;IAAkBA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAuEAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e","sourcesContent":["export const enum NodeType {\n  // Shaders\n  Shader = \"skShader\",\n  ImageShader = \"skImageShader\",\n  ColorShader = \"skColorShader\",\n  Turbulence = \"skTurbulence\",\n  FractalNoise = \"skFractalNoise\",\n  LinearGradient = \"skLinearGradient\",\n  RadialGradient = \"skRadialGradient\",\n  SweepGradient = \"skSweepGradient\",\n  TwoPointConicalGradient = \"skTwoPointConicalGradient\",\n\n  // Mask Filters\n  BlurMaskFilter = \"skBlurMaskFilter\",\n\n  // Path Effects\n  DiscretePathEffect = \"skDiscretePathEffect\",\n  DashPathEffect = \"skDashPathEffect\",\n  Path1DPathEffect = \"skPath1DPathEffect\",\n  Path2DPathEffect = \"skPath2DPathEffect\",\n  CornerPathEffect = \"skCornerPathEffect\",\n  SumPathEffect = \"skSumPathEffect\",\n  Line2DPathEffect = \"skLine2DPathEffect\",\n\n  // Color Filters\n  MatrixColorFilter = \"skMatrixColorFilter\",\n  BlendColorFilter = \"skBlendColorFilter\",\n  LinearToSRGBGammaColorFilter = \"skLinearToSRGBGammaColorFilter\",\n  SRGBToLinearGammaColorFilter = \"skSRGBToLinearGammaColorFilter\",\n  LumaColorFilter = \"skLumaColorFilter\",\n  LerpColorFilter = \"skLerpColorFilter\",\n\n  // Image Filters\n  OffsetImageFilter = \"skOffsetImageFilter\",\n  DisplacementMapImageFilter = \"skDisplacementMapImageFilter\",\n  BlurImageFilter = \"skBlurImageFilter\",\n  DropShadowImageFilter = \"skDropShadowImageFilter\",\n  MorphologyImageFilter = \"skMorphologyImageFilter\",\n  BlendImageFilter = \"skBlendImageFilter\",\n  RuntimeShaderImageFilter = \"skRuntimeShaderImageFilter\",\n\n  // Mixed\n  Blend = \"skBlend\",\n  BackdropFilter = \"skBackdropFilter\",\n  Box = \"skBox\",\n  BoxShadow = \"skBoxShadow\",\n\n  // Drawings\n  Group = \"skGroup\",\n  Drawing = \"skDrawing\",\n  Paint = \"skPaint\",\n  Circle = \"skCircle\",\n  Fill = \"skFill\",\n  Image = \"skImage\",\n  Points = \"skPoints\",\n  Path = \"skPath\",\n  Rect = \"skRect\",\n  RRect = \"skRRect\",\n  Oval = \"skOval\",\n  Line = \"skLine\",\n  Patch = \"skPatch\",\n  Vertices = \"skVertices\",\n  DiffRect = \"skDiffRect\",\n  Text = \"skText\",\n  TextPath = \"skTextPath\",\n  TextBlob = \"skTextBlob\",\n  Glyphs = \"skGlyphs\",\n  Picture = \"skPicture\",\n  ImageSVG = \"skImageSVG\",\n}\n\nexport const enum DeclarationType {\n  Paint,\n  Shader,\n  ImageFilter,\n  ColorFilter,\n  PathEffect,\n  MaskFilter,\n  Unknown,\n}\n"]}

package/lib/commonjs/dom/types/PathEffects.js

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

package/lib/commonjs/dom/types/PathEffects.js.map

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

package/lib/commonjs/dom/types/Shaders.js

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

package/lib/commonjs/dom/types/Shaders.js.map

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

package/lib/commonjs/dom/types/SkDOM.js

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

package/lib/commonjs/dom/types/SkDOM.js.map

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