@shopify/react-native-skia 1.7.6 → 1.8.0

package/src/sksg/nodes/pathEffects.ts

@@ -0,0 +1,118 @@
+import { enumKey, processPath } from "../../dom/nodes";
+import type {
+  CornerPathEffectProps,
+  DashPathEffectProps,
+  DiscretePathEffectProps,
+  Line2DPathEffectProps,
+  Path1DPathEffectProps,
+  Path2DPathEffectProps,
+} from "../../dom/types";
+import type { SkPathEffect } from "../../skia/types";
+import { Path1DEffectStyle } from "../../skia/types";
+import {
+  composeDeclarations,
+  type DeclarationContext,
+} from "../DeclarationContext";
+
+export const composePathEffects = (
+  ctx: DeclarationContext,
+  pe: SkPathEffect,
+  processChildren: () => void
+) => {
+  "worklet";
+  const { Skia } = ctx;
+  ctx.pathEffects.save();
+  processChildren();
+  const pe1 = ctx.pathEffects.popAllAsOne();
+  ctx.pathEffects.restore();
+  ctx.pathEffects.push(pe1 ? Skia.PathEffect.MakeCompose(pe, pe1) : pe);
+};
+
+export const makeDiscretePathEffect = (
+  ctx: DeclarationContext,
+  props: DiscretePathEffectProps
+) => {
+  "worklet";
+  const { length, deviation, seed } = props;
+  return ctx.Skia.PathEffect.MakeDiscrete(length, deviation, seed);
+};
+
+export const makePath2DPathEffect = (
+  ctx: DeclarationContext,
+  props: Path2DPathEffectProps
+) => {
+  "worklet";
+  const { matrix } = props;
+  const path = processPath(ctx.Skia, props.path);
+  const pe = ctx.Skia.PathEffect.MakePath2D(matrix, path);
+  if (pe === null) {
+    throw new Error("Path2DPathEffect: invalid path");
+  }
+  return pe;
+};
+
+export const makeDashPathEffect = (
+  ctx: DeclarationContext,
+  props: DashPathEffectProps
+) => {
+  "worklet";
+  const { intervals, phase } = props;
+  const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);
+  return pe;
+};
+
+export const makeCornerPathEffect = (
+  ctx: DeclarationContext,
+  props: CornerPathEffectProps
+) => {
+  "worklet";
+  const { r } = props;
+  const pe = ctx.Skia.PathEffect.MakeCorner(r);
+  if (pe === null) {
+    throw new Error("CornerPathEffect: couldn't create path effect");
+  }
+  return pe;
+};
+
+export const declareSumPathEffect = (ctx: DeclarationContext) => {
+  "worklet";
+  // Note: decorateChildren functionality needs to be handled differently
+  const pes = ctx.pathEffects.popAll();
+  const pe = composeDeclarations(
+    pes,
+    ctx.Skia.PathEffect.MakeSum.bind(ctx.Skia.PathEffect)
+  );
+  ctx.pathEffects.push(pe);
+};
+
+export const makeLine2DPathEffect = (
+  ctx: DeclarationContext,
+  props: Line2DPathEffectProps
+) => {
+  "worklet";
+  const { width, matrix } = props;
+  const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);
+  if (pe === null) {
+    throw new Error("Line2DPathEffect: could not create path effect");
+  }
+  return pe;
+};
+
+export const makePath1DPathEffect = (
+  ctx: DeclarationContext,
+  props: Path1DPathEffectProps
+) => {
+  "worklet";
+  const { advance, phase, style } = props;
+  const path = processPath(ctx.Skia, props.path);
+  const pe = ctx.Skia.PathEffect.MakePath1D(
+    path,
+    advance,
+    phase,
+    Path1DEffectStyle[enumKey(style)]
+  );
+  if (pe === null) {
+    throw new Error("Path1DPathEffect: could not create path effect");
+  }
+  return pe;
+};

package/src/sksg/nodes/shaders.ts

@@ -0,0 +1,210 @@
+import {
+  enumKey,
+  fitRects,
+  getRect,
+  processGradientProps,
+  processTransformProps,
+  rect2rect,
+} from "../../dom/nodes";
+import type {
+  ColorProps,
+  FractalNoiseProps,
+  ImageShaderProps,
+  LinearGradientProps,
+  RadialGradientProps,
+  ShaderProps,
+  SweepGradientProps,
+  TurbulenceProps,
+  TwoPointConicalGradientProps,
+} from "../../dom/types";
+import {
+  FilterMode,
+  MipmapMode,
+  processUniforms,
+  TileMode,
+} from "../../skia/types";
+import type { DeclarationContext } from "../DeclarationContext";
+
+export const declareShader = (ctx: DeclarationContext, props: ShaderProps) => {
+  "worklet";
+  const { source, uniforms, ...transform } = props;
+  const m3 = ctx.Skia.Matrix();
+  processTransformProps(m3, transform);
+  const shader = source.makeShaderWithChildren(
+    processUniforms(source, uniforms),
+    ctx.shaders.popAll(),
+    m3
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareColorShader = (
+  ctx: DeclarationContext,
+  props: ColorProps
+) => {
+  "worklet";
+  const { color } = props;
+  const shader = ctx.Skia.Shader.MakeColor(ctx.Skia.Color(color));
+  ctx.shaders.push(shader);
+};
+
+export const declareFractalNoiseShader = (
+  ctx: DeclarationContext,
+  props: FractalNoiseProps
+) => {
+  "worklet";
+  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;
+  const shader = ctx.Skia.Shader.MakeFractalNoise(
+    freqX,
+    freqY,
+    octaves,
+    seed,
+    tileWidth,
+    tileHeight
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareTwoPointConicalGradientShader = (
+  ctx: DeclarationContext,
+  props: TwoPointConicalGradientProps
+) => {
+  "worklet";
+  const { startR, endR, start, end } = props;
+  const { colors, positions, mode, localMatrix, flags } = processGradientProps(
+    ctx.Skia,
+    props
+  );
+  const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(
+    start,
+    startR,
+    end,
+    endR,
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareRadialGradientShader = (
+  ctx: DeclarationContext,
+  props: RadialGradientProps
+) => {
+  "worklet";
+  const { c, r } = props;
+  const { colors, positions, mode, localMatrix, flags } = processGradientProps(
+    ctx.Skia,
+    props
+  );
+  const shader = ctx.Skia.Shader.MakeRadialGradient(
+    c,
+    r,
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareSweepGradientShader = (
+  ctx: DeclarationContext,
+  props: SweepGradientProps
+) => {
+  "worklet";
+  const { c, start, end } = props;
+  const { colors, positions, mode, localMatrix, flags } = processGradientProps(
+    ctx.Skia,
+    props
+  );
+  const shader = ctx.Skia.Shader.MakeSweepGradient(
+    c.x,
+    c.y,
+    colors,
+    positions,
+    mode,
+    localMatrix,
+    flags,
+    start,
+    end
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareLinearGradientShader = (
+  ctx: DeclarationContext,
+  props: LinearGradientProps
+) => {
+  "worklet";
+  const { start, end } = props;
+  const { colors, positions, mode, localMatrix, flags } = processGradientProps(
+    ctx.Skia,
+    props
+  );
+  const shader = ctx.Skia.Shader.MakeLinearGradient(
+    start,
+    end,
+    colors,
+    positions ?? null,
+    mode,
+    localMatrix,
+    flags
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareTurbulenceShader = (
+  ctx: DeclarationContext,
+  props: TurbulenceProps
+) => {
+  "worklet";
+  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;
+  const shader = ctx.Skia.Shader.MakeTurbulence(
+    freqX,
+    freqY,
+    octaves,
+    seed,
+    tileWidth,
+    tileHeight
+  );
+  ctx.shaders.push(shader);
+};
+
+export const declareImageShader = (
+  ctx: DeclarationContext,
+  props: ImageShaderProps
+) => {
+  "worklet";
+  const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = props;
+  if (!image) {
+    return;
+  }
+
+  const rct = getRect(ctx.Skia, imageShaderProps);
+  const m3 = ctx.Skia.Matrix();
+  if (rct) {
+    const rects = fitRects(
+      fit,
+      { x: 0, y: 0, width: image.width(), height: image.height() },
+      rct
+    );
+    const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);
+    m3.translate(x.translateX, y.translateY);
+    m3.scale(sx.scaleX, sy.scaleY);
+  }
+  const lm = ctx.Skia.Matrix();
+  lm.concat(m3);
+  processTransformProps(lm, imageShaderProps);
+  const shader = image.makeShaderOptions(
+    TileMode[enumKey(tx)],
+    TileMode[enumKey(ty)],
+    FilterMode[enumKey(fm)],
+    MipmapMode[enumKey(mm)],
+    lm
+  );
+  ctx.shaders.push(shader);
+};

package/src/sksg/nodes/utils.ts

@@ -0,0 +1,23 @@
+import type { SharedValue } from "react-native-reanimated";
+
+import { mapKeys } from "../../renderer/typeddash";
+
+export const isSharedValue = <T = unknown>(
+  value: unknown
+): value is SharedValue<T> => {
+  "worklet";
+  // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.
+  return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;
+};
+
+export const materialize = <T extends object>(props: T) => {
+  "worklet";
+  const result: T = Object.assign({}, props);
+  mapKeys(result).forEach((key) => {
+    const value = result[key];
+    if (isSharedValue(value)) {
+      result[key] = value.value as never;
+    }
+  });
+  return result;
+};

package/src/views/SkiaDomView.web.tsx

@@ -1,23 +0,0 @@
-import { Skia } from "../skia";
-import type { SkCanvas } from "../skia/types";
-import { JsiDrawingContext } from "../dom/types/DrawingContext";
-
-import { SkiaBaseWebView } from "./SkiaBaseWebView";
-import type { SkiaDomViewNativeProps } from "./types";
-
-export class SkiaDomView extends SkiaBaseWebView<SkiaDomViewNativeProps> {
-  constructor(props: SkiaDomViewNativeProps) {
-    super(props);
-  }
-
-  protected renderInCanvas(canvas: SkCanvas): void {
-    if (this.props.onSize) {
-      const { width, height } = this.getSize();
-      this.props.onSize.value = { width, height };
-    }
-    if (this.props.root) {
-      const ctx = new JsiDrawingContext(Skia, canvas);
-      this.props.root.render(ctx);
-    }
-  }
-}

package/src/views/SkiaPictureView.tsx

@@ -38,7 +38,6 @@ export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
   }
 
   componentDidUpdate(prevProps: SkiaPictureViewProps) {
-    console.log("componentDidUpdate");
     const { picture, onSize } = this.props;
     if (picture !== prevProps.picture) {
       assertSkiaViewApi();
@@ -79,7 +78,6 @@ export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
    */
   public redraw() {
     assertSkiaViewApi();
-    console.log("Request redraw: ", this._nativeId);
     SkiaViewApi.requestRedraw(this._nativeId);
   }
 

package/src/views/SkiaPictureView.web.tsx

@@ -1,16 +1,25 @@
-import type { SkCanvas } from "../skia/types";
+import type { SkCanvas, SkPicture } from "../skia/types";
 
 import type { SkiaPictureViewNativeProps } from "./types";
 import { SkiaBaseWebView } from "./SkiaBaseWebView";
 
 export class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {
+  private picture: SkPicture | null = null;
+
   constructor(props: SkiaPictureViewNativeProps) {
     super(props);
   }
 
+  public setPicture(picture: SkPicture) {
+    this.picture = picture;
+    this.redraw();
+  }
+
   protected renderInCanvas(canvas: SkCanvas): void {
     if (this.props.picture) {
       canvas.drawPicture(this.props.picture);
+    } else if (this.picture) {
+      canvas.drawPicture(this.picture);
     }
   }
 }

package/src/views/types.ts

@@ -1,20 +1,14 @@
 import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
 
-import type { GroupProps, RenderNode } from "../dom/types";
+import type { Node } from "../dom/types";
 import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
-import type { SharedValueType } from "../renderer/processors/Animations/Animations";
 
 export type NativeSkiaViewProps = ViewProps & {
   debug?: boolean;
   opaque?: boolean;
 };
 
-export interface DrawingInfo {
-  width: number;
-  height: number;
-  timestamp: number;
-}
-
 export interface ISkiaViewApi {
   setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
   requestRedraw: (nativeId: number) => void;
@@ -32,7 +26,7 @@ export interface SkiaBaseViewProps extends ViewProps {
    * Pass an animated value to the onSize property to get updates when
    * the Skia view is resized.
    */
-  onSize?: SharedValueType<SkSize>;
+  onSize?: SharedValue<SkSize>;
 
   opaque?: boolean;
 }
@@ -42,5 +36,5 @@ export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
 }
 
 export interface SkiaDomViewNativeProps extends SkiaBaseViewProps {
-  root?: RenderNode<GroupProps>;
+  root?: Node<unknown>;
 }

package/lib/commonjs/dom/__tests__/Shaders.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,14 +0,0 @@
-import type { DrawingContext, DrawingNodeProps, Node, NodeType, RenderNode } from "../types";
-import type { NodeContext } from "./Node";
-import { JsiRenderNode } from "./RenderNode";
-export declare abstract class JsiDrawingNode<P extends DrawingNodeProps, C> extends JsiRenderNode<P> implements RenderNode<P> {
-    protected derived?: C;
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    setProps(props: P): void;
-    setProp<K extends keyof P>(name: K, value: P[K]): boolean;
-    addChild(child: Node<unknown>): void;
-    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
-    renderNode(ctx: DrawingContext): void;
-    protected abstract draw(ctx: DrawingContext): void;
-    protected abstract deriveProps(): C;
-}

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

@@ -1,69 +0,0 @@
-"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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class 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) {
-      this.draw({
-        ...ctx,
-        paint: this.props.paint
-      });
-    } else {
-      this.draw(ctx);
-    }
-    this.children().map(child => {
-      if (child instanceof _PaintNode.PaintNode) {
-        const declCtx = ctx.declarationCtx;
-        declCtx.save();
-        child.decorate(declCtx);
-        const paint = declCtx.paints.pop();
-        declCtx.restore();
-        this.draw({
-          ...ctx,
-          paint
-        });
-      }
-    });
-  }
-}
-exports.JsiDrawingNode = JsiDrawingNode;
-//# sourceMappingURL=DrawingNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Node","require","_PaintNode","_RenderNode","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","JsiDrawingNode","JsiRenderNode","constructor","ctx","type","props","derived","deriveProps","setProps","setProp","name","hasChanged","addChild","child","JsiDeclarationNode","Error","insertChildBefore","before","renderNode","paint","draw","children","map","PaintNode","declCtx","declarationCtx","save","decorate","paints","pop","restore","exports"],"sources":["DrawingNode.ts"],"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 { 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) {\n      this.draw({ ...ctx, paint: this.props.paint });\n    } else {\n      this.draw(ctx);\n    }\n    this.children().map((child) => {\n      if (child instanceof PaintNode) {\n        const declCtx = ctx.declarationCtx;\n        declCtx.save();\n        child.decorate(declCtx);\n        const paint = declCtx.paints.pop()!;\n        declCtx.restore();\n        this.draw({ ...ctx, paint });\n      }\n    });\n  }\n\n  protected abstract draw(ctx: DrawingContext): void;\n  protected abstract deriveProps(): C;\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,22 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"names":["_types","require","_RenderNode","GroupNode","JsiRenderNode","constructor","ctx","props","NodeType","Group","renderNode","children","map","child","render","exports"],"sources":["GroupNode.ts"],"sourcesContent":["import type { DrawingContext, GroupProps } from \"../types\";\nimport { NodeType } from \"../types\";\n\nimport { JsiRenderNode } from \"./RenderNode\";\nimport type { NodeContext } from \"./Node\";\n\nexport class GroupNode extends JsiRenderNode<GroupProps> {\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"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAGO,MAAME,SAAS,SAASC,yBAAa,CAAa;EACvDC,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,UAAUA,CAACJ,GAAmB,EAAQ;IACpC,IAAI,CAACK,QAAQ,CAAC,CAAC,CAACC,GAAG,CAAEC,KAAK,IAAK;MAC7B,IAAIA,KAAK,YAAYT,yBAAa,EAAE;QAClCS,KAAK,CAACC,MAAM,CAACR,GAAG,CAAC;MACnB;IACF,CAAC,CAAC;EACJ;AACF;AAACS,OAAA,CAAAZ,SAAA,GAAAA,SAAA","ignoreList":[]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["_types","require","_RenderNode","_Node","LayerNode","JsiRenderNode","constructor","ctx","props","NodeType","Layer","renderNode","hasLayer","layer","children","JsiDeclarationNode","declCtx","declarationCtx","save","decorate","paint","paints","pop","restore","canvas","saveLayer","map","child","render","exports"],"sources":["LayerNode.ts"],"sourcesContent":["import type { DrawingContext } from \"../types\";\nimport { NodeType } from \"../types\";\nimport type { ChildrenProps } from \"../types/Common\";\n\nimport { JsiRenderNode } from \"./RenderNode\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\n\nexport class LayerNode extends JsiRenderNode<ChildrenProps> {\n  constructor(ctx: NodeContext, props: ChildrenProps) {\n    super(ctx, NodeType.Layer, props);\n  }\n\n  renderNode(ctx: DrawingContext): void {\n    let hasLayer = false;\n    const [layer, ...children] = this.children();\n    if (layer instanceof JsiDeclarationNode) {\n      const declCtx = ctx.declarationCtx;\n      declCtx.save();\n      layer.decorate(declCtx);\n      const paint = declCtx.paints.pop();\n      declCtx.restore();\n      if (paint) {\n        hasLayer = true;\n        ctx.canvas.saveLayer(paint);\n      }\n    }\n    children.map((child) => {\n      if (child instanceof JsiRenderNode) {\n        child.render(ctx);\n      }\n    });\n    if (hasLayer) {\n      ctx.canvas.restore();\n    }\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,SAASC,yBAAa,CAAgB;EAC1DC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,UAAUA,CAACJ,GAAmB,EAAQ;IACpC,IAAIK,QAAQ,GAAG,KAAK;IACpB,MAAM,CAACC,KAAK,EAAE,GAAGC,QAAQ,CAAC,GAAG,IAAI,CAACA,QAAQ,CAAC,CAAC;IAC5C,IAAID,KAAK,YAAYE,wBAAkB,EAAE;MACvC,MAAMC,OAAO,GAAGT,GAAG,CAACU,cAAc;MAClCD,OAAO,CAACE,IAAI,CAAC,CAAC;MACdL,KAAK,CAACM,QAAQ,CAACH,OAAO,CAAC;MACvB,MAAMI,KAAK,GAAGJ,OAAO,CAACK,MAAM,CAACC,GAAG,CAAC,CAAC;MAClCN,OAAO,CAACO,OAAO,CAAC,CAAC;MACjB,IAAIH,KAAK,EAAE;QACTR,QAAQ,GAAG,IAAI;QACfL,GAAG,CAACiB,MAAM,CAACC,SAAS,CAACL,KAAK,CAAC;MAC7B;IACF;IACAN,QAAQ,CAACY,GAAG,CAAEC,KAAK,IAAK;MACtB,IAAIA,KAAK,YAAYtB,yBAAa,EAAE;QAClCsB,KAAK,CAACC,MAAM,CAACrB,GAAG,CAAC;MACnB;IACF,CAAC,CAAC;IACF,IAAIK,QAAQ,EAAE;MACZL,GAAG,CAACiB,MAAM,CAACD,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACM,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}