@shopify/react-native-skia 1.7.7 → 1.8.0

package/src/sksg/nodes/pathEffects.ts

@@ -1,21 +1,38 @@
-"worklet";
-
-import { composeDeclarations, enumKey, processPath } from "../../dom/nodes";
+import { enumKey, processPath } from "../../dom/nodes";
 import type {
   CornerPathEffectProps,
   DashPathEffectProps,
-  DeclarationContext,
   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);
 };
@@ -24,6 +41,7 @@ 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);
@@ -37,6 +55,7 @@ export const makeDashPathEffect = (
   ctx: DeclarationContext,
   props: DashPathEffectProps
 ) => {
+  "worklet";
   const { intervals, phase } = props;
   const pe = ctx.Skia.PathEffect.MakeDash(intervals, phase);
   return pe;
@@ -46,6 +65,7 @@ export const makeCornerPathEffect = (
   ctx: DeclarationContext,
   props: CornerPathEffectProps
 ) => {
+  "worklet";
   const { r } = props;
   const pe = ctx.Skia.PathEffect.MakeCorner(r);
   if (pe === null) {
@@ -55,6 +75,7 @@ export const makeCornerPathEffect = (
 };
 
 export const declareSumPathEffect = (ctx: DeclarationContext) => {
+  "worklet";
   // Note: decorateChildren functionality needs to be handled differently
   const pes = ctx.pathEffects.popAll();
   const pe = composeDeclarations(
@@ -68,6 +89,7 @@ export const makeLine2DPathEffect = (
   ctx: DeclarationContext,
   props: Line2DPathEffectProps
 ) => {
+  "worklet";
   const { width, matrix } = props;
   const pe = ctx.Skia.PathEffect.MakeLine2D(width, matrix);
   if (pe === null) {
@@ -80,6 +102,7 @@ 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(

package/src/sksg/nodes/shaders.ts

@@ -1,5 +1,3 @@
-"worklet";
-
 import {
   enumKey,
   fitRects,
@@ -10,7 +8,6 @@ import {
 } from "../../dom/nodes";
 import type {
   ColorProps,
-  DeclarationContext,
   FractalNoiseProps,
   ImageShaderProps,
   LinearGradientProps,
@@ -26,8 +23,10 @@ import {
   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);
@@ -43,6 +42,7 @@ 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);
@@ -52,6 +52,7 @@ export const declareFractalNoiseShader = (
   ctx: DeclarationContext,
   props: FractalNoiseProps
 ) => {
+  "worklet";
   const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;
   const shader = ctx.Skia.Shader.MakeFractalNoise(
     freqX,
@@ -68,6 +69,7 @@ export const declareTwoPointConicalGradientShader = (
   ctx: DeclarationContext,
   props: TwoPointConicalGradientProps
 ) => {
+  "worklet";
   const { startR, endR, start, end } = props;
   const { colors, positions, mode, localMatrix, flags } = processGradientProps(
     ctx.Skia,
@@ -91,6 +93,7 @@ export const declareRadialGradientShader = (
   ctx: DeclarationContext,
   props: RadialGradientProps
 ) => {
+  "worklet";
   const { c, r } = props;
   const { colors, positions, mode, localMatrix, flags } = processGradientProps(
     ctx.Skia,
@@ -112,6 +115,7 @@ export const declareSweepGradientShader = (
   ctx: DeclarationContext,
   props: SweepGradientProps
 ) => {
+  "worklet";
   const { c, start, end } = props;
   const { colors, positions, mode, localMatrix, flags } = processGradientProps(
     ctx.Skia,
@@ -135,6 +139,7 @@ export const declareLinearGradientShader = (
   ctx: DeclarationContext,
   props: LinearGradientProps
 ) => {
+  "worklet";
   const { start, end } = props;
   const { colors, positions, mode, localMatrix, flags } = processGradientProps(
     ctx.Skia,
@@ -156,6 +161,7 @@ export const declareTurbulenceShader = (
   ctx: DeclarationContext,
   props: TurbulenceProps
 ) => {
+  "worklet";
   const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;
   const shader = ctx.Skia.Shader.MakeTurbulence(
     freqX,
@@ -172,6 +178,7 @@ export const declareImageShader = (
   ctx: DeclarationContext,
   props: ImageShaderProps
 ) => {
+  "worklet";
   const { fit, image, tx, ty, fm, mm, ...imageShaderProps } = props;
   if (!image) {
     return;

package/src/sksg/nodes/utils.ts

@@ -1,5 +1,3 @@
-"worklet";
-
 import type { SharedValue } from "react-native-reanimated";
 
 import { mapKeys } from "../../renderer/typeddash";
@@ -7,11 +5,13 @@ 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];

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.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,7 +1,7 @@
 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";
 
 export type NativeSkiaViewProps = ViewProps & {
@@ -9,12 +9,6 @@ export type NativeSkiaViewProps = ViewProps & {
   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;
@@ -42,5 +36,5 @@ export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
 }
 
 export interface SkiaDomViewNativeProps extends SkiaBaseViewProps {
-  root?: RenderNode<GroupProps>;
+  root?: Node<unknown>;
 }

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":[]}

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

@@ -1,34 +0,0 @@
-import type { Skia } from "../../skia/types";
-import type { Node, DeclarationNode, NodeType } from "../types";
-import type { DeclarationContext } from "../types/DeclarationContext";
-export interface NodeContext {
-    Skia: Skia;
-}
-export declare abstract class JsiNode<P> implements Node<P> {
-    type: NodeType;
-    protected props: P;
-    protected _children: JsiNode<unknown>[];
-    protected Skia: Skia;
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    setProps(props: P): void;
-    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
-    getProps(): P;
-    children(): JsiNode<unknown>[];
-    addChild(child: Node<unknown>): void;
-    dispose(): void;
-    removeChild(child: Node<unknown>): void;
-    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
-}
-export type Invalidate = () => void;
-export declare abstract class JsiDeclarationNode<P> extends JsiNode<P> implements DeclarationNode<P> {
-    private invalidate;
-    constructor(ctx: NodeContext, type: NodeType, props: P);
-    abstract decorate(ctx: DeclarationContext): void;
-    protected decorateChildren(ctx: DeclarationContext): void;
-    addChild(child: Node<unknown>): void;
-    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
-    dispose(): void;
-    setInvalidate(invalidate: Invalidate): void;
-    setProps(props: P): void;
-    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
-}

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

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JsiNode = exports.JsiDeclarationNode = void 0;
-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 JsiNode {
-  constructor(ctx, type, props) {
-    this.type = type;
-    this.props = props;
-    _defineProperty(this, "_children", []);
-    _defineProperty(this, "Skia", void 0);
-    this.Skia = ctx.Skia;
-  }
-  setProps(props) {
-    this.props = props;
-  }
-  setProp(name, v) {
-    const hasChanged = this.props[name] !== v;
-    this.props[name] = v;
-    return hasChanged;
-  }
-  getProps() {
-    return this.props;
-  }
-  children() {
-    return this._children;
-  }
-  addChild(child) {
-    this.removeChild(child);
-    this._children.push(child);
-  }
-  dispose() {
-    this._children.forEach(child => child.dispose());
-  }
-  removeChild(child) {
-    const index = this._children.indexOf(child);
-    if (index !== -1) {
-      const [node] = this._children.splice(index, 1);
-      node.dispose();
-    }
-  }
-  insertChildBefore(child, before) {
-    const index = this._children.indexOf(child);
-    if (index !== -1) {
-      this._children.splice(index, 1);
-    }
-    const beforeIndex = this._children.indexOf(before);
-    this._children.splice(beforeIndex, 0, child);
-  }
-}
-exports.JsiNode = JsiNode;
-class JsiDeclarationNode extends JsiNode {
-  constructor(ctx, type, props) {
-    super(ctx, type, props);
-    _defineProperty(this, "invalidate", () => {});
-  }
-  decorateChildren(ctx) {
-    this.children().forEach(child => {
-      if (child instanceof JsiDeclarationNode) {
-        child.decorate(ctx);
-      }
-    });
-  }
-  addChild(child) {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
-    }
-    super.addChild(child);
-    this.invalidate();
-  }
-  insertChildBefore(child, before) {
-    if (!(child instanceof JsiDeclarationNode)) {
-      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
-    }
-    super.insertChildBefore(child, before);
-    this.invalidate();
-  }
-  dispose() {
-    this.invalidate();
-    super.dispose();
-  }
-  setInvalidate(invalidate) {
-    this.invalidate = invalidate;
-  }
-  setProps(props) {
-    super.setProps(props);
-    this.invalidate();
-  }
-  setProp(name, v) {
-    const hasChanged = super.setProp(name, v);
-    if (hasChanged) {
-      this.invalidate();
-    }
-    return hasChanged;
-  }
-}
-exports.JsiDeclarationNode = JsiDeclarationNode;
-//# sourceMappingURL=Node.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["JsiNode","constructor","ctx","type","props","_defineProperty","Skia","setProps","setProp","name","v","hasChanged","getProps","children","_children","addChild","child","removeChild","push","dispose","forEach","index","indexOf","node","splice","insertChildBefore","before","beforeIndex","exports","JsiDeclarationNode","decorateChildren","decorate","Error","invalidate","setInvalidate"],"sources":["Node.ts"],"sourcesContent":["import type { Skia } from \"../../skia/types\";\nimport type { Node, DeclarationNode, NodeType } from \"../types\";\nimport type { DeclarationContext } from \"../types/DeclarationContext\";\n\nexport interface NodeContext {\n  Skia: Skia;\n}\n\nexport abstract class JsiNode<P> implements Node<P> {\n  protected _children: JsiNode<unknown>[] = [];\n  protected Skia: Skia;\n\n  constructor(ctx: NodeContext, public type: NodeType, protected props: P) {\n    this.Skia = ctx.Skia;\n  }\n\n  setProps(props: P) {\n    this.props = props;\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = this.props[name] !== v;\n    this.props[name] = v;\n    return hasChanged;\n  }\n\n  getProps() {\n    return this.props;\n  }\n\n  children() {\n    return this._children;\n  }\n\n  addChild(child: Node<unknown>) {\n    this.removeChild(child);\n    this._children.push(child as JsiNode<unknown>);\n  }\n\n  dispose() {\n    this._children.forEach((child) => child.dispose());\n  }\n\n  removeChild(child: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      const [node] = this._children.splice(index, 1);\n      node.dispose();\n    }\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      this._children.splice(index, 1);\n    }\n    const beforeIndex = this._children.indexOf(before as JsiNode<unknown>);\n    this._children.splice(beforeIndex, 0, child as JsiNode<unknown>);\n  }\n}\n\nexport type Invalidate = () => void;\n\nexport abstract class JsiDeclarationNode<P>\n  extends JsiNode<P>\n  implements DeclarationNode<P>\n{\n  private invalidate: Invalidate = () => {};\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n  }\n\n  abstract decorate(ctx: DeclarationContext): void;\n\n  protected decorateChildren(ctx: DeclarationContext) {\n    this.children().forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        child.decorate(ctx);\n      }\n    });\n  }\n\n  addChild(child: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n    this.invalidate();\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n    this.invalidate();\n  }\n\n  dispose() {\n    this.invalidate();\n    super.dispose();\n  }\n\n  setInvalidate(invalidate: Invalidate) {\n    this.invalidate = invalidate;\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.invalidate();\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = super.setProp(name, v);\n    if (hasChanged) {\n      this.invalidate();\n    }\n    return hasChanged;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +0,0 @@
-import type { DeclarationNode, PaintProps } from "../types";
-import type { DeclarationContext } from "../types/DeclarationContext";
-import type { NodeContext } from "./Node";
-import { JsiDeclarationNode } from "./Node";
-export declare class PaintNode extends JsiDeclarationNode<PaintProps> implements DeclarationNode<PaintProps> {
-    constructor(ctx: NodeContext, props?: PaintProps);
-    decorate(ctx: DeclarationContext): void;
-}