@shopify/react-native-skia 0.1.220 → 0.1.221

package/src/skia/web/Host.ts

@@ -1,4 +1,4 @@
-import type { CanvasKit, EmbindEnumEntity } from "canvaskit-wasm";
+import type { CanvasKit, EmbindEnumEntity, EmbindEnum } from "canvaskit-wasm";
 
 import type { SkJSIInstance } from "../types";
 
@@ -41,6 +41,8 @@ export abstract class HostObject<T, N extends string> extends BaseHostObject<
   }
 }
 
+export const getCkEnum = (e: EmbindEnum, v: number): EmbindEnumEntity =>
+  Object.values(e).find(({ value }) => value === v);
 export const ckEnum = (value: number): EmbindEnumEntity => ({ value });
 export const optEnum = (
   value: number | undefined

package/src/skia/web/JsiSkCanvas.ts

@@ -7,6 +7,7 @@ import type {
   MipmapMode,
   PointMode,
   SaveLayerFlag,
+  ImageInfo,
   SkCanvas,
   SkColor,
   SkFont,
@@ -24,7 +25,7 @@ import type {
   SkVertices,
 } from "../types";
 
-import { ckEnum, HostObject } from "./Host";
+import { ckEnum, getCkEnum, HostObject } from "./Host";
 import { JsiSkPaint } from "./JsiSkPaint";
 import { JsiSkRect } from "./JsiSkRect";
 import { JsiSkRRect } from "./JsiSkRRect";
@@ -374,4 +375,15 @@ export class JsiSkCanvas
   drawPicture(skp: SkPicture) {
     this.ref.drawPicture(JsiSkPicture.fromValue(skp));
   }
+
+  readPixels(srcX: number, srcY: number, imageInfo: ImageInfo) {
+    const pxInfo = {
+      width: imageInfo.width,
+      height: imageInfo.height,
+      colorSpace: this.CanvasKit.ColorSpace.SRGB,
+      alphaType: getCkEnum(this.CanvasKit.AlphaType, imageInfo.alphaType),
+      colorType: getCkEnum(this.CanvasKit.ColorType, imageInfo.colorType),
+    };
+    return this.ref.readPixels(srcX, srcY, pxInfo);
+  }
 }

package/src/skia/web/JsiSkFontMgrFactory.ts

@@ -15,8 +15,6 @@ export class JsiSkFontMgrFactory extends Host implements FontMgrFactory {
     if (!fontMgr) {
       throw new Error("Couldn't create system font manager");
     }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
     return new JsiSkFontMgr(this.CanvasKit, fontMgr);
   }
 }

package/src/skia/web/JsiSkImage.ts

@@ -1,16 +1,21 @@
-import type { CanvasKit, Image } from "canvaskit-wasm";
+import type {
+  CanvasKit,
+  ImageInfo as CKImageInfo,
+  Image,
+} from "canvaskit-wasm";
 
 import type {
-  ImageFormat,
   FilterMode,
   MipmapMode,
   SkImage,
   SkMatrix,
   SkShader,
   TileMode,
+  ImageFormat,
+  ImageInfo,
 } from "../types";
 
-import { ckEnum, HostObject } from "./Host";
+import { ckEnum, getCkEnum, HostObject } from "./Host";
 import { JsiSkMatrix } from "./JsiSkMatrix";
 import { JsiSkShader } from "./JsiSkShader";
 
@@ -52,6 +57,16 @@ export class JsiSkImage extends HostObject<Image, "Image"> implements SkImage {
     return this.ref.width();
   }
 
+  getImageInfo(): ImageInfo {
+    const info = this.ref.getImageInfo();
+    return {
+      width: info.width,
+      height: info.height,
+      colorType: info.colorType.value,
+      alphaType: info.alphaType.value,
+    };
+  }
+
   makeShaderOptions(
     tx: TileMode,
     ty: TileMode,
@@ -110,6 +125,30 @@ export class JsiSkImage extends HostObject<Image, "Image"> implements SkImage {
     return toBase64String(bytes);
   }
 
+  readPixels(srcX?: number, srcY?: number, imageInfo?: ImageInfo) {
+    const info = this.getImageInfo();
+    console.log({
+      alphaType: ckEnum(info.alphaType),
+      colorType: ckEnum(info.colorType),
+      realAlphaType: this.CanvasKit.AlphaType.Opaque.value,
+      realColorType: this.CanvasKit.ColorType.RGBA_8888.value,
+    });
+    const pxInfo: CKImageInfo = {
+      colorSpace: this.CanvasKit.ColorSpace.SRGB,
+      width: imageInfo?.width ?? info.width,
+      height: imageInfo?.height ?? info.height,
+      alphaType: getCkEnum(
+        this.CanvasKit.AlphaType,
+        (imageInfo ?? info).alphaType
+      ),
+      colorType: getCkEnum(
+        this.CanvasKit.ColorType,
+        (imageInfo ?? info).colorType
+      ),
+    };
+    return this.ref.readPixels(srcX ?? 0, srcY ?? 0, pxInfo);
+  }
+
   dispose = () => {
     this.ref.delete();
   };

package/src/skia/web/JsiSkTypefaceFontProvider.ts

@@ -19,13 +19,9 @@ export class JsiSkTypefaceFontProvider
     throw new NotImplementedOnRNWeb();
   }
   countFamilies() {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
     return this.ref.countFamilies();
   }
   getFamilyName(index: number) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
     return this.ref.getFamilyName(index);
   }
   registerFont(typeface: SkTypeface, familyName: string) {