@shopify/react-native-skia 0.1.180 → 0.1.182

package/src/skia/types/JsiInstance.ts

@@ -1,3 +1,7 @@
 export interface SkJSIInstance<T extends string> {
   __typename__: T;
 }
+
+export interface JsiDisposable {
+  dispose: () => void;
+}

package/src/skia/types/SVG/SVG.ts

@@ -1,3 +1,3 @@
-import type { SkJSIInstance } from "../JsiInstance";
+import type { JsiDisposable, SkJSIInstance } from "../JsiInstance";
 
-export type SkSVG = SkJSIInstance<"SVG">;
+export type SkSVG = SkJSIInstance<"SVG"> & JsiDisposable;

package/src/skia/types/Typeface/Typeface.ts

@@ -1,3 +1,3 @@
-import type { SkJSIInstance } from "../JsiInstance";
+import type { JsiDisposable, SkJSIInstance } from "../JsiInstance";
 
-export type SkTypeface = SkJSIInstance<"Typeface">;
+export type SkTypeface = SkJSIInstance<"Typeface"> & JsiDisposable;

package/src/skia/web/JsiSkData.ts

@@ -10,4 +10,8 @@ export class JsiSkData extends HostObject<Data, "Data"> implements SkData {
   constructor(CanvasKit: CanvasKit, ref: Data) {
     super(CanvasKit, ref, "Data");
   }
+
+  dispose() {
+    // Not implemented in data
+  }
 }

package/src/skia/web/JsiSkImage.ts

@@ -109,4 +109,8 @@ export class JsiSkImage extends HostObject<Image, "Image"> implements SkImage {
     const bytes = this.encodeToBytes(fmt, quality);
     return toBase64String(bytes);
   }
+
+  dispose() {
+    this.ref.delete();
+  }
 }

package/src/skia/web/JsiSkTypeface.ts

@@ -25,4 +25,8 @@ export class JsiSkTypeface
     );
     return false;
   }
+
+  dispose() {
+    this.ref.delete();
+  }
 }

package/src/views/SkiaBaseWebView.tsx

@@ -78,6 +78,11 @@ export abstract class SkiaBaseWebView<
   componentWillUnmount() {
     this.unsubscribeAll();
     cancelAnimationFrame(this.requestId);
+    // https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_lose_context
+    this._canvasRef.current
+      ?.getContext("webgl2")
+      ?.getExtension("WEBGL_lose_context")
+      ?.loseContext();
   }
 
   /**