@shopify/react-native-skia 1.7.7 → 1.8.1

package/lib/module/sksg/{nodes/utils.d.ts → utils.d.ts}

@@ -1,3 +1,6 @@
 import type { SharedValue } from "react-native-reanimated";
 export declare const isSharedValue: <T = unknown>(value: unknown) => value is SharedValue<T>;
 export declare const materialize: <T extends object>(props: T) => T;
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+export {};

package/lib/module/sksg/{nodes/utils.js → utils.js}

@@ -1,11 +1,13 @@
-"worklet";
-
-import { mapKeys } from "../../renderer/typeddash";
+import { mapKeys } from "../renderer/typeddash";
 export const isSharedValue = value => {
+  "worklet";
+
   // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.
   return (value === null || value === void 0 ? void 0 : value._isReanimatedSharedValue) === true;
 };
 export const materialize = props => {
+  "worklet";
+
   const result = Object.assign({}, props);
   mapKeys(result).forEach(key => {
     const value = result[key];
@@ -15,4 +17,13 @@ export const materialize = props => {
   });
   return result;
 };
+export const composeDeclarations = (filters, composer) => {
+  "worklet";
+
+  const len = filters.length;
+  if (len <= 1) {
+    return filters[0];
+  }
+  return filters.reduceRight((inner, outer) => inner ? composer(outer, inner) : outer);
+};
 //# sourceMappingURL=utils.js.map

package/lib/module/sksg/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapKeys","isSharedValue","value","_isReanimatedSharedValue","materialize","props","result","Object","assign","forEach","key","composeDeclarations","filters","composer","len","length","reduceRight","inner","outer"],"sources":["utils.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { mapKeys } from \"../renderer/typeddash\";\n\nexport const isSharedValue = <T = unknown>(\n  value: unknown\n): value is SharedValue<T> => {\n  \"worklet\";\n  // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.\n  return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;\n};\n\nexport const materialize = <T extends object>(props: T) => {\n  \"worklet\";\n  const result: T = Object.assign({}, props);\n  mapKeys(result).forEach((key) => {\n    const value = result[key];\n    if (isSharedValue(value)) {\n      result[key] = value.value as never;\n    }\n  });\n  return result;\n};\n\ntype Composer<T> = (outer: T, inner: T) => T;\n\nexport const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {\n  \"worklet\";\n  const len = filters.length;\n  if (len <= 1) {\n    return filters[0];\n  }\n  return filters.reduceRight((inner, outer) =>\n    inner ? composer(outer, inner) : outer\n  );\n};\n"],"mappings":"AAEA,SAASA,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,MAAMC,aAAa,GACxBC,KAAc,IACc;EAC5B,SAAS;;EACT;EACA,OAAO,CAACA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAA8BC,wBAAwB,MAAK,IAAI;AAC9E,CAAC;AAED,OAAO,MAAMC,WAAW,GAAsBC,KAAQ,IAAK;EACzD,SAAS;;EACT,MAAMC,MAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;EAC1CL,OAAO,CAACM,MAAM,CAAC,CAACG,OAAO,CAAEC,GAAG,IAAK;IAC/B,MAAMR,KAAK,GAAGI,MAAM,CAACI,GAAG,CAAC;IACzB,IAAIT,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBI,MAAM,CAACI,GAAG,CAAC,GAAGR,KAAK,CAACA,KAAc;IACpC;EACF,CAAC,CAAC;EACF,OAAOI,MAAM;AACf,CAAC;AAID,OAAO,MAAMK,mBAAmB,GAAGA,CAAIC,OAAY,EAAEC,QAAqB,KAAK;EAC7E,SAAS;;EACT,MAAMC,GAAG,GAAGF,OAAO,CAACG,MAAM;EAC1B,IAAID,GAAG,IAAI,CAAC,EAAE;IACZ,OAAOF,OAAO,CAAC,CAAC,CAAC;EACnB;EACA,OAAOA,OAAO,CAACI,WAAW,CAAC,CAACC,KAAK,EAAEC,KAAK,KACtCD,KAAK,GAAGJ,QAAQ,CAACK,KAAK,EAAED,KAAK,CAAC,GAAGC,KACnC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/views/SkiaDomView.web.d.ts

@@ -1,7 +0,0 @@
-import type { SkCanvas } from "../skia/types";
-import { SkiaBaseWebView } from "./SkiaBaseWebView";
-import type { SkiaDomViewNativeProps } from "./types";
-export declare class SkiaDomView extends SkiaBaseWebView<SkiaDomViewNativeProps> {
-    constructor(props: SkiaDomViewNativeProps);
-    protected renderInCanvas(canvas: SkCanvas): void;
-}

package/lib/module/views/SkiaDomView.web.js

@@ -1,25 +1,2 @@
-import { Skia } from "../skia";
-import { JsiDrawingContext } from "../dom/types/DrawingContext";
-import { SkiaBaseWebView } from "./SkiaBaseWebView";
-export class SkiaDomView extends SkiaBaseWebView {
-  constructor(props) {
-    super(props);
-  }
-  renderInCanvas(canvas) {
-    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);
-    }
-  }
-}
+
 //# sourceMappingURL=SkiaDomView.web.js.map

package/lib/module/views/SkiaDomView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Skia","JsiDrawingContext","SkiaBaseWebView","SkiaDomView","constructor","props","renderInCanvas","canvas","onSize","width","height","getSize","value","root","ctx","render"],"sources":["SkiaDomView.web.tsx"],"sourcesContent":["import { Skia } from \"../skia\";\nimport type { SkCanvas } from \"../skia/types\";\nimport { JsiDrawingContext } from \"../dom/types/DrawingContext\";\n\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\nimport type { SkiaDomViewNativeProps } from \"./types\";\n\nexport class SkiaDomView extends SkiaBaseWebView<SkiaDomViewNativeProps> {\n  constructor(props: SkiaDomViewNativeProps) {\n    super(props);\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.onSize) {\n      const { width, height } = this.getSize();\n      this.props.onSize.value = { width, height };\n    }\n    if (this.props.root) {\n      const ctx = new JsiDrawingContext(Skia, canvas);\n      this.props.root.render(ctx);\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,SAASC,eAAe,QAAQ,mBAAmB;AAGnD,OAAO,MAAMC,WAAW,SAASD,eAAe,CAAyB;EACvEE,WAAWA,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,CAAC;EACd;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACF,KAAK,CAACG,MAAM,EAAE;MACrB,MAAM;QAAEC,KAAK;QAAEC;MAAO,CAAC,GAAG,IAAI,CAACC,OAAO,CAAC,CAAC;MACxC,IAAI,CAACN,KAAK,CAACG,MAAM,CAACI,KAAK,GAAG;QAAEH,KAAK;QAAEC;MAAO,CAAC;IAC7C;IACA,IAAI,IAAI,CAACL,KAAK,CAACQ,IAAI,EAAE;MACnB,MAAMC,GAAG,GAAG,IAAIb,iBAAiB,CAACD,IAAI,EAAEO,MAAM,CAAC;MAC/C,IAAI,CAACF,KAAK,CAACQ,IAAI,CAACE,MAAM,CAACD,GAAG,CAAC;IAC7B;EACF;AACF","ignoreList":[]}
+{"version":3,"names":[],"sources":["SkiaDomView.web.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/module/views/SkiaPictureView.web.d.ts

@@ -1,7 +1,9 @@
-import type { SkCanvas } from "../skia/types";
+import type { SkCanvas, SkPicture } from "../skia/types";
 import type { SkiaPictureViewNativeProps } from "./types";
 import { SkiaBaseWebView } from "./SkiaBaseWebView";
 export declare class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {
+    private picture;
     constructor(props: SkiaPictureViewNativeProps);
+    setPicture(picture: SkPicture): void;
     protected renderInCanvas(canvas: SkCanvas): void;
 }

package/lib/module/views/SkiaPictureView.web.js

@@ -1,11 +1,21 @@
+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); }
 import { SkiaBaseWebView } from "./SkiaBaseWebView";
 export class SkiaPictureView extends SkiaBaseWebView {
   constructor(props) {
     super(props);
+    _defineProperty(this, "picture", null);
+  }
+  setPicture(picture) {
+    this.picture = picture;
+    this.redraw();
   }
   renderInCanvas(canvas) {
     if (this.props.picture) {
       canvas.drawPicture(this.props.picture);
+    } else if (this.picture) {
+      canvas.drawPicture(this.picture);
     }
   }
 }

package/lib/module/views/SkiaPictureView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkiaBaseWebView","SkiaPictureView","constructor","props","renderInCanvas","canvas","picture","drawPicture"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["import type { SkCanvas } from \"../skia/types\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\n\nexport class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {\n  constructor(props: SkiaPictureViewNativeProps) {\n    super(props);\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.picture) {\n      canvas.drawPicture(this.props.picture);\n    }\n  }\n}\n"],"mappings":"AAGA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,eAAe,SAASD,eAAe,CAA6B;EAC/EE,WAAWA,CAACC,KAAiC,EAAE;IAC7C,KAAK,CAACA,KAAK,CAAC;EACd;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACF,KAAK,CAACG,OAAO,EAAE;MACtBD,MAAM,CAACE,WAAW,CAAC,IAAI,CAACJ,KAAK,CAACG,OAAO,CAAC;IACxC;EACF;AACF","ignoreList":[]}
+{"version":3,"names":["SkiaBaseWebView","SkiaPictureView","constructor","props","_defineProperty","setPicture","picture","redraw","renderInCanvas","canvas","drawPicture"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["import type { SkCanvas, SkPicture } from \"../skia/types\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaBaseWebView } from \"./SkiaBaseWebView\";\n\nexport class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewNativeProps> {\n  private picture: SkPicture | null = null;\n\n  constructor(props: SkiaPictureViewNativeProps) {\n    super(props);\n  }\n\n  public setPicture(picture: SkPicture) {\n    this.picture = picture;\n    this.redraw();\n  }\n\n  protected renderInCanvas(canvas: SkCanvas): void {\n    if (this.props.picture) {\n      canvas.drawPicture(this.props.picture);\n    } else if (this.picture) {\n      canvas.drawPicture(this.picture);\n    }\n  }\n}\n"],"mappings":";;;AAGA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,eAAe,SAASD,eAAe,CAA6B;EAG/EE,WAAWA,CAACC,KAAiC,EAAE;IAC7C,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,kBAHqB,IAAI;EAIxC;EAEOC,UAAUA,CAACC,OAAkB,EAAE;IACpC,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;EAEUC,cAAcA,CAACC,MAAgB,EAAQ;IAC/C,IAAI,IAAI,CAACN,KAAK,CAACG,OAAO,EAAE;MACtBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACP,KAAK,CAACG,OAAO,CAAC;IACxC,CAAC,MAAM,IAAI,IAAI,CAACA,OAAO,EAAE;MACvBG,MAAM,CAACC,WAAW,CAAC,IAAI,CAACJ,OAAO,CAAC;IAClC;EACF;AACF","ignoreList":[]}

package/lib/module/views/types.d.ts

@@ -1,16 +1,11 @@
 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 & {
     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;
@@ -34,5 +29,5 @@ export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
     picture?: SkPicture;
 }
 export interface SkiaDomViewNativeProps extends SkiaBaseViewProps {
-    root?: RenderNode<GroupProps>;
+    root?: Node<unknown>;
 }

package/lib/module/views/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { GroupProps, RenderNode } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n}\n\nexport interface ISkiaViewApi {\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: RenderNode<GroupProps>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/lib/commonjs/dom/nodes/JsiSkDOM.d.ts

@@ -1,70 +1,60 @@
 export const __esModule: boolean;
 export class JsiSkDOM {
-    constructor(ctx: any, native: any);
-    ctx: any;
-    native: any;
-    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | _LayerNode.LayerNode;
-    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps> | _GroupNode.GroupNode;
-    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps> | _PaintNode.PaintNode;
-    Fill(props: any): any;
-    Image(props: any): any;
-    Circle(props: any): any;
-    Path(props: any): any;
-    Line(props: any): any;
-    Oval(props: any): any;
-    Patch(props: any): any;
-    Points(props: any): any;
-    Rect(props: any): any;
-    RRect(props: any): any;
-    Vertices(props: any): any;
-    Text(props: any): any;
-    TextPath(props: any): any;
-    TextBlob(props: any): any;
-    Glyphs(props: any): any;
-    DiffRect(props: any): any;
-    Picture(props: any): any;
-    Atlas(props: any): any;
-    ImageSVG(props: any): any;
-    BlurMaskFilter(props: any): any;
-    BlendImageFilter(props: any): any;
-    DropShadowImageFilter(props: any): any;
-    DisplacementMapImageFilter(props: any): any;
-    BlurImageFilter(props: any): any;
-    OffsetImageFilter(props: any): any;
-    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps> | _ImageFilters.MorphologyImageFilterNode;
-    RuntimeShaderImageFilter(props: any): any;
-    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps> | _ColorFilters.MatrixColorFilterNode;
-    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps> | _ColorFilters.BlendColorFilterNode;
-    LumaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.LumaColorFilterNode;
-    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.LinearToSRGBGammaColorFilterNode;
-    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null> | _ColorFilters.SRGBToLinearGammaColorFilterNode;
-    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps> | _ColorFilters.LerpColorFilterNode;
-    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps> | _Shaders.ShaderNode;
-    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps> | _Shaders.ImageShaderNode;
-    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps> | _Shaders.ColorNode;
-    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps> | _Shaders.SweepGradientNode;
-    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps> | _Shaders.TurbulenceNode;
-    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps> | _Shaders.FractalNoiseNode;
-    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps> | _Shaders.LinearGradientNode;
-    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps> | _Shaders.RadialGradientNode;
-    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps> | _Shaders.TwoPointConicalGradientNode;
-    CornerPathEffect(props: any): any;
-    DiscretePathEffect(props: any): any;
-    DashPathEffect(props: any): any;
-    Path1DPathEffect(props: any): any;
-    Path2DPathEffect(props: any): any;
-    SumPathEffect(): any;
-    Line2DPathEffect(props: any): any;
-    Blend(props: any): any;
-    BackdropFilter(props: any): any;
-    Box(props: any): any;
-    BoxShadow(props: any): any;
-    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps> | _ParagraphNode.ParagraphNode;
+    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps>;
+    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps>;
+    Fill(props: any): import("../../../..").RenderNode<import("../../../..").PaintProps>;
+    Image(props: any): import("../../../..").RenderNode<import("../../../..").ImageProps>;
+    Circle(props: any): import("../../../..").RenderNode<import("../../../..").CircleProps>;
+    Path(props: any): import("../../../..").RenderNode<import("../../../..").PathProps>;
+    Line(props: any): import("../../../..").RenderNode<import("../../../..").LineProps>;
+    Oval(props: any): import("../../../..").RenderNode<import("../../../..").OvalProps>;
+    Patch(props: any): import("../../../..").RenderNode<import("../../../..").PatchProps>;
+    Points(props: any): import("../../../..").RenderNode<import("../../../..").PointsProps>;
+    Rect(props: any): import("../../../..").RenderNode<import("../../../..").RectProps>;
+    RRect(props: any): import("../../../..").RenderNode<import("../../../..").RoundedRectProps>;
+    Vertices(props: any): import("../../../..").RenderNode<import("../../../..").VerticesProps>;
+    Text(props: any): import("../../../..").RenderNode<import("../../../..").TextProps>;
+    TextPath(props: any): import("../../../..").RenderNode<import("../../../..").TextPathProps>;
+    TextBlob(props: any): import("../../../..").RenderNode<import("../../../..").TextBlobProps>;
+    Glyphs(props: any): import("../../../..").RenderNode<import("../../../..").GlyphsProps>;
+    DiffRect(props: any): import("../../../..").RenderNode<import("../../../..").DiffRectProps>;
+    Picture(props: any): import("../../../..").RenderNode<import("../../../..").PictureProps>;
+    Atlas(props: any): import("../../../..").RenderNode<import("../../../..").AtlasProps>;
+    ImageSVG(props: any): import("../../../..").RenderNode<import("../../../..").ImageSVGProps>;
+    BlurMaskFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurMaskFilterProps>;
+    BlendImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendImageFilterProps>;
+    DropShadowImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DropShadowImageFilterProps>;
+    DisplacementMapImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DisplacementMapImageFilterProps>;
+    BlurImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurImageFilterProps>;
+    OffsetImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").OffsetImageFilterProps>;
+    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps>;
+    RuntimeShaderImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").RuntimeShaderImageFilterProps>;
+    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps>;
+    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps>;
+    LumaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps>;
+    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps>;
+    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps>;
+    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps>;
+    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps>;
+    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps>;
+    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps>;
+    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps>;
+    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps>;
+    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps>;
+    CornerPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").CornerPathEffectProps>;
+    DiscretePathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DiscretePathEffectProps>;
+    DashPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DashPathEffectProps>;
+    Path1DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path1DPathEffectProps>;
+    Path2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path2DPathEffectProps>;
+    SumPathEffect(): import("../../../..").DeclarationNode<null>;
+    Line2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Line2DPathEffectProps>;
+    Blend(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendProps>;
+    BackdropFilter(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Box(props: any): import("../../../..").RenderNode<import("../../../..").BoxProps>;
+    BoxShadow(props: any): import("../../../..").DeclarationNode<import("../../../..").BoxShadowProps>;
+    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps>;
 }
-import _LayerNode = require("./LayerNode");
-import _GroupNode = require("./GroupNode");
-import _PaintNode = require("./PaintNode");
-import _ImageFilters = require("./paint/ImageFilters");
-import _ColorFilters = require("./paint/ColorFilters");
-import _Shaders = require("./paint/Shaders");
-import _ParagraphNode = require("./drawings/ParagraphNode");

package/lib/typescript/lib/commonjs/external/reanimated/renderHelpers.d.ts

@@ -1,5 +1,4 @@
 export const __esModule: boolean;
-export const HAS_REANIMATED: any;
 export const HAS_REANIMATED_3: any;
 export function bindReanimatedProps(container: any, node: any, reanimatedProps: any): void;
 export function extractReanimatedProps(props: any): any[];

package/lib/typescript/lib/commonjs/renderer/Canvas.web.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const Canvas: _react.ForwardRefExoticComponent<_react.RefAttributes<any>>;
+import _react = require("react");

package/lib/typescript/lib/commonjs/renderer/Canvas2.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const Canvas2: _react.ForwardRefExoticComponent<_react.RefAttributes<any>>;
+import _react = require("react");

package/lib/typescript/lib/commonjs/{dom/nodes/drawings/index.d.ts → renderer/Canvas2.web.d.ts}

@@ -1 +1,2 @@
 export const __esModule: boolean;
+export { Canvas as Canvas2 };

package/lib/typescript/lib/commonjs/renderer/Container.d.ts

@@ -1,10 +1,9 @@
 export const __esModule: boolean;
 export class Container {
-    constructor(Skia: any, redraw: (() => void) | undefined, getNativeId: (() => number) | undefined, native: any);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     redraw: () => void;
     getNativeId: () => number;
     Sk: any;
     _root: any;
-    draw(ctx: any): void;
     get root(): any;
 }

package/lib/typescript/lib/commonjs/renderer/HostComponents.d.ts

@@ -1,3 +1,2 @@
 export const __esModule: boolean;
-export const NATIVE_DOM: boolean;
 export function createNode(container: any, type: any, props: any): any;

package/lib/typescript/lib/commonjs/renderer/Reconciler.d.ts

@@ -1,6 +1,6 @@
 export const __esModule: boolean;
 export class SkiaRoot {
-    constructor(Skia: any, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     container: _Container.Container;
     root: any;
     render(element: any): void;

package/lib/typescript/lib/commonjs/skia/web/JsiSkPaint.d.ts

@@ -2,6 +2,7 @@ export const __esModule: boolean;
 export class JsiSkPaint extends _Host.HostObject {
     constructor(CanvasKit: any, ref: any);
     copy(): JsiSkPaint;
+    assign(paint: any): void;
     reset(): void;
     getAlphaf(): any;
     getColor(): any;

package/lib/typescript/lib/commonjs/sksg/Container.d.ts

@@ -7,6 +7,10 @@ export class Container {
     get root(): any;
     mapperId: any;
     _root: any;
+    _recording: {
+        commands: any;
+        paintPool: never[];
+    } | undefined;
     clear(): void;
     redraw(): void;
     getNativeId(): any;

package/lib/typescript/lib/commonjs/sksg/HostConfig.d.ts

@@ -11,9 +11,8 @@ export namespace sksgHostConfig {
     function getChildHostContext(_parentHostContext: any, _type: any, _rootContainerInstance: any): null;
     function shouldSetTextContent(_type: any, _props: any): boolean;
     function createTextInstance(_text: any, _rootContainerInstance: any, _hostContext: any, _internalInstanceHandle: any): never;
-    function createInstance(type: any, props: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
+    function createInstance(type: any, propsWithChildren: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
         type: any;
-        isDeclaration: boolean;
         props: any;
         children: never[];
     };
@@ -31,7 +30,6 @@ export namespace sksgHostConfig {
         type: any;
         props: any;
         children: any[];
-        isDeclaration: any;
     };
     function createContainerChildSet(): never[];
     function appendChildToContainerChildSet(childSet: any, child: any): void;

package/lib/typescript/lib/commonjs/sksg/Node.d.ts

@@ -0,0 +1,14 @@
+export const __esModule: boolean;
+export function isColorFilter(type: any): boolean;
+export function isPathEffect(type: any): boolean;
+export function isImageFilter(type: any): boolean;
+export function isShader(type: any): boolean;
+export function sortNodeChildren(parent: any): {
+    colorFilters: any[];
+    drawings: any[];
+    maskFilters: any[];
+    shaders: any[];
+    pathEffects: any[];
+    imageFilters: any[];
+    paints: any[];
+};

package/lib/typescript/lib/commonjs/sksg/Reconciler.d.ts

@@ -1,6 +1,7 @@
 export const __esModule: boolean;
 export class SkiaSGRoot {
     constructor(Skia: any, nativeId?: number);
+    Skia: any;
     container: _Container.Container;
     root: any;
     get sg(): {
@@ -11,6 +12,7 @@ export class SkiaSGRoot {
     };
     render(element: any): void;
     drawOnCanvas(canvas: any): void;
+    getPicture(): any;
     unmount(): void;
 }
 import _Container = require("./Container");

package/lib/typescript/lib/commonjs/sksg/Recorder/Core.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+export const CommandType: {};
+export function materializeProps(command: any): void;
+export function isCommand(command: any, type: any): boolean;
+export function isDrawCommand(command: any, type: any): boolean;

package/lib/typescript/lib/commonjs/sksg/Recorder/DrawingContext.d.ts

@@ -0,0 +1,17 @@
+export const __esModule: boolean;
+export function createDrawingContext(Skia: any, paintPool: any, canvas: any): {
+    Skia: any;
+    canvas: any;
+    paints: any[];
+    colorFilters: any[];
+    shaders: any[];
+    imageFilters: any[];
+    pathEffects: any[];
+    paintDeclarations: any[];
+    paintPool: any;
+    savePaint: () => void;
+    saveBackdropFilter: () => void;
+    readonly paint: any;
+    restorePaint: () => any;
+    materializePaint: () => void;
+};

package/lib/typescript/lib/commonjs/sksg/Recorder/Player.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+export function replay(ctx: any, commands: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/Recorder.d.ts

@@ -0,0 +1,45 @@
+export const __esModule: boolean;
+export class Recorder {
+    processProps(props: any): {
+        props: any;
+        animatedProps: {} | undefined;
+    };
+    add(command: any): void;
+    savePaint(props: any): void;
+    restorePaint(): void;
+    restorePaintDeclaration(): void;
+    materializePaint(): void;
+    pushPathEffect(pathEffectType: any, props: any): void;
+    pushImageFilter(imageFilterType: any, props: any): void;
+    pushColorFilter(colorFilterType: any, props: any): void;
+    pushShader(shaderType: any, props: any): void;
+    pushBlurMaskFilter(props: any): void;
+    composePathEffect(): void;
+    composeColorFilter(): void;
+    composeImageFilter(): void;
+    saveCTM(props: any): void;
+    restoreCTM(): void;
+    drawPaint(): void;
+    saveLayer(): void;
+    saveBackdropFilter(): void;
+    drawBox(boxProps: any, shadows: any): void;
+    drawImage(props: any): void;
+    drawCircle(props: any): void;
+    drawPoints(props: any): void;
+    drawPath(props: any): void;
+    drawRect(props: any): void;
+    drawRRect(props: any): void;
+    drawOval(props: any): void;
+    drawLine(props: any): void;
+    drawPatch(props: any): void;
+    drawVertices(props: any): void;
+    drawDiffRect(props: any): void;
+    drawText(props: any): void;
+    drawTextPath(props: any): void;
+    drawTextBlob(props: any): void;
+    drawGlyphs(props: any): void;
+    drawPicture(props: any): void;
+    drawImageSVG(props: any): void;
+    drawParagraph(props: any): void;
+    drawAtlas(props: any): void;
+}

package/lib/typescript/lib/commonjs/sksg/Recorder/Recording.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+export function createRecording(commands: any): {
+    commands: any;
+    paintPool: never[];
+};

package/lib/typescript/lib/commonjs/sksg/Recorder/Visitor.d.ts

@@ -0,0 +1,27 @@
+export const __esModule: boolean;
+export function processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintRef }: {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+}): {
+    opacity: any;
+    color: any;
+    strokeWidth: any;
+    blendMode: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+    paint: any;
+} | null;
+export function visit(recorder: any, root: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Box.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export function isBoxCommand(command: any): boolean;
+export function drawBox(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/CTM.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+export function saveCTM(ctx: any, props: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/ColorFilters.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+export function isPushColorFilter(command: any): boolean;
+export function composeColorFilters(ctx: any): void;
+export function pushColorFilter(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/{nodes/drawings.d.ts → Recorder/commands/Drawing.d.ts}

@@ -2,7 +2,6 @@ export const __esModule: boolean;
 export function drawLine(ctx: any, props: any): void;
 export function drawOval(ctx: any, props: any): void;
 export function drawBox(ctx: any, props: any, children: any): void;
-export function drawBoxShadow(_ctx: any, _props: any): void;
 export function drawImage(ctx: any, props: any): void;
 export function drawPoints(ctx: any, props: any): void;
 export function drawVertices(ctx: any, props: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/ImageFilters.d.ts

@@ -0,0 +1,6 @@
+export const __esModule: boolean;
+export const MorphologyOperator: {};
+export function composeImageFilters(ctx: any): void;
+export function setBlurMaskFilter(ctx: any, props: any): void;
+export function isPushImageFilter(command: any): boolean;
+export function pushImageFilter(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Paint.d.ts

@@ -0,0 +1,14 @@
+export const __esModule: boolean;
+export function processColor(Skia: any, color: any): any;
+export function setPaintProperties(Skia: any, paint: any, { opacity, color, blendMode, strokeWidth, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither }: {
+    opacity: any;
+    color: any;
+    blendMode: any;
+    strokeWidth: any;
+    style: any;
+    strokeJoin: any;
+    strokeCap: any;
+    strokeMiter: any;
+    antiAlias: any;
+    dither: any;
+}): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/PathEffects.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+export function isPushPathEffect(command: any): boolean;
+export function composePathEffects(ctx: any): void;
+export function pushPathEffect(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/Recorder/commands/Shaders.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export function isPushShader(command: any): boolean;
+export function pushShader(ctx: any, command: any): void;

package/lib/typescript/lib/commonjs/sksg/{nodes/utils.d.ts → utils.d.ts}

@@ -1,3 +1,4 @@
 export const __esModule: boolean;
 export function isSharedValue(value: any): boolean;
 export function materialize(props: any): any;
+export function composeDeclarations(filters: any, composer: any): any;

package/lib/typescript/lib/commonjs/views/SkiaDomView.web.d.ts

@@ -1,5 +0,0 @@
-export const __esModule: boolean;
-export class SkiaDomView extends _SkiaBaseWebView.SkiaBaseWebView {
-    renderInCanvas(canvas: any): void;
-}
-import _SkiaBaseWebView = require("./SkiaBaseWebView");