@shopify/react-native-skia 1.7.7 → 1.8.1

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

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

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

@@ -1,119 +1,59 @@
 export class JsiSkDOM {
-    constructor(ctx: any, native: any);
-    ctx: any;
-    native: any;
-    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | LayerNode;
-    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps> | GroupNode;
-    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps> | PaintNode;
-    Fill(props: any): import("../../../..").RenderNode<import("../../../..").PaintProps> | FillNode;
-    Image(props: any): import("../../../..").RenderNode<import("../../../..").ImageProps> | ImageNode;
-    Circle(props: any): import("../../../..").RenderNode<import("../../../..").CircleProps> | CircleNode;
-    Path(props: any): import("../../../..").RenderNode<import("../../../..").PathProps> | PathNode;
-    Line(props: any): import("../../../..").RenderNode<import("../../../..").LineProps> | LineNode;
-    Oval(props: any): import("../../../..").RenderNode<import("../../../..").OvalProps> | OvalNode;
-    Patch(props: any): import("../../../..").RenderNode<import("../../../..").PatchProps> | PatchNode;
-    Points(props: any): import("../../../..").RenderNode<import("../../../..").PointsProps> | PointsNode;
-    Rect(props: any): import("../../../../src/dom/nodes/DrawingNode").JsiDrawingNode<import("../../../..").RectProps, import("../../../..").SkRect> | RectNode;
-    RRect(props: any): import("../../../../src/dom/nodes/DrawingNode").JsiDrawingNode<import("../../../..").RoundedRectProps, import("../../../..").SkRRect> | RRectNode;
-    Vertices(props: any): import("../../../..").RenderNode<import("../../../..").VerticesProps> | VerticesNode;
-    Text(props: any): import("../../../..").RenderNode<import("../../../..").TextProps> | TextNode;
-    TextPath(props: any): import("../../../..").RenderNode<import("../../../..").TextPathProps> | TextPathNode;
-    TextBlob(props: any): import("../../../..").RenderNode<import("../../../..").TextBlobProps> | TextBlobNode;
-    Glyphs(props: any): import("../../../..").RenderNode<import("../../../..").GlyphsProps> | GlyphsNode;
-    DiffRect(props: any): import("../../../..").RenderNode<import("../../../..").DiffRectProps> | DiffRectNode;
-    Picture(props: any): import("../../../..").RenderNode<import("../../../..").PictureProps> | PictureNode;
-    Atlas(props: any): import("../../../..").RenderNode<import("../../../..").AtlasProps> | AtlasNode;
-    ImageSVG(props: any): import("../../../..").RenderNode<import("../../../..").ImageSVGProps> | ImageSVGNode;
-    BlurMaskFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurMaskFilterProps> | BlurMaskFilterNode;
-    BlendImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendImageFilterProps> | BlendImageFilterNode;
-    DropShadowImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DropShadowImageFilterProps> | DropShadowImageFilterNode;
-    DisplacementMapImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DisplacementMapImageFilterProps> | DisplacementMapImageFilterNode;
-    BlurImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurImageFilterProps> | BlurImageFilterNode;
-    OffsetImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").OffsetImageFilterProps> | OffsetImageFilterNode;
-    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps> | MorphologyImageFilterNode;
-    RuntimeShaderImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").RuntimeShaderImageFilterProps> | RuntimeShaderImageFilterNode;
-    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps> | MatrixColorFilterNode;
-    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps> | BlendColorFilterNode;
-    LumaColorFilter(): import("../../../..").DeclarationNode<null> | LumaColorFilterNode;
-    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null> | LinearToSRGBGammaColorFilterNode;
-    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null> | SRGBToLinearGammaColorFilterNode;
-    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps> | LerpColorFilterNode;
-    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps> | ShaderNode;
-    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps> | ImageShaderNode;
-    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps> | ColorNode;
-    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps> | SweepGradientNode;
-    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps> | TurbulenceNode;
-    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps> | FractalNoiseNode;
-    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps> | LinearGradientNode;
-    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps> | RadialGradientNode;
-    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps> | TwoPointConicalGradientNode;
-    CornerPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").CornerPathEffectProps> | CornerPathEffectNode;
-    DiscretePathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DiscretePathEffectProps> | DiscretePathEffectNode;
-    DashPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DashPathEffectProps> | DashPathEffectNode;
-    Path1DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path1DPathEffectProps> | Path1DPathEffectNode;
-    Path2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path2DPathEffectProps> | Path2DPathEffectNode;
-    SumPathEffect(): import("../../../..").DeclarationNode<null> | SumPathEffectNode;
-    Line2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Line2DPathEffectProps> | Line2DPathEffectNode;
-    Blend(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendProps> | BlendNode;
-    BackdropFilter(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | BackdropFilterNode;
-    Box(props: any): import("../../../..").RenderNode<import("../../../..").BoxProps> | BoxNode;
-    BoxShadow(props: any): import("../../../..").DeclarationNode<import("../../../..").BoxShadowProps> | BoxShadowNode;
-    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps> | 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 } from "./LayerNode";
-import { GroupNode } from "./GroupNode";
-import { PaintNode } from "./PaintNode";
-import { FillNode } from "./drawings";
-import { ImageNode } from "./drawings";
-import { CircleNode } from "./drawings";
-import { PathNode } from "./drawings";
-import { LineNode } from "./drawings";
-import { OvalNode } from "./drawings";
-import { PatchNode } from "./drawings";
-import { PointsNode } from "./drawings";
-import { RectNode } from "./drawings";
-import { RRectNode } from "./drawings";
-import { VerticesNode } from "./drawings";
-import { TextNode } from "./drawings";
-import { TextPathNode } from "./drawings";
-import { TextBlobNode } from "./drawings";
-import { GlyphsNode } from "./drawings";
-import { DiffRectNode } from "./drawings";
-import { PictureNode } from "./drawings";
-import { AtlasNode } from "./drawings";
-import { ImageSVGNode } from "./drawings";
-import { BlurMaskFilterNode } from "./paint";
-import { BlendImageFilterNode } from "./paint";
-import { DropShadowImageFilterNode } from "./paint";
-import { DisplacementMapImageFilterNode } from "./paint";
-import { BlurImageFilterNode } from "./paint";
-import { OffsetImageFilterNode } from "./paint";
-import { MorphologyImageFilterNode } from "./paint/ImageFilters";
-import { RuntimeShaderImageFilterNode } from "./paint";
-import { MatrixColorFilterNode } from "./paint/ColorFilters";
-import { BlendColorFilterNode } from "./paint/ColorFilters";
-import { LumaColorFilterNode } from "./paint/ColorFilters";
-import { LinearToSRGBGammaColorFilterNode } from "./paint/ColorFilters";
-import { SRGBToLinearGammaColorFilterNode } from "./paint/ColorFilters";
-import { LerpColorFilterNode } from "./paint/ColorFilters";
-import { ShaderNode } from "./paint/Shaders";
-import { ImageShaderNode } from "./paint/Shaders";
-import { ColorNode } from "./paint/Shaders";
-import { SweepGradientNode } from "./paint/Shaders";
-import { TurbulenceNode } from "./paint/Shaders";
-import { FractalNoiseNode } from "./paint/Shaders";
-import { LinearGradientNode } from "./paint/Shaders";
-import { RadialGradientNode } from "./paint/Shaders";
-import { TwoPointConicalGradientNode } from "./paint/Shaders";
-import { CornerPathEffectNode } from "./paint";
-import { DiscretePathEffectNode } from "./paint";
-import { DashPathEffectNode } from "./paint";
-import { Path1DPathEffectNode } from "./paint";
-import { Path2DPathEffectNode } from "./paint";
-import { SumPathEffectNode } from "./paint";
-import { Line2DPathEffectNode } from "./paint";
-import { BlendNode } from "./paint";
-import { BackdropFilterNode } from "./drawings";
-import { BoxNode } from "./drawings";
-import { BoxShadowNode } from "./drawings";
-import { ParagraphNode } from "./drawings/ParagraphNode";

package/lib/typescript/lib/module/dom/types/index.d.ts

@@ -1,5 +1,3 @@
-export * from "./DrawingContext";
-export * from "./DeclarationContext";
 export * from "./Node";
 export * from "./NodeType";
 export * from "./SkDOM";

package/lib/typescript/lib/module/external/reanimated/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./useAnimatedImageValue";
-export * from "./useDerivedValueOnJS";
 export * from "./renderHelpers";
 export * from "./interpolators";
 export * from "./textures";

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

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

package/lib/typescript/lib/module/index.d.ts

@@ -1,6 +1,7 @@
 export { JsiSkImage } from "./skia/web/JsiSkImage";
 export * from "./renderer";
 export * from "./renderer/Canvas";
+export * from "./renderer/Canvas2";
 export * from "./renderer/Offscreen";
 export * from "./views";
 export * from "./skia";

package/lib/typescript/lib/module/mock/index.d.ts

@@ -57,9 +57,6 @@ export function Mock(CanvasKit: any): {
     useImage: () => null;
     useSVG: () => null;
     useVideo: () => null;
-    JsiDrawingContext: typeof import("../dom/types").JsiDrawingContext;
-    composeDeclarations: (filters: any, composer: any) => any;
-    DeclarationContext: typeof import("../dom/types").DeclarationContext;
     NodeType: {};
     JsiSkDOM: typeof import("../dom/nodes").JsiSkDOM;
     enumKey: (k: any) => any;

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

@@ -0,0 +1 @@
+export const Canvas: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

@@ -0,0 +1 @@
+export const Canvas2: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/lib/typescript/lib/module/renderer/Canvas2.web.d.ts

@@ -0,0 +1 @@
+export const Canvas2: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

@@ -1,10 +1,9 @@
 export class Container {
-    constructor(Skia: any, redraw: (() => void) | undefined, getNativeId: (() => number) | undefined, native: any);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     redraw: () => void;
     getNativeId: () => number;
     Sk: JsiSkDOM;
-    _root: import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
-    draw(ctx: any): void;
-    get root(): import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
+    _root: import("../../..").RenderNode<import("../../..").GroupProps>;
+    get root(): import("../../..").RenderNode<import("../../..").GroupProps>;
 }
 import { JsiSkDOM } from "../dom/nodes";

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

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

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

@@ -1,9 +1,9 @@
 export class SkiaRoot {
-    constructor(Skia: any, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     container: Container;
     root: any;
     render(element: any): void;
     unmount(): void;
-    get dom(): import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
+    get dom(): import("../../..").RenderNode<import("../../..").GroupProps>;
 }
 import { Container } from "./Container";

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

@@ -1,6 +1,7 @@
 export class JsiSkPaint extends HostObject {
     constructor(CanvasKit: any, ref: any);
     copy(): JsiSkPaint;
+    assign(paint: any): void;
     reset(): void;
     getAlphaf(): any;
     getColor(): any;

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

@@ -6,6 +6,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/module/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/module/sksg/Node.d.ts

@@ -0,0 +1,13 @@
+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/module/sksg/Reconciler.d.ts

@@ -1,5 +1,6 @@
 export class SkiaSGRoot {
     constructor(Skia: any, nativeId?: number);
+    Skia: any;
     container: Container;
     root: any;
     get sg(): {
@@ -10,6 +11,7 @@ export class SkiaSGRoot {
     };
     render(element: any): void;
     drawOnCanvas(canvas: any): void;
+    getPicture(): any;
     unmount(): void;
 }
 import { Container } from "./Container";

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

@@ -0,0 +1,4 @@
+export let 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/module/sksg/Recorder/DrawingContext.d.ts

@@ -0,0 +1,16 @@
+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/module/sksg/Recorder/Player.d.ts

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

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

@@ -0,0 +1,44 @@
+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/module/sksg/Recorder/Recording.d.ts

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

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

@@ -0,0 +1,26 @@
+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/module/sksg/Recorder/commands/Box.d.ts

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

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

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

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

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

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

@@ -1,7 +1,6 @@
 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/module/sksg/Recorder/commands/ImageFilters.d.ts

@@ -0,0 +1,5 @@
+export let 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/module/sksg/Recorder/commands/Paint.d.ts

@@ -0,0 +1,13 @@
+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/module/sksg/Recorder/commands/PathEffects.d.ts

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-export class SkiaDomView extends SkiaBaseWebView {
-    renderInCanvas(canvas: any): void;
-}
-import { SkiaBaseWebView } from "./SkiaBaseWebView";

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

@@ -1,4 +1,6 @@
 export class SkiaPictureView extends SkiaBaseWebView {
+    setPicture(picture: any): void;
+    picture: any;
     renderInCanvas(canvas: any): void;
 }
 import { SkiaBaseWebView } from "./SkiaBaseWebView";

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

@@ -2,12 +2,8 @@ import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, Ma
 import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
 import type { ParagraphProps } from "../types/Paragraph";
-import { RRectNode } from "./drawings";
-import type { NodeContext } from "./Node";
 export declare class JsiSkDOM implements SkDOM {
-    private ctx;
-    private native;
-    constructor(ctx: NodeContext, native: boolean);
+    constructor();
     Layer(props?: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
     Group(props?: GroupProps): import("../types").RenderNode<GroupProps>;
     Paint(props: PaintProps): import("../types").DeclarationNode<PaintProps>;
@@ -19,8 +15,8 @@ export declare class JsiSkDOM implements SkDOM {
     Oval(props: OvalProps): import("../types").RenderNode<OvalProps>;
     Patch(props: PatchProps): import("../types").RenderNode<PatchProps>;
     Points(props: PointsProps): import("../types").RenderNode<PointsProps>;
-    Rect(props: RectProps): import("./DrawingNode").JsiDrawingNode<RectProps, import("../..").SkRect>;
-    RRect(props: RoundedRectProps): RRectNode | import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect>;
+    Rect(props: RectProps): import("../types").RenderNode<RectProps>;
+    RRect(props: RoundedRectProps): import("../types").RenderNode<RoundedRectProps>;
     Vertices(props: VerticesProps): import("../types").RenderNode<VerticesProps>;
     Text(props: TextProps): import("../types").RenderNode<TextProps>;
     TextPath(props: TextPathProps): import("../types").RenderNode<TextPathProps>;

package/lib/typescript/src/dom/types/Common.d.ts

@@ -38,6 +38,11 @@ export interface TransformProps {
     origin?: Vector;
     matrix?: InputMatrix;
 }
+export interface CTMProps extends TransformProps {
+    clip?: ClipDef;
+    invertClip?: boolean;
+    layer?: SkPaint | boolean;
+}
 export interface PaintProps extends ChildrenProps {
     color?: Color;
     strokeWidth?: number;
@@ -50,8 +55,5 @@ export interface PaintProps extends ChildrenProps {
     antiAlias?: boolean;
     dither?: boolean;
 }
-export interface GroupProps extends PaintProps, TransformProps {
-    clip?: ClipDef;
-    invertClip?: boolean;
-    layer?: SkPaint | boolean;
+export interface GroupProps extends PaintProps, CTMProps {
 }

package/lib/typescript/src/dom/types/ImageFilters.d.ts

@@ -13,7 +13,7 @@ export interface RuntimeShaderImageFilterProps extends ChildrenProps {
     uniforms?: Uniforms;
 }
 export interface BlendImageFilterProps extends ChildrenProps {
-    mode: BlendMode;
+    mode: SkEnum<typeof BlendMode>;
 }
 export interface MorphologyImageFilterProps extends ChildrenProps {
     operator: "erode" | "dilate";

package/lib/typescript/src/dom/types/Node.d.ts

@@ -1,7 +1,5 @@
 import type { GroupProps } from "./Common";
 import type { NodeType } from "./NodeType";
-import type { DeclarationContext } from "./DeclarationContext";
-import type { DrawingContext } from "./DrawingContext";
 export interface Node<P> {
     type: NodeType;
     setProps(props: P): void;
@@ -14,9 +12,6 @@ export interface Node<P> {
 }
 export type Invalidate = () => void;
 export interface DeclarationNode<P> extends Node<P> {
-    decorate(ctx: DeclarationContext): void;
     setInvalidate(invalidate: Invalidate): void;
 }
-export interface RenderNode<P extends GroupProps> extends Node<P> {
-    render(ctx: DrawingContext): void;
-}
+export type RenderNode<P extends GroupProps> = Node<P>;