@shopify/react-native-skia 2.9.1 → 2.10.1

package/cpp/jsi/ViewProperty.h

@@ -7,8 +7,8 @@
 #include <string>
 #include <variant>
 
-#include "api/JsiSkPicture.h"
 #include "RuntimeLifecycleMonitor.h"
+#include "api/JsiSkPicture.h"
 
 namespace RNJsi {
 namespace jsi = facebook::jsi;
@@ -38,16 +38,10 @@ private:
 class ViewProperty {
 public:
   ViewProperty(jsi::Runtime &runtime, const jsi::Value &value) {
-    if (value.isObject()) {
-      auto object = value.asObject(runtime);
-      if (object.isHostObject(runtime)) {
-        auto hostObject = object.asHostObject(runtime);
-        auto jsiPicture =
-            std::dynamic_pointer_cast<RNSkia::JsiSkPicture>(hostObject);
-        if (jsiPicture) {
-          _value = jsiPicture->getObject();
-        }
-      }
+    auto jsiPicture =
+        RNSkia::tryGetJsiObject<RNSkia::JsiSkPicture>(runtime, value);
+    if (jsiPicture) {
+      _value = jsiPicture->getObject();
     }
   }
 

package/cpp/rnskia/RNDawnContext.h

@@ -366,8 +366,9 @@ private:
   std::mutex _mutex;
 
   DawnContext() {
-    DawnProcTable backendProcs = dawn::native::GetProcs();
-    dawnProcSetProcs(&backendProcs);
+    // No dawnProcSetProcs() here: the monolithic libwebgpu_dawn (shared with
+    // react-native-webgpu) exposes the real wgpu* C entry points directly
+    // rather than the settable dawn_proc trampoline, which it does not ship.
     static const auto kTimedWaitAny = wgpu::InstanceFeatureName::TimedWaitAny;
 
     wgpu::InstanceDescriptor instanceDesc{.requiredFeatureCount = 1,
@@ -376,6 +377,21 @@ private:
     // For limits:
     wgpu::InstanceLimits limits{.timedWaitAnyMaxCount = 64};
     instanceDesc.requiredLimits = &limits;
+
+    // Same instance-stage toggles react-native-webgpu sets on its own
+    // instance: when webgpu adopts this instance (rnskia_getWGPUInstance),
+    // its external-texture path expects experimental adapter features to be
+    // visible. These only un-hide features in adapter.features; nothing
+    // becomes active unless a device requests it.
+    static const char *const kInstanceToggles[] = {
+        "allow_unsafe_apis",
+        "expose_wgsl_experimental_features",
+    };
+    wgpu::DawnTogglesDescriptor instanceToggles;
+    instanceToggles.enabledToggleCount = std::size(kInstanceToggles);
+    instanceToggles.enabledToggles = kInstanceToggles;
+    instanceDesc.nextInChain = &instanceToggles;
+
     instance = std::make_unique<dawn::native::Instance>(&instanceDesc);
 
     backendContext = DawnUtils::createDawnBackendContext(instance.get());

package/cpp/rnskia/RNDawnInterop.cpp

@@ -0,0 +1,19 @@
+#ifdef SK_GRAPHITE
+
+#include "RNDawnContext.h"
+
+// Runtime discovery surface for react-native-webgpu.
+//
+// webgpu looks this symbol up with dlsym(RTLD_DEFAULT, ...) when it creates
+// its GPU object and, when found, adopts the returned instance instead of
+// creating its own. Sharing one wgpu::Instance across both packages makes
+// pointer-based device handoff (RNWebGPU.importDevice(Skia.getNativeDevice()))
+// sound: async callbacks of imported devices settle on the instance webgpu
+// pumps. Plain C, default visibility: no C++ ABI surface, works across
+// separately compiled pods, and stays dlsym-able under -fvisibility=hidden.
+extern "C" __attribute__((visibility("default"))) WGPUInstance
+rnskia_getWGPUInstance() {
+  return RNSkia::DawnContext::getInstance().getWGPUInstance().Get();
+}
+
+#endif

package/cpp/rnskia/RNDawnUtils.h

@@ -1,8 +1,11 @@
 #pragma once
 
+#if defined(__APPLE__)
+#include <TargetConditionals.h>
+#endif
+
 #include "webgpu/webgpu_cpp.h"
 
-#include "dawn/dawn_proc.h"
 #include "dawn/native/DawnNative.h"
 
 #include "include/core/SkColorType.h"
@@ -115,6 +118,20 @@ requestDevice(dawn::native::Adapter &nativeAdapter,
   wgpu::DawnTogglesDescriptor togglesDesc;
   togglesDesc.enabledToggleCount = std::size(kToggles);
   togglesDesc.enabledToggles = kToggles;
+#if defined(TARGET_OS_SIMULATOR) && TARGET_OS_SIMULATOR
+  // The iOS Simulator only advertises MTLFeatureSet_iOS_GPUFamily2, so Dawn
+  // defaults disable_base_instance/disable_base_vertex on and then rejects
+  // every draw with a non-zero firstInstance or baseVertex, which Graphite
+  // emits routinely. The simulator forwards Metal calls to the host GPU,
+  // which does support base vertex/instance drawing, so force the toggles
+  // off. Device builds are unaffected: Graphite-capable iPhones and iPads
+  // are all GPUFamily3+. (Same override as react-native-webgpu; see
+  // https://issues.chromium.org/issues/42241591.)
+  static constexpr const char *kDisabledToggles[] = {"disable_base_instance",
+                                                     "disable_base_vertex"};
+  togglesDesc.disabledToggleCount = std::size(kDisabledToggles);
+  togglesDesc.disabledToggles = kDisabledToggles;
+#endif
 
   wgpu::DeviceDescriptor desc;
   desc.requiredFeatureCount = features.size();

package/cpp/rnskia/RNSkJsiViewApi.h

@@ -13,7 +13,8 @@
 #include "RNSkPictureView.h"
 #include "RNSkPlatformContext.h"
 #include "RNSkView.h"
-#include "jsi/JsiHostObject.h"
+#include "api/JsiSkNativeObjects.h"
+#include "jsi/JsiPromises.h"
 #include "jsi/ViewProperty.h"
 #include <jsi/jsi.h>
 
@@ -92,9 +93,10 @@ private:
   std::unordered_set<size_t> _unregistered;
 };
 
-class RNSkJsiViewApi : public RNJsi::JsiHostObject,
-                       public std::enable_shared_from_this<RNSkJsiViewApi> {
+class RNSkJsiViewApi : public JsiSkNativeObject<RNSkJsiViewApi> {
 public:
+  static constexpr const char *CLASS_NAME = "ViewApi";
+
   /**
    Sets a custom property on a view given a view id. The property name/value
    will be stored in a map alongside the id of the view and propagated to the
@@ -199,7 +201,7 @@ public:
                            "Could not create image from current surface.");
         return jsi::Value::undefined();
       }
-      return jsi::Object::createFromHostObject(
+      return makeJsiObject(
           runtime, std::make_shared<JsiSkImage>(_platformContext, image));
     }
     throw jsi::JSError(runtime, "No Skia View currently available.");
@@ -245,7 +247,7 @@ public:
                     promise->reject("Failed to make snapshot from view.");
                     return;
                   }
-                  promise->resolve(jsi::Object::createFromHostObject(
+                  promise->resolve(makeJsiObject(
                       runtime, std::make_shared<JsiSkImage>(std::move(context),
                                                             std::move(image))));
                 });
@@ -286,18 +288,25 @@ public:
     return sizeObj;
   }
 
-  JSI_EXPORT_FUNCTIONS(JSI_EXPORT_FUNC(RNSkJsiViewApi, setJsiProperty),
-                       JSI_EXPORT_FUNC(RNSkJsiViewApi, requestRedraw),
-                       JSI_EXPORT_FUNC(RNSkJsiViewApi, makeImageSnapshotAsync),
-                       JSI_EXPORT_FUNC(RNSkJsiViewApi, makeImageSnapshot),
-                       JSI_EXPORT_FUNC(RNSkJsiViewApi, size))
+  static void definePrototype(jsi::Runtime &runtime, jsi::Object &prototype) {
+    installHostMethod(runtime, prototype, "setJsiProperty",
+                      &RNSkJsiViewApi::setJsiProperty);
+    installHostMethod(runtime, prototype, "requestRedraw",
+                      &RNSkJsiViewApi::requestRedraw);
+    installHostMethod(runtime, prototype, "makeImageSnapshotAsync",
+                      &RNSkJsiViewApi::makeImageSnapshotAsync);
+    installHostMethod(runtime, prototype, "makeImageSnapshot",
+                      &RNSkJsiViewApi::makeImageSnapshot);
+    installHostMethod(runtime, prototype, "size", &RNSkJsiViewApi::size);
+  }
 
   /**
    * Constructor
    * @param platformContext Platform context
    */
   explicit RNSkJsiViewApi(std::shared_ptr<RNSkPlatformContext> platformContext)
-      : JsiHostObject(), _platformContext(platformContext) {}
+      : JsiSkNativeObject<RNSkJsiViewApi>(platformContext),
+        _platformContext(platformContext) {}
 
   /**
    Call to remove all draw view infos

package/cpp/rnskia/RNSkManager.cpp

@@ -5,33 +5,12 @@
 
 #include <jsi/jsi.h>
 
-#include "api/JsiSkApi.h"
 #include "RNSkJsiViewApi.h"
 #include "RNSkView.h"
+#include "api/JsiSkApi.h"
 
 #include "jsi/RuntimeAwareCache.h"
 
-#ifdef SK_GRAPHITE
-#include "RNDawnContext.h"
-#include "rnwgpu/ArrayBuffer.h"
-#include "rnwgpu/api/GPU.h"
-#include "rnwgpu/api/GPUUncapturedErrorEvent.h"
-#include "rnwgpu/api/ImageBitmap.h"
-#include "rnwgpu/api/RNWebGPU.h"
-#include "rnwgpu/api/descriptors/GPUBufferUsage.h"
-#include "rnwgpu/api/descriptors/GPUColorWrite.h"
-#include "rnwgpu/api/descriptors/GPUMapMode.h"
-#include "rnwgpu/api/descriptors/GPUShaderStage.h"
-#include "rnwgpu/api/descriptors/GPUTextureUsage.h"
-#include "rnwgpu/api/WebGPUConstants.h"
-#include "rnwgpu/async/RuntimeContext.h"
-#include "jsi2/Promise.h"
-
-#include "include/core/SkData.h"
-#include "include/core/SkImage.h"
-#include "include/core/SkImageInfo.h"
-#endif
-
 namespace RNSkia {
 namespace jsi = facebook::jsi;
 
@@ -43,7 +22,7 @@ RNSkManager::RNSkManager(
       _jsCallInvoker(jsCallInvoker),
       _viewApi(std::make_shared<RNSkJsiViewApi>(platformContext)) {
 
-  // Register main runtime (used by both Skia and WebGPU bindings)
+  // Register main runtime
   RNJsi::BaseRuntimeAwareCache::setMainJsRuntime(_jsRuntime);
 
   // Install bindings
@@ -51,12 +30,6 @@ RNSkManager::RNSkManager(
 }
 
 RNSkManager::~RNSkManager() {
-#ifdef SK_GRAPHITE
-  // Drop all canvas registry entries: after a reload the JS side restarts its
-  // contextId counter, and stale entries would alias new canvases onto dead
-  // surfaces.
-  rnwgpu::SurfaceRegistry::getInstance().clear();
-#endif
   // Free up any references
   _viewApi = nullptr;
   _jsRuntime = nullptr;
@@ -82,146 +55,14 @@ void RNSkManager::installBindings() {
   // provided runtime.
   auto skiaApi = std::make_shared<JsiSkApi>(_platformContext);
   _jsRuntime->global().setProperty(
-      *_jsRuntime, "SkiaApi",
-      jsi::Object::createFromHostObject(*_jsRuntime, std::move(skiaApi)));
-
-  _jsRuntime->global().setProperty(
-      *_jsRuntime, "SkiaViewApi",
-      jsi::Object::createFromHostObject(*_jsRuntime, _viewApi));
-
-#ifdef SK_GRAPHITE
-  // Register the main runtime + its CallInvoker so spontaneous events
-  // (device.lost / uncapturederror) on main-runtime devices can be delivered to
-  // the JS thread without the ProcessEvents pump. Worklet-runtime devices have
-  // no invoker (best-effort; see the RuntimeContext "Threading model" doc).
-  rnwgpu::async::RuntimeContext::registerMainRuntime(_jsRuntime, _jsCallInvoker);
-
-  // Install WebGPU constructors
-  rnwgpu::GPU::installConstructor(*_jsRuntime);
-  rnwgpu::GPUUncapturedErrorEvent::installConstructor(*_jsRuntime);
-  // Create and expose navigator.gpu using DawnContext's instance
-  auto &dawnContext = DawnContext::getInstance();
-  auto gpu =
-      std::make_shared<rnwgpu::GPU>(*_jsRuntime, dawnContext.getWGPUInstance());
-  auto navigatorValue =
-      _jsRuntime->global().getProperty(*_jsRuntime, "navigator");
-  if (navigatorValue.isObject()) {
-    auto navigator = navigatorValue.asObject(*_jsRuntime);
-    navigator.setProperty(*_jsRuntime, "gpu",
-                          rnwgpu::GPU::create(*_jsRuntime, gpu));
-  } else {
-    // Create navigator object if it doesn't exist
-    jsi::Object navigator(*_jsRuntime);
-    navigator.setProperty(*_jsRuntime, "gpu",
-                          rnwgpu::GPU::create(*_jsRuntime, gpu));
-    _jsRuntime->global().setProperty(*_jsRuntime, "navigator",
-                                     std::move(navigator));
-  }
-
-  // Install WebGPU constant objects as plain JS objects on the main runtime.
-  rnwgpu::installWebGPUConstants(*_jsRuntime);
-
-  // Install a global `installWebGPU()` host function so worklet runtimes can get
-  // the same constants. A host function captured into a worklet is serialized as
-  // a SerializableHostFunction and re-created on the worklet runtime, so the body
-  // runs there (its `rt` is the worklet runtime) and installs the constants on
-  // that runtime. The constants come from the native wgpu::*Usage enums, so the
-  // values stay a single source of truth across every runtime. Calling it on a
-  // runtime that already has the globals is a safe, idempotent no-op.
-  _jsRuntime->global().setProperty(
-      *_jsRuntime, "installWebGPU",
-      jsi::Function::createFromHostFunction(
-          *_jsRuntime, jsi::PropNameID::forAscii(*_jsRuntime, "installWebGPU"),
-          0,
-          [](jsi::Runtime &rt, const jsi::Value & /*thisVal*/,
-             const jsi::Value * /*args*/, size_t /*count*/) -> jsi::Value {
-            rnwgpu::installWebGPUConstants(rt);
-            return jsi::Value::undefined();
-          }));
+      *_jsRuntime, "SkiaApi", makeJsiObject(*_jsRuntime, std::move(skiaApi)));
 
-  // Install RNWebGPU global object for WebGPU Canvas support
-  auto rnWebGPU = std::make_shared<rnwgpu::RNWebGPU>(gpu, nullptr);
-  _jsRuntime->global().setProperty(
-      *_jsRuntime, "RNWebGPU", rnwgpu::RNWebGPU::create(*_jsRuntime, rnWebGPU));
-
-  // DRAFT — compile-unverified. Install the ImageBitmap constructor (so
-  // `instanceof ImageBitmap` works) and a global createImageBitmap() that
-  // accepts the non-standard encoded-BufferSource overload.
-  //
-  // The BufferSource is run through the shared rnwgpu::ArrayBuffer converter,
-  // which validates byteOffset/byteLength against the backing buffer and throws
-  // synchronously on a spoofed / out-of-bounds view — so createImageBitmap()
-  // rejects rather than reading out of bounds (see ArrayBufferBounds /
-  // ImageBitmapBounds specs). Decoding uses Skia's own codec; no platform image
-  // decoder is needed.
-  rnwgpu::ImageBitmap::installConstructor(*_jsRuntime);
-  _jsRuntime->global().setProperty(
-      *_jsRuntime, "createImageBitmap",
-      jsi::Function::createFromHostFunction(
-          *_jsRuntime,
-          jsi::PropNameID::forAscii(*_jsRuntime, "createImageBitmap"), 1,
-          [](jsi::Runtime &rt, const jsi::Value & /*thisVal*/,
-             const jsi::Value *args, size_t count) -> jsi::Value {
-            if (count < 1 || !args[0].isObject()) {
-              throw jsi::JSError(
-                  rt, "createImageBitmap requires a BufferSource argument");
-            }
-            // Only the encoded ArrayBuffer / ArrayBufferView overload is
-            // supported here. Anything else (Blob, ImageData, …) is rejected.
-            auto obj = args[0].getObject(rt);
-            bool isBufferSource = obj.isArrayBuffer(rt);
-            if (!isBufferSource && obj.hasProperty(rt, "buffer")) {
-              auto bufferProp = obj.getProperty(rt, "buffer");
-              isBufferSource =
-                  bufferProp.isObject() &&
-                  bufferProp.getObject(rt).isArrayBuffer(rt);
-            }
-            if (!isBufferSource) {
-              throw jsi::JSError(rt, "createImageBitmap: unsupported source "
-                                     "(expected an ArrayBuffer or TypedArray "
-                                     "of encoded image bytes)");
-            }
-            // Validates bounds and THROWS synchronously on a spoofed view, so
-            // the bad pointer never reaches the copy below.
-            auto buffer =
-                rnwgpu::JSIConverter<std::shared_ptr<rnwgpu::ArrayBuffer>>::
-                    fromJSI(rt, args[0], false);
-            // Copy the encoded bytes off the JS-owned ArrayBuffer.
-            const uint8_t *bytes = buffer->data();
-            std::vector<uint8_t> encoded(bytes, bytes + buffer->size());
+  _jsRuntime->global().setProperty(*_jsRuntime, "SkiaViewApi",
+                                   makeJsiObject(*_jsRuntime, _viewApi));
 
-            return rnwgpu::Promise::createPromise(
-                rt, [encoded = std::move(encoded)](
-                        jsi::Runtime &runtime,
-                        std::shared_ptr<rnwgpu::Promise> promise) mutable {
-                  auto skData =
-                      SkData::MakeWithCopy(encoded.data(), encoded.size());
-                  auto image = SkImages::DeferredFromEncodedData(skData);
-                  if (image == nullptr) {
-                    promise->reject(
-                        "createImageBitmap: failed to decode image data");
-                    return;
-                  }
-                  const int w = image->width();
-                  const int h = image->height();
-                  auto info =
-                      SkImageInfo::Make(w, h, kRGBA_8888_SkColorType,
-                                        kUnpremul_SkAlphaType);
-                  std::vector<uint8_t> pixels(info.computeMinByteSize());
-                  // nullptr context: decode/read on the CPU (raster).
-                  if (!image->readPixels(nullptr, info, pixels.data(),
-                                         info.minRowBytes(), 0, 0)) {
-                    promise->reject(
-                        "createImageBitmap: failed to read decoded pixels");
-                    return;
-                  }
-                  auto bitmap = std::make_shared<rnwgpu::ImageBitmap>(
-                      std::move(pixels), static_cast<size_t>(w),
-                      static_cast<size_t>(h));
-                  promise->resolve(
-                      rnwgpu::ImageBitmap::create(runtime, bitmap));
-                });
-          }));
-#endif
+  // The WebGPU JS API (RNWebGPU, navigator.gpu, constants, createImageBitmap)
+  // is no longer installed here: react-native-webgpu is the single WebGPU API
+  // surface for React Native. Graphite keeps Dawn as an internal
+  // implementation detail only.
 }
 } // namespace RNSkia

package/cpp/rnskia/RNSkPictureView.h

@@ -13,9 +13,9 @@
 #include "RNSkView.h"
 #include "jsi/ViewProperty.h"
 
+#include "RNSkPlatformContext.h"
 #include "api/JsiSkPicture.h"
 #include "utils/RNSkLog.h"
-#include "RNSkPlatformContext.h"
 #include "utils/RNSkTimingInfo.h"
 
 #pragma clang diagnostic push

package/cpp/skia/include/gpu/ganesh/GrDriverBugWorkaroundsAutogen.h

@@ -21,6 +21,8 @@
          disallow_large_instanced_draw)                 \
   GPU_OP(EMULATE_ABS_INT_FUNCTION,                      \
          emulate_abs_int_function)                      \
+  GPU_OP(ENSURE_PREVIOUS_FRAMEBUFFER_NOT_DELETED,       \
+         ensure_previous_framebuffer_not_deleted)       \
   GPU_OP(FLUSH_ON_FRAMEBUFFER_CHANGE,                   \
          flush_on_framebuffer_change)                   \
   GPU_OP(FORCE_UPDATE_SCISSOR_STATE_WHEN_BINDING_FBO0,  \

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

@@ -1 +1,16 @@
 export declare 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 declare 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 declare let REANIMATED_VERSION_MAJOR: number | null;

package/lib/commonjs/external/reanimated/renderHelpers.js

@@ -3,8 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HAS_REANIMATED_3 = void 0;
+exports.REANIMATED_VERSION_MAJOR = exports.HAS_REANIMATED_4 = exports.HAS_REANIMATED_3 = void 0;
 let HAS_REANIMATED_3 = exports.HAS_REANIMATED_3 = false;
+
+/**
+ * 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.
+ */
+let HAS_REANIMATED_4 = exports.HAS_REANIMATED_4 = false;
+
+/**
+ * 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.
+ */
+let REANIMATED_VERSION_MAJOR = exports.REANIMATED_VERSION_MAJOR = null;
 try {
   // This logic is convoluted but necessary
   // In most systems, `require("react-native-reanimated")` throws an error, all is well.
@@ -15,6 +32,18 @@ try {
   if (reanimatedVersion && (reanimatedVersion >= "3.0.0" || reanimatedVersion.includes("3.0.0-"))) {
     exports.HAS_REANIMATED_3 = HAS_REANIMATED_3 = true;
   }
+  const majorVersion = parseInt(reanimatedVersion.split(".")[0], 10);
+  if (!isNaN(majorVersion)) {
+    exports.REANIMATED_VERSION_MAJOR = REANIMATED_VERSION_MAJOR = majorVersion;
+  }
+  if (majorVersion >= 4) {
+    try {
+      const worklets = require("react-native-worklets");
+      exports.HAS_REANIMATED_4 = HAS_REANIMATED_4 = typeof worklets.registerCustomSerializable === "function";
+    } catch (e) {
+      // react-native-worklets not installed
+    }
+  }
 } catch (e) {
   // do nothing
 }

package/lib/commonjs/external/reanimated/renderHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["HAS_REANIMATED_3","exports","reanimatedVersion","require","version","includes","e"],"sources":["renderHelpers.ts"],"sourcesContent":["export let HAS_REANIMATED_3 = false;\n\ntry {\n  // This logic is convoluted but necessary\n  // In most systems, `require(\"react-native-reanimated\")` throws an error, all is well.\n  // In webpack, in some configuration it will return an empty object.\n  // So it will not throw an error and we need to check the version to know if it's there.\n  const reanimatedVersion =\n    require(\"react-native-reanimated/package.json\").version;\n  require(\"react-native-reanimated\");\n  if (\n    reanimatedVersion &&\n    (reanimatedVersion >= \"3.0.0\" || reanimatedVersion.includes(\"3.0.0-\"))\n  ) {\n    HAS_REANIMATED_3 = true;\n  }\n} catch (e) {\n  // do nothing\n}\n"],"mappings":";;;;;;AAAO,IAAIA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,KAAK;AAEnC,IAAI;EACF;EACA;EACA;EACA;EACA,MAAME,iBAAiB,GACrBC,OAAO,CAAC,sCAAsC,CAAC,CAACC,OAAO;EACzDD,OAAO,CAAC,yBAAyB,CAAC;EAClC,IACED,iBAAiB,KAChBA,iBAAiB,IAAI,OAAO,IAAIA,iBAAiB,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EACtE;IACAJ,OAAA,CAAAD,gBAAA,GAAAA,gBAAgB,GAAG,IAAI;EACzB;AACF,CAAC,CAAC,OAAOM,CAAC,EAAE;EACV;AAAA","ignoreList":[]}
+{"version":3,"names":["HAS_REANIMATED_3","exports","HAS_REANIMATED_4","REANIMATED_VERSION_MAJOR","reanimatedVersion","require","version","includes","majorVersion","parseInt","split","isNaN","worklets","registerCustomSerializable","e"],"sources":["renderHelpers.ts"],"sourcesContent":["export let HAS_REANIMATED_3 = false;\n\n/**\n * True when the worklets-based Reanimated integration is available\n * (Reanimated 4 with react-native-worklets providing\n * registerCustomSerializable). Skia objects use the JSI NativeState pattern\n * and can only be transferred to worklet runtimes through a custom\n * serializer, so on native the Reanimated integration requires Reanimated 4 —\n * Reanimated 3 is not supported.\n */\nexport let HAS_REANIMATED_4 = false;\n\n/**\n * Major version of the installed react-native-reanimated package, or null if\n * it is not installed. Used to give actionable diagnostics when the\n * integration cannot be enabled.\n */\nexport let REANIMATED_VERSION_MAJOR: number | null = null;\n\ntry {\n  // This logic is convoluted but necessary\n  // In most systems, `require(\"react-native-reanimated\")` throws an error, all is well.\n  // In webpack, in some configuration it will return an empty object.\n  // So it will not throw an error and we need to check the version to know if it's there.\n  const reanimatedVersion =\n    require(\"react-native-reanimated/package.json\").version;\n  require(\"react-native-reanimated\");\n  if (\n    reanimatedVersion &&\n    (reanimatedVersion >= \"3.0.0\" || reanimatedVersion.includes(\"3.0.0-\"))\n  ) {\n    HAS_REANIMATED_3 = true;\n  }\n  const majorVersion = parseInt(reanimatedVersion.split(\".\")[0], 10);\n  if (!isNaN(majorVersion)) {\n    REANIMATED_VERSION_MAJOR = majorVersion;\n  }\n  if (majorVersion >= 4) {\n    try {\n      const worklets = require(\"react-native-worklets\");\n      HAS_REANIMATED_4 =\n        typeof worklets.registerCustomSerializable === \"function\";\n    } catch (e) {\n      // react-native-worklets not installed\n    }\n  }\n} catch (e) {\n  // do nothing\n}\n"],"mappings":";;;;;;AAAO,IAAIA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,KAAK;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAIE,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,KAAK;;AAEnC;AACA;AACA;AACA;AACA;AACO,IAAIC,wBAAuC,GAAAF,OAAA,CAAAE,wBAAA,GAAG,IAAI;AAEzD,IAAI;EACF;EACA;EACA;EACA;EACA,MAAMC,iBAAiB,GACrBC,OAAO,CAAC,sCAAsC,CAAC,CAACC,OAAO;EACzDD,OAAO,CAAC,yBAAyB,CAAC;EAClC,IACED,iBAAiB,KAChBA,iBAAiB,IAAI,OAAO,IAAIA,iBAAiB,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EACtE;IACAN,OAAA,CAAAD,gBAAA,GAAAA,gBAAgB,GAAG,IAAI;EACzB;EACA,MAAMQ,YAAY,GAAGC,QAAQ,CAACL,iBAAiB,CAACM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAClE,IAAI,CAACC,KAAK,CAACH,YAAY,CAAC,EAAE;IACxBP,OAAA,CAAAE,wBAAA,GAAAA,wBAAwB,GAAGK,YAAY;EACzC;EACA,IAAIA,YAAY,IAAI,CAAC,EAAE;IACrB,IAAI;MACF,MAAMI,QAAQ,GAAGP,OAAO,CAAC,uBAAuB,CAAC;MACjDJ,OAAA,CAAAC,gBAAA,GAAAA,gBAAgB,GACd,OAAOU,QAAQ,CAACC,0BAA0B,KAAK,UAAU;IAC7D,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV;IAAA;EAEJ;AACF,CAAC,CAAC,OAAOA,CAAC,EAAE;EACV;AAAA","ignoreList":[]}

package/lib/commonjs/mock/index.js

@@ -29,7 +29,6 @@ const Mock = CanvasKit => {
     ...require("../dom/types"),
     ...require("../dom/nodes"),
     Canvas: require("react-native").View,
-    WebGPUCanvas: require("react-native").View,
     getPreferredHighBitDepthCanvasFormat: () => "rgba16float",
     SkiaPictureView: require("react-native").View,
     JsiSkImage: _JsiSkImage.JsiSkImage,

package/lib/commonjs/mock/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_web","require","_JsiSkImage","Noop","undefined","NoopValue","current","NoopSharedValue","value","Mock","CanvasKit","global","SkiaApi","JsiSkApi","Skia","Canvas","View","WebGPUCanvas","getPreferredHighBitDepthCanvasFormat","SkiaPictureView","JsiSkImage","drawAsPicture","drawAsImage","drawAsImageFromPicture","useCanvasRef","useCanvasSize","ref","size","width","height","useValue","useComputedValue","useTiming","useLoop","useSpring","useClockValue","useValueEffect","isOnMainThread","isFabric","useClock","usePathInterpolation","useImageAsTexture","useTextureValue","useTextureValueFromPicture","useRSXformBuffer","usePointBuffer","useColorBuffer","useRectBuffer","useBuffer","useRawData","useData","useFont","Font","useFonts","useTypeface","useImage","useSVG","useVideo","exports"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { JsiSkImage } from \"../skia/web/JsiSkImage\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\nconst NoopSharedValue = () => ({ value: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    Canvas: require(\"react-native\").View,\n    WebGPUCanvas: require(\"react-native\").View,\n    getPreferredHighBitDepthCanvasFormat: () => \"rgba16float\",\n    SkiaPictureView: require(\"react-native\").View,\n    JsiSkImage: JsiSkImage,\n    drawAsPicture: Noop,\n    drawAsImage: Noop,\n    drawAsImageFromPicture: Noop,\n    useCanvasRef: NoopValue,\n    useCanvasSize: () => ({\n      ref: {\n        current: 0,\n      },\n      size: {\n        width: 0,\n        height: 0,\n      },\n    }),\n    // Skia Animations\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    // Reanimated hooks\n    isOnMainThread: () => true,\n    isFabric: true,\n    useClock: NoopSharedValue,\n    usePathInterpolation: NoopSharedValue,\n    useImageAsTexture: NoopSharedValue,\n    useTextureValue: NoopSharedValue,\n    useTextureValueFromPicture: NoopSharedValue,\n    useRSXformBuffer: NoopSharedValue,\n    usePointBuffer: NoopSharedValue,\n    useColorBuffer: NoopSharedValue,\n    useRectBuffer: NoopSharedValue,\n    useBuffer: NoopSharedValue,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useFonts: Noop,\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n    useVideo: () => null,\n  };\n};\n"],"mappings":";;;;;;AAEA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;AACA,MAAME,IAAe,GAAGA,CAAA,KAAMC,SAAS;AACvC,MAAMC,SAAS,GAAGA,CAAA,MAAO;EAAEC,OAAO,EAAE;AAAE,CAAC,CAAC;AACxC,MAAMC,eAAe,GAAGA,CAAA,MAAO;EAAEC,KAAK,EAAE;AAAE,CAAC,CAAC;AAErC,MAAMC,IAAI,GAAIC,SAAoB,IAAK;EAC5C;EACA;EACAC,MAAM,CAACC,OAAO,GAAG,IAAAC,aAAQ,EAACH,SAAS,CAAC;EACpC;EACA;EACA,MAAMI,IAAI,GAAGH,MAAM,CAACC,OAAO;EAC3B,OAAO;IACLE,IAAI;IACJ,GAAGb,OAAO,CAAC,wBAAwB,CAAC;IACpC,GAAGA,OAAO,CAAC,SAAS,CAAC;IACrB,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1B,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1B,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1Bc,MAAM,EAAEd,OAAO,CAAC,cAAc,CAAC,CAACe,IAAI;IACpCC,YAAY,EAAEhB,OAAO,CAAC,cAAc,CAAC,CAACe,IAAI;IAC1CE,oCAAoC,EAAEA,CAAA,KAAM,aAAa;IACzDC,eAAe,EAAElB,OAAO,CAAC,cAAc,CAAC,CAACe,IAAI;IAC7CI,UAAU,EAAEA,sBAAU;IACtBC,aAAa,EAAElB,IAAI;IACnBmB,WAAW,EAAEnB,IAAI;IACjBoB,sBAAsB,EAAEpB,IAAI;IAC5BqB,YAAY,EAAEnB,SAAS;IACvBoB,aAAa,EAAEA,CAAA,MAAO;MACpBC,GAAG,EAAE;QACHpB,OAAO,EAAE;MACX,CAAC;MACDqB,IAAI,EAAE;QACJC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV;IACF,CAAC,CAAC;IACF;IACAC,QAAQ,EAAEzB,SAAS;IACnB0B,gBAAgB,EAAE1B,SAAS;IAC3B2B,SAAS,EAAE3B,SAAS;IACpB4B,OAAO,EAAE5B,SAAS;IAClB6B,SAAS,EAAE7B,SAAS;IACpB8B,aAAa,EAAE9B,SAAS;IACxB+B,cAAc,EAAEjC,IAAI;IACpB;IACAkC,cAAc,EAAEA,CAAA,KAAM,IAAI;IAC1BC,QAAQ,EAAE,IAAI;IACdC,QAAQ,EAAEhC,eAAe;IACzBiC,oBAAoB,EAAEjC,eAAe;IACrCkC,iBAAiB,EAAElC,eAAe;IAClCmC,eAAe,EAAEnC,eAAe;IAChCoC,0BAA0B,EAAEpC,eAAe;IAC3CqC,gBAAgB,EAAErC,eAAe;IACjCsC,cAAc,EAAEtC,eAAe;IAC/BuC,cAAc,EAAEvC,eAAe;IAC/BwC,aAAa,EAAExC,eAAe;IAC9ByC,SAAS,EAAEzC,eAAe;IAC1B0C,UAAU,EAAE9C,IAAI;IAChB+C,OAAO,EAAE/C,IAAI;IACbgD,OAAO,EAAEA,CAAA,KAAMrC,IAAI,CAACsC,IAAI,CAAChD,SAAS,EAAE,CAAC,CAAC;IACtCiD,QAAQ,EAAElD,IAAI;IACdmD,WAAW,EAAEA,CAAA,KAAM,IAAI;IACvBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;IACpBC,MAAM,EAAEA,CAAA,KAAM,IAAI;IAClBC,QAAQ,EAAEA,CAAA,KAAM;EAClB,CAAC;AACH,CAAC;AAACC,OAAA,CAAAjD,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["_web","require","_JsiSkImage","Noop","undefined","NoopValue","current","NoopSharedValue","value","Mock","CanvasKit","global","SkiaApi","JsiSkApi","Skia","Canvas","View","getPreferredHighBitDepthCanvasFormat","SkiaPictureView","JsiSkImage","drawAsPicture","drawAsImage","drawAsImageFromPicture","useCanvasRef","useCanvasSize","ref","size","width","height","useValue","useComputedValue","useTiming","useLoop","useSpring","useClockValue","useValueEffect","isOnMainThread","isFabric","useClock","usePathInterpolation","useImageAsTexture","useTextureValue","useTextureValueFromPicture","useRSXformBuffer","usePointBuffer","useColorBuffer","useRectBuffer","useBuffer","useRawData","useData","useFont","Font","useFonts","useTypeface","useImage","useSVG","useVideo","exports"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { JsiSkImage } from \"../skia/web/JsiSkImage\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\nconst NoopSharedValue = () => ({ value: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    Canvas: require(\"react-native\").View,\n    getPreferredHighBitDepthCanvasFormat: () => \"rgba16float\",\n    SkiaPictureView: require(\"react-native\").View,\n    JsiSkImage: JsiSkImage,\n    drawAsPicture: Noop,\n    drawAsImage: Noop,\n    drawAsImageFromPicture: Noop,\n    useCanvasRef: NoopValue,\n    useCanvasSize: () => ({\n      ref: {\n        current: 0,\n      },\n      size: {\n        width: 0,\n        height: 0,\n      },\n    }),\n    // Skia Animations\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    // Reanimated hooks\n    isOnMainThread: () => true,\n    isFabric: true,\n    useClock: NoopSharedValue,\n    usePathInterpolation: NoopSharedValue,\n    useImageAsTexture: NoopSharedValue,\n    useTextureValue: NoopSharedValue,\n    useTextureValueFromPicture: NoopSharedValue,\n    useRSXformBuffer: NoopSharedValue,\n    usePointBuffer: NoopSharedValue,\n    useColorBuffer: NoopSharedValue,\n    useRectBuffer: NoopSharedValue,\n    useBuffer: NoopSharedValue,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useFonts: Noop,\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n    useVideo: () => null,\n  };\n};\n"],"mappings":";;;;;;AAEA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;AACA,MAAME,IAAe,GAAGA,CAAA,KAAMC,SAAS;AACvC,MAAMC,SAAS,GAAGA,CAAA,MAAO;EAAEC,OAAO,EAAE;AAAE,CAAC,CAAC;AACxC,MAAMC,eAAe,GAAGA,CAAA,MAAO;EAAEC,KAAK,EAAE;AAAE,CAAC,CAAC;AAErC,MAAMC,IAAI,GAAIC,SAAoB,IAAK;EAC5C;EACA;EACAC,MAAM,CAACC,OAAO,GAAG,IAAAC,aAAQ,EAACH,SAAS,CAAC;EACpC;EACA;EACA,MAAMI,IAAI,GAAGH,MAAM,CAACC,OAAO;EAC3B,OAAO;IACLE,IAAI;IACJ,GAAGb,OAAO,CAAC,wBAAwB,CAAC;IACpC,GAAGA,OAAO,CAAC,SAAS,CAAC;IACrB,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1B,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1B,GAAGA,OAAO,CAAC,cAAc,CAAC;IAC1Bc,MAAM,EAAEd,OAAO,CAAC,cAAc,CAAC,CAACe,IAAI;IACpCC,oCAAoC,EAAEA,CAAA,KAAM,aAAa;IACzDC,eAAe,EAAEjB,OAAO,CAAC,cAAc,CAAC,CAACe,IAAI;IAC7CG,UAAU,EAAEA,sBAAU;IACtBC,aAAa,EAAEjB,IAAI;IACnBkB,WAAW,EAAElB,IAAI;IACjBmB,sBAAsB,EAAEnB,IAAI;IAC5BoB,YAAY,EAAElB,SAAS;IACvBmB,aAAa,EAAEA,CAAA,MAAO;MACpBC,GAAG,EAAE;QACHnB,OAAO,EAAE;MACX,CAAC;MACDoB,IAAI,EAAE;QACJC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV;IACF,CAAC,CAAC;IACF;IACAC,QAAQ,EAAExB,SAAS;IACnByB,gBAAgB,EAAEzB,SAAS;IAC3B0B,SAAS,EAAE1B,SAAS;IACpB2B,OAAO,EAAE3B,SAAS;IAClB4B,SAAS,EAAE5B,SAAS;IACpB6B,aAAa,EAAE7B,SAAS;IACxB8B,cAAc,EAAEhC,IAAI;IACpB;IACAiC,cAAc,EAAEA,CAAA,KAAM,IAAI;IAC1BC,QAAQ,EAAE,IAAI;IACdC,QAAQ,EAAE/B,eAAe;IACzBgC,oBAAoB,EAAEhC,eAAe;IACrCiC,iBAAiB,EAAEjC,eAAe;IAClCkC,eAAe,EAAElC,eAAe;IAChCmC,0BAA0B,EAAEnC,eAAe;IAC3CoC,gBAAgB,EAAEpC,eAAe;IACjCqC,cAAc,EAAErC,eAAe;IAC/BsC,cAAc,EAAEtC,eAAe;IAC/BuC,aAAa,EAAEvC,eAAe;IAC9BwC,SAAS,EAAExC,eAAe;IAC1ByC,UAAU,EAAE7C,IAAI;IAChB8C,OAAO,EAAE9C,IAAI;IACb+C,OAAO,EAAEA,CAAA,KAAMpC,IAAI,CAACqC,IAAI,CAAC/C,SAAS,EAAE,CAAC,CAAC;IACtCgD,QAAQ,EAAEjD,IAAI;IACdkD,WAAW,EAAEA,CAAA,KAAM,IAAI;IACvBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;IACpBC,MAAM,EAAEA,CAAA,KAAM,IAAI;IAClBC,QAAQ,EAAEA,CAAA,KAAM;EAClB,CAAC;AACH,CAAC;AAACC,OAAA,CAAAhD,IAAA,GAAAA,IAAA","ignoreList":[]}

package/lib/commonjs/skia/NativeSetup.js

@@ -2,6 +2,7 @@
 
 var _Platform = require("../Platform");
 var _NativeSkiaModule = _interopRequireDefault(require("../specs/NativeSkiaModule"));
+var _SkiaWorkletSerialization = require("./SkiaWorkletSerialization");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 if (_Platform.Platform.OS !== "web" && global.SkiaApi == null) {
   // Initialize RN Skia
@@ -13,5 +14,8 @@ if (_Platform.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).
+  (0, _SkiaWorkletSerialization.registerSkiaWorkletSerialization)();
 }
 //# sourceMappingURL=NativeSetup.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Platform","require","_NativeSkiaModule","_interopRequireDefault","e","__esModule","default","Platform","OS","global","SkiaApi","SkiaModule","NativeSkiaModule","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,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyD,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,IAAIG,kBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGC,yBAAgB;EACnC,IAAID,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACE,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGJ,UAAU,CAACE,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","require","_NativeSkiaModule","_interopRequireDefault","_SkiaWorkletSerialization","e","__esModule","default","Platform","OS","global","SkiaApi","SkiaModule","NativeSkiaModule","install","Error","result","registerSkiaWorkletSerialization"],"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,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAA8E,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9E,IAAIG,kBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,OAAO,IAAI,IAAI,EAAE;EACnD;EACA,MAAMC,UAAU,GAAGC,yBAAgB;EACnC,IAAID,UAAU,IAAI,IAAI,IAAI,OAAOA,UAAU,CAACE,OAAO,KAAK,UAAU,EAAE;IAClE,MAAM,IAAIC,KAAK,CACb,gEAAgE,GAC9D,qDACJ,CAAC;EACH;EACA,MAAMC,MAAM,GAAGJ,UAAU,CAACE,OAAO,CAAC,CAAC;EACnC,IAAIE,MAAM,KAAK,IAAI,EAAE;IACnB,MAAM,IAAID,KAAK,CACb,wEAAwEC,MAAM,EAChF,CAAC;EACH;EACA;EACA;EACA,IAAAC,0DAAgC,EAAC,CAAC;AACpC","ignoreList":[]}

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

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

package/lib/commonjs/skia/SkiaWorkletSerialization.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerSkiaWorkletSerialization = void 0;
+/* 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();
+};
+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.
+  }
+};
+exports.registerSkiaWorkletSerialization = registerSkiaWorkletSerialization;
+//# sourceMappingURL=SkiaWorkletSerialization.js.map