@shopify/react-native-skia 1.7.6 → 1.7.7

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

@@ -1,3 +1,5 @@
 export function isEdge(pos: any, b: any): boolean;
 export function processRect(Skia: any, def: any): any;
 export function processRRect(Skia: any, def: any): any;
+export function inflate(Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number): any;
+export function deflate(Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number): any;

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

@@ -1 +1,2 @@
 export function processTransformProps(m3: any, props: any): void;
+export function processTransformProps2(Skia: any, props: any): any;

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

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

@@ -112,9 +112,11 @@ export function Mock(CanvasKit: any): {
     isEdge: (pos: any, b: any) => boolean;
     processRect: (Skia: any, def: any) => any;
     processRRect: (Skia: any, def: any) => any;
+    inflate: (Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number) => any;
+    deflate: (Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number) => any;
     processRadius: (Skia: any, radius: any) => any;
     isCircleScalarDef: (def: any) => boolean;
-    processCircle: (Skia: any, def: any) => any;
+    processCircle: (def: any) => any;
     transformOrigin: (origin: any, transform: any) => any[];
     processGradientProps: (Skia: any, { colors, positions, mode, flags, ...transform }: {
         [x: string]: any;
@@ -131,6 +133,7 @@ export function Mock(CanvasKit: any): {
     };
     getRect: (Skia: any, props: any) => any;
     processTransformProps: (m3: any, props: any) => void;
+    processTransformProps2: (Skia: any, props: any) => any;
     validateInterpolationOptions(type: any): {
         extrapolateLeft: any;
         extrapolateRight: any;

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

@@ -1,6 +1,5 @@
 export function debug(...args: any[]): void;
 export namespace skHostConfig {
-    let now: () => number;
     let supportsMutation: boolean;
     let isPrimaryRenderer: boolean;
     let supportsPersistence: boolean;
@@ -34,4 +33,7 @@ export namespace skHostConfig {
     function beforeActiveInstanceBlur(): void;
     function afterActiveInstanceBlur(): void;
     function detachDeletedInstance(): void;
+    function getInstanceFromNode(_node: any): null;
+    function prepareScopeUpdate(_scopeInstance: any, _instance: any): void;
+    function getInstanceFromScope(_scopeInstance: any): null;
 }

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

@@ -0,0 +1,15 @@
+export class Container {
+    constructor(Skia: any, nativeId: any);
+    Skia: any;
+    nativeId: any;
+    set root(root: any);
+    get root(): any;
+    mapperId: any;
+    _root: any;
+    clear(): void;
+    redraw(): void;
+    getNativeId(): any;
+    unregisterValues(values: any): void;
+    registerValues(values: any): void;
+    drawOnCanvas(canvas: any): void;
+}

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

@@ -0,0 +1,26 @@
+export class DrawingContext {
+    constructor(Skia: any, canvas: any);
+    Skia: any;
+    canvas: any;
+    paints: any[];
+    declCtx: DeclarationContext;
+    save(): void;
+    restore(): void;
+    get paint(): any;
+    getLocalPaints(): any[];
+    processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp }: {
+        opacity: any;
+        color: any;
+        strokeWidth: any;
+        blendMode: any;
+        style: any;
+        strokeJoin: any;
+        strokeCap: any;
+        strokeMiter: any;
+        antiAlias: any;
+        dither: any;
+        paint: any;
+    }): boolean;
+    processMatrixAndClipping(props: any, layer: any): boolean;
+}
+import { DeclarationContext } from "../dom/types";

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

@@ -0,0 +1,49 @@
+export function debug(...args: any[]): void;
+export namespace sksgHostConfig {
+    let supportsMutation: boolean;
+    let isPrimaryRenderer: boolean;
+    let supportsPersistence: boolean;
+    let supportsHydration: boolean;
+    let scheduleTimeout: typeof setTimeout;
+    let cancelTimeout: typeof clearTimeout;
+    let noTimeout: number;
+    function getRootHostContext(_rootContainerInstance: any): null;
+    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): {
+        type: any;
+        isDeclaration: boolean;
+        props: any;
+        children: never[];
+    };
+    function appendInitialChild(parentInstance: any, child: any): void;
+    function finalizeInitialChildren(parentInstance: any, _type: any, _props: any, _rootContainerInstance: any, _hostContext: any): boolean;
+    function commitMount(): void;
+    function prepareForCommit(_containerInfo: any): null;
+    function resetAfterCommit(container: any): void;
+    function getPublicInstance(node: any): any;
+    function commitTextUpdate(_textInstance: any, _oldText: any, _newText: any): void;
+    function clearContainer(container: any): void;
+    function prepareUpdate(_instance: any, _type: any, oldProps: any, newProps: any, container: any, _hostContext: any): any;
+    function preparePortalMount(): void;
+    function cloneInstance(instance: any, _updatePayload: any, _type: any, _oldProps: any, newProps: any, _internalInstanceHandle: any, keepChildren: any, _recyclableInstance: any): {
+        type: any;
+        props: any;
+        children: any[];
+        isDeclaration: any;
+    };
+    function createContainerChildSet(): never[];
+    function appendChildToContainerChildSet(childSet: any, child: any): void;
+    function finalizeContainerChildren(container: any, newChildren: any): void;
+    function replaceContainerChildren(container: any, newChildren: any): void;
+    function cloneHiddenInstance(_instance: any, _type: any, _props: any): never;
+    function cloneHiddenTextInstance(_instance: any, _text: any): never;
+    function getCurrentEventPriority(): number;
+    function beforeActiveInstanceBlur(): void;
+    function afterActiveInstanceBlur(): void;
+    function detachDeletedInstance(): void;
+    function getInstanceFromNode(_node: any): never;
+    function prepareScopeUpdate(_scopeInstance: any, _instance: any): never;
+    function getInstanceFromScope(_scopeInstance: any): never;
+}

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

@@ -0,0 +1,15 @@
+export class SkiaSGRoot {
+    constructor(Skia: any, nativeId?: number);
+    container: Container;
+    root: any;
+    get sg(): {
+        type: any;
+        props: {};
+        children: any;
+        isDeclaration: boolean;
+    };
+    render(element: any): void;
+    drawOnCanvas(canvas: any): void;
+    unmount(): void;
+}
+import { Container } from "./Container";

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

@@ -0,0 +1,6 @@
+export function makeBlendColorFilter(ctx: any, props: any): any;
+export function makeSRGBToLinearGammaColorFilter(ctx: any): any;
+export function makeLinearToSRGBGammaColorFilter(ctx: any): any;
+export function declareLerpColorFilter(ctx: any, props: any): void;
+export function makeMatrixColorFilter(ctx: any, props: any): any;
+export function makeLumaColorFilter(ctx: any): any;

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

@@ -0,0 +1 @@
+export function draw(ctx: any, node: any): void;

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

@@ -0,0 +1,22 @@
+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;
+export function drawDiffRect(ctx: any, props: any): void;
+export function drawTextPath(ctx: any, props: any): void;
+export function drawText(ctx: any, props: any): void;
+export function drawPatch(ctx: any, props: any): void;
+export function drawPath(ctx: any, props: any): void;
+export function drawRect(ctx: any, props: any): void;
+export function drawRRect(ctx: any, props: any): void;
+export function drawTextBlob(ctx: any, props: any): void;
+export function drawGlyphs(ctx: any, props: any): void;
+export function drawImageSVG(ctx: any, props: any): void;
+export function drawParagraph(ctx: any, props: any): void;
+export function drawPicture(ctx: any, props: any): void;
+export function drawAtlas(ctx: any, props: any): void;
+export function drawCircle(ctx: any, props: any): void;
+export function drawFill(ctx: any, _props: any): void;

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

@@ -0,0 +1,9 @@
+export let MorphologyOperator: {};
+export function makeOffsetImageFilter(ctx: any, props: any): any;
+export function declareDisplacementMapImageFilter(ctx: any, props: any): void;
+export function makeBlurImageFilter(ctx: any, props: any): any;
+export function makeDropShadowImageFilter(ctx: any, props: any): any;
+export function makeMorphologyImageFilter(ctx: any, props: any): any;
+export function makeRuntimeShaderImageFilter(ctx: any, props: any): any;
+export function declareBlendImageFilter(ctx: any, props: any): void;
+export function declareBlurMaskFilter(ctx: any, props: any): void;

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

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

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

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

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

@@ -0,0 +1,7 @@
+export function makeDiscretePathEffect(ctx: any, props: any): any;
+export function makePath2DPathEffect(ctx: any, props: any): any;
+export function makeDashPathEffect(ctx: any, props: any): any;
+export function makeCornerPathEffect(ctx: any, props: any): any;
+export function declareSumPathEffect(ctx: any): void;
+export function makeLine2DPathEffect(ctx: any, props: any): any;
+export function makePath1DPathEffect(ctx: any, props: any): any;

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

@@ -0,0 +1,9 @@
+export function declareShader(ctx: any, props: any): void;
+export function declareColorShader(ctx: any, props: any): void;
+export function declareFractalNoiseShader(ctx: any, props: any): void;
+export function declareTwoPointConicalGradientShader(ctx: any, props: any): void;
+export function declareRadialGradientShader(ctx: any, props: any): void;
+export function declareSweepGradientShader(ctx: any, props: any): void;
+export function declareLinearGradientShader(ctx: any, props: any): void;
+export function declareTurbulenceShader(ctx: any, props: any): void;
+export function declareImageShader(ctx: any, props: any): void;

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

@@ -0,0 +1,2 @@
+export function isSharedValue(value: any): boolean;
+export function materialize(props: any): any;

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

@@ -1,7 +1,6 @@
-import type { Skia } from "../../../skia/types";
 import type { CircleDef, ScalarCircleDef } from "../../types";
 export declare const isCircleScalarDef: (def: CircleDef) => def is ScalarCircleDef;
-export declare const processCircle: (Skia: Skia, def: CircleDef) => {
-    c: import("../../../skia/types").SkPoint;
+export declare const processCircle: (def: CircleDef) => {
+    c: import("../../..").SkPoint;
     r: number;
 };

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

@@ -2,20 +2,20 @@ import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia
 type Composer<T> = (outer: T, inner: T) => T;
 export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
 declare class Declaration<T> {
-    private composer?;
     private decls;
     private indexes;
-    constructor(composer?: Composer<T> | undefined);
+    private composer?;
+    constructor(composer?: Composer<T>);
     private get index();
     save(): void;
     restore(): void;
     pop(): T | undefined;
     push(decl: T): void;
     popAll(): T[];
-    popAllAsOne(): T;
+    popAllAsOne(): T | undefined;
 }
 export declare class DeclarationContext {
-    private Skia;
+    Skia: Skia;
     readonly paints: Declaration<SkPaint>;
     readonly maskFilters: Declaration<SkMaskFilter>;
     readonly shaders: Declaration<SkShader>;

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

@@ -0,0 +1,16 @@
+import type { DrawingNodeProps, GroupProps } from "../dom/types";
+import { DeclarationContext } from "../dom/types";
+import type { SkCanvas, Skia, SkPaint } from "../skia/types";
+export declare class DrawingContext {
+    private paints;
+    declCtx: DeclarationContext;
+    Skia: Skia;
+    canvas: SkCanvas;
+    constructor(Skia: Skia, canvas: SkCanvas);
+    save(): void;
+    restore(): void;
+    get paint(): SkPaint;
+    getLocalPaints(): SkPaint[];
+    processPaint({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp, }: DrawingNodeProps): boolean;
+    processMatrixAndClipping(props: GroupProps, layer?: boolean | SkPaint): boolean;
+}

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,17 @@
+import type { ReactNode } from "react";
+import type { SkCanvas, Skia } from "../skia/types";
+import { NodeType } from "../dom/types";
+export declare class SkiaSGRoot {
+    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;
+    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,7 @@
+import type { BlendColorFilterProps, DeclarationContext, LerpColorFilterProps, MatrixColorFilterProps } from "../../dom/types";
+export declare const makeBlendColorFilter: (ctx: DeclarationContext, props: BlendColorFilterProps) => import("../../skia/types").SkColorFilter;
+export declare const makeSRGBToLinearGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
+export declare const makeLinearToSRGBGammaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").SkColorFilter;
+export declare const declareLerpColorFilter: (ctx: DeclarationContext, props: LerpColorFilterProps) => void;
+export declare const makeMatrixColorFilter: (ctx: DeclarationContext, props: MatrixColorFilterProps) => import("../../skia/types").SkColorFilter;
+export declare const makeLumaColorFilter: (ctx: DeclarationContext) => import("../../skia/types").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,31 @@
+import type { AtlasProps, BoxProps, BoxShadowProps, 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 drawBoxShadow: (_ctx: LocalDrawingContext, _props: BoxShadowProps) => 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,14 @@
+import type { BlendImageFilterProps, BlurImageFilterProps, BlurMaskFilterProps, DeclarationContext, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps } from "../../dom/types";
+import type { SkImageFilter } from "../../skia/types";
+export declare enum MorphologyOperator {
+    Erode = 0,
+    Dilate = 1
+}
+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,2 @@
+import type { DeclarationContext, PaintProps } from "../../dom/types";
+export declare const declarePaint: (ctx: DeclarationContext, props: PaintProps) => void;

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

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

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

@@ -0,0 +1,10 @@
+import type { ColorProps, DeclarationContext, FractalNoiseProps, ImageShaderProps, LinearGradientProps, RadialGradientProps, ShaderProps, SweepGradientProps, TurbulenceProps, TwoPointConicalGradientProps } from "../../dom/types";
+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/types.d.ts

@@ -1,7 +1,7 @@
 import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
 import type { GroupProps, RenderNode } from "../dom/types";
 import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
-import type { SharedValueType } from "../renderer/processors/Animations/Animations";
 export type NativeSkiaViewProps = ViewProps & {
     debug?: boolean;
     opaque?: boolean;
@@ -27,7 +27,7 @@ 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 {