@shopify/react-native-skia 1.7.6 → 1.8.0

package/lib/typescript/src/dom/nodes/datatypes/Rect.d.ts

@@ -1,5 +1,7 @@
-import type { Skia, SkRect, Vector } from "../../../skia/types";
+import type { Skia, SkRect, SkRRect, Vector } from "../../../skia/types";
 import type { RectDef, RRectDef } from "../../types";
 export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
 export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
 export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").InputRRect;
+export declare const inflate: (Skia: Skia, box: SkRRect, dx: number, dy: number, tx?: number, ty?: number) => SkRRect;
+export declare const deflate: (Skia: Skia, box: SkRRect, dx: number, dy: number, tx?: number, ty?: number) => SkRRect;

package/lib/typescript/src/dom/nodes/datatypes/Transform.d.ts

@@ -1,3 +1,4 @@
 import type { TransformProps } from "../../types";
-import type { SkMatrix } from "../../../skia/types";
+import type { Skia, SkMatrix } from "../../../skia/types";
 export declare const processTransformProps: (m3: SkMatrix, props: TransformProps) => void;
+export declare const processTransformProps2: (Skia: Skia, props: TransformProps) => SkMatrix | null;

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

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

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

@@ -1,6 +1,8 @@
 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>[];
 export declare function bindReanimatedProps(container: Container, node: Node<any>, reanimatedProps: AnimatedProps<any>): void;

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

@@ -2,6 +2,7 @@ import "./skia/NativeSetup";
 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/src/renderer/Canvas.web.d.ts

@@ -0,0 +1,10 @@
+import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
+import type { SkSize } from "../skia/types";
+export interface CanvasProps extends ViewProps {
+    debug?: boolean;
+    opaque?: boolean;
+    onSize?: SharedValue<SkSize>;
+    mode?: "continuous" | "default";
+}
+export declare const Canvas: import("react").ForwardRefExoticComponent<CanvasProps & import("react").RefAttributes<unknown>>;

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

@@ -0,0 +1,10 @@
+import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
+import type { SkSize } from "../skia/types";
+export interface Canvas2Props extends ViewProps {
+    debug?: boolean;
+    opaque?: boolean;
+    onSize?: SharedValue<SkSize>;
+    mode?: "continuous" | "default";
+}
+export declare const Canvas2: import("react").ForwardRefExoticComponent<Canvas2Props & import("react").RefAttributes<unknown>>;

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

@@ -0,0 +1,3 @@
+import type { CanvasProps } from "./Canvas";
+export type Canvas2Props = CanvasProps;
+export declare const Canvas2: import("react").FunctionComponent<CanvasProps & import("react").RefAttributes<import("..").SkiaDomView>>;

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

@@ -1,12 +1,10 @@
-import type { GroupProps, DrawingContext, RenderNode, SkDOM } from "../dom/types";
-import type { Skia } from "../skia/types";
+import type { Node, SkDOM } from "../dom/types";
 export declare class Container {
     redraw: () => void;
     getNativeId: () => number;
     private _root;
     Sk: SkDOM;
     unmounted: boolean;
-    constructor(Skia: Skia, redraw: () => void, getNativeId: () => number, native: boolean);
-    draw(ctx: DrawingContext): void;
-    get root(): RenderNode<GroupProps>;
+    constructor(redraw?: () => void, getNativeId?: () => number);
+    get root(): Node<unknown>;
 }

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

@@ -2,15 +2,12 @@ import { NodeType } from "../dom/types";
 import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps, ParagraphProps, AtlasProps } from "../dom/types";
 import type { ChildrenProps } from "../dom/types/Common";
 import type { BlendProps, MorphologyImageFilterProps } from "../dom/types/ImageFilters";
-import type { SkRect, SkRRect } from "../skia/types";
-import type { JsiDrawingNode } from "../dom/nodes/DrawingNode";
 import type { Container } from "./Container";
 import type { SkiaProps } from "./processors";
-export declare const NATIVE_DOM: boolean;
 declare global {
     var SkiaDomApi: {
-        RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;
-        RRectNode: (props: RoundedRectProps) => JsiDrawingNode<RoundedRectProps, SkRRect>;
+        RectNode: (props: RectProps) => RenderNode<RectProps>;
+        RRectNode: (props: RoundedRectProps) => RenderNode<RoundedRectProps>;
         GroupNode: (props: GroupProps) => RenderNode<GroupProps>;
         PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;
         FillNode: (props: PaintProps) => RenderNode<PaintProps>;
@@ -129,4 +126,4 @@ declare global {
         }
     }
 }
-export declare const createNode: (container: Container, type: NodeType, props: any) => RenderNode<ChildrenProps> | DeclarationNode<PaintProps> | DeclarationNode<BlurMaskFilterProps> | DeclarationNode<BlendImageFilterProps> | DeclarationNode<BlurImageFilterProps> | DeclarationNode<OffsetImageFilterProps> | DeclarationNode<MorphologyImageFilterProps> | DeclarationNode<DisplacementMapImageFilterProps> | DeclarationNode<RuntimeShaderImageFilterProps> | DeclarationNode<MatrixColorFilterProps> | DeclarationNode<null> | DeclarationNode<LerpColorFilterProps> | DeclarationNode<ImageShaderProps> | DeclarationNode<ColorProps> | DeclarationNode<TurbulenceProps> | DeclarationNode<LinearGradientProps> | DeclarationNode<RadialGradientProps> | DeclarationNode<SweepGradientProps> | DeclarationNode<CornerPathEffectProps> | DeclarationNode<DiscretePathEffectProps> | DeclarationNode<DashPathEffectProps> | DeclarationNode<Path1DPathEffectProps> | DeclarationNode<Path2DPathEffectProps> | DeclarationNode<Line2DPathEffectProps> | DeclarationNode<BlendProps> | DeclarationNode<BoxShadowProps>;
+export declare const createNode: (container: Container, type: NodeType, props: any) => RenderNode<ChildrenProps> | DeclarationNode<BlurMaskFilterProps> | DeclarationNode<null> | DeclarationNode<ImageShaderProps> | DeclarationNode<ColorProps> | DeclarationNode<TurbulenceProps> | DeclarationNode<LinearGradientProps> | DeclarationNode<RadialGradientProps> | DeclarationNode<SweepGradientProps> | DeclarationNode<BoxShadowProps>;

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

@@ -1,10 +1,9 @@
 import type { ReactNode } from "react";
-import type { Skia } from "../skia/types";
 export declare class SkiaRoot {
     private root;
     private container;
-    constructor(Skia: Skia, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     render(element: ReactNode): void;
     unmount(): void;
-    get dom(): import("..").RenderNode<import("..").GroupProps>;
+    get dom(): import("..").Node<unknown>;
 }

package/lib/typescript/src/renderer/__tests__/setup.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import type { Server, WebSocket } from "ws";
 import type * as SkiaExports from "../../index";
 import type { SkImage, SkFont, Skia, SkCanvas } from "../../skia/types";
-import { SkiaRoot } from "../Reconciler";
+import { SkiaSGRoot } from "../../sksg/Reconciler";
 type TestOS = "ios" | "android" | "web" | "node";
 declare global {
     var testServer: Server;
@@ -35,7 +35,6 @@ export declare const BirdGIF: string;
 export declare const loadImage: (uri: string) => SkiaExports.SkImage;
 export declare const loadFont: (uri: string, ftSize?: number) => SkiaExports.SkFont;
 export declare const importSkia: () => typeof SkiaExports;
-export declare const getSkDOM: () => SkiaExports.JsiSkDOM;
 export declare const PIXEL_RATIO = 3;
 export declare const fontSize: number;
 export declare const width: number;
@@ -47,7 +46,7 @@ export declare const center: {
 export declare const drawOnNode: (element: ReactNode) => SkiaExports.SkSurface;
 export declare const mountCanvas: (element: ReactNode) => {
     surface: SkiaExports.SkSurface;
-    root: SkiaRoot;
+    root: SkiaSGRoot;
     draw: () => void;
 };
 export declare const serialize: (element: ReactNode) => string;

package/lib/typescript/src/renderer/processors/Animations/Animations.d.ts

@@ -1,7 +1,6 @@
-export type SharedValueType<T = number> = {
+export type AnimatedProp<T> = T | {
     value: T;
 };
-export type AnimatedProp<T> = T | SharedValueType<T>;
 export type AnimatedProps<T, O extends keyof T | never = never> = {
     [K in keyof T]: K extends "children" ? T[K] : K extends O ? T[K] : AnimatedProp<T[K]>;
 };

package/lib/typescript/src/skia/__tests__/setup.d.ts

@@ -1,4 +1,3 @@
-import type { Node } from "../../dom/types";
 import { Skia } from "../types";
 import { JsiSkApi } from "../web";
 declare let Skia: ReturnType<typeof JsiSkApi>;
@@ -14,6 +13,4 @@ export declare const setupSkia: (width?: number, height?: number) => {
     Skia: Skia;
     CanvasKit: import("canvaskit-wasm").CanvasKit;
 };
-export declare const printAsXML: (node: Node<unknown>) => void;
-export declare const asXML: (node: Node<unknown>, indent?: number) => string;
 export {};

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

@@ -0,0 +1,19 @@
+import type { Skia, SkCanvas } from "../skia/types";
+import type { Node } from "./nodes";
+export declare class Container {
+    Skia: Skia;
+    private nativeId;
+    _root: Node[];
+    unmounted: boolean;
+    private values;
+    private mapperId;
+    constructor(Skia: Skia, nativeId: number);
+    get root(): Node[];
+    set root(root: Node[]);
+    clear(): void;
+    redraw(): void;
+    getNativeId(): number;
+    unregisterValues(values: object): void;
+    registerValues(values: object): void;
+    drawOnCanvas(canvas: SkCanvas): void;
+}

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

@@ -0,0 +1,56 @@
+import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../skia/types";
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+export declare const createDeclarationContext: (Skia: Skia) => {
+    Skia: Skia;
+    paints: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPaint | undefined;
+        push: (decl: SkPaint) => void;
+        popAll: () => SkPaint[];
+        popAllAsOne: () => SkPaint | undefined;
+    };
+    maskFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkMaskFilter | undefined;
+        push: (decl: SkMaskFilter) => void;
+        popAll: () => SkMaskFilter[];
+        popAllAsOne: () => SkMaskFilter | undefined;
+    };
+    shaders: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkShader | undefined;
+        push: (decl: SkShader) => void;
+        popAll: () => SkShader[];
+        popAllAsOne: () => SkShader | undefined;
+    };
+    pathEffects: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkPathEffect | undefined;
+        push: (decl: SkPathEffect) => void;
+        popAll: () => SkPathEffect[];
+        popAllAsOne: () => SkPathEffect | undefined;
+    };
+    imageFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkImageFilter | undefined;
+        push: (decl: SkImageFilter) => void;
+        popAll: () => SkImageFilter[];
+        popAllAsOne: () => SkImageFilter | undefined;
+    };
+    colorFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => SkColorFilter | undefined;
+        push: (decl: SkColorFilter) => void;
+        popAll: () => SkColorFilter[];
+        popAllAsOne: () => SkColorFilter | undefined;
+    };
+};
+export type DeclarationContext = ReturnType<typeof createDeclarationContext>;
+export {};

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

@@ -0,0 +1,13 @@
+import type { DrawingNodeProps, GroupProps } from "../dom/types";
+import type { SkCanvas, Skia, SkPaint } from "../skia/types";
+import type { DeclarationContext } from "./DeclarationContext";
+export declare const createDrawingContext: (Skia: Skia, canvas: SkCanvas) => {
+    Skia: Skia;
+    canvas: SkCanvas;
+    save: () => number;
+    restore: () => SkPaint | undefined;
+    getPaint: () => SkPaint;
+    processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp, }: DrawingNodeProps, declCtx: DeclarationContext) => boolean;
+    processMatrixAndClipping: (props: GroupProps, layer?: boolean | SkPaint) => boolean;
+};
+export type DrawingContext = ReturnType<typeof createDrawingContext>;

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

@@ -0,0 +1,19 @@
+import type { HostConfig } from "react-reconciler";
+import { NodeType } from "../dom/types";
+import type { Node } from "./nodes/Node";
+import type { Container } from "./Container";
+export declare const debug: (message?: any, ...optionalParams: any[]) => void;
+type Instance = Node;
+type Props = object;
+type TextInstance = Node;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = null;
+type UpdatePayload = Container;
+type ChildSet = Node[];
+type TimeoutHandle = NodeJS.Timeout;
+type NoTimeout = -1;
+type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+export declare const sksgHostConfig: SkiaHostConfig;
+export {};

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import type { SkCanvas, Skia } from "../skia/types";
+import { NodeType } from "../dom/types";
+export declare class SkiaSGRoot {
+    Skia: Skia;
+    private root;
+    private container;
+    constructor(Skia: Skia, nativeId?: number);
+    get sg(): {
+        type: NodeType;
+        props: {};
+        children: import("./nodes").Node<unknown>[];
+        isDeclaration: boolean;
+    };
+    render(element: ReactNode): void;
+    drawOnCanvas(canvas: SkCanvas): void;
+    getPicture(): import("../skia/types").SkPicture;
+    unmount(): void;
+}

package/lib/typescript/src/sksg/__tests__/MockDeclaration.d.ts

@@ -0,0 +1,57 @@
+export declare enum DeclarationType {
+    ColorFilter = 0,
+    ImageFilter = 1,
+    Shader = 2,
+    MaskFilter = 3,
+    PathEffect = 4,
+    Paint = 5
+}
+interface Filter {
+    tag: string;
+}
+export interface SkColorFilter extends Filter {
+    type: DeclarationType.ColorFilter;
+}
+interface SkImageFilter extends Filter {
+    type: DeclarationType.ImageFilter;
+}
+interface SkShader extends Filter {
+    type: DeclarationType.Shader;
+}
+interface SkMaskFilter extends Filter {
+    type: DeclarationType.MaskFilter;
+}
+interface SkPathEffect extends Filter {
+    type: DeclarationType.PathEffect;
+}
+interface SkPaint extends Filter {
+    type: DeclarationType.Paint;
+}
+type Composer<T> = (outer: T, inner: T) => T;
+export declare const compose: any;
+export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
+declare class Declaration<T extends Filter> {
+    decls: T[];
+    indexes: number[];
+    composer?: Composer<T>;
+    constructor(composer?: Composer<T>);
+    private get index();
+    save(): void;
+    restore(): void;
+    pop(): T | undefined;
+    push(decl: T): void;
+    popAll(): T[];
+    popAllAsOne(): T | undefined;
+}
+export declare class DeclarationContext {
+    readonly paints: Declaration<SkPaint>;
+    readonly maskFilters: Declaration<SkMaskFilter>;
+    readonly shaders: Declaration<SkShader>;
+    readonly pathEffects: Declaration<SkPathEffect>;
+    readonly imageFilters: Declaration<SkImageFilter>;
+    readonly colorFilters: Declaration<SkColorFilter>;
+    constructor();
+    save(): void;
+    restore(): void;
+}
+export {};

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

@@ -0,0 +1,7 @@
+import type { NodeType } from "../../dom/types";
+export interface Node<Props = unknown> {
+    type: NodeType;
+    isDeclaration: boolean;
+    props: Props;
+    children: Node[];
+}

package/lib/typescript/src/sksg/nodes/colorFilters.d.ts

@@ -0,0 +1,10 @@
+import type { BlendColorFilterProps, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
+import type { SkColorFilter } from "../../skia/types";
+import type { DeclarationContext } from "../DeclarationContext";
+export declare const composeColorFilters: (ctx: DeclarationContext, cf: SkColorFilter, processChildren: () => void) => void;
+export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => SkColorFilter;
+export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
+export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => SkColorFilter;
+export declare const declareLerpColorFilter: (ctx: DeclarationContext, props: LerpColorFilterProps) => void;
+export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => SkColorFilter;
+export declare const makeLumaColorFilter: (ctx: DeclarationContext) => SkColorFilter;

package/lib/typescript/src/sksg/nodes/context.d.ts

@@ -0,0 +1,3 @@
+import type { DrawingContext } from "../DrawingContext";
+import type { Node } from "./Node";
+export declare function draw(ctx: DrawingContext, node: Node<any>): void;

package/lib/typescript/src/sksg/nodes/drawings.d.ts

@@ -0,0 +1,30 @@
+import type { AtlasProps, BoxProps, CircleProps, DiffRectProps, DrawingNodeProps, GlyphsProps, ImageProps, ImageSVGProps, LineProps, OvalProps, ParagraphProps, PatchProps, PathProps, PictureProps, PointsProps, RectProps, RoundedRectProps, TextBlobProps, TextPathProps, TextProps, VerticesProps } from "../../dom/types";
+import type { SkCanvas, SkPaint, Skia } from "../../skia/types";
+import type { Node } from "./Node";
+interface LocalDrawingContext {
+    Skia: Skia;
+    canvas: SkCanvas;
+    paint: SkPaint;
+}
+export declare const drawLine: (ctx: LocalDrawingContext, props: LineProps) => void;
+export declare const drawOval: (ctx: LocalDrawingContext, props: OvalProps) => void;
+export declare const drawBox: (ctx: LocalDrawingContext, props: BoxProps, children: Node<any>[]) => void;
+export declare const drawImage: (ctx: LocalDrawingContext, props: ImageProps) => void;
+export declare const drawPoints: (ctx: LocalDrawingContext, props: PointsProps) => void;
+export declare const drawVertices: (ctx: LocalDrawingContext, props: VerticesProps) => void;
+export declare const drawDiffRect: (ctx: LocalDrawingContext, props: DiffRectProps) => void;
+export declare const drawTextPath: (ctx: LocalDrawingContext, props: TextPathProps) => void;
+export declare const drawText: (ctx: LocalDrawingContext, props: TextProps) => void;
+export declare const drawPatch: (ctx: LocalDrawingContext, props: PatchProps) => void;
+export declare const drawPath: (ctx: LocalDrawingContext, props: PathProps) => void;
+export declare const drawRect: (ctx: LocalDrawingContext, props: RectProps) => void;
+export declare const drawRRect: (ctx: LocalDrawingContext, props: RoundedRectProps) => void;
+export declare const drawTextBlob: (ctx: LocalDrawingContext, props: TextBlobProps) => void;
+export declare const drawGlyphs: (ctx: LocalDrawingContext, props: GlyphsProps) => void;
+export declare const drawImageSVG: (ctx: LocalDrawingContext, props: ImageSVGProps) => void;
+export declare const drawParagraph: (ctx: LocalDrawingContext, props: ParagraphProps) => void;
+export declare const drawPicture: (ctx: LocalDrawingContext, props: PictureProps) => void;
+export declare const drawAtlas: (ctx: LocalDrawingContext, props: AtlasProps) => void;
+export declare const drawCircle: (ctx: LocalDrawingContext, props: CircleProps) => void;
+export declare const drawFill: (ctx: LocalDrawingContext, _props: DrawingNodeProps) => void;
+export {};

package/lib/typescript/src/sksg/nodes/imageFilters.d.ts

@@ -0,0 +1,17 @@
+import type { BlendImageFilterProps, BlendProps, BlurImageFilterProps, BlurMaskFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
+import type { SkImageFilter } from "../../skia/types";
+import type { DeclarationContext } from "../DeclarationContext";
+export declare enum MorphologyOperator {
+    Erode = 0,
+    Dilate = 1
+}
+export declare const declareBlend: (ctx: DeclarationContext, props: BlendProps) => void;
+export declare const composeImageFilters: (ctx: DeclarationContext, imgf1: SkImageFilter, processChildren: () => void) => void;
+export declare const makeOffsetImageFilter: (ctx: DeclarationContext, props: OffsetImageFilterProps) => SkImageFilter;
+export declare const declareDisplacementMapImageFilter: (ctx: DeclarationContext, props: DisplacementMapImageFilterProps) => void;
+export declare const makeBlurImageFilter: (ctx: DeclarationContext, props: BlurImageFilterProps) => SkImageFilter;
+export declare const makeDropShadowImageFilter: (ctx: DeclarationContext, props: DropShadowImageFilterProps) => SkImageFilter;
+export declare const makeMorphologyImageFilter: (ctx: DeclarationContext, props: MorphologyImageFilterProps) => SkImageFilter;
+export declare const makeRuntimeShaderImageFilter: (ctx: DeclarationContext, props: RuntimeShaderImageFilterProps) => SkImageFilter;
+export declare const declareBlendImageFilter: (ctx: DeclarationContext, props: BlendImageFilterProps) => void;
+export declare const declareBlurMaskFilter: (ctx: DeclarationContext, props: BlurMaskFilterProps) => void;

package/lib/typescript/src/sksg/nodes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Node";
+export * from "./context";
+export * from "./utils";

package/lib/typescript/src/sksg/nodes/paint.d.ts

@@ -0,0 +1,3 @@
+import type { PaintProps } from "../../dom/types";
+import type { DeclarationContext } from "../DeclarationContext";
+export declare const declarePaint: (ctx: DeclarationContext, props: PaintProps) => void;

package/lib/typescript/src/sksg/nodes/pathEffects.d.ts

@@ -0,0 +1,11 @@
+import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../../dom/types";
+import type { SkPathEffect } from "../../skia/types";
+import { type DeclarationContext } from "../DeclarationContext";
+export declare const composePathEffects: (ctx: DeclarationContext, pe: SkPathEffect, processChildren: () => void) => void;
+export declare const makeDiscretePathEffect: (ctx: DeclarationContext, props: DiscretePathEffectProps) => SkPathEffect;
+export declare const makePath2DPathEffect: (ctx: DeclarationContext, props: Path2DPathEffectProps) => SkPathEffect;
+export declare const makeDashPathEffect: (ctx: DeclarationContext, props: DashPathEffectProps) => SkPathEffect;
+export declare const makeCornerPathEffect: (ctx: DeclarationContext, props: CornerPathEffectProps) => SkPathEffect;
+export declare const declareSumPathEffect: (ctx: DeclarationContext) => void;
+export declare const makeLine2DPathEffect: (ctx: DeclarationContext, props: Line2DPathEffectProps) => SkPathEffect;
+export declare const makePath1DPathEffect: (ctx: DeclarationContext, props: Path1DPathEffectProps) => SkPathEffect;

package/lib/typescript/src/sksg/nodes/shaders.d.ts

@@ -0,0 +1,11 @@
+import type { ColorProps, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
+import type { DeclarationContext } from "../DeclarationContext";
+export declare const declareShader: (ctx: DeclarationContext, props: ShaderProps) => void;
+export declare const declareColorShader: (ctx: DeclarationContext, props: ColorProps) => void;
+export declare const declareFractalNoiseShader: (ctx: DeclarationContext, props: FractalNoiseProps) => void;
+export declare const declareTwoPointConicalGradientShader: (ctx: DeclarationContext, props: TwoPointConicalGradientProps) => void;
+export declare const declareRadialGradientShader: (ctx: DeclarationContext, props: RadialGradientProps) => void;
+export declare const declareSweepGradientShader: (ctx: DeclarationContext, props: SweepGradientProps) => void;
+export declare const declareLinearGradientShader: (ctx: DeclarationContext, props: LinearGradientProps) => void;
+export declare const declareTurbulenceShader: (ctx: DeclarationContext, props: TurbulenceProps) => void;
+export declare const declareImageShader: (ctx: DeclarationContext, props: ImageShaderProps) => void;

package/lib/typescript/src/sksg/nodes/utils.d.ts

@@ -0,0 +1,3 @@
+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;

package/lib/typescript/src/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/typescript/src/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/typescript/src/views/types.d.ts

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

package/libs/{ios → apple}/libskia.xcframework/Info.plist

@@ -37,6 +37,21 @@
 			<key>SupportedPlatformVariant</key>
 			<string>simulator</string>
 		</dict>
+		<dict>
+			<key>BinaryPath</key>
+			<string>libskia.a</string>
+			<key>LibraryIdentifier</key>
+			<string>macos-arm64_x86_64</string>
+			<key>LibraryPath</key>
+			<string>libskia.a</string>
+			<key>SupportedArchitectures</key>
+			<array>
+				<string>arm64</string>
+				<string>x86_64</string>
+			</array>
+			<key>SupportedPlatform</key>
+			<string>macos</string>
+		</dict>
 	</array>
 	<key>CFBundlePackageType</key>
 	<string>XFWK</string>