@shopify/react-native-skia 1.8.0 → 1.8.2

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/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/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/mock/index.d.ts

@@ -154,7 +154,7 @@ export function Mock(CanvasKit: any): {
     matchFont: (inputStyle?: {}, fontMgr?: import("../../..").SkFontMgr) => import("../../..").SkFont;
     listFontFamilies: (fontMgr?: import("../../..").SkFontMgr) => string[];
     makeImageFromView: (viewRef: any, callback?: null) => any;
-    useAnimatedImage: (source: any, onError: any, managed?: boolean) => null;
+    useAnimatedImage: (source: any, onError: any) => null;
     createPicture: (cb: any, rect: any) => import("../../..").SkPicture;
     vec: (x: number | undefined, y: any) => import("../../..").SkPoint;
     point: (x: number | undefined, y: any) => import("../../..").SkPoint;

package/lib/typescript/lib/module/skia/core/AnimatedImage.d.ts

@@ -1 +1 @@
-export function useAnimatedImage(source: any, onError: any, managed?: boolean): null;
+export function useAnimatedImage(source: any, onError: any): null;

package/lib/typescript/lib/module/skia/core/Data.d.ts

@@ -1,4 +1,4 @@
 export function loadData(source: any, factory: any, onError: any): Promise<any>;
 export function useCollectionLoading(source: any, loader: any): null;
-export function useRawData(source: any, factory: any, onError: any, manage?: boolean): null;
+export function useRawData(source: any, factory: any, onError: any): null;
 export function useData(source: any, onError: any): null;

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/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/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/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,6 +1,5 @@
 import type { GroupProps } from "./Common";
 import type { NodeType } from "./NodeType";
-import type { DeclarationContext } from "../../sksg/DeclarationContext";
 export interface Node<P> {
     type: NodeType;
     setProps(props: P): void;
@@ -13,7 +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 type RenderNode<P extends GroupProps> = Node<P>;

package/lib/typescript/src/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/src/external/reanimated/renderHelpers.d.ts

@@ -1,7 +1,6 @@
 import type { Container } from "../../renderer/Container";
 import type { AnimatedProps } from "../../renderer/processors";
 import type { Node } from "../../dom/types";
-export declare let HAS_REANIMATED: boolean;
 export declare let HAS_REANIMATED_3: boolean;
 export declare const unbindReanimatedNode: (node: Node<unknown>) => void;
 export declare function extractReanimatedProps(props: AnimatedProps<any>): AnimatedProps<any, never>[];

package/lib/typescript/src/skia/core/AnimatedImage.d.ts

@@ -2,4 +2,4 @@ import type { DataSourceParam } from "../types";
 /**
  * Returns a Skia Animated Image object
  * */
-export declare const useAnimatedImage: (source: DataSourceParam, onError?: (err: Error) => void, managed?: boolean) => import("../types").SkAnimatedImage | null;
+export declare const useAnimatedImage: (source: DataSourceParam, onError?: (err: Error) => void) => import("../types").SkAnimatedImage | null;

package/lib/typescript/src/skia/core/Data.d.ts

@@ -1,5 +1,5 @@
 import type { SkData, DataSourceParam, SkJSIInstance } from "../types";
 export declare const loadData: <T>(source: DataSourceParam, factory: (data: SkData) => T | null, onError?: (err: Error) => void) => Promise<T | null>;
 export declare const useCollectionLoading: <T extends SkJSIInstance<string>>(source: DataSourceParam[], loader: () => Promise<(T | null)[]>) => T[] | null;
-export declare const useRawData: <T extends SkJSIInstance<string>>(source: DataSourceParam, factory: (data: SkData) => T | null, onError?: (err: Error) => void, manage?: boolean) => T | null;
+export declare const useRawData: <T extends SkJSIInstance<string>>(source: DataSourceParam, factory: (data: SkData) => T | null, onError?: (err: Error) => void) => T | null;
 export declare const useData: (source: DataSourceParam, onError?: (err: Error) => void) => SkData | null;

package/lib/typescript/src/skia/types/Paint/Paint.d.ts

@@ -35,6 +35,7 @@ export interface SkPaint extends SkJSIInstance<"Paint"> {
        SkPaint with the result of SkPaint().
      */
     reset(): void;
+    assign(paint: SkPaint): void;
     /**
      * Retrieves the alpha and RGB unpremultiplied. RGB are extended sRGB values
      * (sRGB gamut, and encoded with the sRGB transfer function).

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

@@ -5,6 +5,7 @@ export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements Sk
     constructor(CanvasKit: CanvasKit, ref: Paint);
     dispose: () => void;
     copy(): JsiSkPaint;
+    assign(paint: JsiSkPaint): void;
     reset(): void;
     getAlphaf(): number;
     getColor(): Float32Array;

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

@@ -1,9 +1,10 @@
 import type { Skia, SkCanvas } from "../skia/types";
-import type { Node } from "./nodes";
+import type { Node } from "./Node";
 export declare class Container {
     Skia: Skia;
     private nativeId;
-    _root: Node[];
+    private _root;
+    private _recording;
     unmounted: boolean;
     private values;
     private mapperId;

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

@@ -1,6 +1,6 @@
 import type { HostConfig } from "react-reconciler";
-import { NodeType } from "../dom/types";
-import type { Node } from "./nodes/Node";
+import type { NodeType } from "../dom/types";
+import type { Node } from "./Node";
 import type { Container } from "./Container";
 export declare const debug: (message?: any, ...optionalParams: any[]) => void;
 type Instance = Node;

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

@@ -0,0 +1,19 @@
+import { NodeType } from "../dom/types";
+export interface Node<Props = unknown> {
+    type: NodeType;
+    props: Props;
+    children: Node[];
+}
+export declare const isColorFilter: (type: NodeType) => type is NodeType.MatrixColorFilter | NodeType.BlendColorFilter | NodeType.LinearToSRGBGammaColorFilter | NodeType.SRGBToLinearGammaColorFilter | NodeType.LumaColorFilter | NodeType.LerpColorFilter;
+export declare const isPathEffect: (type: NodeType) => type is NodeType.DiscretePathEffect | NodeType.DashPathEffect | NodeType.Path1DPathEffect | NodeType.Path2DPathEffect | NodeType.CornerPathEffect | NodeType.SumPathEffect | NodeType.Line2DPathEffect;
+export declare const isImageFilter: (type: NodeType) => type is NodeType.OffsetImageFilter | NodeType.DisplacementMapImageFilter | NodeType.BlurImageFilter | NodeType.DropShadowImageFilter | NodeType.MorphologyImageFilter | NodeType.BlendImageFilter | NodeType.RuntimeShaderImageFilter;
+export declare const isShader: (type: NodeType) => type is NodeType.Shader | NodeType.ImageShader | NodeType.ColorShader | NodeType.Turbulence | NodeType.FractalNoise | NodeType.LinearGradient | NodeType.RadialGradient | NodeType.SweepGradient | NodeType.TwoPointConicalGradient;
+export declare const sortNodeChildren: (parent: Node) => {
+    colorFilters: Node<unknown>[];
+    drawings: Node<unknown>[];
+    maskFilters: Node<unknown>[];
+    shaders: Node<unknown>[];
+    pathEffects: Node<unknown>[];
+    imageFilters: Node<unknown>[];
+    paints: Node<unknown>[];
+};

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

@@ -9,7 +9,7 @@ export declare class SkiaSGRoot {
     get sg(): {
         type: NodeType;
         props: {};
-        children: import("./nodes").Node<unknown>[];
+        children: import("./Node").Node<unknown>[];
         isDeclaration: boolean;
     };
     render(element: ReactNode): void;

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

@@ -0,0 +1,79 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { BlurMaskFilterProps, CircleProps, CTMProps, ImageProps, PointsProps, PathProps, RectProps, RoundedRectProps, OvalProps, LineProps, PatchProps, VerticesProps, DiffRectProps, TextProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, ParagraphProps, AtlasProps, DrawingNodeProps } from "../../dom/types";
+export declare enum CommandType {
+    SavePaint = 0,
+    RestorePaint = 1,
+    SaveCTM = 2,
+    RestoreCTM = 3,
+    PushColorFilter = 4,
+    PushBlurMaskFilter = 5,
+    PushImageFilter = 6,
+    PushPathEffect = 7,
+    PushShader = 8,
+    ComposeColorFilter = 9,
+    ComposeImageFilter = 10,
+    ComposePathEffect = 11,
+    MaterializePaint = 12,
+    SaveBackdropFilter = 13,
+    SaveLayer = 14,
+    RestorePaintDeclaration = 15,
+    DrawBox = 16,
+    DrawImage = 17,
+    DrawCircle = 18,
+    DrawPaint = 19,
+    DrawPoints = 20,
+    DrawPath = 21,
+    DrawRect = 22,
+    DrawRRect = 23,
+    DrawOval = 24,
+    DrawLine = 25,
+    DrawPatch = 26,
+    DrawVertices = 27,
+    DrawDiffRect = 28,
+    DrawText = 29,
+    DrawTextPath = 30,
+    DrawTextBlob = 31,
+    DrawGlyphs = 32,
+    DrawPicture = 33,
+    DrawImageSVG = 34,
+    DrawParagraph = 35,
+    DrawAtlas = 36
+}
+export type Command<T extends CommandType = CommandType> = {
+    type: T;
+    [key: string]: unknown;
+};
+export declare const materializeProps: (command: {
+    props: Record<string, unknown>;
+    animatedProps?: Record<string, SharedValue<unknown>>;
+}) => void;
+export declare const isCommand: <T extends CommandType>(command: Command, type: T) => command is Command<T>;
+interface Props {
+    [CommandType.DrawImage]: ImageProps;
+    [CommandType.DrawCircle]: CircleProps;
+    [CommandType.SaveCTM]: CTMProps;
+    [CommandType.SavePaint]: DrawingNodeProps;
+    [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;
+    [CommandType.DrawPoints]: PointsProps;
+    [CommandType.DrawPath]: PathProps;
+    [CommandType.DrawRect]: RectProps;
+    [CommandType.DrawRRect]: RoundedRectProps;
+    [CommandType.DrawOval]: OvalProps;
+    [CommandType.DrawLine]: LineProps;
+    [CommandType.DrawPatch]: PatchProps;
+    [CommandType.DrawVertices]: VerticesProps;
+    [CommandType.DrawDiffRect]: DiffRectProps;
+    [CommandType.DrawText]: TextProps;
+    [CommandType.DrawTextPath]: TextPathProps;
+    [CommandType.DrawTextBlob]: TextBlobProps;
+    [CommandType.DrawGlyphs]: GlyphsProps;
+    [CommandType.DrawPicture]: PictureProps;
+    [CommandType.DrawImageSVG]: ImageSVGProps;
+    [CommandType.DrawParagraph]: ParagraphProps;
+    [CommandType.DrawAtlas]: AtlasProps;
+}
+interface DrawCommand<T extends CommandType> extends Command<T> {
+    props: T extends keyof Props ? Props[T] : never;
+}
+export declare const isDrawCommand: <T extends keyof Props>(command: Command, type: T) => command is DrawCommand<T>;
+export {};

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

@@ -0,0 +1,18 @@
+import type { Skia, SkCanvas, SkColorFilter, SkPaint, SkShader, SkImageFilter, SkPathEffect } from "../../skia/types";
+export declare const createDrawingContext: (Skia: Skia, paintPool: SkPaint[], canvas: SkCanvas) => {
+    Skia: Skia;
+    canvas: SkCanvas;
+    paints: SkPaint[];
+    colorFilters: SkColorFilter[];
+    shaders: SkShader[];
+    imageFilters: SkImageFilter[];
+    pathEffects: SkPathEffect[];
+    paintDeclarations: SkPaint[];
+    paintPool: SkPaint[];
+    savePaint: () => void;
+    saveBackdropFilter: () => void;
+    readonly paint: SkPaint;
+    restorePaint: () => SkPaint | undefined;
+    materializePaint: () => void;
+};
+export type DrawingContext = ReturnType<typeof createDrawingContext>;

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

@@ -0,0 +1,3 @@
+import { type Command } from "./Core";
+import type { DrawingContext } from "./DrawingContext";
+export declare const replay: (ctx: DrawingContext, commands: Command[]) => void;