@shopify/react-native-skia 2.9.1 → 2.10.1

package/lib/module/skia/NativeSetup.js

@@ -1,5 +1,6 @@
 import { Platform } from "../Platform";
 import NativeSkiaModule from "../specs/NativeSkiaModule";
+import { registerSkiaWorkletSerialization } from "./SkiaWorkletSerialization";
 if (Platform.OS !== "web" && global.SkiaApi == null) {
   // Initialize RN Skia
   const SkiaModule = NativeSkiaModule;
@@ -10,5 +11,8 @@ if (Platform.OS !== "web" && global.SkiaApi == null) {
   if (result !== true) {
     throw new Error(`Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`);
   }
+  // Skia objects use the JSI NativeState pattern and need a custom
+  // serializer to be transferable to worklet runtimes (Reanimated).
+  registerSkiaWorkletSerialization();
 }
 //# sourceMappingURL=NativeSetup.js.map

package/lib/module/skia/NativeSetup.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","NativeSkiaModule","OS","global","SkiaApi","SkiaModule","install","Error","result"],"sources":["NativeSetup.ts"],"sourcesContent":["import { Platform } from \"../Platform\";\nimport NativeSkiaModule from \"../specs/NativeSkiaModule\";\n\nif (Platform.OS !== \"web\" && global.SkiaApi == null) {\n  // Initialize RN Skia\n  const SkiaModule = NativeSkiaModule;\n  if (SkiaModule == null || typeof SkiaModule.install !== \"function\") {\n    throw new Error(\n      \"Native RNSkia Module cannot be found! Make sure you correctly \" +\n        \"installed native dependencies and rebuilt your app.\"\n    );\n  }\n  const result = SkiaModule.install();\n  if (result !== true) {\n    throw new Error(\n      `Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`\n    );\n  }\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,OAAOC,gBAAgB,MAAM,2BAA2B;AAExD,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGJ,gBAAgB;EACnC,IAAII,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACC,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGH,UAAU,CAACC,OAAO,CAAC,CAAC;EACnC,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,MAAM,IAAID,KAAK,CACb,wEAAwEC,MAAM,EAChF,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"names":["Platform","NativeSkiaModule","registerSkiaWorkletSerialization","OS","global","SkiaApi","SkiaModule","install","Error","result"],"sources":["NativeSetup.ts"],"sourcesContent":["import { Platform } from \"../Platform\";\nimport NativeSkiaModule from \"../specs/NativeSkiaModule\";\n\nimport { registerSkiaWorkletSerialization } from \"./SkiaWorkletSerialization\";\n\nif (Platform.OS !== \"web\" && global.SkiaApi == null) {\n  // Initialize RN Skia\n  const SkiaModule = NativeSkiaModule;\n  if (SkiaModule == null || typeof SkiaModule.install !== \"function\") {\n    throw new Error(\n      \"Native RNSkia Module cannot be found! Make sure you correctly \" +\n        \"installed native dependencies and rebuilt your app.\"\n    );\n  }\n  const result = SkiaModule.install();\n  if (result !== true) {\n    throw new Error(\n      `Native Skia Module failed to correctly install JSI Bindings! Result: ${result}`\n    );\n  }\n  // Skia objects use the JSI NativeState pattern and need a custom\n  // serializer to be transferable to worklet runtimes (Reanimated).\n  registerSkiaWorkletSerialization();\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,OAAOC,gBAAgB,MAAM,2BAA2B;AAExD,SAASC,gCAAgC,QAAQ,4BAA4B;AAE7E,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGL,gBAAgB;EACnC,IAAIK,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACC,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGH,UAAU,CAACC,OAAO,CAAC,CAAC;EACnC,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,MAAM,IAAID,KAAK,CACb,wEAAwEC,MAAM,EAChF,CAAC;EACH;EACA;EACA;EACAP,gCAAgC,CAAC,CAAC;AACpC","ignoreList":[]}

package/lib/module/skia/SkiaWorkletSerialization.d.ts

@@ -0,0 +1 @@
+export declare const registerSkiaWorkletSerialization: () => void;

package/lib/module/skia/SkiaWorkletSerialization.js

@@ -0,0 +1,59 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * Skia and WebGPU API objects are implemented with the JSI NativeState
+ * pattern: plain JS objects with a shared prototype and native state
+ * attached. Worklets cannot serialize such objects by default (the prototype
+ * would be lost when moving them to another runtime), so we register a
+ * Custom Serializable that:
+ *
+ * - determine: detects native objects via the `__box` method installed on
+ *   every Skia and WebGPU prototype (plain objects never reach the
+ *   custom-serializable path, so this cannot misfire on user data).
+ * - pack: boxes the object into a HostObject wrapper that carries the native
+ *   state and the class brand. HostObjects are transferred by reference.
+ * - unpack: unboxes on the target runtime, re-installing the class prototype
+ *   there and re-attaching the same native state.
+ *
+ * See cpp/jsi/BoxedNativeObject.h for the native side.
+ *
+ * `react-native-worklets` (Reanimated 4) is required for this to work —
+ * without it, Skia and WebGPU objects cannot be captured in worklets or
+ * stored in shared values.
+ */
+
+const determine = value => {
+  "worklet";
+
+  return typeof value.__box === "function";
+};
+const pack = value => {
+  "worklet";
+
+  return value.__box();
+};
+const unpack = packed => {
+  "worklet";
+
+  return packed.unbox();
+};
+export const registerSkiaWorkletSerialization = () => {
+  try {
+    const worklets = require("react-native-worklets");
+    if (typeof worklets.registerCustomSerializable === "function") {
+      worklets.registerCustomSerializable({
+        name: "ReactNativeSkia",
+        determine,
+        pack,
+        unpack
+      });
+    } else {
+      console.error("React Native Skia requires react-native-worklets >= 0.7.0 " + "(registerCustomSerializable) to use Skia objects inside worklets. " + "Please upgrade react-native-worklets and react-native-reanimated.");
+    }
+  } catch (e) {
+    // react-native-worklets is not installed. This is fine for apps that do
+    // not use Reanimated: Skia objects simply cannot be used inside worklets
+    // or shared values in this configuration.
+  }
+};
+//# sourceMappingURL=SkiaWorkletSerialization.js.map

package/lib/module/skia/SkiaWorkletSerialization.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["determine","value","__box","pack","unpack","packed","unbox","registerSkiaWorkletSerialization","worklets","require","registerCustomSerializable","name","console","error","e"],"sources":["SkiaWorkletSerialization.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Skia and WebGPU API objects are implemented with the JSI NativeState\n * pattern: plain JS objects with a shared prototype and native state\n * attached. Worklets cannot serialize such objects by default (the prototype\n * would be lost when moving them to another runtime), so we register a\n * Custom Serializable that:\n *\n * - determine: detects native objects via the `__box` method installed on\n *   every Skia and WebGPU prototype (plain objects never reach the\n *   custom-serializable path, so this cannot misfire on user data).\n * - pack: boxes the object into a HostObject wrapper that carries the native\n *   state and the class brand. HostObjects are transferred by reference.\n * - unpack: unboxes on the target runtime, re-installing the class prototype\n *   there and re-attaching the same native state.\n *\n * See cpp/jsi/BoxedNativeObject.h for the native side.\n *\n * `react-native-worklets` (Reanimated 4) is required for this to work —\n * without it, Skia and WebGPU objects cannot be captured in worklets or\n * stored in shared values.\n */\n\ninterface BoxedNativeObject {\n  unbox: () => object;\n  __boxedNativeObject: true;\n}\n\nconst determine = (value: object): value is object => {\n  \"worklet\";\n  return typeof (value as any).__box === \"function\";\n};\n\nconst pack = (value: object): BoxedNativeObject => {\n  \"worklet\";\n  return (value as any).__box();\n};\n\nconst unpack = (packed: BoxedNativeObject): object => {\n  \"worklet\";\n  return packed.unbox();\n};\n\nexport const registerSkiaWorkletSerialization = () => {\n  try {\n    const worklets = require(\"react-native-worklets\");\n    if (typeof worklets.registerCustomSerializable === \"function\") {\n      worklets.registerCustomSerializable({\n        name: \"ReactNativeSkia\",\n        determine,\n        pack,\n        unpack,\n      });\n    } else {\n      console.error(\n        \"React Native Skia requires react-native-worklets >= 0.7.0 \" +\n          \"(registerCustomSerializable) to use Skia objects inside worklets. \" +\n          \"Please upgrade react-native-worklets and react-native-reanimated.\"\n      );\n    }\n  } catch (e) {\n    // react-native-worklets is not installed. This is fine for apps that do\n    // not use Reanimated: Skia objects simply cannot be used inside worklets\n    // or shared values in this configuration.\n  }\n};\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,MAAMA,SAAS,GAAIC,KAAa,IAAsB;EACpD,SAAS;;EACT,OAAO,OAAQA,KAAK,CAASC,KAAK,KAAK,UAAU;AACnD,CAAC;AAED,MAAMC,IAAI,GAAIF,KAAa,IAAwB;EACjD,SAAS;;EACT,OAAQA,KAAK,CAASC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,MAAME,MAAM,GAAIC,MAAyB,IAAa;EACpD,SAAS;;EACT,OAAOA,MAAM,CAACC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGA,CAAA,KAAM;EACpD,IAAI;IACF,MAAMC,QAAQ,GAAGC,OAAO,CAAC,uBAAuB,CAAC;IACjD,IAAI,OAAOD,QAAQ,CAACE,0BAA0B,KAAK,UAAU,EAAE;MAC7DF,QAAQ,CAACE,0BAA0B,CAAC;QAClCC,IAAI,EAAE,iBAAiB;QACvBX,SAAS;QACTG,IAAI;QACJC;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACLQ,OAAO,CAACC,KAAK,CACX,4DAA4D,GAC1D,oEAAoE,GACpE,mEACJ,CAAC;IACH;EACF,CAAC,CAAC,OAAOC,CAAC,EAAE;IACV;IACA;IACA;EAAA;AAEJ,CAAC","ignoreList":[]}

package/lib/module/skia/types/Image/ImageFactory.d.ts

@@ -80,22 +80,31 @@ export interface ImageFactory {
     MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;
     /**
      * Creates an SkImage from a WebGPU texture.
-     * This allows using textures rendered by WebGPU in Skia drawings.
+     * This allows using textures rendered by WebGPU in Skia drawings. The
+     * texture crosses the package boundary as a raw pointer: pass
+     * `texture.nativePointer` from a react-native-webgpu GPUTexture created on
+     * the shared device (importDevice(Skia.getNativeDevice())). The native side
+     * takes its own reference, so the handle stays valid even if the JS
+     * GPUTexture is garbage collected — but do not call texture.destroy()
+     * while the image is in use: destroy() releases the underlying GPU
+     * resource regardless of reference counts.
      *
      * Note: This method is only available when the Graphite backend is enabled.
      *
-     * @param texture - A GPUTexture object from the WebGPU API
+     * @param pointer - The WGPUTexture pointer (texture.nativePointer)
      * @returns An SkImage wrapping the texture, or throws if the texture is invalid
      */
-    MakeImageFromTexture(texture: GPUTexture): SkImage;
+    MakeImageFromNativeTexture(pointer: bigint): SkImage;
     /**
      * Creates a WebGPU texture from an SkImage.
-     * This allows using Skia images in WebGPU rendering pipelines.
+     * This allows using Skia images in WebGPU rendering pipelines. The
+     * returned pointer carries one reference and must be adopted exactly once
+     * with react-native-webgpu's adoptTexture(), which owns it from then on.
      *
      * Note: This method is only available when the Graphite backend is enabled.
      *
      * @param image - An SkImage to convert to a texture
-     * @returns A GPUTexture containing the image data, or throws if conversion fails
+     * @returns A WGPUTexture pointer for adoptTexture(), or throws on failure
      */
-    MakeTextureFromImage(image: SkImage): GPUTexture;
+    MakeNativeTextureFromImage(image: SkImage): bigint;
 }

package/lib/module/skia/types/Image/ImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["AlphaType"],"sources":["ImageFactory.ts"],"sourcesContent":["import type { SkData } from \"../Data\";\nimport type { NativeBuffer } from \"../NativeBuffer\";\n\nimport type { ColorType } from \"./ColorType\";\nimport type { SkImage } from \"./Image\";\n\nexport enum AlphaType {\n  Unknown,\n  Opaque,\n  Premul,\n  Unpremul,\n}\n\nexport interface ImageInfo {\n  alphaType: AlphaType;\n  // TODO: add support for color space\n  // colorSpace: ColorSpace;\n  colorType: ColorType;\n  height: number;\n  width: number;\n}\n\nexport interface ImageFactory {\n  MakeNull: () => SkImage;\n  /**\n   * Return an Image backed by the encoded data, but attempt to defer decoding until the image\n   * is actually used/drawn. This deferral allows the system to cache the result, either on the\n   * CPU or on the GPU, depending on where the image is drawn.\n   * This decoding uses the codecs that have been compiled into CanvasKit. If the bytes are\n   * invalid (or an unrecognized codec), null will be returned. See Image.h for more details.\n   * @param data - Data object with bytes of data\n   * @returns If the encoded format is not supported, or subset is outside of the bounds of the decoded\n   *  image, nullptr is returned.\n   */\n  MakeImageFromEncoded: (encoded: SkData) => SkImage | null;\n\n  /**\n   * Return an Image backed by a given native buffer.\n   * The native buffer must be a valid owning reference.\n   *\n   * For instance, this API is used by\n   * [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)\n   * to render a Skia Camera preview.\n   *\n   * - On Android; This is an `AHardwareBuffer*`\n   * - On iOS, this is a `CVPixelBufferRef`\n   * @param nativeBuffer A strong `uintptr_t` pointer to the native buffer\n   * @throws Throws an error if the Image could not be created, for example when the given\n   * native buffer is invalid.\n   */\n  MakeImageFromNativeBuffer: (nativeBuffer: NativeBuffer) => SkImage;\n\n  /**\n   *\n   * Return an Image backed by a given native texture.\n   *\n   * The native texture must be a valid owning reference.\n   *\n   * This API might be used to integrate with other libraries using gpu textures,\n   * or to transfer images between different threads.\n   *\n   * @param texture A native texture handle\n   * @param width The width of the texture\n   * @param height The height of the texture\n   * @param mipmapped Whether the texture is mipmapped\n   * @throws Throws an error if the Image could not be created, for example when the given native texture is invalid.\n   *\n   * @returns Returns a valid SkImage, if the texture is invalid, an error is thrown.\n   */\n  MakeImageFromNativeTextureUnstable: (\n    texture: unknown,\n    width: number,\n    height: number,\n    mipmapped?: boolean,\n    outputImage?: SkImage\n  ) => SkImage;\n\n  /**\n   * Returns an image that will be a screenshot of the view represented by\n   * the view tag\n   * @param viewTag - The tag of the view to make an image from.\n   * @returns Returns a valid SkImage, if the view tag is invalid, nullptr is returned.\n   */\n  MakeImageFromViewTag: (viewTag: number) => Promise<SkImage | null>;\n\n  /**\n   * Returns an image with the given pixel data and format.\n   * Note that we will always make a copy of the pixel data, because of inconsistencies in\n   * behavior between GPU and CPU (i.e. the pixel data will be turned into a GPU texture and\n   * not modifiable after creation).\n   *\n   * @param info\n   * @param data - bytes representing the pixel data.\n   * @param bytesPerRow\n   */\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;\n\n  /**\n   * Creates an SkImage from a WebGPU texture.\n   * This allows using textures rendered by WebGPU in Skia drawings.\n   *\n   * Note: This method is only available when the Graphite backend is enabled.\n   *\n   * @param texture - A GPUTexture object from the WebGPU API\n   * @returns An SkImage wrapping the texture, or throws if the texture is invalid\n   */\n  MakeImageFromTexture(texture: GPUTexture): SkImage;\n\n  /**\n   * Creates a WebGPU texture from an SkImage.\n   * This allows using Skia images in WebGPU rendering pipelines.\n   *\n   * Note: This method is only available when the Graphite backend is enabled.\n   *\n   * @param image - An SkImage to convert to a texture\n   * @returns A GPUTexture containing the image data, or throws if conversion fails\n   */\n  MakeTextureFromImage(image: SkImage): GPUTexture;\n}\n"],"mappings":"AAMA,WAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAAA,OAATA,SAAS;AAAA","ignoreList":[]}
+{"version":3,"names":["AlphaType"],"sources":["ImageFactory.ts"],"sourcesContent":["import type { SkData } from \"../Data\";\nimport type { NativeBuffer } from \"../NativeBuffer\";\n\nimport type { ColorType } from \"./ColorType\";\nimport type { SkImage } from \"./Image\";\n\nexport enum AlphaType {\n  Unknown,\n  Opaque,\n  Premul,\n  Unpremul,\n}\n\nexport interface ImageInfo {\n  alphaType: AlphaType;\n  // TODO: add support for color space\n  // colorSpace: ColorSpace;\n  colorType: ColorType;\n  height: number;\n  width: number;\n}\n\nexport interface ImageFactory {\n  MakeNull: () => SkImage;\n  /**\n   * Return an Image backed by the encoded data, but attempt to defer decoding until the image\n   * is actually used/drawn. This deferral allows the system to cache the result, either on the\n   * CPU or on the GPU, depending on where the image is drawn.\n   * This decoding uses the codecs that have been compiled into CanvasKit. If the bytes are\n   * invalid (or an unrecognized codec), null will be returned. See Image.h for more details.\n   * @param data - Data object with bytes of data\n   * @returns If the encoded format is not supported, or subset is outside of the bounds of the decoded\n   *  image, nullptr is returned.\n   */\n  MakeImageFromEncoded: (encoded: SkData) => SkImage | null;\n\n  /**\n   * Return an Image backed by a given native buffer.\n   * The native buffer must be a valid owning reference.\n   *\n   * For instance, this API is used by\n   * [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)\n   * to render a Skia Camera preview.\n   *\n   * - On Android; This is an `AHardwareBuffer*`\n   * - On iOS, this is a `CVPixelBufferRef`\n   * @param nativeBuffer A strong `uintptr_t` pointer to the native buffer\n   * @throws Throws an error if the Image could not be created, for example when the given\n   * native buffer is invalid.\n   */\n  MakeImageFromNativeBuffer: (nativeBuffer: NativeBuffer) => SkImage;\n\n  /**\n   *\n   * Return an Image backed by a given native texture.\n   *\n   * The native texture must be a valid owning reference.\n   *\n   * This API might be used to integrate with other libraries using gpu textures,\n   * or to transfer images between different threads.\n   *\n   * @param texture A native texture handle\n   * @param width The width of the texture\n   * @param height The height of the texture\n   * @param mipmapped Whether the texture is mipmapped\n   * @throws Throws an error if the Image could not be created, for example when the given native texture is invalid.\n   *\n   * @returns Returns a valid SkImage, if the texture is invalid, an error is thrown.\n   */\n  MakeImageFromNativeTextureUnstable: (\n    texture: unknown,\n    width: number,\n    height: number,\n    mipmapped?: boolean,\n    outputImage?: SkImage\n  ) => SkImage;\n\n  /**\n   * Returns an image that will be a screenshot of the view represented by\n   * the view tag\n   * @param viewTag - The tag of the view to make an image from.\n   * @returns Returns a valid SkImage, if the view tag is invalid, nullptr is returned.\n   */\n  MakeImageFromViewTag: (viewTag: number) => Promise<SkImage | null>;\n\n  /**\n   * Returns an image with the given pixel data and format.\n   * Note that we will always make a copy of the pixel data, because of inconsistencies in\n   * behavior between GPU and CPU (i.e. the pixel data will be turned into a GPU texture and\n   * not modifiable after creation).\n   *\n   * @param info\n   * @param data - bytes representing the pixel data.\n   * @param bytesPerRow\n   */\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;\n\n  /**\n   * Creates an SkImage from a WebGPU texture.\n   * This allows using textures rendered by WebGPU in Skia drawings. The\n   * texture crosses the package boundary as a raw pointer: pass\n   * `texture.nativePointer` from a react-native-webgpu GPUTexture created on\n   * the shared device (importDevice(Skia.getNativeDevice())). The native side\n   * takes its own reference, so the handle stays valid even if the JS\n   * GPUTexture is garbage collected — but do not call texture.destroy()\n   * while the image is in use: destroy() releases the underlying GPU\n   * resource regardless of reference counts.\n   *\n   * Note: This method is only available when the Graphite backend is enabled.\n   *\n   * @param pointer - The WGPUTexture pointer (texture.nativePointer)\n   * @returns An SkImage wrapping the texture, or throws if the texture is invalid\n   */\n  MakeImageFromNativeTexture(pointer: bigint): SkImage;\n\n  /**\n   * Creates a WebGPU texture from an SkImage.\n   * This allows using Skia images in WebGPU rendering pipelines. The\n   * returned pointer carries one reference and must be adopted exactly once\n   * with react-native-webgpu's adoptTexture(), which owns it from then on.\n   *\n   * Note: This method is only available when the Graphite backend is enabled.\n   *\n   * @param image - An SkImage to convert to a texture\n   * @returns A WGPUTexture pointer for adoptTexture(), or throws on failure\n   */\n  MakeNativeTextureFromImage(image: SkImage): bigint;\n}\n"],"mappings":"AAMA,WAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAAA,OAATA,SAAS;AAAA","ignoreList":[]}

package/lib/module/skia/types/Skia.d.ts

@@ -86,20 +86,10 @@ export interface Skia {
     NativeBuffer: NativeBufferFactory;
     Recorder(): JsiRecorder;
     /**
-     * Returns whether the Graphite backend is enabled and WebGPU is available.
-     *
-     * @returns true if Graphite/WebGPU is available, false otherwise
+     * Raw WGPUDevice pointer of Skia's Graphite device, as a BigInt. Pass it to
+     * react-native-webgpu's importDevice() to get a GPUDevice sharing Skia's
+     * device (zero-copy interop). Only available on Graphite builds; throws
+     * otherwise.
      */
-    hasDevice(): boolean;
-    /**
-     * Returns the shared WebGPU device used by Skia's Graphite backend.
-     * This allows direct access to the GPU device for WebGPU operations.
-     *
-     * Note: This method is only available when the Graphite backend is enabled.
-     * Use hasDevice() to check availability before calling this method.
-     *
-     * @returns The GPUDevice used by Skia
-     * @throws Error if Graphite backend is not enabled
-     */
-    getDevice(): GPUDevice;
+    getNativeDevice(): bigint;
 }

package/lib/module/skia/types/Skia.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Skia.ts"],"sourcesContent":["import type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory, PathBuilderFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont, FontMgrFactory } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkHostRect, SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type {\n  RuntimeEffectFactory,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n} from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { SkSurface, SurfaceFactory } from \"./Surface\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\nimport type { Color, SkColor } from \"./Color\";\nimport type { TypefaceFontProviderFactory } from \"./Paragraph/TypefaceFontProviderFactory\";\nimport type { AnimatedImageFactory } from \"./AnimatedImage\";\nimport type { ParagraphBuilderFactory } from \"./Paragraph/ParagraphBuilder\";\nimport type { Video } from \"./Video\";\nimport type { NativeBufferFactory } from \"./NativeBuffer\";\nimport type { JsiRecorder } from \"./Recorder\";\nimport type { SkottieFactory } from \"./Skottie\";\n\nexport interface SkiaContext {\n  getSurface(): SkSurface;\n  present(): void;\n}\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkHostRect;\n  RuntimeShaderBuilder: (rt: SkRuntimeEffect) => SkRuntimeShaderBuilder;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  RSXformFromRadians: (\n    scale: number,\n    radians: number,\n    tx: number,\n    ty: number,\n    px: number,\n    py: number\n  ) => SkRSXform;\n  Color: (color: Color) => SkColor;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  PathBuilder: PathBuilderFactory;\n  Matrix: (matrix?: readonly number[]) => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  TypefaceFontProvider: TypefaceFontProviderFactory;\n  FontMgr: FontMgrFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  AnimatedImage: AnimatedImageFactory;\n  SVG: SVGFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n  ParagraphBuilder: ParagraphBuilderFactory;\n  Skottie: SkottieFactory;\n  Video: (url: string) => Promise<Video> | Video;\n  Context(surface: bigint, width: number, height: number): SkiaContext;\n  NativeBuffer: NativeBufferFactory;\n  Recorder(): JsiRecorder;\n  /**\n   * Returns whether the Graphite backend is enabled and WebGPU is available.\n   *\n   * @returns true if Graphite/WebGPU is available, false otherwise\n   */\n  hasDevice(): boolean;\n  /**\n   * Returns the shared WebGPU device used by Skia's Graphite backend.\n   * This allows direct access to the GPU device for WebGPU operations.\n   *\n   * Note: This method is only available when the Graphite backend is enabled.\n   * Use hasDevice() to check availability before calling this method.\n   *\n   * @returns The GPUDevice used by Skia\n   * @throws Error if Graphite backend is not enabled\n   */\n  getDevice(): GPUDevice;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Skia.ts"],"sourcesContent":["import type { ImageFilterFactory } from \"./ImageFilter\";\nimport type { PathFactory, PathBuilderFactory } from \"./Path\";\nimport type { ColorFilterFactory } from \"./ColorFilter\";\nimport type { SkFont, FontMgrFactory } from \"./Font\";\nimport type { SkTypeface, TypefaceFactory } from \"./Typeface\";\nimport type { ImageFactory } from \"./Image\";\nimport type { MaskFilterFactory } from \"./MaskFilter\";\nimport type { SkPaint } from \"./Paint\";\nimport type { SkHostRect, SkRect } from \"./Rect\";\nimport type { SkRRect } from \"./RRect\";\nimport type {\n  RuntimeEffectFactory,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n} from \"./RuntimeEffect\";\nimport type { ShaderFactory } from \"./Shader\";\nimport type { SkMatrix } from \"./Matrix\";\nimport type { PathEffectFactory } from \"./PathEffect\";\nimport type { SkPoint } from \"./Point\";\nimport type { SkVertices, VertexMode } from \"./Vertices/Vertices\";\nimport type { DataFactory } from \"./Data\";\nimport type { SVGFactory } from \"./SVG\";\nimport type { TextBlobFactory } from \"./TextBlob\";\nimport type { SkSurface, SurfaceFactory } from \"./Surface\";\nimport type { SkRSXform } from \"./RSXform\";\nimport type { SkPath } from \"./Path/Path\";\nimport type { SkContourMeasureIter } from \"./ContourMeasure\";\nimport type { PictureFactory, SkPictureRecorder } from \"./Picture\";\nimport type { Color, SkColor } from \"./Color\";\nimport type { TypefaceFontProviderFactory } from \"./Paragraph/TypefaceFontProviderFactory\";\nimport type { AnimatedImageFactory } from \"./AnimatedImage\";\nimport type { ParagraphBuilderFactory } from \"./Paragraph/ParagraphBuilder\";\nimport type { Video } from \"./Video\";\nimport type { NativeBufferFactory } from \"./NativeBuffer\";\nimport type { JsiRecorder } from \"./Recorder\";\nimport type { SkottieFactory } from \"./Skottie\";\n\nexport interface SkiaContext {\n  getSurface(): SkSurface;\n  present(): void;\n}\n\n/**\n * Declares the interface for the native Skia API\n */\nexport interface Skia {\n  Point: (x: number, y: number) => SkPoint;\n  XYWHRect: (x: number, y: number, width: number, height: number) => SkHostRect;\n  RuntimeShaderBuilder: (rt: SkRuntimeEffect) => SkRuntimeShaderBuilder;\n  RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;\n  RSXformFromRadians: (\n    scale: number,\n    radians: number,\n    tx: number,\n    ty: number,\n    px: number,\n    py: number\n  ) => SkRSXform;\n  Color: (color: Color) => SkColor;\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ) => SkContourMeasureIter;\n  Paint: () => SkPaint;\n  PictureRecorder: () => SkPictureRecorder;\n  Picture: PictureFactory;\n  Path: PathFactory;\n  PathBuilder: PathBuilderFactory;\n  Matrix: (matrix?: readonly number[]) => SkMatrix;\n  ColorFilter: ColorFilterFactory;\n  Font: (typeface?: SkTypeface, size?: number) => SkFont;\n  Typeface: TypefaceFactory;\n  TypefaceFontProvider: TypefaceFontProviderFactory;\n  FontMgr: FontMgrFactory;\n  MaskFilter: MaskFilterFactory;\n  RuntimeEffect: RuntimeEffectFactory;\n  ImageFilter: ImageFilterFactory;\n  Shader: ShaderFactory;\n  PathEffect: PathEffectFactory;\n  /**\n   * Returns an Vertices based on the given positions and optional parameters.\n   * See SkVertices.h (especially the Builder) for more details.\n   * @param mode\n   * @param positions\n   * @param textureCoordinates\n   * @param colors - either a list of int colors or a flattened color array.\n   * @param indices\n   * @param isVolatile\n   */\n  MakeVertices(\n    mode: VertexMode,\n    positions: SkPoint[],\n    textureCoordinates?: SkPoint[] | null,\n    colors?: SkColor[],\n    indices?: number[] | null,\n    isVolatile?: boolean\n  ): SkVertices;\n  Data: DataFactory;\n  Image: ImageFactory;\n  AnimatedImage: AnimatedImageFactory;\n  SVG: SVGFactory;\n  TextBlob: TextBlobFactory;\n  Surface: SurfaceFactory;\n  ParagraphBuilder: ParagraphBuilderFactory;\n  Skottie: SkottieFactory;\n  Video: (url: string) => Promise<Video> | Video;\n  Context(surface: bigint, width: number, height: number): SkiaContext;\n  NativeBuffer: NativeBufferFactory;\n  Recorder(): JsiRecorder;\n  /**\n   * Raw WGPUDevice pointer of Skia's Graphite device, as a BigInt. Pass it to\n   * react-native-webgpu's importDevice() to get a GPUDevice sharing Skia's\n   * device (zero-copy interop). Only available on Graphite builds; throws\n   * otherwise.\n   */\n  getNativeDevice(): bigint;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/module/skia/types/index.d.ts

@@ -30,7 +30,6 @@ export * from "./Size";
 export * from "./Paragraph";
 export * from "./Matrix4";
 export * from "./NativeBuffer";
-export * from "./WebGPU";
 export * from "./Recorder";
 export * from "./Video";
 export * from "./Skottie";

package/lib/module/skia/types/index.js

@@ -30,7 +30,6 @@ export * from "./Size";
 export * from "./Paragraph";
 export * from "./Matrix4";
 export * from "./NativeBuffer";
-export * from "./WebGPU";
 export * from "./Recorder";
 export * from "./Video";
 export * from "./Skottie";

package/lib/module/skia/types/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./AnimatedImage\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\nexport * from \"./Size\";\nexport * from \"./Paragraph\";\nexport * from \"./Matrix4\";\nexport * from \"./NativeBuffer\";\nexport * from \"./WebGPU\";\nexport * from \"./Recorder\";\nexport * from \"./Video\";\nexport * from \"./Skottie\";\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,WAAW","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./AnimatedImage\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\nexport * from \"./Size\";\nexport * from \"./Paragraph\";\nexport * from \"./Matrix4\";\nexport * from \"./NativeBuffer\";\nexport * from \"./Recorder\";\nexport * from \"./Video\";\nexport * from \"./Skottie\";\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,WAAW","ignoreList":[]}

package/lib/module/skia/web/JsiSkImageFactory.d.ts

@@ -11,6 +11,6 @@ export declare class JsiSkImageFactory extends Host implements ImageFactory {
     MakeImageFromEncoded(encoded: SkData): JsiSkImage | null;
     MakeImageFromNativeTextureUnstable(): SkImage;
     MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): JsiSkImage | null;
-    MakeImageFromTexture(_texture: GPUTexture): SkImage;
-    MakeTextureFromImage(_image: SkImage): GPUTexture;
+    MakeImageFromNativeTexture(_pointer: bigint): SkImage;
+    MakeNativeTextureFromImage(_image: SkImage): bigint;
 }

package/lib/module/skia/web/JsiSkImageFactory.js

@@ -63,10 +63,10 @@ export class JsiSkImageFactory extends Host {
     }
     return new JsiSkImage(this.CanvasKit, image);
   }
-  MakeImageFromTexture(_texture) {
+  MakeImageFromNativeTexture(_pointer) {
     return throwNotImplementedOnRNWeb();
   }
-  MakeTextureFromImage(_image) {
+  MakeNativeTextureFromImage(_image) {
     return throwNotImplementedOnRNWeb();
   }
 }

package/lib/module/skia/web/JsiSkImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["CanvasKitWebGLBuffer","isNativeBufferWeb","Host","getEnum","throwNotImplementedOnRNWeb","JsiSkImage","JsiSkData","JsiSkImageFactory","constructor","CanvasKit","MakeNull","MakeImageFromViewTag","viewTag","view","console","log","Promise","resolve","MakeImageFromNativeBuffer","buffer","surface","image","Error","img","HTMLImageElement","HTMLVideoElement","ImageBitmap","MakeLazyImageFromTextureSource","toImage","MakeImageFromCanvasImageSource","makeImageFromTextureSource","updateTextureFromSource","MakeImageFromEncoded","encoded","fromValue","MakeImageFromNativeTextureUnstable","MakeImage","info","data","bytesPerRow","alphaType","colorSpace","ColorSpace","SRGB","colorType","height","width","MakeImageFromTexture","_texture","MakeTextureFromImage","_image"],"sources":["JsiSkImageFactory.ts"],"sourcesContent":["import type { CanvasKit, Image } from \"canvaskit-wasm\";\n\nimport { CanvasKitWebGLBuffer, isNativeBufferWeb } from \"../types\";\nimport type {\n  SkData,\n  ImageInfo,\n  SkImage,\n  NativeBuffer,\n  ImageFactory,\n} from \"../types\";\n\nimport { Host, getEnum, throwNotImplementedOnRNWeb } from \"./Host\";\nimport { JsiSkImage } from \"./JsiSkImage\";\nimport { JsiSkData } from \"./JsiSkData\";\nimport type { JsiSkSurface } from \"./JsiSkSurface\";\nimport type { CanvasKitWebGLBufferImpl } from \"./CanvasKitWebGLBufferImpl\";\n\nexport class JsiSkImageFactory extends Host implements ImageFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeNull() {\n    return new JsiSkImage(this.CanvasKit, null as unknown as Image);\n  }\n\n  MakeImageFromViewTag(viewTag: number): Promise<SkImage | null> {\n    const view = viewTag as unknown as HTMLElement;\n    // TODO: Implement screenshot from view in React JS\n    console.log(view);\n    return Promise.resolve(null);\n  }\n\n  MakeImageFromNativeBuffer(\n    buffer: NativeBuffer,\n    surface?: JsiSkSurface,\n    image?: JsiSkImage\n  ) {\n    if (!isNativeBufferWeb(buffer)) {\n      throw new Error(\"Invalid NativeBuffer\");\n    }\n    if (!surface) {\n      let img: Image;\n      if (\n        buffer instanceof HTMLImageElement ||\n        buffer instanceof HTMLVideoElement ||\n        buffer instanceof ImageBitmap\n      ) {\n        img = this.CanvasKit.MakeLazyImageFromTextureSource(buffer);\n      } else if (buffer instanceof CanvasKitWebGLBuffer) {\n        img = (\n          buffer as CanvasKitWebGLBuffer as CanvasKitWebGLBufferImpl\n        ).toImage();\n      } else {\n        img = this.CanvasKit.MakeImageFromCanvasImageSource(buffer);\n      }\n      return new JsiSkImage(this.CanvasKit, img);\n    } else if (!image) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const img = (surface as any).makeImageFromTextureSource(buffer) as Image;\n      return new JsiSkImage(this.CanvasKit, img);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const img = (surface as any).updateTextureFromSource(\n        image,\n        buffer\n      ) as Image;\n      return new JsiSkImage(this.CanvasKit, img);\n    }\n  }\n\n  MakeImageFromEncoded(encoded: SkData) {\n    const image = this.CanvasKit.MakeImageFromEncoded(\n      JsiSkData.fromValue(encoded)\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n\n  MakeImageFromNativeTextureUnstable() {\n    return throwNotImplementedOnRNWeb<SkImage>();\n  }\n\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number) {\n    // see toSkImageInfo() from canvaskit\n    const image = this.CanvasKit.MakeImage(\n      {\n        alphaType: getEnum(this.CanvasKit, \"AlphaType\", info.alphaType),\n        colorSpace: this.CanvasKit.ColorSpace.SRGB,\n        colorType: getEnum(this.CanvasKit, \"ColorType\", info.colorType),\n        height: info.height,\n        width: info.width,\n      },\n      JsiSkData.fromValue(data),\n      bytesPerRow\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n\n  MakeImageFromTexture(_texture: GPUTexture): SkImage {\n    return throwNotImplementedOnRNWeb<SkImage>();\n  }\n\n  MakeTextureFromImage(_image: SkImage): GPUTexture {\n    return throwNotImplementedOnRNWeb<GPUTexture>();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["CanvasKitWebGLBuffer","isNativeBufferWeb","Host","getEnum","throwNotImplementedOnRNWeb","JsiSkImage","JsiSkData","JsiSkImageFactory","constructor","CanvasKit","MakeNull","MakeImageFromViewTag","viewTag","view","console","log","Promise","resolve","MakeImageFromNativeBuffer","buffer","surface","image","Error","img","HTMLImageElement","HTMLVideoElement","ImageBitmap","MakeLazyImageFromTextureSource","toImage","MakeImageFromCanvasImageSource","makeImageFromTextureSource","updateTextureFromSource","MakeImageFromEncoded","encoded","fromValue","MakeImageFromNativeTextureUnstable","MakeImage","info","data","bytesPerRow","alphaType","colorSpace","ColorSpace","SRGB","colorType","height","width","MakeImageFromNativeTexture","_pointer","MakeNativeTextureFromImage","_image"],"sources":["JsiSkImageFactory.ts"],"sourcesContent":["import type { CanvasKit, Image } from \"canvaskit-wasm\";\n\nimport { CanvasKitWebGLBuffer, isNativeBufferWeb } from \"../types\";\nimport type {\n  SkData,\n  ImageInfo,\n  SkImage,\n  NativeBuffer,\n  ImageFactory,\n} from \"../types\";\n\nimport { Host, getEnum, throwNotImplementedOnRNWeb } from \"./Host\";\nimport { JsiSkImage } from \"./JsiSkImage\";\nimport { JsiSkData } from \"./JsiSkData\";\nimport type { JsiSkSurface } from \"./JsiSkSurface\";\nimport type { CanvasKitWebGLBufferImpl } from \"./CanvasKitWebGLBufferImpl\";\n\nexport class JsiSkImageFactory extends Host implements ImageFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeNull() {\n    return new JsiSkImage(this.CanvasKit, null as unknown as Image);\n  }\n\n  MakeImageFromViewTag(viewTag: number): Promise<SkImage | null> {\n    const view = viewTag as unknown as HTMLElement;\n    // TODO: Implement screenshot from view in React JS\n    console.log(view);\n    return Promise.resolve(null);\n  }\n\n  MakeImageFromNativeBuffer(\n    buffer: NativeBuffer,\n    surface?: JsiSkSurface,\n    image?: JsiSkImage\n  ) {\n    if (!isNativeBufferWeb(buffer)) {\n      throw new Error(\"Invalid NativeBuffer\");\n    }\n    if (!surface) {\n      let img: Image;\n      if (\n        buffer instanceof HTMLImageElement ||\n        buffer instanceof HTMLVideoElement ||\n        buffer instanceof ImageBitmap\n      ) {\n        img = this.CanvasKit.MakeLazyImageFromTextureSource(buffer);\n      } else if (buffer instanceof CanvasKitWebGLBuffer) {\n        img = (\n          buffer as CanvasKitWebGLBuffer as CanvasKitWebGLBufferImpl\n        ).toImage();\n      } else {\n        img = this.CanvasKit.MakeImageFromCanvasImageSource(buffer);\n      }\n      return new JsiSkImage(this.CanvasKit, img);\n    } else if (!image) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const img = (surface as any).makeImageFromTextureSource(buffer) as Image;\n      return new JsiSkImage(this.CanvasKit, img);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const img = (surface as any).updateTextureFromSource(\n        image,\n        buffer\n      ) as Image;\n      return new JsiSkImage(this.CanvasKit, img);\n    }\n  }\n\n  MakeImageFromEncoded(encoded: SkData) {\n    const image = this.CanvasKit.MakeImageFromEncoded(\n      JsiSkData.fromValue(encoded)\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n\n  MakeImageFromNativeTextureUnstable() {\n    return throwNotImplementedOnRNWeb<SkImage>();\n  }\n\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number) {\n    // see toSkImageInfo() from canvaskit\n    const image = this.CanvasKit.MakeImage(\n      {\n        alphaType: getEnum(this.CanvasKit, \"AlphaType\", info.alphaType),\n        colorSpace: this.CanvasKit.ColorSpace.SRGB,\n        colorType: getEnum(this.CanvasKit, \"ColorType\", info.colorType),\n        height: info.height,\n        width: info.width,\n      },\n      JsiSkData.fromValue(data),\n      bytesPerRow\n    );\n    if (image === null) {\n      return null;\n    }\n    return new JsiSkImage(this.CanvasKit, image);\n  }\n\n  MakeImageFromNativeTexture(_pointer: bigint): SkImage {\n    return throwNotImplementedOnRNWeb<SkImage>();\n  }\n\n  MakeNativeTextureFromImage(_image: SkImage): bigint {\n    return throwNotImplementedOnRNWeb<bigint>();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/skia/web/JsiSkia.js

@@ -93,11 +93,8 @@ export const JsiSkApi = CanvasKit => ({
   Recorder: () => {
     return throwNotImplementedOnRNWeb();
   },
-  getDevice: () => {
+  getNativeDevice: () => {
     return throwNotImplementedOnRNWeb();
-  },
-  hasDevice: () => {
-    return false;
   }
 });
 //# sourceMappingURL=JsiSkia.js.map

package/lib/module/skia/web/JsiSkia.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkPathBuilderFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkPath","JsiSkTypeface","JsiSkTypefaceFontProviderFactory","JsiSkFontMgrFactory","JsiSkAnimatedImageFactory","JsiSkParagraphBuilderFactory","JsiSkNativeBufferFactory","createVideo","throwNotImplementedOnRNWeb","JsiSkottieFactory","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","RSXformFromRadians","scale","r","px","py","s","Math","sin","c","cos","ContourMeasureIter","path","forceClosed","resScale","p","pathFromValue","iter","delete","Paint","paint","setAntiAlias","PictureRecorder","Picture","Path","PathBuilder","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","fromValue","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","AnimatedImage","SVG","TextBlob","XYWHRect","width","height","Surface","TypefaceFontProvider","FontMgr","ParagraphBuilder","NativeBuffer","Skottie","Video","Context","_surface","_width","_height","Recorder","getDevice","hasDevice"],"sources":["JsiSkia.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  JsiRecorder,\n  SkContourMeasureIter,\n  Skia,\n  SkiaContext,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkPathBuilderFactory } from \"./JsiSkPathBuilderFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { JsiSkTypefaceFontProviderFactory } from \"./JsiSkTypefaceFontProviderFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkAnimatedImageFactory } from \"./JsiSkAnimatedImageFactory\";\nimport { JsiSkParagraphBuilderFactory } from \"./JsiSkParagraphBuilderFactory\";\nimport { JsiSkNativeBufferFactory } from \"./JsiSkNativeBufferFactory\";\nimport { createVideo } from \"./JsiVideo\";\nimport { throwNotImplementedOnRNWeb } from \"./Host\";\nimport { JsiSkottieFactory } from \"./JsiSkottieFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect) => {\n    return throwNotImplementedOnRNWeb<SkRuntimeShaderBuilder>();\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, rect, rx, ry),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  RSXformFromRadians: (\n    scale: number,\n    r: number,\n    tx: number,\n    ty: number,\n    px: number,\n    py: number\n  ) => {\n    const s = Math.sin(r) * scale;\n    const c = Math.cos(r) * scale;\n    return new JsiSkRSXform(\n      CanvasKit,\n      Float32Array.of(c, s, tx - c * px + s * py, ty - s * px - c * py)\n    );\n  },\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    (() => {\n      const p = JsiSkPath.pathFromValue(path);\n      const iter = new JsiSkContourMeasureIter(\n        CanvasKit,\n        new CanvasKit.ContourMeasureIter(p, forceClosed, resScale)\n      );\n      p.delete();\n      return iter;\n    })(),\n  Paint: () => {\n    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());\n    paint.setAntiAlias(true);\n    return paint;\n  },\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  PathBuilder: new JsiSkPathBuilderFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : JsiSkTypeface.fromValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit),\n  NativeBuffer: new JsiSkNativeBufferFactory(CanvasKit),\n  Skottie: new JsiSkottieFactory(CanvasKit),\n  Video: createVideo.bind(null, CanvasKit),\n  Context: (_surface: bigint, _width: number, _height: number) => {\n    return throwNotImplementedOnRNWeb<SkiaContext>();\n  },\n  Recorder: () => {\n    return throwNotImplementedOnRNWeb<JsiRecorder>();\n  },\n  getDevice: () => {\n    return throwNotImplementedOnRNWeb<GPUDevice>();\n  },\n  hasDevice: () => {\n    return false;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkPathBuilderFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkPath","JsiSkTypeface","JsiSkTypefaceFontProviderFactory","JsiSkFontMgrFactory","JsiSkAnimatedImageFactory","JsiSkParagraphBuilderFactory","JsiSkNativeBufferFactory","createVideo","throwNotImplementedOnRNWeb","JsiSkottieFactory","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","RSXformFromRadians","scale","r","px","py","s","Math","sin","c","cos","ContourMeasureIter","path","forceClosed","resScale","p","pathFromValue","iter","delete","Paint","paint","setAntiAlias","PictureRecorder","Picture","Path","PathBuilder","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","fromValue","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","AnimatedImage","SVG","TextBlob","XYWHRect","width","height","Surface","TypefaceFontProvider","FontMgr","ParagraphBuilder","NativeBuffer","Skottie","Video","Context","_surface","_width","_height","Recorder","getNativeDevice"],"sources":["JsiSkia.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  JsiRecorder,\n  SkContourMeasureIter,\n  Skia,\n  SkiaContext,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkPathBuilderFactory } from \"./JsiSkPathBuilderFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { JsiSkTypefaceFontProviderFactory } from \"./JsiSkTypefaceFontProviderFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkAnimatedImageFactory } from \"./JsiSkAnimatedImageFactory\";\nimport { JsiSkParagraphBuilderFactory } from \"./JsiSkParagraphBuilderFactory\";\nimport { JsiSkNativeBufferFactory } from \"./JsiSkNativeBufferFactory\";\nimport { createVideo } from \"./JsiVideo\";\nimport { throwNotImplementedOnRNWeb } from \"./Host\";\nimport { JsiSkottieFactory } from \"./JsiSkottieFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect) => {\n    return throwNotImplementedOnRNWeb<SkRuntimeShaderBuilder>();\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, rect, rx, ry),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  RSXformFromRadians: (\n    scale: number,\n    r: number,\n    tx: number,\n    ty: number,\n    px: number,\n    py: number\n  ) => {\n    const s = Math.sin(r) * scale;\n    const c = Math.cos(r) * scale;\n    return new JsiSkRSXform(\n      CanvasKit,\n      Float32Array.of(c, s, tx - c * px + s * py, ty - s * px - c * py)\n    );\n  },\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    (() => {\n      const p = JsiSkPath.pathFromValue(path);\n      const iter = new JsiSkContourMeasureIter(\n        CanvasKit,\n        new CanvasKit.ContourMeasureIter(p, forceClosed, resScale)\n      );\n      p.delete();\n      return iter;\n    })(),\n  Paint: () => {\n    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());\n    paint.setAntiAlias(true);\n    return paint;\n  },\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  PathBuilder: new JsiSkPathBuilderFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : JsiSkTypeface.fromValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit),\n  NativeBuffer: new JsiSkNativeBufferFactory(CanvasKit),\n  Skottie: new JsiSkottieFactory(CanvasKit),\n  Video: createVideo.bind(null, CanvasKit),\n  Context: (_surface: bigint, _width: number, _height: number) => {\n    return throwNotImplementedOnRNWeb<SkiaContext>();\n  },\n  Recorder: () => {\n    return throwNotImplementedOnRNWeb<JsiRecorder>();\n  },\n  getNativeDevice: () => {\n    return throwNotImplementedOnRNWeb<bigint>();\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Container.native.js

@@ -2,7 +2,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import Rea from "../external/reanimated/ReanimatedProxy";
-import { HAS_REANIMATED_3 } from "../external/reanimated/renderHelpers";
+import { HAS_REANIMATED_3, HAS_REANIMATED_4, REANIMATED_VERSION_MAJOR } from "../external/reanimated/renderHelpers";
 import { ReanimatedRecorder } from "./Recorder/ReanimatedRecorder";
 import { Container, StaticContainer } from "./StaticContainer";
 import { visit } from "./Recorder/Visitor";
@@ -73,10 +73,29 @@ class NativeReanimatedContainer extends Container {
     }
   }
 }
+let hasWarnedAboutReanimatedSupport = false;
+const reanimatedSupportError = () => {
+  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {
+    return "React Native Skia requires react-native-worklets >= 0.7.0 for its " + "Reanimated integration on native platforms. Reanimated 4 is " + "installed, but react-native-worklets is missing or too old. " + "Please install or upgrade react-native-worklets.";
+  }
+  return "React Native Skia requires Reanimated 4 (react-native-worklets >= " + "0.7.0) for its Reanimated integration on native platforms. " + "Reanimated 3 is not supported anymore: Skia objects cannot be used " + "inside worklets or shared values with it. " + "Please upgrade to react-native-reanimated >= 4.0.0.";
+};
 export const createContainer = (Skia, nativeId) => {
-  if (HAS_REANIMATED_3 && nativeId !== -1) {
+  if (HAS_REANIMATED_4 && nativeId !== -1) {
     return new NativeReanimatedContainer(Skia, nativeId);
   } else {
+    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {
+      const message = reanimatedSupportError();
+      if (__DEV__) {
+        // Fail loudly in development — a silent fallback to static rendering
+        // would only be noticed as frozen animations.
+        throw new Error(message);
+      }
+      if (!hasWarnedAboutReanimatedSupport) {
+        hasWarnedAboutReanimatedSupport = true;
+        console.error(`${message} Falling back to static rendering (animations will not run).`);
+      }
+    }
     return new StaticContainer(Skia, nativeId);
   }
 };

package/lib/module/sksg/Container.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Rea","HAS_REANIMATED_3","ReanimatedRecorder","Container","StaticContainer","visit","SkiaViewApi","globalThis","nativeDrawOnscreen","nativeId","recorder","picture","play","setJsiProperty","NativeReanimatedContainer","constructor","Skia","_defineProperty","Picture","MakePicture","unmount","mapperId","stopMapper","redraw","unmounted","root","sharedValues","getSharedValues","sharedRecorder","getRecorder","runOnUI","length","startMapper","applyUpdates","createContainer"],"sources":["Container.native.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkPicture } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\nimport type { JsiRecorder } from \"../skia/types/Recorder\";\n\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\nimport { visit } from \"./Recorder/Visitor\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst nativeDrawOnscreen = (\n  nativeId: number,\n  recorder: JsiRecorder,\n  picture: SkPicture\n) => {\n  \"worklet\";\n\n  //const start = performance.now();\n  recorder.play(picture);\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n  private picture: SkPicture;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n    this.picture = Skia.Picture.MakePicture(null)!;\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recorder and its resources (e.g.\n      // images) on the UI runtime and keeps updating the picture of an\n      // unmounted view — stop it or it leaks for the lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new ReanimatedRecorder(this.Skia);\n    const { nativeId, picture } = this;\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const sharedRecorder = recorder.getRecorder();\n    // Draw first frame\n    Rea.runOnUI(() => {\n      \"worklet\";\n      nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n    })();\n    // Animate\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        sharedRecorder.applyUpdates(sharedValues);\n        nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n      }, sharedValues);\n    }\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new NativeReanimatedContainer(Skia, nativeId);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":";;;AAAA,OAAOA,GAAG,MAAM,wCAAwC;AAExD,SAASC,gBAAgB,QAAQ,sCAAsC;AAGvE,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,SAAS,EAAEC,eAAe,QAAQ,mBAAmB;AAC9D,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAO,qBAAqB;AAC5B,OAAO,cAAc;;AAErB;AACA,MAAM;EAAEC;AAAY,CAAC,GAAGC,UAAU;AAElC,MAAMC,kBAAkB,GAAGA,CACzBC,QAAgB,EAChBC,QAAqB,EACrBC,OAAkB,KACf;EACH,SAAS;;EAET;EACAD,QAAQ,CAACE,IAAI,CAACD,OAAO,CAAC;EACtB;EACA;EACAL,WAAW,CAACO,cAAc,CAACJ,QAAQ,EAAE,SAAS,EAAEE,OAAO,CAAC;AAC1D,CAAC;AAED,MAAMG,yBAAyB,SAASX,SAAS,CAAC;EAIhDY,WAAWA,CACTC,IAAU,EACFP,QAAgB,EACxB;IACA,KAAK,CAACO,IAAI,CAAC;IAAC,KAFJP,QAAgB,GAAhBA,QAAgB;IAAAQ,eAAA,mBALQ,IAAI;IAAAA,eAAA;IAQpC,IAAI,CAACN,OAAO,GAAGK,IAAI,CAACE,OAAO,CAACC,WAAW,CAAC,IAAI,CAAE;EAChD;EAEAC,OAAOA,CAAA,EAAG;IACR,KAAK,CAACA,OAAO,CAAC,CAAC;IACf,IAAI,IAAI,CAACC,QAAQ,KAAK,IAAI,EAAE;MAC1B;MACA;MACA;MACArB,GAAG,CAACsB,UAAU,CAAC,IAAI,CAACD,QAAQ,CAAC;MAC7B,IAAI,CAACA,QAAQ,GAAG,IAAI;IACtB;EACF;EAEAE,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACF,QAAQ,KAAK,IAAI,EAAE;MAC1BrB,GAAG,CAACsB,UAAU,CAAC,IAAI,CAACD,QAAQ,CAAC;MAC7B,IAAI,CAACA,QAAQ,GAAG,IAAI;IACtB;IACA,IAAI,IAAI,CAACG,SAAS,EAAE;MAClB;IACF;IACA,MAAMd,QAAQ,GAAG,IAAIR,kBAAkB,CAAC,IAAI,CAACc,IAAI,CAAC;IAClD,MAAM;MAAEP,QAAQ;MAAEE;IAAQ,CAAC,GAAG,IAAI;IAClCN,KAAK,CAACK,QAAQ,EAAE,IAAI,CAACe,IAAI,CAAC;IAC1B,MAAMC,YAAY,GAAGhB,QAAQ,CAACiB,eAAe,CAAC,CAAC;IAC/C,MAAMC,cAAc,GAAGlB,QAAQ,CAACmB,WAAW,CAAC,CAAC;IAC7C;IACA7B,GAAG,CAAC8B,OAAO,CAAC,MAAM;MAChB,SAAS;;MACTtB,kBAAkB,CAACC,QAAQ,EAAEmB,cAAc,EAAEjB,OAAO,CAAC;IACvD,CAAC,CAAC,CAAC,CAAC;IACJ;IACA,IAAIe,YAAY,CAACK,MAAM,GAAG,CAAC,EAAE;MAC3B,IAAI,CAACV,QAAQ,GAAGrB,GAAG,CAACgC,WAAW,CAAC,MAAM;QACpC,SAAS;;QACTJ,cAAc,CAACK,YAAY,CAACP,YAAY,CAAC;QACzClB,kBAAkB,CAACC,QAAQ,EAAEmB,cAAc,EAAEjB,OAAO,CAAC;MACvD,CAAC,EAAEe,YAAY,CAAC;IAClB;EACF;AACF;AAEA,OAAO,MAAMQ,eAAe,GAAGA,CAAClB,IAAU,EAAEP,QAAgB,KAAK;EAC/D,IAAIR,gBAAgB,IAAIQ,QAAQ,KAAK,CAAC,CAAC,EAAE;IACvC,OAAO,IAAIK,yBAAyB,CAACE,IAAI,EAAEP,QAAQ,CAAC;EACtD,CAAC,MAAM;IACL,OAAO,IAAIL,eAAe,CAACY,IAAI,EAAEP,QAAQ,CAAC;EAC5C;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Rea","HAS_REANIMATED_3","HAS_REANIMATED_4","REANIMATED_VERSION_MAJOR","ReanimatedRecorder","Container","StaticContainer","visit","SkiaViewApi","globalThis","nativeDrawOnscreen","nativeId","recorder","picture","play","setJsiProperty","NativeReanimatedContainer","constructor","Skia","_defineProperty","Picture","MakePicture","unmount","mapperId","stopMapper","redraw","unmounted","root","sharedValues","getSharedValues","sharedRecorder","getRecorder","runOnUI","length","startMapper","applyUpdates","hasWarnedAboutReanimatedSupport","reanimatedSupportError","createContainer","message","__DEV__","Error","console","error"],"sources":["Container.native.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkPicture } from \"../skia/types\";\nimport {\n  HAS_REANIMATED_3,\n  HAS_REANIMATED_4,\n  REANIMATED_VERSION_MAJOR,\n} from \"../external/reanimated/renderHelpers\";\nimport type { JsiRecorder } from \"../skia/types/Recorder\";\n\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\nimport { visit } from \"./Recorder/Visitor\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst nativeDrawOnscreen = (\n  nativeId: number,\n  recorder: JsiRecorder,\n  picture: SkPicture\n) => {\n  \"worklet\";\n\n  //const start = performance.now();\n  recorder.play(picture);\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n  private picture: SkPicture;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n    this.picture = Skia.Picture.MakePicture(null)!;\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recorder and its resources (e.g.\n      // images) on the UI runtime and keeps updating the picture of an\n      // unmounted view — stop it or it leaks for the lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new ReanimatedRecorder(this.Skia);\n    const { nativeId, picture } = this;\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const sharedRecorder = recorder.getRecorder();\n    // Draw first frame\n    Rea.runOnUI(() => {\n      \"worklet\";\n      nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n    })();\n    // Animate\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        sharedRecorder.applyUpdates(sharedValues);\n        nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n      }, sharedValues);\n    }\n  }\n}\n\nlet hasWarnedAboutReanimatedSupport = false;\n\nconst reanimatedSupportError = () => {\n  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {\n    return (\n      \"React Native Skia requires react-native-worklets >= 0.7.0 for its \" +\n      \"Reanimated integration on native platforms. Reanimated 4 is \" +\n      \"installed, but react-native-worklets is missing or too old. \" +\n      \"Please install or upgrade react-native-worklets.\"\n    );\n  }\n  return (\n    \"React Native Skia requires Reanimated 4 (react-native-worklets >= \" +\n    \"0.7.0) for its Reanimated integration on native platforms. \" +\n    \"Reanimated 3 is not supported anymore: Skia objects cannot be used \" +\n    \"inside worklets or shared values with it. \" +\n    \"Please upgrade to react-native-reanimated >= 4.0.0.\"\n  );\n};\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_4 && nativeId !== -1) {\n    return new NativeReanimatedContainer(Skia, nativeId);\n  } else {\n    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {\n      const message = reanimatedSupportError();\n      if (__DEV__) {\n        // Fail loudly in development — a silent fallback to static rendering\n        // would only be noticed as frozen animations.\n        throw new Error(message);\n      }\n      if (!hasWarnedAboutReanimatedSupport) {\n        hasWarnedAboutReanimatedSupport = true;\n        console.error(\n          `${message} Falling back to static rendering (animations will not run).`\n        );\n      }\n    }\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/views/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./SkiaPictureView";
 export * from "./types";
-export * from "./WebGPUCanvas";
 export * from "./formats";

package/lib/module/views/index.js

@@ -1,5 +1,4 @@
 export * from "./SkiaPictureView";
 export * from "./types";
-export * from "./WebGPUCanvas";
 export * from "./formats";
 //# sourceMappingURL=index.js.map

package/lib/module/views/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SkiaPictureView\";\nexport * from \"./types\";\nexport * from \"./WebGPUCanvas\";\nexport * from \"./formats\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,WAAW","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SkiaPictureView\";\nexport * from \"./types\";\nexport * from \"./formats\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW","ignoreList":[]}

package/lib/typescript/lib/commonjs/external/reanimated/renderHelpers.d.ts

@@ -1,2 +1,4 @@
 export const __esModule: boolean;
 export const HAS_REANIMATED_3: any;
+export const HAS_REANIMATED_4: any;
+export const REANIMATED_VERSION_MAJOR: any;

package/lib/typescript/lib/commonjs/mock/index.d.ts

@@ -1,7 +1,6 @@
 export const __esModule: boolean;
 export function Mock(CanvasKit: any): {
     Canvas: typeof import("react-native").View;
-    WebGPUCanvas: typeof import("react-native").View;
     getPreferredHighBitDepthCanvasFormat: () => string;
     SkiaPictureView: typeof import("react-native").View;
     JsiSkImage: typeof _JsiSkImage.JsiSkImage;

package/lib/typescript/lib/commonjs/skia/SkiaWorkletSerialization.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+export function registerSkiaWorkletSerialization(): void;

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

@@ -6,8 +6,8 @@ export class JsiSkImageFactory extends _Host.Host {
     MakeImageFromEncoded(encoded: any): _JsiSkImage.JsiSkImage | null;
     MakeImageFromNativeTextureUnstable(): jest.Mock<any, any, any>;
     MakeImage(info: any, data: any, bytesPerRow: any): _JsiSkImage.JsiSkImage | null;
-    MakeImageFromTexture(_texture: any): jest.Mock<any, any, any>;
-    MakeTextureFromImage(_image: any): jest.Mock<any, any, any>;
+    MakeImageFromNativeTexture(_pointer: any): jest.Mock<any, any, any>;
+    MakeNativeTextureFromImage(_image: any): jest.Mock<any, any, any>;
 }
 import _Host = require("./Host");
 import _JsiSkImage = require("./JsiSkImage");

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

@@ -37,8 +37,7 @@ export function JsiSkApi(CanvasKit: any): {
     Video: (url?: any) => Promise<any>;
     Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
-    getDevice: () => jest.Mock<any, any, any>;
-    hasDevice: () => boolean;
+    getNativeDevice: () => jest.Mock<any, any, any>;
 };
 import _JsiSkPoint = require("./JsiSkPoint");
 import _JsiSkRRect = require("./JsiSkRRect");

package/lib/typescript/lib/module/external/reanimated/renderHelpers.d.ts

@@ -1 +1,16 @@
 export let HAS_REANIMATED_3: boolean;
+/**
+ * True when the worklets-based Reanimated integration is available
+ * (Reanimated 4 with react-native-worklets providing
+ * registerCustomSerializable). Skia objects use the JSI NativeState pattern
+ * and can only be transferred to worklet runtimes through a custom
+ * serializer, so on native the Reanimated integration requires Reanimated 4 —
+ * Reanimated 3 is not supported.
+ */
+export let HAS_REANIMATED_4: boolean;
+/**
+ * Major version of the installed react-native-reanimated package, or null if
+ * it is not installed. Used to give actionable diagnostics when the
+ * integration cannot be enabled.
+ */
+export let REANIMATED_VERSION_MAJOR: null;

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

@@ -1,6 +1,5 @@
 export function Mock(CanvasKit: any): {
     Canvas: typeof import("react-native").View;
-    WebGPUCanvas: typeof import("react-native").View;
     getPreferredHighBitDepthCanvasFormat: () => string;
     SkiaPictureView: typeof import("react-native").View;
     JsiSkImage: typeof JsiSkImage;
@@ -307,7 +306,6 @@ export function Mock(CanvasKit: any): {
     isNativeBufferAddr: (buffer: any) => buffer is BigInt;
     isNativeBufferWeb: (buffer: any) => boolean;
     isNativeBufferNode: (buffer: any) => buffer is ArrayBuffer;
-    installWebGPU: any;
     LineBreakType: {};
     VerticalTextAlign: {};
     ResizePolicy: {};

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

@@ -36,6 +36,5 @@ export const Skia: {
     Video: (url?: any) => Promise<any>;
     Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
-    getDevice: () => jest.Mock<any, any, any>;
-    hasDevice: () => boolean;
+    getNativeDevice: () => jest.Mock<any, any, any>;
 };

package/lib/typescript/lib/module/skia/SkiaWorkletSerialization.d.ts

@@ -0,0 +1 @@
+export function registerSkiaWorkletSerialization(): void;

package/lib/typescript/lib/module/skia/types/index.d.ts

@@ -27,7 +27,6 @@ export * from "./TextBlob";
 export * from "./Paragraph";
 export * from "./Matrix4";
 export * from "./NativeBuffer";
-export * from "./WebGPU";
 export * from "./Recorder";
 export * from "./Video";
 export * from "./Skottie";