react-native-webgpu 0.14.1 → 0.15.0

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

@@ -1,5 +1,43 @@
-export * from "./constants";
 export * from "./formats";
+export namespace GPUBufferUsage {
+    let MAP_READ: number;
+    let MAP_WRITE: number;
+    let COPY_SRC: number;
+    let COPY_DST: number;
+    let INDEX: number;
+    let VERTEX: number;
+    let UNIFORM: number;
+    let STORAGE: number;
+    let INDIRECT: number;
+    let QUERY_RESOLVE: number;
+}
+export namespace GPUTextureUsage {
+    let COPY_SRC_1: number;
+    export { COPY_SRC_1 as COPY_SRC };
+    let COPY_DST_1: number;
+    export { COPY_DST_1 as COPY_DST };
+    export let TEXTURE_BINDING: number;
+    export let STORAGE_BINDING: number;
+    export let RENDER_ATTACHMENT: number;
+    export let TRANSIENT_ATTACHMENT: number;
+}
+export namespace GPUShaderStage {
+    let VERTEX_1: number;
+    export { VERTEX_1 as VERTEX };
+    export let FRAGMENT: number;
+    export let COMPUTE: number;
+}
+export namespace GPUColorWrite {
+    let RED: number;
+    let GREEN: number;
+    let BLUE: number;
+    let ALPHA: number;
+    let ALL: number;
+}
+export namespace GPUMapMode {
+    let READ: number;
+    let WRITE: number;
+}
 export function Canvas({ opaque: _opaque, android: _android, ref, ...props }: {
     [x: string]: any;
     opaque: any;

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

@@ -1 +1 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../module/mock.js"],"names":[],"mappings":";;AAkBO;;;;;2DAcN;AACM,6DAA6C;AAC7C;;;EAGL;AACK,0DAAoD;AACpD;;;EAGL;AACK;;QAEe;AACf,uCAEN;AACM,mDAEN;AACM,mDAEN;AACM,2CAAqC;;IAEjC,4BAAW;;qBAvDD,cAAc;kBADjB,OAAO"}
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../module/mock.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEO;;;;;2DAcN;AACM,6DAA6C;AAC7C;;;EAGL;AACK,0DAAoD;AACpD;;;EAGL;AACK;;QAEe;AACf,uCAEN;AACM,mDAEN;AACM,mDAEN;AACM,2CAAqC;;IAEjC,4BAAW;;qBA7GD,cAAc;kBADjB,OAAO"}

package/lib/typescript/src/Canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9C,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IAGrB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9D,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IACjE,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C;;;;;;;;OAQG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,UAAU,CAAC,WAAW,EAAE,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC;IAC1D,gBAAgB,EAAE,MAAM,YAAY,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAC5B,aAAa,GAAG,aAAa,GAAG,oBAAoB,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CAC5B;AAaD,eAAO,MAAM,MAAM,GAAI,oCAKpB,WAAW,sBAmDb,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9C,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IAGrB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9D,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IACjE,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C;;;;;;;;OAQG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,UAAU,CAAC,WAAW,EAAE,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC;IAC1D,gBAAgB,EAAE,MAAM,YAAY,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAC5B,aAAa,GAAG,aAAa,GAAG,oBAAoB,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CAC5B;AA+BD,eAAO,MAAM,MAAM,GAAI,oCAKpB,WAAW,sBAoDb,CAAC"}

package/lib/typescript/src/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/constants.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAQ,cAAc,gBAAe,CAAC;AAE7C,eAAO,MAAQ,eAAe,iBAAe,CAAC;AAE9C,eAAO,MAAQ,cAAc,gBAAe,CAAC;AAE7C,eAAO,MAAQ,aAAa,eAAe,CAAC;AAE5C,eAAO,MAAQ,UAAU,YAAe,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/constants.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAQ,cAAc,gBAAe,CAAC;AAE7C,eAAO,MAAQ,eAAe,iBAAe,CAAC;AAE9C,eAAO,MAAQ,cAAc,gBAAe,CAAC;AAE7C,eAAO,MAAQ,aAAa,eAAe,CAAC;AAE5C,eAAO,MAAQ,UAAU,YAAe,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,4 @@
+import "./main/installNative";
 import type { GPUDrawElementImageDestination, GPUDrawElementImageSource, GPUSharedFence, GPUSharedFenceDescriptor, GPUDawnTogglesDescriptor, GPUNativeExternalTextureDescriptor, GPUSharedTextureMemory, GPUSharedTextureMemoryDescriptor, GPUCopyExternalNativeFrameSourceInfo, NativeCanvas, RNCanvasContext, VideoPlayer, NativeVideoFrame, NativeVideoPixelFormat } from "./types";
 export * from "./main";
 export * from "./constants";
@@ -17,7 +18,7 @@ declare global {
         DecodeToUTF8: (buffer: NodeJS.ArrayBufferView | ArrayBuffer) => string;
         createImageBitmap: typeof createImageBitmap;
         loadVideoFrame: (path: string) => NativeVideoFrame;
-        createTestVideoFrame: (width: number, height: number) => NativeVideoFrame;
+        createTestVideoFrame: (width: number, height: number, pixelFormat?: NativeVideoPixelFormat) => NativeVideoFrame;
         createVideoFrameFromNativeBuffer: (pointer: bigint) => NativeVideoFrame;
         importDevice: (pointer: bigint) => GPUDevice;
         adoptTexture: (pointer: bigint) => GPUTexture;
@@ -46,7 +47,6 @@ declare global {
     }
     interface GPUExternalTexture {
         destroy(): void;
-        readonly yuvToRgbMatrix: number[];
     }
     function createImageBitmap(image: ArrayBuffer | ArrayBufferView, options?: ImageBitmapOptions): Promise<ImageBitmap>;
 }

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/install.d.ts

@@ -1,8 +1,3 @@
-/**
- * @internal Called once by `main/index.tsx` after the native install, so
- * `installWebGPU()` can put `navigator.gpu` on other runtimes.
- */
-export declare const provideGPUForInstall: (gpu: GPU) => void;
 /**
  * Install WebGPU on the runtime that calls it.
  *

package/lib/typescript/src/install.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install.d.ts","sourceRoot":"","sources":["../../../src/install.ts"],"names":[],"mappings":"AA+BA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,GAAG,SAE5C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,aAAa,YAiBzB,CAAC"}
+{"version":3,"file":"install.d.ts","sourceRoot":"","sources":["../../../src/install.ts"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,aAAa,YAgBzB,CAAC"}

package/lib/typescript/src/main/index.d.ts

@@ -1,3 +1,4 @@
+import "./installNative";
 export * from "../Canvas";
 export * from "../Offscreen";
 export * from "../WebGPUViewNativeComponent";

package/lib/typescript/src/main/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/main/index.tsx"],"names":[],"mappings":"AAoDA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/main/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAoDzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/typescript/src/main/index.web.d.ts

@@ -1,4 +1,4 @@
-import "../WebPolyfillGPUModule";
+import "./installNative";
 export * from "../Canvas";
 export * from "../Offscreen";
 export * from "../WebGPUViewNativeComponent";

package/lib/typescript/src/main/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/main/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/main/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}

package/lib/typescript/src/main/installNative.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=installNative.d.ts.map

package/lib/typescript/src/main/installNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installNative.d.ts","sourceRoot":"","sources":["../../../../src/main/installNative.ts"],"names":[],"mappings":""}

package/lib/typescript/src/main/installNative.web.d.ts

@@ -0,0 +1,2 @@
+import "../WebPolyfillGPUModule";
+//# sourceMappingURL=installNative.web.d.ts.map

package/lib/typescript/src/main/installNative.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installNative.web.d.ts","sourceRoot":"","sources":["../../../../src/main/installNative.web.ts"],"names":[],"mappings":"AAIA,OAAO,yBAAyB,CAAC"}

package/lib/typescript/src/mock.d.ts

@@ -2,8 +2,12 @@ import React from "react";
 import type { ReactNode } from "react";
 import { View } from "react-native";
 import type { CanvasProps } from "./Canvas";
-export * from "./constants";
 export * from "./formats";
+export declare const GPUBufferUsage: GPUBufferUsage;
+export declare const GPUTextureUsage: GPUTextureUsage;
+export declare const GPUShaderStage: GPUShaderStage;
+export declare const GPUColorWrite: GPUColorWrite;
+export declare const GPUMapMode: GPUMapMode;
 export type { AndroidCanvasProps, AndroidSurfaceType, CanvasProps, CanvasRef, NativeCanvas, RNCanvasContext, } from "./Canvas";
 export declare const Canvas: ({ opaque: _opaque, android: _android, ref, ...props }: CanvasProps) => React.CElement<import("react-native").ViewProps, View>;
 export declare const useCanvasRef: () => React.MutableRefObject<null>;

package/lib/typescript/src/mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../src/mock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAiC,MAAM,UAAU,CAAC;AAa3E,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAK1B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,MAAM,GAAI,uDAKpB,WAAW,2DASb,CAAC;AAEF,eAAO,MAAM,YAAY,oCAA2B,CAAC;AACrD,eAAO,MAAM,UAAU;;;CAAqD,CAAC;AAC7E,eAAO,MAAM,4BAA4B,iBAAkB,CAAC;AAE5D,eAAO,MAAM,SAAS;;;CAA0C,CAAC;AAEjE,eAAO,MAAM,iBAAiB,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,sIACtD,CAAC;AAEnB,eAAO,MAAM,aAAa,QAAO,KAEhC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,KAAG,SAE/C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,KAAG,UAE/C,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,CAAC;AAE7C,eAAO,MAAM,YAAY;;CAA2B,CAAC"}
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../src/mock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAiC,MAAM,UAAU,CAAC;AAa3E,cAAc,WAAW,CAAC;AAM1B,eAAO,MAAM,cAAc,EAAE,cAW5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAO7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAI5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,aAM3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAGxB,CAAC;AAoBF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,MAAM,GAAI,uDAKpB,WAAW,2DASb,CAAC;AAEF,eAAO,MAAM,YAAY,oCAA2B,CAAC;AACrD,eAAO,MAAM,UAAU;;;CAAqD,CAAC;AAC7E,eAAO,MAAM,4BAA4B,iBAAkB,CAAC;AAE5D,eAAO,MAAM,SAAS;;;CAA0C,CAAC;AAEjE,eAAO,MAAM,iBAAiB,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,sIACtD,CAAC;AAEnB,eAAO,MAAM,aAAa,QAAO,KAEhC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,KAAG,SAE/C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,KAAG,UAE/C,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,CAAC;AAE7C,eAAO,MAAM,YAAY;;CAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-webgpu",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "description": "React Native WebGPU",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Canvas.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
 import type { ViewProps } from "react-native";
-import { View } from "react-native";
+import { Platform, View } from "react-native";
 
 import WebGPUNativeView from "./WebGPUViewNativeComponent";
 
@@ -87,50 +87,69 @@ const resolveSurfaceType = (
     ? surfaceType
     : "auto";
 
+// A view measured relative to itself gets its layout size, without the
+// transforms getBoundingClientRect() includes; measureLayout() calls back
+// synchronously on the new architecture. On the web react-native-web measures
+// asynchronously, so the DOM node is read directly: clientWidth/clientHeight
+// are layout values that ignore transforms too (unlike getBoundingClientRect)
+// and are what browser WebGPU code sizes a canvas from.
+const measureLayout = (view: View) => {
+  if (Platform.OS === "web") {
+    const { clientWidth, clientHeight } = view as unknown as HTMLElement;
+    return { width: clientWidth, height: clientHeight };
+  }
+  let size = { width: 0, height: 0 };
+  view.measureLayout(view, (_left, _top, width, height) => {
+    size = { width, height };
+  });
+  return size;
+};
+
 export const Canvas = ({
   opaque = true,
   android,
   ref,
   ...props
 }: CanvasProps) => {
-  const viewRef = useRef(null);
+  const viewRef = useRef<View>(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.
+  // from orphaning a live surface. When no surface is attached yet (StrictMode
+  // runs this cleanup right after mount, possibly before the UI thread got to
+  // it), a context kept from the first effect run keeps its surface entry,
+  // which the native view takes over when it attaches.
   useEffect(() => {
     return () => {
       RNWebGPU.destroyContext(contextId);
     };
   }, [contextId]);
-  useImperativeHandle(ref, () => ({
-    getContextId: () => contextId,
-    getNativeSurface: () => {
-      return RNWebGPU.getNativeSurface(contextId);
-    },
-    getContext(contextName: "webgpu"): RNCanvasContext | null {
-      if (contextName !== "webgpu") {
-        throw new Error(`[WebGPU] Unsupported context: ${contextName}`);
-      }
-      if (!viewRef.current) {
-        throw new Error("[WebGPU] Cannot get context before mount");
-      }
-      // getBoundingClientRect became stable in RN 0.83
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const view = viewRef.current as any;
-      const size =
-        "getBoundingClientRect" in view
-          ? view.getBoundingClientRect()
-          : view.unstable_getBoundingClientRect();
-      return RNWebGPU.MakeWebGPUCanvasContext(
-        contextId,
-        size.width,
-        size.height,
-      );
-    },
-  }));
+  useImperativeHandle(
+    ref,
+    () => ({
+      getContextId: () => contextId,
+      getNativeSurface: () => {
+        return RNWebGPU.getNativeSurface(contextId);
+      },
+      getContext(contextName: "webgpu"): RNCanvasContext | null {
+        if (contextName !== "webgpu") {
+          throw new Error(`[WebGPU] Unsupported context: ${contextName}`);
+        }
+        if (!viewRef.current) {
+          throw new Error("[WebGPU] Cannot get context before mount");
+        }
+        const size = measureLayout(viewRef.current);
+        return RNWebGPU.MakeWebGPUCanvasContext(
+          contextId,
+          size.width,
+          size.height,
+        );
+      },
+    }),
+    [contextId],
+  );
 
   return (
     <View collapsable={false} ref={viewRef} {...props}>

package/src/WebPolyfillGPUModule.ts

@@ -7,7 +7,9 @@ function getNativeSurface(contextId: number) {
     contextIdToId(contextId),
   ) as HTMLCanvasElement;
 
-  const { height, width } = canvas.getBoundingClientRect()!;
+  // Layout size, like the native view size in dp: unlike
+  // getBoundingClientRect() it ignores CSS transforms.
+  const { clientHeight: height, clientWidth: width } = canvas;
 
   return {
     surface: BigInt(contextId),

package/src/constants.ts

@@ -22,9 +22,12 @@
 //     device.createBuffer({ usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ });
 //   };
 //
-// These are read at module evaluation time. The package entry (`index.tsx`)
-// re-exports `./main` before `./constants`, and `./main` installs the native
-// module synchronously, so the globals always exist by the time this runs.
+// These are read at module evaluation time, so the native module must be
+// installed first: the package entry (`./index.tsx`) starts with a bare
+// `import "./main/installNative"` (so does `./main`), which runs the install
+// before this file is reached, directly or through `./install`. An import is
+// evaluated before the body of the module that declares it, so installing in
+// the body of `./main` left every flag undefined.
 
 export const { GPUBufferUsage } = globalThis;
 

package/src/index.tsx

@@ -1,4 +1,13 @@
 /// <reference types="@webgpu/types" />
+// Must stay the FIRST import, and a bare one: it installs the native module
+// (`./main/installNative.ts`; the web variant loads the RNWebGPU polyfill),
+// and `./constants` reads the globals it installs while being evaluated.
+// Putting it here, rather than relying on `./main` being exported before
+// `./constants` below, makes the order of the `export *` lines irrelevant. A
+// bare import is never deferred by `inlineRequires`, and `import/order --fix`
+// never moves an import across one.
+import "./main/installNative";
+
 import type {
   GPUDrawElementImageDestination,
   GPUDrawElementImageSource,
@@ -62,7 +71,15 @@ declare global {
     DecodeToUTF8: (buffer: NodeJS.ArrayBufferView | ArrayBuffer) => string;
     createImageBitmap: typeof createImageBitmap;
     loadVideoFrame: (path: string) => NativeVideoFrame;
-    createTestVideoFrame: (width: number, height: number) => NativeVideoFrame;
+    // A synthetic frame: an RGB gradient ('bgra8', the default) or a biplanar
+    // YUV frame ('nv12', BT.709 limited range, red on the left half and green
+    // on the right) that exercises the color conversion of
+    // importExternalTexture.
+    createTestVideoFrame: (
+      width: number,
+      height: number,
+      pixelFormat?: NativeVideoPixelFormat,
+    ) => NativeVideoFrame;
     // Wrap a NativeBuffer.pointer (CVPixelBufferRef on iOS / AHardwareBuffer*
     // on Android) into a NativeVideoFrame. Matches the shape used by libraries
     // that emit NativeBuffer (e.g. react-native-vision-camera).
@@ -172,15 +189,6 @@ declare global {
   // pool (e.g. a camera/video player) and pile up GPU resources.
   interface GPUExternalTexture {
     destroy(): void;
-    // Non-spec extension: a 3x4 row-major matrix (12 numbers) mapping the
-    // sampled texel [r, g, b, 1] to gamma-encoded R'G'B'. On the Android
-    // opaque-YCbCr camera path, textureSampleBaseClampToEdge returns raw
-    // [Y, Cb, Cr] (Dawn hard-codes an RGB_IDENTITY Vulkan conversion); this
-    // matrix is derived per-buffer from the driver's suggested YCbCr model and
-    // range (BT.601/709/2020, full/narrow). Everywhere else (iOS, RGBA
-    // surfaces) it is the identity passthrough, so shaders can apply it
-    // unconditionally. Upload it as a uniform and multiply after sampling.
-    readonly yuvToRgbMatrix: number[];
   }
 
   // Extend createImageBitmap to accept ArrayBuffer/TypedArray (encoded image bytes)

package/src/install.ts

@@ -19,23 +19,15 @@ const constants = {
   GPUMapMode,
 };
 
-// The GPU instance destined for `navigator.gpu` on other runtimes, wrapped in
-// a holder object. It cannot be read at module evaluation: this module can be
-// evaluated before the native install has populated `RNWebGPU.gpu`, so
-// `main/index.tsx` fills the holder right after installing. The holder itself
-// is captured into the `installWebGPU` worklet closure; when a worklet is
-// serialized (always after startup, so after the holder is filled), the
-// Worklets custom serializer boxes the GPU object inside it, and unboxing on
-// the target runtime installs the GPU prototype there.
-const holder: { gpu?: GPU } = {};
-
-/**
- * @internal Called once by `main/index.tsx` after the native install, so
- * `installWebGPU()` can put `navigator.gpu` on other runtimes.
- */
-export const provideGPUForInstall = (gpu: GPU) => {
-  holder.gpu = gpu;
-};
+// The GPU instance destined for `navigator.gpu` on other runtimes, read from
+// the native install like the flags above (the package entry runs the install
+// before this module is evaluated). Undefined on web, where the RNWebGPU
+// polyfill has no gpu and the browser already provides navigator.gpu. Captured
+// into the `installWebGPU` worklet closure: when a worklet is serialized, the
+// Worklets custom serializer boxes the GPU object, and unboxing on the target
+// runtime installs the GPU prototype there.
+const gpu: GPU | undefined =
+  typeof RNWebGPU === "undefined" ? undefined : RNWebGPU.gpu;
 
 /**
  * Install WebGPU on the runtime that calls it.
@@ -88,7 +80,6 @@ export const installWebGPU = () => {
       g[key] = value;
     }
   }
-  const { gpu } = holder;
   if (gpu !== undefined) {
     const nav = g.navigator as { gpu?: GPU; userAgent?: string } | undefined;
     if (nav === undefined) {

package/src/main/index.tsx

@@ -1,8 +1,13 @@
+// Must stay the FIRST import, and a bare one: it installs the native module
+// (the RNWebGPU global and the WebGPU globals) before anything else here is
+// evaluated; the package entry imports it first as well, see ./installNative.ts.
+// An import with bindings could be deferred to its first use by
+// `inlineRequires`; a bare import is not.
+import "./installNative";
+
 import { findNodeHandle } from "react-native";
 
 import { registerWebGPUForReanimated } from "../external";
-import { provideGPUForInstall } from "../install";
-import WebGPUModule from "../NativeWebGPUModule";
 import type { GPUDrawElementImageSourceView } from "../types";
 
 // Resolve the `source` of drawElementImageToTexture to a React tag on the
@@ -61,8 +66,6 @@ export * from "../formats";
 
 export { default as WebGPUModule } from "../NativeWebGPUModule";
 
-const _installOk = WebGPUModule.install();
-
 registerWebGPUForReanimated();
 
 if (typeof RNWebGPU !== "undefined") {
@@ -87,10 +90,4 @@ if (typeof RNWebGPU !== "undefined") {
   global.createImageBitmap =
     global.createImageBitmap ?? RNWebGPU.createImageBitmap.bind(RNWebGPU);
   installDrawElementImageToTexture();
-  // Let installWebGPU() put navigator.gpu on other runtimes (see install.ts).
-  provideGPUForInstall(RNWebGPU.gpu);
-} else {
-  console.warn(
-    `[react-native-webgpu] install() returned ${_installOk} but RNWebGPU global is not available`,
-  );
 }

package/src/main/index.web.tsx

@@ -1,4 +1,4 @@
-import "../WebPolyfillGPUModule";
+import "./installNative";
 
 export * from "../Canvas";
 export * from "../Offscreen";

package/src/main/installNative.ts

@@ -0,0 +1,20 @@
+import WebGPUModule from "../NativeWebGPUModule";
+
+// Installs the native module: the RNWebGPU global, and the WebGPU globals of
+// the main runtime (GPUBufferUsage, GPUTextureUsage, GPUShaderStage...).
+//
+// A module of its own, imported FIRST (as a bare import) by the package entry
+// `../index.tsx` and by `./index.tsx`, because `../constants` reads those
+// globals while it is evaluated, and every import of a module is evaluated
+// before that module's body. Installing in the body of `./index.tsx` came too
+// late: the flags exported by the package were all undefined.
+const installOk = WebGPUModule.install();
+
+if (typeof RNWebGPU === "undefined") {
+  // install() logs the reason natively (e.g. a null jsi::Runtime on iOS).
+  // Nothing works from here on (navigator.gpu, the flag constants, Canvas),
+  // so fail at import time rather than leave every export undefined.
+  throw new Error(
+    `[react-native-webgpu] the native module failed to install (install() returned ${installOk}): the RNWebGPU global is not available. Make sure the native dependencies are installed and rebuild the app.`,
+  );
+}

package/src/main/installNative.web.ts

@@ -0,0 +1,5 @@
+// Web counterpart of ./installNative.ts, so the package entry can import
+// `./main/installNative` on every platform without reaching the TurboModule
+// here. The browser provides the WebGPU globals (navigator.gpu, the flag
+// constants); the polyfill provides the RNWebGPU global that Canvas relies on.
+import "../WebPolyfillGPUModule";

package/src/mock.ts

@@ -16,9 +16,68 @@ import type { CanvasProps, NativeCanvas, RNCanvasContext } from "./Canvas";
 // missing native install (see `importDevice`/`adoptTexture` in
 // `./importDevice.ts`).
 
-export * from "./constants";
 export * from "./formats";
 
+// The flag constants. The real package re-exports the globals the native
+// module installs (`./constants.ts`); nothing installs them under Jest, so the
+// mock defines the spec values itself and, like the native install, also puts
+// them on globalThis for code that references the bare globals.
+export const GPUBufferUsage: GPUBufferUsage = {
+  MAP_READ: 0x0001,
+  MAP_WRITE: 0x0002,
+  COPY_SRC: 0x0004,
+  COPY_DST: 0x0008,
+  INDEX: 0x0010,
+  VERTEX: 0x0020,
+  UNIFORM: 0x0040,
+  STORAGE: 0x0080,
+  INDIRECT: 0x0100,
+  QUERY_RESOLVE: 0x0200,
+};
+
+export const GPUTextureUsage: GPUTextureUsage = {
+  COPY_SRC: 0x01,
+  COPY_DST: 0x02,
+  TEXTURE_BINDING: 0x04,
+  STORAGE_BINDING: 0x08,
+  RENDER_ATTACHMENT: 0x10,
+  TRANSIENT_ATTACHMENT: 0x20,
+};
+
+export const GPUShaderStage: GPUShaderStage = {
+  VERTEX: 0x1,
+  FRAGMENT: 0x2,
+  COMPUTE: 0x4,
+};
+
+export const GPUColorWrite: GPUColorWrite = {
+  RED: 0x1,
+  GREEN: 0x2,
+  BLUE: 0x4,
+  ALPHA: 0x8,
+  ALL: 0xf,
+};
+
+export const GPUMapMode: GPUMapMode = {
+  READ: 0x1,
+  WRITE: 0x2,
+};
+
+{
+  const g = globalThis as unknown as Record<string, unknown>;
+  for (const [key, value] of Object.entries({
+    GPUBufferUsage,
+    GPUTextureUsage,
+    GPUShaderStage,
+    GPUColorWrite,
+    GPUMapMode,
+  })) {
+    if (g[key] === undefined) {
+      g[key] = value;
+    }
+  }
+}
+
 const NOT_AVAILABLE_UNDER_JEST =
   "is not available under Jest - react-native-webgpu has no native implementation in tests (see react-native-webgpu/jestSetup.js)";