@shopify/react-native-skia 2.2.18 → 2.2.20

package/lib/typescript/jest.config.d.ts

@@ -1,2 +1,11 @@
-declare const _exports: import("ts-jest/dist/types").InitialOptionsTsJest;
-export = _exports;
+export let preset: string;
+export let testEnvironment: string;
+export let modulePathIgnorePatterns: string[];
+export let transform: {
+    "^.+\\.(ts|tsx)$": (string | {
+        tsconfig: string;
+    })[];
+};
+export let globals: {};
+export let globalSetup: string;
+export let globalTeardown: string;

package/lib/typescript/lib/commonjs/skia/web/Host.d.ts

@@ -8,6 +8,8 @@ export class BaseHostObject extends Host {
     constructor(CanvasKit: any, ref: any, typename: any);
     ref: any;
     __typename__: any;
+    dispose(): void;
+    [Symbol.dispose](): void;
 }
 export class HostObject extends BaseHostObject {
     static fromValue(value: any): any;

package/lib/typescript/lib/commonjs/skia/web/JsiSkFontMgr.d.ts

@@ -1,7 +1,6 @@
 export const __esModule: boolean;
 export class JsiSkFontMgr extends _Host.HostObject {
     constructor(CanvasKit: any, ref: any);
-    dispose(): void;
     countFamilies(): any;
     getFamilyName(index: any): any;
     matchFamilyStyle(_familyName: any, _fontStyle: any): jest.Mock<any, any, any>;

package/lib/typescript/lib/commonjs/skia/web/JsiSkParagraph.d.ts

@@ -12,6 +12,5 @@ export class JsiSkParagraph extends _Host.HostObject {
     getRectsForPlaceholders(): any;
     getRectsForRange(start: any, end: any): any;
     getLineMetrics(): any;
-    dispose(): void;
 }
 import _Host = require("./Host");

package/lib/typescript/lib/commonjs/skia/web/JsiSkParagraphBuilder.d.ts

@@ -7,7 +7,6 @@ export class JsiSkParagraphBuilder extends _Host.HostObject {
     reset(): void;
     pushStyle(style: any, foregroundPaint: any, backgroundPaint: any): this;
     pop(): this;
-    dispose(): void;
     makePaint(color: any): any;
 }
 import _Host = require("./Host");

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

@@ -5,6 +5,5 @@ export class JsiSkTypefaceFontProvider extends _Host.HostObject {
     countFamilies(): any;
     getFamilyName(index: any): any;
     registerFont(typeface: any, familyName: any): void;
-    dispose(): void;
 }
 import _Host = require("./Host");

package/lib/typescript/lib/commonjs/skia/web/JsiSkottieAnimation.d.ts

@@ -42,7 +42,6 @@ export class JsiSkottieAnimation extends _Host.HostObject {
         height: any;
     };
     version(): any;
-    dispose(): void;
 }
 import _Host = require("./Host");
 import _JsiSkTypeface = require("./JsiSkTypeface");

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

@@ -19,5 +19,6 @@ export class JsiVideo {
     play(): void;
     setVolume(volume: any): void;
     dispose(): void;
+    [Symbol.dispose](): void;
 }
 import _CanvasKitWebGLBufferImpl = require("./CanvasKitWebGLBufferImpl");

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

@@ -1,4 +1,8 @@
 export const __esModule: boolean;
+/**
+ * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
+ * It will crash otherwise on Ganesh (iOS/Android).
+ */
 export class ReanimatedRecorder {
     constructor(Skia: any);
     recorder: any;

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

@@ -7,6 +7,8 @@ export class BaseHostObject extends Host {
     constructor(CanvasKit: any, ref: any, typename: any);
     ref: any;
     __typename__: any;
+    dispose(): void;
+    [Symbol.dispose](): void;
 }
 export class HostObject extends BaseHostObject {
     static fromValue(value: any): any;

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

@@ -1,6 +1,5 @@
 export class JsiSkFontMgr extends HostObject {
     constructor(CanvasKit: any, ref: any);
-    dispose(): void;
     countFamilies(): any;
     getFamilyName(index: any): any;
     matchFamilyStyle(_familyName: any, _fontStyle: any): jest.Mock<any, any, any>;

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

@@ -11,6 +11,5 @@ export class JsiSkParagraph extends HostObject {
     getRectsForPlaceholders(): any;
     getRectsForRange(start: any, end: any): any;
     getLineMetrics(): any;
-    dispose(): void;
 }
 import { HostObject } from "./Host";

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

@@ -6,7 +6,6 @@ export class JsiSkParagraphBuilder extends HostObject {
     reset(): void;
     pushStyle(style: any, foregroundPaint: any, backgroundPaint: any): this;
     pop(): this;
-    dispose(): void;
     makePaint(color: any): any;
 }
 import { HostObject } from "./Host";

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

@@ -4,6 +4,5 @@ export class JsiSkTypefaceFontProvider extends HostObject {
     countFamilies(): any;
     getFamilyName(index: any): any;
     registerFont(typeface: any, familyName: any): void;
-    dispose(): void;
 }
 import { HostObject } from "./Host";

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

@@ -41,7 +41,6 @@ export class JsiSkottieAnimation extends HostObject {
         height: any;
     };
     version(): any;
-    dispose(): void;
 }
 import { HostObject } from "./Host";
 import { JsiSkTypeface } from "./JsiSkTypeface";

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

@@ -18,5 +18,6 @@ export class JsiVideo {
     play(): void;
     setVolume(volume: any): void;
     dispose(): void;
+    [Symbol.dispose](): void;
 }
 import { CanvasKitWebGLBufferImpl } from "./CanvasKitWebGLBufferImpl";

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

@@ -1,3 +1,7 @@
+/**
+ * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
+ * It will crash otherwise on Ganesh (iOS/Android).
+ */
 export class ReanimatedRecorder {
     constructor(Skia: any);
     recorder: any;

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

@@ -15,5 +15,6 @@ export declare class ParagraphAsset<Ctx extends EvalContext> extends SkiaObject<
     getLineMetrics(): import("../../../../skia/types").LineMetrics[];
     getRectsForPlaceholders(): import("../../../../skia/types").SkRectWithDirection[];
     __typename__: "Paragraph";
+    [Symbol.dispose](): void;
     dispose(): void;
 }

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

@@ -5,6 +5,7 @@ export declare class SVGAsset implements SkSVG {
     private _height;
     __typename__: "SVG";
     constructor(_source: string, _width: number, _height: number);
+    [Symbol.dispose](): void;
     dispose(): void;
     source(): string;
     width(): number;

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

@@ -1,4 +1,4 @@
-export interface SkJSIInstance<T extends string> {
+export interface SkJSIInstance<T extends string> extends Disposable {
     __typename__: T;
     dispose(): void;
 }

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

@@ -9,7 +9,8 @@ export declare abstract class BaseHostObject<T, N extends string> extends Host i
     readonly __typename__: N;
     ref: T;
     constructor(CanvasKit: CanvasKit, ref: T, typename: N);
-    abstract dispose(): void;
+    dispose(): void;
+    [Symbol.dispose](): void;
 }
 export declare abstract class HostObject<T, N extends string> extends BaseHostObject<T, N> {
     static fromValue<T>(value: SkJSIInstance<string>): T;

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

@@ -8,5 +8,4 @@ export declare class JsiSkAnimatedImage extends HostObject<AnimatedImage, "Anima
     currentFrameDuration(): number;
     getFrameCount(): number;
     getCurrentFrame(): JsiSkImage | null;
-    dispose: () => void;
 }

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

@@ -3,7 +3,6 @@ import { type BlendMode, type ClipOp, type FilterMode, type MipmapMode, type Poi
 import { HostObject } from "./Host";
 export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements SkCanvas {
     constructor(CanvasKit: CanvasKit, ref: Canvas);
-    dispose: () => void;
     drawRect(rect: SkRect, paint: SkPaint): void;
     drawImage(image: SkImage, x: number, y: number, paint?: SkPaint): void;
     drawImageRect(img: SkImage, src: SkRect, dest: SkRect, paint: SkPaint, fastSample?: boolean): void;

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

@@ -3,5 +3,4 @@ import type { SkColorFilter } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkColorFilter extends HostObject<ColorFilter, "ColorFilter"> implements SkColorFilter {
     constructor(CanvasKit: CanvasKit, ref: ColorFilter);
-    dispose: () => void;
 }

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

@@ -9,5 +9,4 @@ export declare class JsiSkContourMeasure extends HostObject<ContourMeasure, "Con
     getSegment(startD: number, stopD: number, startWithMoveTo: boolean): JsiSkPath;
     isClosed(): boolean;
     length(): number;
-    dispose: () => void;
 }

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

@@ -5,5 +5,4 @@ import { JsiSkContourMeasure } from "./JsiSkContourMeasure";
 export declare class JsiSkContourMeasureIter extends HostObject<ContourMeasureIter, "ContourMeasureIter"> implements SkContourMeasureIter {
     constructor(CanvasKit: CanvasKit, ref: ContourMeasureIter);
     next(): JsiSkContourMeasure | null;
-    dispose: () => void;
 }

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

@@ -4,6 +4,5 @@ import { HostObject } from "./Host";
 type Data = ArrayBuffer;
 export declare class JsiSkData extends HostObject<Data, "Data"> implements SkData {
     constructor(CanvasKit: CanvasKit, ref: Data);
-    dispose: () => void;
 }
 export {};

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

@@ -6,7 +6,6 @@ import { JsiSkTypeface } from "./JsiSkTypeface";
 export declare class JsiSkFont extends HostObject<Font, "Font"> implements SkFont {
     constructor(CanvasKit: CanvasKit, ref: Font);
     measureText(_text: string, _paint?: SkPaint | undefined): SkRect;
-    dispose: () => void;
     getTextWidth(text: string, paint?: SkPaint | undefined): number;
     getMetrics(): {
         ascent: number;

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

@@ -12,7 +12,6 @@ export declare class JsiSkImage extends HostObject<Image, "Image"> implements Sk
     encodeToBytes(fmt?: ImageFormat, quality?: number): Uint8Array<ArrayBufferLike>;
     encodeToBase64(fmt?: ImageFormat, quality?: number): string;
     readPixels(srcX?: number, srcY?: number, imageInfo?: ImageInfo): Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike> | null;
-    dispose: () => void;
     makeNonTextureImage(): SkImage;
     getNativeTextureUnstable(): unknown;
 }

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

@@ -3,5 +3,4 @@ import type { SkImageFilter } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkImageFilter extends HostObject<ImageFilter, "ImageFilter"> implements SkImageFilter {
     constructor(CanvasKit: CanvasKit, ref: ImageFilter);
-    dispose: () => void;
 }

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

@@ -3,5 +3,4 @@ import type { SkMaskFilter } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkMaskFilter extends HostObject<MaskFilter, "MaskFilter"> implements SkMaskFilter {
     constructor(CanvasKit: CanvasKit, ref: MaskFilter);
-    dispose: () => void;
 }

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

@@ -5,7 +5,6 @@ export declare class JsiSkMatrix extends HostObject<Matrix3x3, "Matrix"> impleme
     constructor(CanvasKit: CanvasKit, ref: Matrix3x3);
     private preMultiply;
     private postMultiply;
-    dispose: () => void;
     concat(matrix: InputMatrix): this;
     translate(x: number, y: number): this;
     postTranslate(x: number, y: number): this;

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

@@ -3,7 +3,6 @@ import type { StrokeJoin, BlendMode, SkColor, SkColorFilter, SkImageFilter, SkPa
 import { HostObject } from "./Host";
 export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements SkPaint {
     constructor(CanvasKit: CanvasKit, ref: Paint);
-    dispose: () => void;
     copy(): JsiSkPaint;
     assign(paint: JsiSkPaint): void;
     reset(): void;

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

@@ -15,5 +15,4 @@ export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> i
     getRectsForPlaceholders(): SkRectWithDirection[];
     getRectsForRange(start: number, end: number): SkRect[];
     getLineMetrics(): LineMetrics[];
-    dispose(): void;
 }

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

@@ -10,6 +10,5 @@ export declare class JsiSkParagraphBuilder extends HostObject<ParagraphBuilder,
     reset(): void;
     pushStyle(style: SkTextStyle, foregroundPaint?: SkPaint | undefined, backgroundPaint?: SkPaint | undefined): SkParagraphBuilder;
     pop(): SkParagraphBuilder;
-    dispose(): void;
     private makePaint;
 }

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

@@ -5,7 +5,6 @@ import { JsiSkPoint } from "./JsiSkPoint";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     constructor(CanvasKit: CanvasKit, ref: Path);
-    dispose: () => void;
     addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): this;
     addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): this;
     addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): this;

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

@@ -3,5 +3,4 @@ import type { SkPathEffect } from "../types/PathEffect";
 import { HostObject } from "./Host";
 export declare class JsiSkPathEffect extends HostObject<PathEffect, "PathEffect"> implements SkPathEffect {
     constructor(CanvasKit: CanvasKit, ref: PathEffect);
-    dispose: () => void;
 }

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

@@ -4,7 +4,6 @@ import { HostObject } from "./Host";
 import { JsiSkShader } from "./JsiSkShader";
 export declare class JsiSkPicture extends HostObject<Picture, "Picture"> implements SkPicture {
     constructor(CanvasKit: CanvasKit, ref: Picture);
-    dispose: () => void;
     makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: SkMatrix, tileRect?: SkRect): JsiSkShader;
     serialize(): Uint8Array<ArrayBufferLike> | null;
 }

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

@@ -6,7 +6,6 @@ import { JsiSkCanvas } from "./JsiSkCanvas";
 import { JsiSkPicture } from "./JsiSkPicture";
 export declare class JsiSkPictureRecorder extends HostObject<PictureRecorder, "PictureRecorder"> implements SkPictureRecorder {
     constructor(CanvasKit: CanvasKit, ref: PictureRecorder);
-    dispose: () => void;
     beginRecording(bounds?: SkRect): JsiSkCanvas;
     finishRecordingAsPicture(): JsiSkPicture;
 }

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

@@ -2,9 +2,8 @@ import type { CanvasKit, Point } from "canvaskit-wasm";
 import type { SkPoint } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkPoint extends BaseHostObject<Point, "Point"> implements SkPoint {
-    static fromValue(point: SkPoint): Float32Array<ArrayBuffer>;
+    static fromValue(point: SkPoint): Point;
     constructor(CanvasKit: CanvasKit, ref: Point);
-    dispose: () => void;
     get x(): number;
     get y(): number;
 }

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

@@ -3,8 +3,8 @@ import type { InputRRect, SkRect, SkRRect } from "../types";
 import { BaseHostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkRRect extends BaseHostObject<RRect, "RRect"> implements SkRRect {
-    dispose: () => void;
-    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): Float32Array<ArrayBuffer>;
+    [Symbol.dispose](): void;
+    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): import("canvaskit-wasm").Rect;
     constructor(CanvasKit: CanvasKit, rect: SkRect, rx: number, ry: number);
     get rx(): number;
     get ry(): number;

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

@@ -3,12 +3,11 @@ import type { SkRSXform } from "../types";
 import { BaseHostObject } from "./Host";
 export type RSXform = Float32Array;
 export declare class JsiSkRSXform extends BaseHostObject<RSXform, "RSXform"> implements SkRSXform {
-    static fromValue(rsxform: SkRSXform): Float32Array<ArrayBuffer>;
+    static fromValue(rsxform: SkRSXform): RSXform;
     constructor(CanvasKit: CanvasKit, ref: RSXform);
     set(scos: number, ssin: number, tx: number, ty: number): void;
     get scos(): number;
     get ssin(): number;
     get tx(): number;
     get ty(): number;
-    dispose: () => void;
 }

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

@@ -3,7 +3,6 @@ import type { SkHostRect, SkRect } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkRect extends BaseHostObject<Rect, "Rect"> implements SkHostRect {
     static fromValue(CanvasKit: CanvasKit, rect: SkRect): Rect;
-    dispose: () => void;
     constructor(CanvasKit: CanvasKit, ref: Rect);
     setXYWH(x: number, y: number, width: number, height: number): void;
     get x(): number;

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

@@ -6,7 +6,6 @@ import { JsiSkShader } from "./JsiSkShader";
 export declare class JsiSkRuntimeEffect extends HostObject<RuntimeEffect, "RuntimeEffect"> implements SkRuntimeEffect {
     private sksl;
     constructor(CanvasKit: CanvasKit, ref: RuntimeEffect, sksl: string);
-    dispose: () => void;
     source(): string;
     makeShader(uniforms: number[], localMatrix?: SkMatrix): JsiSkShader;
     makeShaderWithChildren(uniforms: number[], children?: SkShader[], localMatrix?: SkMatrix): JsiSkShader;

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

@@ -5,5 +5,5 @@ export declare class JsiSkSVG extends HostObject<HTMLImageElement, "SVG"> implem
     constructor(CanvasKit: CanvasKit, ref: HTMLImageElement);
     width(): number;
     height(): number;
-    dispose: () => void;
+    [Symbol.dispose](): void;
 }

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

@@ -3,5 +3,4 @@ import type { SkShader } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkShader extends HostObject<Shader, "Shader"> implements SkShader {
     constructor(CanvasKit: CanvasKit, ref: Shader);
-    dispose: () => void;
 }

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

@@ -4,7 +4,7 @@ import { HostObject } from "./Host";
 import { JsiSkImage } from "./JsiSkImage";
 export declare class JsiSkSurface extends HostObject<Surface, "Surface"> implements SkSurface {
     constructor(CanvasKit: CanvasKit, ref: Surface);
-    dispose: () => void;
+    [Symbol.dispose](): void;
     flush(): void;
     width(): number;
     height(): number;

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

@@ -3,5 +3,4 @@ import type { SkTextBlob } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkTextBlob extends HostObject<TextBlob, "TextBlob"> implements SkTextBlob {
     constructor(CanvasKit: CanvasKit, ref: TextBlob);
-    dispose: () => void;
 }

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

@@ -6,5 +6,4 @@ export declare class JsiSkTypeface extends HostObject<Typeface, "Typeface"> impl
     get bold(): boolean;
     get italic(): boolean;
     getGlyphIDs(str: string, numCodePoints?: number): number[];
-    dispose: () => void;
 }

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

@@ -3,11 +3,9 @@ import type { SkTypefaceFontProvider } from "../types/Paragraph/TypefaceFontProv
 import type { FontStyle, SkTypeface } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkTypefaceFontProvider extends HostObject<TypefaceFontProvider, "FontMgr"> implements SkTypefaceFontProvider {
-    private allocatedPointers;
     constructor(CanvasKit: CanvasKit, ref: TypefaceFontProvider);
     matchFamilyStyle(_name: string, _style: FontStyle): SkTypeface;
     countFamilies(): number;
     getFamilyName(index: number): string;
     registerFont(typeface: SkTypeface, familyName: string): void;
-    dispose(): void;
 }

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

@@ -4,7 +4,6 @@ import { HostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkVertices extends HostObject<Vertices, "Vertices"> implements SkVertices {
     constructor(CanvasKit: CanvasKit, ref: Vertices);
-    dispose: () => void;
     bounds(): JsiSkRect;
     uniqueID(): number;
 }

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

@@ -55,5 +55,4 @@ export declare class JsiSkottieAnimation extends HostObject<ManagedSkottieAnimat
         height: number;
     };
     version(): string;
-    dispose(): void;
 }

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

@@ -20,5 +20,6 @@ export declare class JsiVideo implements Video {
     pause(): void;
     play(): void;
     setVolume(volume: number): void;
+    [Symbol.dispose](): void;
     dispose(): void;
 }

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

@@ -2,6 +2,10 @@ import type { SharedValue } from "react-native-reanimated";
 import type { BaseRecorder, JsiRecorder, Skia } from "../../skia/types";
 import type { PaintProps, NodeType, BlurMaskFilterProps, CTMProps, BoxProps, BoxShadowProps, ImageProps, CircleProps, PointsProps, PathProps, RectProps, RoundedRectProps, OvalProps, LineProps, PatchProps, VerticesProps, DiffRectProps, TextProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, ParagraphProps, AtlasProps, SkottieProps } from "../../dom/types";
 import type { AnimatedProps } from "../../renderer";
+/**
+ * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
+ * It will crash otherwise on Ganesh (iOS/Android).
+ */
 export declare class ReanimatedRecorder implements BaseRecorder {
     private values;
     private recorder;

package/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.2.18",
+  "version": "2.2.20",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -43,14 +43,14 @@
     "release": "semantic-release",
     "build": "bob build && merge-dirs lib/typescript/src lib/commonjs && merge-dirs lib/typescript/src lib/module",
     "clean-skia": "yarn rimraf ./libs && yarn rimraf ../../externals/skia/out",
-    "build-skia": "ts-node ./scripts/build-skia.ts",
-    "copy-skia-headers": "ts-node ./scripts/copy-skia-headers.ts",
-    "install-skia": "ts-node ./scripts/download-artifacts.ts && yarn copy-skia-headers",
+    "build-skia": "tsx ./scripts/build-skia.ts",
+    "copy-skia-headers": "tsx ./scripts/copy-skia-headers.ts",
+    "install-skia": "tsx ./scripts/download-artifacts.ts && yarn copy-skia-headers",
     "clang-format": "yarn clang-format-ios && yarn clang-format-android && yarn clang-format-common",
     "clang-format-ios": "find apple/ -iname '*.h' -o -iname '*.mm' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-android": "find android/cpp/ -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-common": "find cpp/ \\( -path 'cpp//skia' -prune \\) -o \\( -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' \\) -print | xargs clang-format -i",
-    "workflow-copy-libs": "yarn ts-node ./scripts/workflow-copy-libs.ts",
+    "workflow-copy-libs": "tsx ./scripts/workflow-copy-libs.ts",
     "cpplint": "cpplint --linelength=230 --filter=-legal/copyright,-whitespace/indent,-whitespace/comments,-whitespace/ending_newline,-build/include_order,-runtime/references,-readability/todo,-whitespace/blank_line,-whitespace/todo,-runtime/int,-build/c++11,-whitespace/parens --exclude=package/cpp/skia --exclude=package/ios --exclude=package/android/build --exclude=package/node_modules --recursive package"
   },
   "repository": {
@@ -90,20 +90,22 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/exec": "^7.0.3",
     "@semantic-release/github": "^10.3.3",
     "@semantic-release/release-notes-generator": "^14.0.1",
-    "@types/jest": "29.5.6",
+    "@types/jest": "30.0.0",
     "@types/pixelmatch": "5.2.4",
     "@types/pngjs": "6.0.1",
     "@types/react": "^19.0.0",
     "@types/react-reconciler": "0.28.9",
     "@types/ws": "8.5.3",
-    "eslint": "8",
-    "eslint-config-react-native-wcandillon": "^3.10.2",
-    "eslint-plugin-import": "2.27.5",
-    "jest": "29.6.4",
+    "eslint": "9.36.0",
+    "eslint-config-react-native-wcandillon": "4.0.1",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "jest": "30.0.0",
     "jest-diff": "29.7.0",
     "merge-dirs": "0.2.1",
     "pixelmatch": "5.3.0",
@@ -116,8 +118,8 @@
     "rimraf": "3.0.2",
     "semantic-release": "^24.1.0",
     "semantic-release-yarn": "^3.0.2",
-    "ts-jest": "29.1.1",
-    "ts-node": "^10.9.2",
+    "ts-jest": "29.4.3",
+    "tsx": "^4.20.5",
     "typescript": "^5.2.2",
     "ws": "8.18.0"
   },
@@ -135,6 +137,11 @@
     "jsSrcsDir": "src/specs",
     "android": {
       "javaPackageName": "com.shopify.reactnative.skia"
+    },
+    "ios": {
+      "componentProviders": [
+        "SkiaPictureViewNativeComponent"
+      ]
     }
   },
   "react-native-builder-bob": {