@shopify/react-native-skia 2.10.0 → 2.10.2

package/lib/commonjs/views/WebGPUCanvas.web.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WebGPUCanvas = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// WebGPU Canvas is not supported on web
-const WebGPUCanvas = ({
-  transparent: _transparent,
-  ref: _ref,
-  ...props
-}) => {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  return /*#__PURE__*/_react.default.createElement("div", props);
-};
-exports.WebGPUCanvas = WebGPUCanvas;
-//# sourceMappingURL=WebGPUCanvas.web.js.map

package/lib/commonjs/views/WebGPUCanvas.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","WebGPUCanvas","transparent","_transparent","ref","_ref","props","createElement","exports"],"sources":["WebGPUCanvas.web.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeCanvas {\n  surface: bigint;\n  width: number;\n  height: number;\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport type RNCanvasContext = GPUCanvasContext & {\n  present: () => void;\n};\n\nexport interface WebGPUCanvasRef {\n  getContextId: () => number;\n  getContext(contextName: \"webgpu\"): RNCanvasContext | null;\n  getNativeSurface: () => NativeCanvas;\n}\n\ninterface WebGPUCanvasProps extends ViewProps {\n  transparent?: boolean;\n  ref?: React.Ref<WebGPUCanvasRef>;\n}\n\n// WebGPU Canvas is not supported on web\nexport const WebGPUCanvas = ({\n  transparent: _transparent,\n  ref: _ref,\n  ...props\n}: WebGPUCanvasProps) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  return <div {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA0B1B;AACO,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,WAAW,EAAEC,YAAY;EACzBC,GAAG,EAAEC,IAAI;EACT,GAAGC;AACc,CAAC,KAAK;EACvB;EACA;EACA,oBAAOX,MAAA,CAAAK,OAAA,CAAAO,aAAA,QAASD,KAAQ,CAAC;AAC3B,CAAC;AAACE,OAAA,CAAAP,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -1,184 +0,0 @@
-import type { NativeBuffer } from "./NativeBuffer";
-/**
- * Make the WebGPU flag constants (`GPUBufferUsage`, `GPUColorWrite`,
- * `GPUMapMode`, `GPUShaderStage`, `GPUTextureUsage`) available on the runtime
- * that calls this.
- *
- * The native module installs these globals on the main JS runtime, but worklet
- * runtimes (Reanimated UI, dedicated worklet runtimes, Vision Camera frame
- * processors) start without them, so referencing the bare global inside a
- * worklet yields `undefined`. Call `installWebGPU()` once at the top of a
- * worklet to install them there:
- *
- * ```tsx
- * import { installWebGPU } from "@shopify/react-native-skia";
- *
- * const work = (device: GPUDevice) => {
- *   "worklet";
- *   installWebGPU();
- *   device.createBuffer({
- *     usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
- *   });
- * };
- * ```
- *
- * `installWebGPU` is a native host function. When captured into a worklet, the
- * Worklets serializer re-creates it on the worklet runtime, so calling it there
- * installs the constants on that runtime. The values come from the native
- * `wgpu::*Usage` enums, so they stay a single source of truth across runtimes.
- * Calling it on a runtime that already has the constants is a safe no-op, and on
- * web (where the constants are always global) it is a no-op too.
- */
-export declare const installWebGPU: () => void;
-/**
- * Descriptor for {@link GPUDevice.importExternalTexture} when the source is a
- * Skia NativeBuffer (Skia has no WebCodecs `VideoFrame`).
- *
- * `source` is the handle returned by `Skia.NativeBuffer.MakeFromImage`: a
- * `CVPixelBufferRef` on Apple, an `AHardwareBuffer*` on Android. The caller
- * owns its lifetime (release it with `Skia.NativeBuffer.Release`) and must keep
- * it alive until the imported texture is destroyed.
- */
-export interface SkiaGPUExternalTextureDescriptor extends GPUObjectDescriptorBase {
-    source: NativeBuffer;
-    /** Rotation applied while sampling, in degrees. One of 0 | 90 | 180 | 270. */
-    rotation?: number;
-    /** Mirror horizontally while sampling. */
-    mirrored?: boolean;
-}
-/**
- * Descriptor for {@link GPUDevice.importSharedTextureMemory}. `handle` is the
- * NativeBuffer returned by `Skia.NativeBuffer.MakeFromImage` (see
- * {@link SkiaGPUExternalTextureDescriptor} for the platform-specific types and
- * lifetime rules).
- */
-export interface GPUSharedTextureMemoryDescriptor extends GPUObjectDescriptorBase {
-    handle: NativeBuffer;
-}
-/**
- * The kind of native synchronization primitive a {@link GPUSharedFence} wraps,
- * matching the `shared-fence-*` device feature names. Limited to the kinds
- * react-native-skia targets (iOS/Metal and Android/Vulkan); `importSharedFence`
- * accepts these and `export()` reports them.
- */
-export type GPUSharedFenceType = "mtl-shared-event" | "sync-fd" | "vk-semaphore-opaque-fd";
-/**
- * Descriptor for {@link GPUDevice.importSharedFence}.
- */
-export interface GPUSharedFenceDescriptor {
-    /**
-     * The fence kind to import. Must match a `shared-fence-*` feature enabled on
-     * the device.
-     */
-    type: GPUSharedFenceType;
-    /**
-     * The raw native handle as a BigInt: an `id<MTLSharedEvent>` pointer for
-     * `"mtl-shared-event"`, or an OS file descriptor for the `*-fd` kinds.
-     */
-    handle: bigint;
-    label?: string;
-}
-export interface GPUSharedFenceExportInfo {
-    type: GPUSharedFenceType;
-    /**
-     * An `id<MTLSharedEvent>` pointer (Apple) or file descriptor (Android), as a
-     * BigInt. The caller takes ownership; e.g. an exported sync-fd must be closed
-     * once consumed.
-     */
-    handle: bigint;
-}
-/**
- * A native GPU synchronization primitive shared across queues/APIs. Produced by
- * {@link GPUSharedTextureMemory.endAccess}, consumed by
- * {@link GPUSharedTextureMemory.beginAccess}, or imported from a consumer's
- * fence with {@link GPUDevice.importSharedFence}.
- */
-export interface GPUSharedFence {
-    readonly __brand: "GPUSharedFence";
-    label: string;
-    export(): GPUSharedFenceExportInfo;
-}
-/** A fence and the timeline value to wait for (0n for binary sync-fd fences). */
-export interface GPUSharedFenceState {
-    fence: GPUSharedFence;
-    signaledValue: bigint;
-}
-/**
- * The result of {@link GPUSharedTextureMemory.endAccess}: each fence is signaled
- * at its `signaledValue` once Dawn's GPU work for the access completes.
- */
-export interface GPUSharedTextureMemoryEndAccessState {
-    initialized: boolean;
-    fences: GPUSharedFenceState[];
-}
-/**
- * Shared texture memory imported from a platform native buffer via
- * {@link GPUDevice.importSharedTextureMemory}. Create a texture that aliases
- * the memory, then bracket the GPU work that touches it with
- * {@link GPUSharedTextureMemory.beginAccess} / {@link GPUSharedTextureMemory.endAccess}.
- */
-export interface GPUSharedTextureMemory extends GPUObjectBase {
-    /** Create a texture that aliases the shared memory. */
-    createTexture(descriptor?: GPUTextureDescriptor): GPUTexture;
-    /**
-     * Acquire the memory for GPU access. `initialized` marks whether the existing
-     * contents should be preserved (pass `true` for an already-rendered frame).
-     * Optional `fences` are wait fences: Dawn waits for each to reach its
-     * `signaledValue` before writing the surface. Throws if the access could not
-     * be acquired.
-     */
-    beginAccess(texture: GPUTexture, initialized: boolean, fences?: GPUSharedFenceState[]): void;
-    /**
-     * Release the memory after the GPU work that accessed it has been submitted,
-     * and return the fences Dawn produced for the access. Throws on failure.
-     */
-    endAccess(texture: GPUTexture): GPUSharedTextureMemoryEndAccessState;
-}
-/**
- * Dawn-specific toggles, passed via {@link GPUDeviceDescriptor.dawnToggles} to
- * `adapter.requestDevice`. This is a non-spec, Dawn-only extension; see Dawn's
- * toggle list for valid names.
- */
-export interface GPUDawnTogglesDescriptor {
-    enabledToggles?: string[];
-    disabledToggles?: string[];
-}
-declare global {
-    interface GPUDeviceDescriptor {
-        /** Dawn-specific toggles (Skia/Graphite extension, non-spec). */
-        dawnToggles?: GPUDawnTogglesDescriptor;
-    }
-    interface GPUExternalTexture {
-        /**
-         * Skia extension: end the imported buffer's shared-memory access window and
-         * release the underlying resources. Call right after the `queue.submit()`
-         * that sampled this texture (never before). Idempotent, and also runs at
-         * garbage collection as a fallback.
-         */
-        destroy(): void;
-    }
-    interface GPUDevice {
-        /**
-         * Skia extension: import a NativeBuffer (from
-         * `Skia.NativeBuffer.MakeFromImage`) as a {@link GPUExternalTexture}, sampled
-         * with `texture_external` in WGSL. The returned texture owns the
-         * shared-memory access window; call `destroy()` on it after the sampling
-         * `queue.submit()`.
-         */
-        importExternalTexture(descriptor: SkiaGPUExternalTextureDescriptor): GPUExternalTexture;
-        /**
-         * Skia extension: import a NativeBuffer (from
-         * `Skia.NativeBuffer.MakeFromImage`) as {@link GPUSharedTextureMemory}, the
-         * lower-level path that lets you create an aliasing texture and manage the
-         * begin/end access window yourself.
-         */
-        importSharedTextureMemory(descriptor: GPUSharedTextureMemoryDescriptor): GPUSharedTextureMemory;
-        /**
-         * Skia extension: import a native synchronization primitive (an
-         * `id<MTLSharedEvent>` on Apple, a sync-fd / VkSemaphore on Android) as a
-         * {@link GPUSharedFence}, e.g. to wait on a fence a consumer produced. The
-         * matching `shared-fence-*` feature must be enabled on the device.
-         */
-        importSharedFence(descriptor: GPUSharedFenceDescriptor): GPUSharedFence;
-    }
-}

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

@@ -1,99 +0,0 @@
-/**
- * Make the WebGPU flag constants (`GPUBufferUsage`, `GPUColorWrite`,
- * `GPUMapMode`, `GPUShaderStage`, `GPUTextureUsage`) available on the runtime
- * that calls this.
- *
- * The native module installs these globals on the main JS runtime, but worklet
- * runtimes (Reanimated UI, dedicated worklet runtimes, Vision Camera frame
- * processors) start without them, so referencing the bare global inside a
- * worklet yields `undefined`. Call `installWebGPU()` once at the top of a
- * worklet to install them there:
- *
- * ```tsx
- * import { installWebGPU } from "@shopify/react-native-skia";
- *
- * const work = (device: GPUDevice) => {
- *   "worklet";
- *   installWebGPU();
- *   device.createBuffer({
- *     usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
- *   });
- * };
- * ```
- *
- * `installWebGPU` is a native host function. When captured into a worklet, the
- * Worklets serializer re-creates it on the worklet runtime, so calling it there
- * installs the constants on that runtime. The values come from the native
- * `wgpu::*Usage` enums, so they stay a single source of truth across runtimes.
- * Calling it on a runtime that already has the constants is a safe no-op, and on
- * web (where the constants are always global) it is a no-op too.
- */
-export const installWebGPU = (() => {
-  const g = typeof global !== "undefined" ? global : undefined;
-  return g && typeof g.installWebGPU === "function" ? g.installWebGPU : () => {};
-})();
-
-// Skia's Graphite/Dawn backend extends the standard WebGPU API (typed by
-// @webgpu/types) with a few Skia- and Dawn-specific entry points. These are
-// only available on native (SK_GRAPHITE) builds, reachable through
-// `Skia.getDevice()`.
-//
-// The exported interfaces below describe the descriptors and objects those
-// entry points use; the `declare global` block augments the standard WebGPU
-// interfaces so the new methods are typed without casting to `any`.
-
-/**
- * Descriptor for {@link GPUDevice.importExternalTexture} when the source is a
- * Skia NativeBuffer (Skia has no WebCodecs `VideoFrame`).
- *
- * `source` is the handle returned by `Skia.NativeBuffer.MakeFromImage`: a
- * `CVPixelBufferRef` on Apple, an `AHardwareBuffer*` on Android. The caller
- * owns its lifetime (release it with `Skia.NativeBuffer.Release`) and must keep
- * it alive until the imported texture is destroyed.
- */
-
-/**
- * Descriptor for {@link GPUDevice.importSharedTextureMemory}. `handle` is the
- * NativeBuffer returned by `Skia.NativeBuffer.MakeFromImage` (see
- * {@link SkiaGPUExternalTextureDescriptor} for the platform-specific types and
- * lifetime rules).
- */
-
-/**
- * The kind of native synchronization primitive a {@link GPUSharedFence} wraps,
- * matching the `shared-fence-*` device feature names. Limited to the kinds
- * react-native-skia targets (iOS/Metal and Android/Vulkan); `importSharedFence`
- * accepts these and `export()` reports them.
- */
-
-/**
- * Descriptor for {@link GPUDevice.importSharedFence}.
- */
-
-/**
- * A native GPU synchronization primitive shared across queues/APIs. Produced by
- * {@link GPUSharedTextureMemory.endAccess}, consumed by
- * {@link GPUSharedTextureMemory.beginAccess}, or imported from a consumer's
- * fence with {@link GPUDevice.importSharedFence}.
- */
-
-/** A fence and the timeline value to wait for (0n for binary sync-fd fences). */
-
-/**
- * The result of {@link GPUSharedTextureMemory.endAccess}: each fence is signaled
- * at its `signaledValue` once Dawn's GPU work for the access completes.
- */
-
-/**
- * Shared texture memory imported from a platform native buffer via
- * {@link GPUDevice.importSharedTextureMemory}. Create a texture that aliases
- * the memory, then bracket the GPU work that touches it with
- * {@link GPUSharedTextureMemory.beginAccess} / {@link GPUSharedTextureMemory.endAccess}.
- */
-
-/**
- * Dawn-specific toggles, passed via {@link GPUDeviceDescriptor.dawnToggles} to
- * `adapter.requestDevice`. This is a non-spec, Dawn-only extension; see Dawn's
- * toggle list for valid names.
- */
-//# sourceMappingURL=WebGPU.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["installWebGPU","g","global","undefined"],"sources":["WebGPU.ts"],"sourcesContent":["import type { NativeBuffer } from \"./NativeBuffer\";\n\n/**\n * Make the WebGPU flag constants (`GPUBufferUsage`, `GPUColorWrite`,\n * `GPUMapMode`, `GPUShaderStage`, `GPUTextureUsage`) available on the runtime\n * that calls this.\n *\n * The native module installs these globals on the main JS runtime, but worklet\n * runtimes (Reanimated UI, dedicated worklet runtimes, Vision Camera frame\n * processors) start without them, so referencing the bare global inside a\n * worklet yields `undefined`. Call `installWebGPU()` once at the top of a\n * worklet to install them there:\n *\n * ```tsx\n * import { installWebGPU } from \"@shopify/react-native-skia\";\n *\n * const work = (device: GPUDevice) => {\n *   \"worklet\";\n *   installWebGPU();\n *   device.createBuffer({\n *     usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,\n *   });\n * };\n * ```\n *\n * `installWebGPU` is a native host function. When captured into a worklet, the\n * Worklets serializer re-creates it on the worklet runtime, so calling it there\n * installs the constants on that runtime. The values come from the native\n * `wgpu::*Usage` enums, so they stay a single source of truth across runtimes.\n * Calling it on a runtime that already has the constants is a safe no-op, and on\n * web (where the constants are always global) it is a no-op too.\n */\nexport const installWebGPU: () => void = (() => {\n  const g =\n    typeof global !== \"undefined\"\n      ? (global as unknown as { installWebGPU?: () => void })\n      : undefined;\n  return g && typeof g.installWebGPU === \"function\"\n    ? g.installWebGPU\n    : () => {};\n})();\n\n// Skia's Graphite/Dawn backend extends the standard WebGPU API (typed by\n// @webgpu/types) with a few Skia- and Dawn-specific entry points. These are\n// only available on native (SK_GRAPHITE) builds, reachable through\n// `Skia.getDevice()`.\n//\n// The exported interfaces below describe the descriptors and objects those\n// entry points use; the `declare global` block augments the standard WebGPU\n// interfaces so the new methods are typed without casting to `any`.\n\n/**\n * Descriptor for {@link GPUDevice.importExternalTexture} when the source is a\n * Skia NativeBuffer (Skia has no WebCodecs `VideoFrame`).\n *\n * `source` is the handle returned by `Skia.NativeBuffer.MakeFromImage`: a\n * `CVPixelBufferRef` on Apple, an `AHardwareBuffer*` on Android. The caller\n * owns its lifetime (release it with `Skia.NativeBuffer.Release`) and must keep\n * it alive until the imported texture is destroyed.\n */\nexport interface SkiaGPUExternalTextureDescriptor extends GPUObjectDescriptorBase {\n  source: NativeBuffer;\n  /** Rotation applied while sampling, in degrees. One of 0 | 90 | 180 | 270. */\n  rotation?: number;\n  /** Mirror horizontally while sampling. */\n  mirrored?: boolean;\n}\n\n/**\n * Descriptor for {@link GPUDevice.importSharedTextureMemory}. `handle` is the\n * NativeBuffer returned by `Skia.NativeBuffer.MakeFromImage` (see\n * {@link SkiaGPUExternalTextureDescriptor} for the platform-specific types and\n * lifetime rules).\n */\nexport interface GPUSharedTextureMemoryDescriptor extends GPUObjectDescriptorBase {\n  handle: NativeBuffer;\n}\n\n/**\n * The kind of native synchronization primitive a {@link GPUSharedFence} wraps,\n * matching the `shared-fence-*` device feature names. Limited to the kinds\n * react-native-skia targets (iOS/Metal and Android/Vulkan); `importSharedFence`\n * accepts these and `export()` reports them.\n */\nexport type GPUSharedFenceType =\n  | \"mtl-shared-event\"\n  | \"sync-fd\"\n  | \"vk-semaphore-opaque-fd\";\n\n/**\n * Descriptor for {@link GPUDevice.importSharedFence}.\n */\nexport interface GPUSharedFenceDescriptor {\n  /**\n   * The fence kind to import. Must match a `shared-fence-*` feature enabled on\n   * the device.\n   */\n  type: GPUSharedFenceType;\n  /**\n   * The raw native handle as a BigInt: an `id<MTLSharedEvent>` pointer for\n   * `\"mtl-shared-event\"`, or an OS file descriptor for the `*-fd` kinds.\n   */\n  handle: bigint;\n  label?: string;\n}\n\nexport interface GPUSharedFenceExportInfo {\n  type: GPUSharedFenceType;\n  /**\n   * An `id<MTLSharedEvent>` pointer (Apple) or file descriptor (Android), as a\n   * BigInt. The caller takes ownership; e.g. an exported sync-fd must be closed\n   * once consumed.\n   */\n  handle: bigint;\n}\n\n/**\n * A native GPU synchronization primitive shared across queues/APIs. Produced by\n * {@link GPUSharedTextureMemory.endAccess}, consumed by\n * {@link GPUSharedTextureMemory.beginAccess}, or imported from a consumer's\n * fence with {@link GPUDevice.importSharedFence}.\n */\nexport interface GPUSharedFence {\n  readonly __brand: \"GPUSharedFence\";\n  label: string;\n  export(): GPUSharedFenceExportInfo;\n}\n\n/** A fence and the timeline value to wait for (0n for binary sync-fd fences). */\nexport interface GPUSharedFenceState {\n  fence: GPUSharedFence;\n  signaledValue: bigint;\n}\n\n/**\n * The result of {@link GPUSharedTextureMemory.endAccess}: each fence is signaled\n * at its `signaledValue` once Dawn's GPU work for the access completes.\n */\nexport interface GPUSharedTextureMemoryEndAccessState {\n  initialized: boolean;\n  fences: GPUSharedFenceState[];\n}\n\n/**\n * Shared texture memory imported from a platform native buffer via\n * {@link GPUDevice.importSharedTextureMemory}. Create a texture that aliases\n * the memory, then bracket the GPU work that touches it with\n * {@link GPUSharedTextureMemory.beginAccess} / {@link GPUSharedTextureMemory.endAccess}.\n */\nexport interface GPUSharedTextureMemory extends GPUObjectBase {\n  /** Create a texture that aliases the shared memory. */\n  createTexture(descriptor?: GPUTextureDescriptor): GPUTexture;\n  /**\n   * Acquire the memory for GPU access. `initialized` marks whether the existing\n   * contents should be preserved (pass `true` for an already-rendered frame).\n   * Optional `fences` are wait fences: Dawn waits for each to reach its\n   * `signaledValue` before writing the surface. Throws if the access could not\n   * be acquired.\n   */\n  beginAccess(\n    texture: GPUTexture,\n    initialized: boolean,\n    fences?: GPUSharedFenceState[]\n  ): void;\n  /**\n   * Release the memory after the GPU work that accessed it has been submitted,\n   * and return the fences Dawn produced for the access. Throws on failure.\n   */\n  endAccess(texture: GPUTexture): GPUSharedTextureMemoryEndAccessState;\n}\n\n/**\n * Dawn-specific toggles, passed via {@link GPUDeviceDescriptor.dawnToggles} to\n * `adapter.requestDevice`. This is a non-spec, Dawn-only extension; see Dawn's\n * toggle list for valid names.\n */\nexport interface GPUDawnTogglesDescriptor {\n  enabledToggles?: string[];\n  disabledToggles?: string[];\n}\n\ndeclare global {\n  interface GPUDeviceDescriptor {\n    /** Dawn-specific toggles (Skia/Graphite extension, non-spec). */\n    dawnToggles?: GPUDawnTogglesDescriptor;\n  }\n\n  interface GPUExternalTexture {\n    /**\n     * Skia extension: end the imported buffer's shared-memory access window and\n     * release the underlying resources. Call right after the `queue.submit()`\n     * that sampled this texture (never before). Idempotent, and also runs at\n     * garbage collection as a fallback.\n     */\n    destroy(): void;\n  }\n\n  interface GPUDevice {\n    /**\n     * Skia extension: import a NativeBuffer (from\n     * `Skia.NativeBuffer.MakeFromImage`) as a {@link GPUExternalTexture}, sampled\n     * with `texture_external` in WGSL. The returned texture owns the\n     * shared-memory access window; call `destroy()` on it after the sampling\n     * `queue.submit()`.\n     */\n    importExternalTexture(\n      descriptor: SkiaGPUExternalTextureDescriptor\n    ): GPUExternalTexture;\n    /**\n     * Skia extension: import a NativeBuffer (from\n     * `Skia.NativeBuffer.MakeFromImage`) as {@link GPUSharedTextureMemory}, the\n     * lower-level path that lets you create an aliasing texture and manage the\n     * begin/end access window yourself.\n     */\n    importSharedTextureMemory(\n      descriptor: GPUSharedTextureMemoryDescriptor\n    ): GPUSharedTextureMemory;\n    /**\n     * Skia extension: import a native synchronization primitive (an\n     * `id<MTLSharedEvent>` on Apple, a sync-fd / VkSemaphore on Android) as a\n     * {@link GPUSharedFence}, e.g. to wait on a fence a consumer produced. The\n     * matching `shared-fence-*` feature must be enabled on the device.\n     */\n    importSharedFence(descriptor: GPUSharedFenceDescriptor): GPUSharedFence;\n  }\n}\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,aAAyB,GAAG,CAAC,MAAM;EAC9C,MAAMC,CAAC,GACL,OAAOC,MAAM,KAAK,WAAW,GACxBA,MAAM,GACPC,SAAS;EACf,OAAOF,CAAC,IAAI,OAAOA,CAAC,CAACD,aAAa,KAAK,UAAU,GAC7CC,CAAC,CAACD,aAAa,GACf,MAAM,CAAC,CAAC;AACd,CAAC,EAAE,CAAC;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAyBA;AACA;AACA;AACA;AACA;AACA;;AAOA;;AAMA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AAuBA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/specs/WebGPUViewNativeComponent.d.ts

@@ -1,8 +0,0 @@
-import type { ViewProps } from "react-native";
-import type { Int32 } from "react-native/Libraries/Types/CodegenTypes";
-export interface NativeProps extends ViewProps {
-    contextId: Int32;
-    transparent: boolean;
-}
-declare const _default: import("react-native").HostComponent<NativeProps>;
-export default _default;

package/lib/module/specs/WebGPUViewNativeComponent.js

@@ -1,4 +0,0 @@
-import { codegenNativeComponent } from "react-native";
-// eslint-disable-next-line import/no-default-export
-export default codegenNativeComponent("SkiaWebGPUView");
-//# sourceMappingURL=WebGPUViewNativeComponent.js.map

package/lib/module/specs/WebGPUViewNativeComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["codegenNativeComponent"],"sources":["WebGPUViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Int32 } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n  contextId: Int32;\n  transparent: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaWebGPUView\");\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AASrD;AACA,eAAeA,sBAAsB,CAAc,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/specs/WebGPUViewNativeComponent.web.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { Int32 } from "react-native/Libraries/Types/CodegenTypes";
-import type { ViewProps } from "react-native";
-export interface NativeProps extends ViewProps {
-    contextId: Int32;
-    transparent: boolean;
-}
-export default function WebGPUViewNativeComponent(props: NativeProps): React.JSX.Element;

package/lib/module/specs/WebGPUViewNativeComponent.web.js

@@ -1,96 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { StyleSheet } from "react-native";
-import { contextIdToId } from "./utils";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function debounce(func, wait, immediate = false) {
-  let timeout;
-  return function debounced(...args) {
-    const context = this;
-    const callNow = immediate && !timeout;
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-    timeout = setTimeout(() => {
-      timeout = undefined;
-      if (!immediate) {
-        func.apply(context, args);
-      }
-    }, wait);
-    if (callNow) {
-      func.apply(context, args);
-    }
-  };
-}
-function resizeCanvas(canvas) {
-  if (!canvas) {
-    return;
-  }
-  const dpr = window.devicePixelRatio || 1;
-  const {
-    height,
-    width
-  } = canvas.getBoundingClientRect();
-  canvas.setAttribute("height", (height * dpr).toString());
-  canvas.setAttribute("width", (width * dpr).toString());
-}
-
-// eslint-disable-next-line import/no-default-export
-export default function WebGPUViewNativeComponent(props) {
-  const {
-    contextId,
-    style,
-    transparent,
-    ...rest
-  } = props;
-  const canvasElm = useRef(null);
-  useEffect(() => {
-    const onResize = debounce(() => resizeCanvas(canvasElm.current), 100);
-    window.addEventListener("resize", onResize);
-    return () => {
-      window.removeEventListener("resize", onResize);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("canvas", {
-    ...rest,
-    id: contextIdToId(contextId),
-    style: {
-      ...styles.view,
-      ...styles.flex1,
-      ...(transparent === false ? {
-        backgroundColor: "white"
-      } : {}),
-      ...(typeof style === "object" ? style : {})
-    },
-    ref: ref => {
-      canvasElm.current = ref;
-      if (ref) {
-        resizeCanvas(ref);
-      }
-    }
-  });
-}
-const styles = StyleSheet.create({
-  flex1: {
-    flex: 1
-  },
-  view: {
-    alignItems: "stretch",
-    backgroundColor: "transparent",
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
-    border: "0 solid black",
-    boxSizing: "border-box",
-    display: "flex",
-    flexBasis: "auto",
-    flexDirection: "column",
-    flexShrink: 0,
-    listStyle: "none",
-    margin: 0,
-    minHeight: 0,
-    minWidth: 0,
-    padding: 0,
-    position: "relative",
-    zIndex: 0
-  }
-});
-//# sourceMappingURL=WebGPUViewNativeComponent.web.js.map

package/lib/module/specs/WebGPUViewNativeComponent.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","StyleSheet","contextIdToId","debounce","func","wait","immediate","timeout","debounced","args","context","callNow","clearTimeout","setTimeout","undefined","apply","resizeCanvas","canvas","dpr","window","devicePixelRatio","height","width","getBoundingClientRect","setAttribute","toString","WebGPUViewNativeComponent","props","contextId","style","transparent","rest","canvasElm","onResize","current","addEventListener","removeEventListener","createElement","id","styles","view","flex1","backgroundColor","ref","create","flex","alignItems","border","boxSizing","display","flexBasis","flexDirection","flexShrink","listStyle","margin","minHeight","minWidth","padding","position","zIndex"],"sources":["WebGPUViewNativeComponent.web.ts"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport type { Int32 } from \"react-native/Libraries/Types/CodegenTypes\";\nimport type { ViewProps } from \"react-native\";\n\nimport { contextIdToId } from \"./utils\";\n\nexport interface NativeProps extends ViewProps {\n  contextId: Int32;\n  transparent: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction debounce<T extends (...args: any[]) => void>(\n  func: T,\n  wait: number,\n  immediate = false\n) {\n  let timeout: ReturnType<typeof setTimeout> | undefined;\n  return function debounced(\n    this: ThisParameterType<T>,\n    ...args: Parameters<T>\n  ) {\n    const context = this;\n    const callNow = immediate && !timeout;\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      timeout = undefined;\n      if (!immediate) {\n        func.apply(context, args);\n      }\n    }, wait);\n    if (callNow) {\n      func.apply(context, args);\n    }\n  };\n}\n\nfunction resizeCanvas(canvas: HTMLCanvasElement | null) {\n  if (!canvas) {\n    return;\n  }\n\n  const dpr = window.devicePixelRatio || 1;\n\n  const { height, width } = canvas.getBoundingClientRect();\n  canvas.setAttribute(\"height\", (height * dpr).toString());\n  canvas.setAttribute(\"width\", (width * dpr).toString());\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default function WebGPUViewNativeComponent(\n  props: NativeProps\n): React.JSX.Element {\n  const { contextId, style, transparent, ...rest } = props;\n\n  const canvasElm = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    const onResize = debounce(() => resizeCanvas(canvasElm.current), 100);\n    window.addEventListener(\"resize\", onResize);\n    return () => {\n      window.removeEventListener(\"resize\", onResize);\n    };\n  }, []);\n\n  return React.createElement(\"canvas\", {\n    ...rest,\n    id: contextIdToId(contextId),\n    style: {\n      ...styles.view,\n      ...styles.flex1,\n      ...(transparent === false ? { backgroundColor: \"white\" } : {}),\n      ...(typeof style === \"object\" ? style : {}),\n    },\n    ref: (ref: HTMLCanvasElement) => {\n      canvasElm.current = ref;\n      if (ref) {\n        resizeCanvas(ref);\n      }\n    },\n  });\n}\n\nconst styles = StyleSheet.create({\n  flex1: {\n    flex: 1,\n  },\n  view: {\n    alignItems: \"stretch\",\n    backgroundColor: \"transparent\",\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    border: \"0 solid black\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    flexBasis: \"auto\",\n    flexDirection: \"column\",\n    flexShrink: 0,\n    listStyle: \"none\",\n    margin: 0,\n    minHeight: 0,\n    minWidth: 0,\n    padding: 0,\n    position: \"relative\",\n    zIndex: 0,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/specs/utils.d.ts

@@ -1 +0,0 @@
-export declare function contextIdToId(contextId: number): string;

package/lib/module/specs/utils.js

@@ -1,5 +0,0 @@
-// Only used on the web
-export function contextIdToId(contextId) {
-  return "rnwgpu-canvas-" + contextId;
-}
-//# sourceMappingURL=utils.js.map

package/lib/module/specs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["contextIdToId","contextId"],"sources":["utils.ts"],"sourcesContent":["// Only used on the web\nexport function contextIdToId(contextId: number) {\n  return \"rnwgpu-canvas-\" + contextId;\n}\n"],"mappings":"AAAA;AACA,OAAO,SAASA,aAAaA,CAACC,SAAiB,EAAE;EAC/C,OAAO,gBAAgB,GAAGA,SAAS;AACrC","ignoreList":[]}

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

@@ -1,33 +0,0 @@
-import React from "react";
-import type { ViewProps } from "react-native";
-declare global {
-    var RNWebGPU: {
-        gpu: GPU;
-        fabric: boolean;
-        getNativeSurface: (contextId: number) => NativeCanvas;
-        MakeWebGPUCanvasContext: (contextId: number, width: number, height: number) => RNCanvasContext;
-        destroyContext: (contextId: number) => void;
-    };
-}
-type SurfacePointer = bigint;
-export interface NativeCanvas {
-    surface: SurfacePointer;
-    width: number;
-    height: number;
-    clientWidth: number;
-    clientHeight: number;
-}
-export type RNCanvasContext = GPUCanvasContext & {
-    present: () => void;
-};
-export interface WebGPUCanvasRef {
-    getContextId: () => number;
-    getContext(contextName: "webgpu"): RNCanvasContext | null;
-    getNativeSurface: () => NativeCanvas;
-}
-interface WebGPUCanvasProps extends ViewProps {
-    transparent?: boolean;
-    ref?: React.Ref<WebGPUCanvasRef>;
-}
-export declare const WebGPUCanvas: ({ transparent, ref, ...props }: WebGPUCanvasProps) => React.JSX.Element;
-export {};

package/lib/module/views/WebGPUCanvas.js

@@ -1,70 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
-import { View, Platform } from "react-native";
-import WebGPUNativeView from "../specs/WebGPUViewNativeComponent";
-let CONTEXT_COUNTER = 1;
-function generateContextId() {
-  return CONTEXT_COUNTER++;
-}
-export const WebGPUCanvas = ({
-  transparent,
-  ref,
-  ...props
-}) => {
-  const viewRef = useRef(null);
-  const [contextId] = useState(() => generateContextId());
-
-  // Retire the native registry entry for this contextId on unmount. When a
-  // native surface is still attached, this is a no-op and the native view's
-  // own teardown retires the entry instead — which keeps StrictMode's
-  // simulated unmount (which re-runs effects without unmounting native views)
-  // from orphaning a live surface.
-  useEffect(() => {
-    return () => {
-      if (typeof RNWebGPU !== "undefined") {
-        RNWebGPU.destroyContext(contextId);
-      }
-    };
-  }, [contextId]);
-  useImperativeHandle(ref, () => ({
-    getContextId: () => contextId,
-    getNativeSurface: () => {
-      if (typeof RNWebGPU === "undefined") {
-        throw new Error("[WebGPU] RNWebGPU is not available. Make sure SK_GRAPHITE is enabled.");
-      }
-      return RNWebGPU.getNativeSurface(contextId);
-    },
-    getContext(contextName) {
-      if (contextName !== "webgpu") {
-        throw new Error(`[WebGPU] Unsupported context: ${contextName}`);
-      }
-      if (!viewRef.current) {
-        throw new Error("[WebGPU] Cannot get context before mount");
-      }
-      if (typeof RNWebGPU === "undefined") {
-        throw new Error("[WebGPU] RNWebGPU is not available. Make sure SK_GRAPHITE is enabled.");
-      }
-      // getBoundingClientRect became stable in RN 0.83
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const view = viewRef.current;
-      const size = "getBoundingClientRect" in view ? view.getBoundingClientRect() : view.unstable_getBoundingClientRect();
-      return RNWebGPU.MakeWebGPUCanvasContext(contextId, size.width, size.height);
-    }
-  }));
-
-  // WebGPU Canvas is not supported on web
-  if (Platform.OS === "web") {
-    return /*#__PURE__*/React.createElement(View, props);
-  }
-  return /*#__PURE__*/React.createElement(View, _extends({
-    collapsable: false,
-    ref: viewRef
-  }, props), /*#__PURE__*/React.createElement(WebGPUNativeView, {
-    style: {
-      flex: 1
-    },
-    contextId: contextId,
-    transparent: !!transparent
-  }));
-};
-//# sourceMappingURL=WebGPUCanvas.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","View","Platform","WebGPUNativeView","CONTEXT_COUNTER","generateContextId","WebGPUCanvas","transparent","ref","props","viewRef","contextId","RNWebGPU","destroyContext","getContextId","getNativeSurface","Error","getContext","contextName","current","view","size","getBoundingClientRect","unstable_getBoundingClientRect","MakeWebGPUCanvasContext","width","height","OS","createElement","_extends","collapsable","style","flex"],"sources":["WebGPUCanvas.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { ViewProps } from \"react-native\";\nimport { View, Platform } from \"react-native\";\n\nimport WebGPUNativeView from \"../specs/WebGPUViewNativeComponent\";\n\nlet CONTEXT_COUNTER = 1;\nfunction generateContextId() {\n  return CONTEXT_COUNTER++;\n}\n\ndeclare global {\n  var RNWebGPU: {\n    gpu: GPU;\n    fabric: boolean;\n    getNativeSurface: (contextId: number) => NativeCanvas;\n    MakeWebGPUCanvasContext: (\n      contextId: number,\n      width: number,\n      height: number\n    ) => RNCanvasContext;\n    // Retires a canvas context; called by the Canvas on unmount (the Canvas\n    // owns the native registry entry for its contextId).\n    destroyContext: (contextId: number) => void;\n  };\n}\n\ntype SurfacePointer = bigint;\n\nexport interface NativeCanvas {\n  surface: SurfacePointer;\n  width: number;\n  height: number;\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport type RNCanvasContext = GPUCanvasContext & {\n  present: () => void;\n};\n\nexport interface WebGPUCanvasRef {\n  getContextId: () => number;\n  getContext(contextName: \"webgpu\"): RNCanvasContext | null;\n  getNativeSurface: () => NativeCanvas;\n}\n\ninterface WebGPUCanvasProps extends ViewProps {\n  transparent?: boolean;\n  ref?: React.Ref<WebGPUCanvasRef>;\n}\n\nexport const WebGPUCanvas = ({\n  transparent,\n  ref,\n  ...props\n}: WebGPUCanvasProps) => {\n  const viewRef = useRef(null);\n  const [contextId] = useState(() => generateContextId());\n\n  // Retire the native registry entry for this contextId on unmount. When a\n  // native surface is still attached, this is a no-op and the native view's\n  // own teardown retires the entry instead — which keeps StrictMode's\n  // simulated unmount (which re-runs effects without unmounting native views)\n  // from orphaning a live surface.\n  useEffect(() => {\n    return () => {\n      if (typeof RNWebGPU !== \"undefined\") {\n        RNWebGPU.destroyContext(contextId);\n      }\n    };\n  }, [contextId]);\n\n  useImperativeHandle(ref, () => ({\n    getContextId: () => contextId,\n    getNativeSurface: () => {\n      if (typeof RNWebGPU === \"undefined\") {\n        throw new Error(\n          \"[WebGPU] RNWebGPU is not available. Make sure SK_GRAPHITE is enabled.\"\n        );\n      }\n      return RNWebGPU.getNativeSurface(contextId);\n    },\n    getContext(contextName: \"webgpu\"): RNCanvasContext | null {\n      if (contextName !== \"webgpu\") {\n        throw new Error(`[WebGPU] Unsupported context: ${contextName}`);\n      }\n      if (!viewRef.current) {\n        throw new Error(\"[WebGPU] Cannot get context before mount\");\n      }\n      if (typeof RNWebGPU === \"undefined\") {\n        throw new Error(\n          \"[WebGPU] RNWebGPU is not available. Make sure SK_GRAPHITE is enabled.\"\n        );\n      }\n      // getBoundingClientRect became stable in RN 0.83\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const view = viewRef.current as any;\n      const size =\n        \"getBoundingClientRect\" in view\n          ? view.getBoundingClientRect()\n          : view.unstable_getBoundingClientRect();\n      return RNWebGPU.MakeWebGPUCanvasContext(\n        contextId,\n        size.width,\n        size.height\n      );\n    },\n  }));\n\n  // WebGPU Canvas is not supported on web\n  if (Platform.OS === \"web\") {\n    return <View {...props} />;\n  }\n\n  return (\n    <View collapsable={false} ref={viewRef} {...props}>\n      <WebGPUNativeView\n        style={{ flex: 1 }}\n        contextId={contextId}\n        transparent={!!transparent}\n      />\n    </View>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE/E,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAE7C,OAAOC,gBAAgB,MAAM,oCAAoC;AAEjE,IAAIC,eAAe,GAAG,CAAC;AACvB,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,OAAOD,eAAe,EAAE;AAC1B;AA2CA,OAAO,MAAME,YAAY,GAAGA,CAAC;EAC3BC,WAAW;EACXC,GAAG;EACH,GAAGC;AACc,CAAC,KAAK;EACvB,MAAMC,OAAO,GAAGX,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAM,CAACY,SAAS,CAAC,GAAGX,QAAQ,CAAC,MAAMK,iBAAiB,CAAC,CAAC,CAAC;;EAEvD;EACA;EACA;EACA;EACA;EACAR,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAI,OAAOe,QAAQ,KAAK,WAAW,EAAE;QACnCA,QAAQ,CAACC,cAAc,CAACF,SAAS,CAAC;MACpC;IACF,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEfb,mBAAmB,CAACU,GAAG,EAAE,OAAO;IAC9BM,YAAY,EAAEA,CAAA,KAAMH,SAAS;IAC7BI,gBAAgB,EAAEA,CAAA,KAAM;MACtB,IAAI,OAAOH,QAAQ,KAAK,WAAW,EAAE;QACnC,MAAM,IAAII,KAAK,CACb,uEACF,CAAC;MACH;MACA,OAAOJ,QAAQ,CAACG,gBAAgB,CAACJ,SAAS,CAAC;IAC7C,CAAC;IACDM,UAAUA,CAACC,WAAqB,EAA0B;MACxD,IAAIA,WAAW,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAIF,KAAK,CAAC,iCAAiCE,WAAW,EAAE,CAAC;MACjE;MACA,IAAI,CAACR,OAAO,CAACS,OAAO,EAAE;QACpB,MAAM,IAAIH,KAAK,CAAC,0CAA0C,CAAC;MAC7D;MACA,IAAI,OAAOJ,QAAQ,KAAK,WAAW,EAAE;QACnC,MAAM,IAAII,KAAK,CACb,uEACF,CAAC;MACH;MACA;MACA;MACA,MAAMI,IAAI,GAAGV,OAAO,CAACS,OAAc;MACnC,MAAME,IAAI,GACR,uBAAuB,IAAID,IAAI,GAC3BA,IAAI,CAACE,qBAAqB,CAAC,CAAC,GAC5BF,IAAI,CAACG,8BAA8B,CAAC,CAAC;MAC3C,OAAOX,QAAQ,CAACY,uBAAuB,CACrCb,SAAS,EACTU,IAAI,CAACI,KAAK,EACVJ,IAAI,CAACK,MACP,CAAC;IACH;EACF,CAAC,CAAC,CAAC;;EAEH;EACA,IAAIxB,QAAQ,CAACyB,EAAE,KAAK,KAAK,EAAE;IACzB,oBAAO/B,KAAA,CAAAgC,aAAA,CAAC3B,IAAI,EAAKQ,KAAQ,CAAC;EAC5B;EAEA,oBACEb,KAAA,CAAAgC,aAAA,CAAC3B,IAAI,EAAA4B,QAAA;IAACC,WAAW,EAAE,KAAM;IAACtB,GAAG,EAAEE;EAAQ,GAAKD,KAAK,gBAC/Cb,KAAA,CAAAgC,aAAA,CAACzB,gBAAgB;IACf4B,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IACnBrB,SAAS,EAAEA,SAAU;IACrBJ,WAAW,EAAE,CAAC,CAACA;EAAY,CAC5B,CACG,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/views/WebGPUCanvas.web.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import type { ViewProps } from "react-native";
-export interface NativeCanvas {
-    surface: bigint;
-    width: number;
-    height: number;
-    clientWidth: number;
-    clientHeight: number;
-}
-export type RNCanvasContext = GPUCanvasContext & {
-    present: () => void;
-};
-export interface WebGPUCanvasRef {
-    getContextId: () => number;
-    getContext(contextName: "webgpu"): RNCanvasContext | null;
-    getNativeSurface: () => NativeCanvas;
-}
-interface WebGPUCanvasProps extends ViewProps {
-    transparent?: boolean;
-    ref?: React.Ref<WebGPUCanvasRef>;
-}
-export declare const WebGPUCanvas: ({ transparent: _transparent, ref: _ref, ...props }: WebGPUCanvasProps) => React.JSX.Element;
-export {};

package/lib/module/views/WebGPUCanvas.web.js

@@ -1,12 +0,0 @@
-import React from "react";
-// WebGPU Canvas is not supported on web
-export const WebGPUCanvas = ({
-  transparent: _transparent,
-  ref: _ref,
-  ...props
-}) => {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
-  return /*#__PURE__*/React.createElement("div", props);
-};
-//# sourceMappingURL=WebGPUCanvas.web.js.map

package/lib/module/views/WebGPUCanvas.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","WebGPUCanvas","transparent","_transparent","ref","_ref","props","createElement"],"sources":["WebGPUCanvas.web.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeCanvas {\n  surface: bigint;\n  width: number;\n  height: number;\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport type RNCanvasContext = GPUCanvasContext & {\n  present: () => void;\n};\n\nexport interface WebGPUCanvasRef {\n  getContextId: () => number;\n  getContext(contextName: \"webgpu\"): RNCanvasContext | null;\n  getNativeSurface: () => NativeCanvas;\n}\n\ninterface WebGPUCanvasProps extends ViewProps {\n  transparent?: boolean;\n  ref?: React.Ref<WebGPUCanvasRef>;\n}\n\n// WebGPU Canvas is not supported on web\nexport const WebGPUCanvas = ({\n  transparent: _transparent,\n  ref: _ref,\n  ...props\n}: WebGPUCanvasProps) => {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  return <div {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA0BzB;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,WAAW,EAAEC,YAAY;EACzBC,GAAG,EAAEC,IAAI;EACT,GAAGC;AACc,CAAC,KAAK;EACvB;EACA;EACA,oBAAON,KAAA,CAAAO,aAAA,QAASD,KAAQ,CAAC;AAC3B,CAAC","ignoreList":[]}