@shopify/react-native-skia 1.1.0 → 1.2.1

package/src/skia/web/JsiSkImageFactory.ts

@@ -1,11 +1,18 @@
-import type { CanvasKit } from "canvaskit-wasm";
+import type { CanvasKit, Image } from "canvaskit-wasm";
 
-import type { SkData, ImageInfo, SkImage } from "../types";
-import type { ImageFactory } from "../types/Image/ImageFactory";
+import { isNativeBufferWeb } from "../types";
+import type {
+  SkData,
+  ImageInfo,
+  SkImage,
+  NativeBuffer,
+  ImageFactory,
+} from "../types";
 
 import { Host, getEnum } from "./Host";
 import { JsiSkImage } from "./JsiSkImage";
 import { JsiSkData } from "./JsiSkData";
+import type { JsiSkSurface } from "./JsiSkSurface";
 
 export class JsiSkImageFactory extends Host implements ImageFactory {
   constructor(CanvasKit: CanvasKit) {
@@ -19,6 +26,32 @@ export class JsiSkImageFactory extends Host implements ImageFactory {
     return Promise.resolve(null);
   }
 
+  MakeImageFromNativeBuffer(
+    buffer: NativeBuffer,
+    surface?: JsiSkSurface,
+    image?: JsiSkImage
+  ) {
+    if (!isNativeBufferWeb(buffer)) {
+      throw new Error("Invalid NativeBuffer");
+    }
+    if (!surface) {
+      // TODO: this is way to slow
+      const img = this.CanvasKit.MakeImageFromCanvasImageSource(buffer);
+      return new JsiSkImage(this.CanvasKit, img);
+    } else if (!image) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const img = (surface as any).makeImageFromTextureSource(buffer) as Image;
+      return new JsiSkImage(this.CanvasKit, img);
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const img = (surface as any).updateTextureFromSource(
+        image,
+        buffer
+      ) as Image;
+      return new JsiSkImage(this.CanvasKit, img);
+    }
+  }
+
   MakeImageFromEncoded(encoded: SkData) {
     const image = this.CanvasKit.MakeImageFromEncoded(
       JsiSkData.fromValue(encoded)

package/src/skia/web/JsiSkNativeBufferFactory.ts

@@ -0,0 +1,35 @@
+import type { CanvasKit } from "canvaskit-wasm";
+
+import {
+  type NativeBuffer,
+  type NativeBufferFactory,
+  type SkImage,
+} from "../types";
+
+import { Host } from "./Host";
+
+export class JsiSkNativeBufferFactory
+  extends Host
+  implements NativeBufferFactory
+{
+  constructor(CanvasKit: CanvasKit) {
+    super(CanvasKit);
+  }
+
+  MakeFromImage(image: SkImage): NativeBuffer {
+    const info = image.getImageInfo();
+    const uint8ClampedArray = new Uint8ClampedArray(image.readPixels()!);
+    const imageData = new ImageData(uint8ClampedArray, info.width, info.height);
+    const canvas = new OffscreenCanvas(info.width, info.height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      throw new Error("Failed to get 2d context from canvas");
+    }
+    ctx.putImageData(imageData, 0, 0);
+    return canvas;
+  }
+
+  Release(_platformBuffer: NativeBuffer) {
+    // it's a noop on Web
+  }
+}

package/src/skia/web/JsiSkSurface.ts

@@ -11,25 +11,26 @@ export class JsiSkSurface
   extends HostObject<Surface, "Surface">
   implements SkSurface
 {
-  constructor(
-    CanvasKit: CanvasKit,
-    ref: Surface,
-    private releaseCtx?: () => void
-  ) {
+  constructor(CanvasKit: CanvasKit, ref: Surface) {
     super(CanvasKit, ref, "Surface");
   }
 
   dispose = () => {
-    this.ref.delete();
-    if (this.releaseCtx) {
-      this.releaseCtx();
-    }
+    this.ref.dispose();
   };
 
   flush() {
     this.ref.flush();
   }
 
+  width() {
+    return this.ref.width();
+  }
+
+  height() {
+    return this.ref.height();
+  }
+
   getCanvas(): SkCanvas {
     return new JsiSkCanvas(this.CanvasKit, this.ref.getCanvas());
   }

package/src/skia/web/JsiSkSurfaceFactory.ts

@@ -11,26 +11,10 @@ export class JsiSkSurfaceFactory extends Host implements SurfaceFactory {
   }
 
   Make(width: number, height: number) {
-    var pixelLen = width * height * 4;
-    const pixelPtr = this.CanvasKit.Malloc(Uint8Array, pixelLen);
-    const surface = this.CanvasKit.MakeRasterDirectSurface(
-      {
-        width: width,
-        height: height,
-        colorType: this.CanvasKit.ColorType.RGBA_8888,
-        alphaType: this.CanvasKit.AlphaType.Unpremul,
-        colorSpace: this.CanvasKit.ColorSpace.SRGB,
-      },
-      pixelPtr,
-      width * 4
+    return new JsiSkSurface(
+      this.CanvasKit,
+      this.CanvasKit.MakeSurface(width, height)!
     );
-    if (!surface) {
-      return null;
-    }
-    surface.getCanvas().clear(this.CanvasKit.TRANSPARENT);
-    return new JsiSkSurface(this.CanvasKit, surface, () => {
-      this.CanvasKit.Free(pixelPtr);
-    });
   }
 
   MakeOffscreen(width: number, height: number) {

package/src/skia/web/JsiSkia.ts

@@ -41,6 +41,7 @@ import { JsiSkTypefaceFontProviderFactory } from "./JsiSkTypefaceFontProviderFac
 import { JsiSkFontMgrFactory } from "./JsiSkFontMgrFactory";
 import { JsiSkAnimatedImageFactory } from "./JsiSkAnimatedImageFactory";
 import { JsiSkParagraphBuilderFactory } from "./JsiSkParagraphBuilderFactory";
+import { JsiSkNativeBufferFactory } from "./JsiSkNativeBufferFactory";
 
 export const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({
   Point: (x: number, y: number) =>
@@ -125,4 +126,5 @@ export const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({
   TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),
   FontMgr: new JsiSkFontMgrFactory(CanvasKit),
   ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit),
+  NativeBuffer: new JsiSkNativeBufferFactory(CanvasKit),
 });

package/cpp/skia/include/third_party/vulkan/LICENSE

@@ -1,29 +0,0 @@
-// Copyright (c) 2018 Google Inc. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-//    * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-//    * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-//    * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
---------------------------------------------------------------------------------

package/cpp/skia/modules/skcms/README.chromium

@@ -1,6 +0,0 @@
-Name: skcms
-URL: https://skia.org/
-Version: unknown
-Security Critical: yes
-Shipped: yes
-License: BSD

package/cpp/skia/readme.txt

@@ -1 +0,0 @@
-Placeholder for the Skia include files.