@shopify/react-native-skia 1.11.8 → 1.11.9-next.1

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

@@ -3,4 +3,4 @@ export function makeOffscreenSurface(width: any, height: any): any;
 export function getSkiaExports(): {
     Skia: any;
 };
-export function drawOffscreen(surface: any, element: any): any;
+export function drawOffscreen(surface: any, element: any): Promise<any>;

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

@@ -1,3 +1,11 @@
 export function useCanvasRef(): React.MutableRefObject<null>;
-export const Canvas: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export function Canvas({ debug, opaque, children, onSize, onLayout: _onLayout, ref, ...viewProps }: {
+    [x: string]: any;
+    debug: any;
+    opaque: any;
+    children: any;
+    onSize: any;
+    onLayout: any;
+    ref: any;
+}): React.CElement<object, React.Component<object, {}, any> & import("react-native").NativeMethods>;
 import React from "react";

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

@@ -1,4 +1,4 @@
 export function isOnMainThread(): boolean;
-export function drawAsPicture(element: any, bounds: any): import("../../..").SkPicture;
-export function drawAsImage(element: any, size: any): import("../../..").SkImage;
+export function drawAsPicture(element: any, bounds: any): Promise<import("../../..").SkPicture>;
+export function drawAsImage(element: any, size: any): Promise<import("../../..").SkImage>;
 export function drawAsImageFromPicture(picture: any, size: any): import("../../..").SkImage;

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

@@ -1,8 +1,8 @@
 export class CanvasKitWebGLBufferImpl extends CanvasKitWebGLBuffer {
     constructor(surface: any, source: any);
+    image: null;
     surface: any;
     source: any;
-    toImage(): any;
-    image: any;
+    toImage(): never;
 }
 import { CanvasKitWebGLBuffer } from "../types";

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

@@ -4,6 +4,7 @@ export class JsiSkAnimatedImage extends HostObject {
     currentFrameDuration(): any;
     getFrameCount(): any;
     getCurrentFrame(): JsiSkImage | null;
+    dispose: () => void;
 }
 import { HostObject } from "./Host";
 import { JsiSkImage } from "./JsiSkImage";

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

@@ -1,5 +1,6 @@
 export class JsiSkCanvas extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     drawRect(rect: any, paint: any): void;
     drawImage(image: any, x: any, y: any, paint: any): void;
     drawImageRect(img: any, src: any, dest: any, paint: any, fastSample: any): void;

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

@@ -1,4 +1,5 @@
 export class JsiSkColorFilter extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -4,6 +4,7 @@ export class JsiSkContourMeasure extends HostObject {
     getSegment(startD: any, stopD: any, startWithMoveTo: any): JsiSkPath;
     isClosed(): any;
     length(): any;
+    dispose: () => void;
 }
 import { HostObject } from "./Host";
 import { JsiSkPoint } from "./JsiSkPoint";

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

@@ -1,6 +1,7 @@
 export class JsiSkContourMeasureIter extends HostObject {
     constructor(CanvasKit: any, ref: any);
     next(): JsiSkContourMeasure | null;
+    dispose: () => void;
 }
 import { HostObject } from "./Host";
 import { JsiSkContourMeasure } from "./JsiSkContourMeasure";

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

@@ -1,4 +1,5 @@
 export class JsiSkData extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,6 +1,7 @@
 export class JsiSkFont extends HostObject {
     constructor(CanvasKit: any, ref: any);
     measureText(_text: any, _paint: any): void;
+    dispose: () => void;
     getTextWidth(text: any, paint: any): any;
     getMetrics(): {
         ascent: any;

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

@@ -14,6 +14,7 @@ export class JsiSkImage extends HostObject {
     encodeToBytes(fmt: any, quality: any): any;
     encodeToBase64(fmt: any, quality: any): string;
     readPixels(srcX: any, srcY: any, imageInfo: any): any;
+    dispose: () => void;
     makeNonTextureImage(): JsiSkImage;
     getNativeTextureUnstable(): null;
 }

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

@@ -1,4 +1,5 @@
 export class JsiSkImageFilter extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,4 +1,5 @@
 export class JsiSkMaskFilter extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -2,6 +2,7 @@ export class JsiSkMatrix extends HostObject {
     constructor(CanvasKit: any, ref: any);
     preMultiply(matrix: any): void;
     postMultiply(matrix: any): void;
+    dispose: () => void;
     concat(matrix: any): this;
     translate(x: any, y: any): this;
     postTranslate(x: any, y: any): this;

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

@@ -1,5 +1,6 @@
 export class JsiSkPaint extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     copy(): JsiSkPaint;
     assign(paint: any): void;
     reset(): void;

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

@@ -1,5 +1,6 @@
 export class JsiSkPath extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     addPath(src: any, matrix: any, extend?: boolean): this;
     addArc(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any): this;
     addOval(oval: any, isCCW: any, startIndex: any): this;

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

@@ -1,4 +1,5 @@
 export class JsiSkPathEffect extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,5 +1,6 @@
 export class JsiSkPicture extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     makeShader(tmx: any, tmy: any, mode: any, localMatrix: any, tileRect: any): JsiSkShader;
     serialize(): any;
 }

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

@@ -1,5 +1,6 @@
 export class JsiSkPictureRecorder extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     beginRecording(bounds: any): JsiSkCanvas;
     finishRecordingAsPicture(): JsiSkPicture;
 }

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

@@ -1,6 +1,7 @@
 export class JsiSkPoint extends BaseHostObject {
     static fromValue(point: any): any;
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     get x(): any;
     get y(): any;
 }

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

@@ -1,6 +1,7 @@
 export class JsiSkRRect extends BaseHostObject {
     static fromValue(CanvasKit: any, rect: any): any;
     constructor(CanvasKit: any, rect: any, rx: any, ry: any);
+    dispose: () => void;
     get rx(): any;
     get ry(): any;
     get rect(): JsiSkRect;

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

@@ -6,5 +6,6 @@ export class JsiSkRSXform extends BaseHostObject {
     get ssin(): any;
     get tx(): any;
     get ty(): any;
+    dispose: () => void;
 }
 import { BaseHostObject } from "./Host";

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

@@ -1,6 +1,7 @@
 export class JsiSkRect extends BaseHostObject {
     static fromValue(CanvasKit: any, rect: any): any;
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     setXYWH(x: any, y: any, width: any, height: any): void;
     get x(): any;
     get y(): any;

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

@@ -1,5 +1,6 @@
 export class JsiSkRuntimeEffect extends HostObject {
     sksl: any;
+    dispose: () => void;
     source(): any;
     makeShader(uniforms: any, localMatrix: any): JsiSkShader;
     makeShaderWithChildren(uniforms: any, children: any, localMatrix: any): JsiSkShader;

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

@@ -2,5 +2,6 @@ export class JsiSkSVG extends HostObject {
     constructor(CanvasKit: any, ref: any);
     width(): any;
     height(): any;
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,4 +1,5 @@
 export class JsiSkShader extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,5 +1,6 @@
 export class JsiSkSurface extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     flush(): void;
     width(): any;
     height(): any;

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

@@ -1,4 +1,5 @@
 export class JsiSkTextBlob extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -3,5 +3,6 @@ export class JsiSkTypeface extends HostObject {
     get bold(): boolean;
     get italic(): boolean;
     getGlyphIDs(str: any, numCodePoints: any): any[];
+    dispose: () => void;
 }
 import { HostObject } from "./Host";

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

@@ -1,5 +1,6 @@
 export class JsiSkTypefaceFontProvider extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    allocatedPointers: any[];
     matchFamilyStyle(_name: any, _style: any): void;
     countFamilies(): any;
     getFamilyName(index: any): any;

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

@@ -1,5 +1,6 @@
 export class JsiSkVertices extends HostObject {
     constructor(CanvasKit: any, ref: any);
+    dispose: () => void;
     bounds(): JsiSkRect;
     uniqueID(): any;
 }

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

@@ -1,12 +1,13 @@
 export function createVideo(CanvasKit: any, url: any): Promise<any>;
 export class JsiVideo {
     constructor(ImageFactory: any, videoElement: any);
+    __typename__: string;
+    webglBuffer: null;
     ImageFactory: any;
     videoElement: any;
     duration(): number;
     framerate(): void;
     setSurface(surface: any): void;
-    webglBuffer: CanvasKitWebGLBufferImpl | undefined;
     nextImage(): any;
     seek(time: any): void;
     rotation(): number;
@@ -19,4 +20,3 @@ export class JsiVideo {
     setVolume(volume: any): void;
     dispose(): void;
 }
-import { CanvasKitWebGLBufferImpl } from "./CanvasKitWebGLBufferImpl";

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

@@ -1,30 +1,25 @@
 export class Container {
     constructor(Skia: any, nativeId: any);
+    _root: any[];
+    recording: null;
+    unmounted: boolean;
     Skia: any;
     nativeId: any;
+    set root(value: any[]);
+    get root(): any[];
     unmount(): void;
-    unmounted: boolean | undefined;
     drawOnCanvas(canvas: any): void;
 }
 export function createContainer(Skia: any, nativeId: any): StaticContainer | ReanimatedContainer | NativeReanimatedContainer;
 declare class StaticContainer extends Container {
     redraw(): void;
-    recording: {
-        commands: any;
-        paintPool: never[];
-        animationValues: any;
-    } | undefined;
 }
 declare class ReanimatedContainer extends Container {
+    mapperId: null;
     redraw(): void;
-    recording: {
-        commands: any;
-        paintPool: never[];
-    } | undefined;
-    mapperId: any;
 }
 declare class NativeReanimatedContainer extends Container {
+    mapperId: null;
     redraw(): void;
-    mapperId: any;
 }
 export {};

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

@@ -7,8 +7,8 @@ export namespace sksgHostConfig {
     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 getRootHostContext(_rootContainerInstance: any): {};
+    function getChildHostContext(_parentHostContext: any, _type: any, _rootContainerInstance: any): {};
     function shouldSetTextContent(_type: any, _props: any): boolean;
     function createTextInstance(_text: any, _rootContainerInstance: any, _hostContext: any, _internalInstanceHandle: any): never;
     function createInstance(type: any, propsWithChildren: any, _container: any, _hostContext: any, _internalInstanceHandle: any): {
@@ -20,13 +20,13 @@ export namespace sksgHostConfig {
     function finalizeInitialChildren(parentInstance: any, _type: any, _props: any, _rootContainerInstance: any, _hostContext: any): boolean;
     function commitMount(): void;
     function prepareForCommit(_container: any): null;
-    function resetAfterCommit(container: any): void;
+    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): {
+    function cloneInstance(instance: any, _type: any, _oldProps: any, newProps: any, _updatePayload: any, _internalInstanceHandle: any, keepChildren: any, _recyclableInstance: any): {
         type: any;
         props: any;
         children: any[];
@@ -44,4 +44,20 @@ export namespace sksgHostConfig {
     function getInstanceFromNode(_node: any): never;
     function prepareScopeUpdate(_scopeInstance: any, _instance: any): never;
     function getInstanceFromScope(_scopeInstance: any): never;
+    function shouldAttemptEagerTransition(): boolean;
+    function trackSchedulerEvent(): void;
+    function resolveEventType(): null;
+    function resolveEventTimeStamp(): number;
+    function requestPostPaintCallback(): void;
+    function maySuspendCommit(): boolean;
+    function preloadInstance(): boolean;
+    function startSuspendingCommit(): void;
+    function suspendInstance(): void;
+    function waitForCommitToBeReady(): null;
+    let NotPendingTransition: null;
+    let HostTransitionContext: import("react").Context<null>;
+    function setCurrentUpdatePriority(newPriority: any): void;
+    function getCurrentUpdatePriority(): number;
+    function resolveUpdatePriority(): number;
+    function resetFormInstance(): void;
 }

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

@@ -3,46 +3,47 @@ export class SkiaSGRoot {
     Skia: any;
     container: {
         redraw(): void;
-        recording: {
-            commands: any;
-            paintPool: never[];
-            animationValues: any;
-        } | undefined;
+        recording: null;
+        _root: any[];
+        unmounted: boolean;
         Skia: any;
         nativeId: any;
+        root: any[];
         unmount(): void;
-        unmounted: boolean | undefined;
         drawOnCanvas(canvas: any): void;
     } | {
+        mapperId: null;
         redraw(): void;
-        recording: {
-            commands: any;
-            paintPool: never[];
-        } | undefined;
-        mapperId: any;
+        recording: null;
+        _root: any[];
+        unmounted: boolean;
         Skia: any;
         nativeId: any;
+        root: any[];
         unmount(): void;
-        unmounted: boolean | undefined;
         drawOnCanvas(canvas: any): void;
     } | {
+        mapperId: null;
         redraw(): void;
-        mapperId: any;
+        _root: any[];
+        recording: null;
+        unmounted: boolean;
         Skia: any;
         nativeId: any;
+        root: any[];
         unmount(): void;
-        unmounted: boolean | undefined;
         drawOnCanvas(canvas: any): void;
     };
     root: any;
     get sg(): {
         type: any;
         props: {};
-        children: any;
+        children: any[];
         isDeclaration: boolean;
     };
-    render(element: any): void;
+    updateContainer(element: any): Promise<any>;
+    render(element: any): Promise<void>;
     drawOnCanvas(canvas: any): void;
     getPicture(): any;
-    unmount(): void;
+    unmount(): Promise<any>;
 }

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

@@ -1,5 +1,6 @@
 export class ReanimatedRecorder {
     constructor(Skia: any);
+    values: Set<any>;
     recorder: any;
     processAnimationValues(props: any): void;
     getRecorder(): any;

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

@@ -1,8 +1,11 @@
 export class Recorder {
+    commands: any[];
+    cursors: any[];
+    animationValues: Set<any>;
     getRecording(): {
-        commands: any;
+        commands: any[];
         paintPool: never[];
-        animationValues: any;
+        animationValues: Set<any>;
     };
     processProps(props: any): {
         props: any;

package/lib/typescript/lib/module/views/SkiaBaseWebView.d.ts

@@ -1,15 +1,18 @@
 export class SkiaBaseWebView extends React.Component<any, any, any> {
     constructor(props: any);
+    _surface: null;
+    _unsubscriptions: any[];
+    _canvas: null;
+    _canvasRef: React.RefObject<any>;
+    _redrawRequests: number;
+    requestId: number;
+    width: number;
+    height: number;
     unsubscribeAll(): void;
-    _unsubscriptions: any[] | undefined;
     onLayoutEvent(evt: any): void;
-    width: any;
-    height: any;
-    _surface: JsiSkSurface | undefined;
-    _canvas: import("../skia/web/JsiSkCanvas").JsiSkCanvas | undefined;
     getSize(): {
-        width: any;
-        height: any;
+        width: number;
+        height: number;
     };
     componentDidMount(): void;
     componentDidUpdate(): void;
@@ -19,7 +22,7 @@ export class SkiaBaseWebView extends React.Component<any, any, any> {
      * @param rect Rect to use as bounds. Optional.
      * @returns An Image object.
      */
-    makeImageSnapshot(rect: any): import("..").JsiSkImage | undefined;
+    makeImageSnapshot(rect: any): any;
     /**
      * Override to render
      */
@@ -27,10 +30,8 @@ export class SkiaBaseWebView extends React.Component<any, any, any> {
      * Sends a redraw request to the native SkiaView.
      */
     tick(): void;
-    _redrawRequests: number | undefined;
-    requestId: number | undefined;
     redraw(): void;
+    onLayout: (evt: any) => void;
     render(): React.CElement<import("react-native").ViewProps, import("react-native").View>;
 }
 import React from "react";
-import { JsiSkSurface } from "../skia/web/JsiSkSurface";

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

@@ -1,11 +1,11 @@
 export class SkiaPictureView extends React.Component<any, any, any> {
     constructor(props: any);
+    requestId: number;
     _nativeId: number;
     get nativeId(): number;
     componentDidUpdate(prevProps: any): void;
     componentWillUnmount(): void;
     tick(): void;
-    requestId: number | undefined;
     /**
      * Creates a snapshot from the canvas in the surface
      * @param rect Rect to use as bounds. Optional.
@@ -16,6 +16,6 @@ export class SkiaPictureView extends React.Component<any, any, any> {
      * Sends a redraw request to the native SkiaView.
      */
     redraw(): void;
-    render(): React.CElement<object, React.Component<object, {}, any> & Readonly<import("react-native").NativeMethods>>;
+    render(): React.CElement<object, React.Component<object, {}, any> & import("react-native").NativeMethods>;
 }
 import React from "react";

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

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

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

@@ -5,4 +5,4 @@ export declare const makeOffscreenSurface: (width: number, height: number) => Sk
 export declare const getSkiaExports: () => {
     Skia: import("../skia/types").Skia;
 };
-export declare const drawOffscreen: (surface: SkSurface, element: ReactNode) => import("../skia").SkImage;
+export declare const drawOffscreen: (surface: SkSurface, element: ReactNode) => Promise<import("../skia").SkImage>;

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

@@ -14,7 +14,7 @@ export interface CanvasProps extends ViewProps {
     debug?: boolean;
     opaque?: boolean;
     onSize?: SharedValue<SkSize>;
-    mode?: "continuous" | "default";
+    ref?: React.Ref<CanvasRef>;
 }
-export declare const Canvas: React.ForwardRefExoticComponent<CanvasProps & React.RefAttributes<unknown>>;
+export declare const Canvas: ({ debug, opaque, children, onSize, onLayout: _onLayout, ref, ...viewProps }: CanvasProps) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { SkPicture, SkRect, SkSize } from "../skia/types";
 export declare const isOnMainThread: () => boolean;
-export declare const drawAsPicture: (element: ReactElement, bounds?: SkRect) => SkPicture;
-export declare const drawAsImage: (element: ReactElement, size: SkSize) => import("../skia").SkImage;
+export declare const drawAsPicture: (element: ReactElement, bounds?: SkRect) => Promise<SkPicture>;
+export declare const drawAsImage: (element: ReactElement, size: SkSize) => Promise<import("../skia").SkImage>;
 export declare const drawAsImageFromPicture: (picture: SkPicture, size: SkSize) => import("../skia").SkImage;

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

@@ -43,13 +43,13 @@ export declare const center: {
     x: number;
     y: number;
 };
-export declare const drawOnNode: (element: ReactNode) => SkiaExports.SkSurface;
-export declare const mountCanvas: (element: ReactNode) => {
+export declare const drawOnNode: (element: ReactNode) => Promise<SkiaExports.SkSurface>;
+export declare const mountCanvas: (element: ReactNode) => Promise<{
     surface: SkiaExports.SkSurface;
     root: SkiaSGRoot;
-    draw: () => void;
-};
-export declare const serialize: (element: ReactNode) => string;
+    draw: () => Promise<void>;
+}>;
+export declare const serialize: (element: ReactNode) => Promise<string>;
 export type EvalContext = Record<string, any>;
 interface TestingSurface {
     eval<Ctx extends EvalContext = EvalContext, R = any>(fn: (Skia: Skia, ctx: Ctx) => R, ctx?: Ctx): Promise<R>;

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

@@ -5,10 +5,12 @@ import "../views/api";
 export declare abstract class Container {
     protected Skia: Skia;
     protected nativeId: number;
-    root: Node[];
+    private _root;
     protected recording: Recording | null;
     protected unmounted: boolean;
     constructor(Skia: Skia, nativeId: number);
+    get root(): Node[];
+    set root(value: Node[]);
     unmount(): void;
     drawOnCanvas(canvas: SkCanvas): void;
     abstract redraw(): void;

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

@@ -9,7 +9,7 @@ type TextInstance = Node;
 type SuspenseInstance = Instance;
 type HydratableInstance = Instance;
 type PublicInstance = Instance;
-type HostContext = null;
+type HostContext = object;
 type UpdatePayload = Container;
 type ChildSet = Node[];
 type TimeoutHandle = NodeJS.Timeout;

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

@@ -13,8 +13,9 @@ export declare class SkiaSGRoot {
         children: import("./Node").Node<unknown>[];
         isDeclaration: boolean;
     };
-    render(element: ReactNode): void;
+    private updateContainer;
+    render(element: ReactNode): Promise<void>;
     drawOnCanvas(canvas: SkCanvas): void;
     getPicture(): import("../skia/types").SkPicture;
-    unmount(): void;
+    unmount(): Promise<unknown>;
 }