react-native-wgpu 0.5.11 → 0.5.14

package/README.md

@@ -1,319 +1,30 @@
-# React Native WebGPU
+# react-native-wgpu
 
-React Native implementation of WebGPU using [Dawn](https://dawn.googlesource.com/dawn).  
+This package is a thin shim that re-exports [`react-native-webgpu`](https://www.npmjs.com/package/react-native-webgpu) under its previous npm name.
 
-React Native WebGPU requires React Native 0.81 or newer. It doesn't support the legacy architecture.
+It exists so that projects that depended on the older `react-native-wgpu` name keep working without an immediate code change. New projects should depend on `react-native-webgpu` directly.
 
 ## Installation
 
-Please note that the package name is `react-native-wgpu`.
-
 ```
 npm install react-native-wgpu
 ```
 
-## With Expo
-
-Expo provides a React Native WebGPU template that works with React Three Fiber.
-The works on iOS, Android, and Web.
-
-```
-npx create-expo-app@latest -e with-webgpu
-```
-
-https://github.com/user-attachments/assets/efbd05f8-4ce0-46c2-919c-03e1095bc8ac
-
-Below are some examples from the [example app](/apps/example/).
-
-https://github.com/user-attachments/assets/116a41b2-2cf8-49f1-9f16-a5c83637c198
-
-Starting from `r168`, Three.js runs out of the box with React Native WebGPU.
-You need to have a slight modification of [the metro config](/apps/example/metro.config.js) to resolve Three.js to the WebGPU build.
-We also support [react-three-fiber](/apps/example/src/ThreeJS/Fiber.tsx); to make it work, patch `node_modules/@react-three/fiber/package.json` (for instance via `patch-package`) so that it resolves to the WebGPU entry point instead of the React Native bundle:
-
-```diff
-diff --git a/node_modules/@react-three/fiber/package.json b/node_modules/@react-three/fiber/package.json
-@@
--  "react-native": "native/dist/react-three-fiber-native.cjs.js",
-+  "react-native": "dist/react-three-fiber.cjs.js",
-```
-
-For model loading, we also need [the following polyfill](/apps/example/src/App.tsx#29).
-
-https://github.com/user-attachments/assets/5b49ef63-0a3c-4679-aeb5-e4b4dddfcc1d
-
-We also provide prebuilt binaries for visionOS and macOS.
-
-https://github.com/user-attachments/assets/2d5c618e-5b15-4cef-8558-d4ddf8c70667
-
-## Usage
-
-Usage is identical to Web.
-
-```tsx
-import React from "react";
-import { StyleSheet, View, PixelRatio } from "react-native";
-import { Canvas, CanvasRef } from "react-native-wgpu";
-
-import { redFragWGSL, triangleVertWGSL } from "./triangle";
-
-export function HelloTriangle() {
-  const ref = useRef<CanvasRef>(null);
-  useEffect(() => {
-    const helloTriangle = async () => {
-      const adapter = await navigator.gpu.requestAdapter();
-      if (!adapter) {
-        throw new Error("No adapter");
-      }
-      const device = await adapter.requestDevice();
-      const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
-
-      const context = ref.current!.getContext("webgpu")!;
-      const canvas = context.canvas as HTMLCanvasElement;
-      canvas.width = canvas.clientWidth * PixelRatio.get();
-      canvas.height = canvas.clientHeight * PixelRatio.get();
-
-      if (!context) {
-        throw new Error("No context");
-      }
-
-      context.configure({
-        device,
-        format: presentationFormat,
-        alphaMode: "opaque",
-      });
-
-      const pipeline = device.createRenderPipeline({
-        layout: "auto",
-        vertex: {
-          module: device.createShaderModule({
-            code: triangleVertWGSL,
-          }),
-          entryPoint: "main",
-        },
-        fragment: {
-          module: device.createShaderModule({
-            code: redFragWGSL,
-          }),
-          entryPoint: "main",
-          targets: [
-            {
-              format: presentationFormat,
-            },
-          ],
-        },
-        primitive: {
-          topology: "triangle-list",
-        },
-      });
-
-      const commandEncoder = device.createCommandEncoder();
-
-      const textureView = context.getCurrentTexture().createView();
-
-      const renderPassDescriptor: GPURenderPassDescriptor = {
-        colorAttachments: [
-          {
-            view: textureView,
-            clearValue: [0, 0, 0, 1],
-            loadOp: "clear",
-            storeOp: "store",
-          },
-        ],
-      };
-
-      const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
-      passEncoder.setPipeline(pipeline);
-      passEncoder.draw(3);
-      passEncoder.end();
-
-      device.queue.submit([commandEncoder.finish()]);
-
-      context.present();
-    };
-    helloTriangle();
-  }, [ref]);
-
-  return (
-    <View style={style.container}>
-      <Canvas ref={ref} style={style.webgpu} />
-    </View>
-  );
-}
-
-const style = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  webgpu: {
-    flex: 1,
-  },
-});
-```
-
-## Example App
-
-To run the example app you first need to [install Dawn](#installing-dawn).
-
-From there you will be able to run the example app properly.
-
-## Similarities and Differences with the Web
-
-The API has been designed to be completely symmetric with the Web.  
-For instance, you can access the WebGPU context synchronously, as well as the canvas size.  
-Pixel density and canvas resizing are handled exactly like on the Web as well.
-
-```tsx
-// The default canvas size is not scaled to the device pixel ratio
-// When resizing the canvas, the clientWidth and clientHeight are updated automatically
-// This behaviour is symmetric to the Web
-const ctx = canvas.current.getContext("webgpu")!;
-ctx.canvas.width = ctx.canvas.clientWidth * PixelRatio.get();
-ctx.canvas.height = ctx.canvas.clientHeight * PixelRatio.get();
-```
-
-### Frame Scheduling
-
-In React Native, we want to keep frame presentation as a manual operation as we plan to provide more advanced rendering options that are React Native specific.  
-This means that when you are ready to present a frame, you need to call `present` on the context.
-
-```tsx
-// draw
-// submit to the queue
-device.queue.submit([commandEncoder.finish()]);
-// This method is React Native only
-context.present();
-```
+This installs `react-native-webgpu` as a dependency. All imports are forwarded:
 
-### Canvas Transparency
-
-On Android, the `alphaMode` property is ignored when configuring the canvas.
-To have a transparent canvas by default, use the `transparent` property.
-
-```tsx
-return (
-  <View style={style.container}>
-    <Canvas ref={ref} style={style.webgpu} transparent />
-  </View>
-);
-```
-
-### External Textures
-
-This module provides a `createImageBitmap` function that you can use in `copyExternalImageToTexture`.
-
-```tsx
-const url = Image.resolveAssetSource(require("./assets/image.png")).uri;
-const response = await fetch(url);
-const imageBitmap = await createImageBitmap(await response.blob());
-
-const texture = device.createTexture({
-  size: [imageBitmap.width, imageBitmap.height, 1],
-  format: "rgba8unorm",
-  usage:
-    GPUTextureUsage.TEXTURE_BINDING |
-    GPUTextureUsage.COPY_DST |
-    GPUTextureUsage.RENDER_ATTACHMENT,
-});
-device.queue.copyExternalImageToTexture(
-  { source: imageBitmap },
-  { texture },
-  [imageBitmap.width, imageBitmap.height],
-);
-```
-
-### Reanimated Integration
-
-React Native WebGPU supports running WebGPU rendering on the UI thread using [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/) and [React Native Worklets](https://github.com/margelo/react-native-worklets).
-
-First, install the optional peer dependencies:
-
-```sh
-npm install react-native-reanimated react-native-worklets
-```
-
-WebGPU objects are automatically registered for Worklets serialization when the module loads. You can pass WebGPU objects like `GPUDevice` and `GPUCanvasContext` directly to worklets:
-
-```tsx
+```ts
 import { Canvas } from "react-native-wgpu";
-import { runOnUI } from "react-native-reanimated";
-
-const renderFrame = (device: GPUDevice, context: GPUCanvasContext) => {
-  "worklet";
-  // WebGPU rendering code runs on the UI thread
-  const commandEncoder = device.createCommandEncoder();
-  // ... render ...
-  device.queue.submit([commandEncoder.finish()]);
-  context.present();
-};
-
-// Initialize WebGPU on main thread, then run on UI thread
-const device = await adapter.requestDevice();
-const context = canvasRef.current.getContext("webgpu");
-runOnUI(renderFrame)(device, context);
-```
-
-## Troubleshooting
-
-### iOS
-
-To run the React Native WebGPU project on the iOS simulator, you need to disable the Metal validation API.  
-In "Edit Scheme," uncheck "Metal Validation". Learn more [here](https://developer.apple.com/documentation/xcode/validating-your-apps-metal-api-usage/).
-
-<img width="1052" alt="Uncheck 'Metal Validation'" src="https://github.com/user-attachments/assets/2676e5cc-e351-4a97-bdc8-22cbd7df2ef2">
-
-## Library Development
-
-Make sure to check out the submodules:
-
-```
-git submodule update --init
-```
-
-Make sure you have all the tools required for building the Skia libraries (Android Studio, XCode, Ninja, CMake, Android NDK/build tools).
-
-### Installing Dawn
-
-There is an alternative way which is to install the prebuilt binaries from GitHub.
-
-```sh
-$ yarn
-$ cd packages/webgpu
-$ yarn install-dawn
-```
-
-### Building Dawn
-
-Alternatively, you can build Dawn locally.
-
-```sh
-yarn
-cd packages/webgpu
-yarn build-dawn
+// equivalent to
+import { Canvas } from "react-native-webgpu";
 ```
 
-### Upgrading
-
-1. `git submodule update --remote`
-2. `yarn clean-dawn`
-3. `yarn build-dawn`
-
-### Codegen
-
-* `cd packages/webgpu && yarn codegen`
-
-### Testing
+## Migrating
 
-In the `package` folder, to run the test against Chrome for reference:
+Replace the dependency in your `package.json`:
 
+```diff
+-  "react-native-wgpu": "^0.5.11"
++  "react-native-webgpu": "^0.5.11"
 ```
-yarn test:ref
-```
-
-To run the e2e test, open the example app on the e2e screen.  
-By default, it will try to connect to a localhost test server.  
-If you want to run the test suite on a physical device, you can modify the address [here](/apps/example/src/useClient.ts#L4).
 
-```
-yarn test
-```
+and update your imports from `"react-native-wgpu"` to `"react-native-webgpu"`.

package/lib/commonjs/index.js

@@ -3,15 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _main = require("./main");
-Object.keys(_main).forEach(function (key) {
+var _reactNativeWebgpu = require("react-native-webgpu");
+Object.keys(_reactNativeWebgpu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _main[key]) return;
+  if (key in exports && exports[key] === _reactNativeWebgpu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _main[key];
+      return _reactNativeWebgpu[key];
     }
   });
 });
+if (typeof __DEV__ !== "undefined" && __DEV__) {
+  console.warn("[react-native-wgpu] This package has been renamed to 'react-native-webgpu'. " + "The 'react-native-wgpu' shim is deprecated and will be removed in a future release. " + "Please install 'react-native-webgpu' and update your imports.");
+}
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_main","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_reactNativeWebgpu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","__DEV__","console","warn"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAQA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AARA,IAAI,OAAOK,OAAO,KAAK,WAAW,IAAIA,OAAO,EAAE;EAC7CC,OAAO,CAACC,IAAI,CACV,8EAA8E,GAC5E,sFAAsF,GACtF,+DACJ,CAAC;AACH","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,5 @@
-/// <reference types="@webgpu/types" />
-
-export * from "./main";
-export {};
+if (typeof __DEV__ !== "undefined" && __DEV__) {
+  console.warn("[react-native-wgpu] This package has been renamed to 'react-native-webgpu'. " + "The 'react-native-wgpu' shim is deprecated and will be removed in a future release. " + "Please install 'react-native-webgpu' and update your imports.");
+}
+export * from "react-native-webgpu";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;;AAIA,cAAc,QAAQ;AAAC","ignoreList":[]}
+{"version":3,"names":["__DEV__","console","warn"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,IAAI,OAAOA,OAAO,KAAK,WAAW,IAAIA,OAAO,EAAE;EAC7CC,OAAO,CAACC,IAAI,CACV,8EAA8E,GAC5E,sFAAsF,GACtF,+DACJ,CAAC;AACH;AAEA,cAAc,qBAAqB","ignoreList":[]}

package/lib/typescript/{src → webgpu/src}/Canvas.d.ts

@@ -1,15 +1,5 @@
 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;
-        DecodeToUTF8: (buffer: NodeJS.ArrayBufferView | ArrayBuffer) => string;
-        createImageBitmap: typeof createImageBitmap;
-    };
-}
 type SurfacePointer = bigint;
 export interface NativeCanvas {
     surface: SurfacePointer;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,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;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,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,UAAU,WAAY,SAAQ,SAAS;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,GAAI,gCAAgC,WAAW,sBAuCjE,CAAC"}

package/lib/typescript/webgpu/src/NativeWebGPUModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeWebGPUModule.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/NativeWebGPUModule.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,OAAO,EAAE,MAAM,OAAO,CAAC;CACxB;;AAGD,wBAAsE"}

package/lib/typescript/webgpu/src/Offscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Offscreen.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/Offscreen.ts"],"names":[],"mappings":"AAAA,qBAAa,kBAAkB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,OAAO,CAA4B;gBAE/B,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMzC,UAAU,CAAC,SAAS,EAAE,QAAQ,GAAG,yBAAyB,GAAG,IAAI;IAQjE,YAAY;;;;;;CA6Bb;AAED,cAAM,yBAA0B,YAAW,gBAAgB;aAQ7B,MAAM,EAAE,GAAG;IAPvC,OAAO,EAAG,kBAAkB,CAAU;IAEtC,OAAO,CAAC,aAAa,CAAmB;IACxC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,MAAM,CAA0B;gBAGZ,MAAM,EAAE,GAAG;IAGvC,gBAAgB,IAAI,yBAAyB,GAAG,IAAI;IAIpD,OAAO;IAIP,SAAS;IAOT,UAAU;IAOV,SAAS,CAAC,MAAM,EAAE,sBAAsB;IAcxC,WAAW;IAQX,iBAAiB,IAAI,UAAU;CAMhC"}

package/lib/typescript/webgpu/src/WebGPUViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/WebGPUViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,SAAS,EAAE,KAAK,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;;AAGD,wBAAiE"}

package/lib/typescript/webgpu/src/external/ModuleProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleProxy.d.ts","sourceRoot":"","sources":["../../../../../../webgpu/src/external/ModuleProxy.ts"],"names":[],"mappings":"AACA,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,EACvC,WAAW,MAAM,UAAU,KAC1B,OAcF,CAAC;AAEF,qBAAa,mCAAoC,SAAQ,KAAK;gBAChD,IAAI,EAAE,MAAM;CAGzB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../webgpu/src/external/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/typescript/webgpu/src/external/reanimated/ReanimatedProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReanimatedProxy.d.ts","sourceRoot":"","sources":["../../../../../../../webgpu/src/external/reanimated/ReanimatedProxy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,yBAAyB,CAAC;AAS5D,QAAA,MAAM,UAAU,oBAMd,CAAC;AAGH,eAAe,UAAU,CAAC"}

package/lib/typescript/webgpu/src/external/reanimated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../webgpu/src/external/reanimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/webgpu/src/external/reanimated/registerWebGPUForReanimated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerWebGPUForReanimated.d.ts","sourceRoot":"","sources":["../../../../../../../webgpu/src/external/reanimated/registerWebGPUForReanimated.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,YA2BvC,CAAC"}

package/lib/typescript/webgpu/src/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/hooks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,4BAA4B,GAAI,SAAS,UAAU,SAQ/D,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,qCAA4C,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,GAAI,iDAI/B,mBAAmB,6BAQrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;CAQtB,CAAC;AAEF,eAAO,MAAM,aAAa,qBAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,kCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,GACpB,iBAAiB,wBAAwB,EACzC,mBAAmB,mBAAmB;;;CAqBvC,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { GPUDawnTogglesDescriptor, GPUSharedTextureMemory, GPUSharedTextureMemoryDescriptor, NativeCanvas, RNCanvasContext, VideoPlayer, NativeVideoFrame, NativeVideoPixelFormat } from "./types";
+export * from "./main";
+export type { NativeVideoFrame, VideoPlayer, NativeVideoPixelFormat, CreateVideoPlayerOptions, GPUSharedTextureMemory, GPUSharedTextureMemoryDescriptor, GPUDawnTogglesDescriptor, } from "./types";
+declare global {
+    interface Navigator {
+        gpu: GPU;
+    }
+    var navigator: Navigator;
+    var RNWebGPU: {
+        gpu: GPU;
+        fabric: boolean;
+        getNativeSurface: (contextId: number) => NativeCanvas;
+        MakeWebGPUCanvasContext: (contextId: number, width: number, height: number) => RNCanvasContext;
+        DecodeToUTF8: (buffer: NodeJS.ArrayBufferView | ArrayBuffer) => string;
+        createImageBitmap: typeof createImageBitmap;
+        loadVideoFrame: (path: string) => NativeVideoFrame;
+        createTestVideoFrame: (width: number, height: number) => NativeVideoFrame;
+        createVideoFrameFromNativeBuffer: (pointer: bigint) => NativeVideoFrame;
+        createVideoPlayer: (path: string, pixelFormat?: NativeVideoPixelFormat) => VideoPlayer;
+        writeTestVideoFile: () => string;
+    };
+    interface GPUDevice {
+        importSharedTextureMemory(descriptor: GPUSharedTextureMemoryDescriptor): GPUSharedTextureMemory;
+    }
+    interface GPUDeviceDescriptor {
+        dawnToggles?: GPUDawnTogglesDescriptor;
+    }
+    interface GPUExternalTextureDescriptor {
+        rotation?: 0 | 90 | 180 | 270;
+        mirrored?: boolean;
+    }
+    interface GPUExternalTexture {
+        destroy(): void;
+    }
+    function createImageBitmap(image: ArrayBuffer | ArrayBufferView): Promise<ImageBitmap>;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EACtB,gCAAgC,EAChC,YAAY,EACZ,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAEjB,cAAc,QAAQ,CAAC;AACvB,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,gCAAgC,EAChC,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAEjB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,SAAS;QACjB,GAAG,EAAE,GAAG,CAAC;KACV;IAED,IAAI,SAAS,EAAE,SAAS,CAAC;IAEzB,IAAI,QAAQ,EAAE;QACZ,GAAG,EAAE,GAAG,CAAC;QACT,MAAM,EAAE,OAAO,CAAC;QAChB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,YAAY,CAAC;QACtD,uBAAuB,EAAE,CACvB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,KACX,eAAe,CAAC;QACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,WAAW,KAAK,MAAM,CAAC;QACvE,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;QAC5C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACnD,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,gBAAgB,CAAC;QAI1E,gCAAgC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACxE,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,EACZ,WAAW,CAAC,EAAE,sBAAsB,KACjC,WAAW,CAAC;QACjB,kBAAkB,EAAE,MAAM,MAAM,CAAC;KAClC,CAAC;IAEF,UAAU,SAAS;QACjB,yBAAyB,CACvB,UAAU,EAAE,gCAAgC,GAC3C,sBAAsB,CAAC;KAC3B;IAID,UAAU,mBAAmB;QAC3B,WAAW,CAAC,EAAE,wBAAwB,CAAC;KACxC;IAMD,UAAU,4BAA4B;QACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;IASD,UAAU,kBAAkB;QAC1B,OAAO,IAAI,IAAI,CAAC;KACjB;IAGD,SAAS,iBAAiB,CACxB,KAAK,EAAE,WAAW,GAAG,eAAe,GACnC,OAAO,CAAC,WAAW,CAAC,CAAC;CACzB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../webgpu/src/main/index.tsx"],"names":[],"mappings":"AAGA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/typescript/webgpu/src/types.d.ts

@@ -0,0 +1,50 @@
+type SurfacePointer = bigint;
+export interface NativeCanvas {
+    surface: SurfacePointer;
+    width: number;
+    height: number;
+    clientWidth: number;
+    clientHeight: number;
+}
+export type RNCanvasContext = GPUCanvasContext & {
+    present: () => void;
+};
+export interface CanvasRef {
+    getContextId: () => number;
+    getContext(contextName: "webgpu"): RNCanvasContext | null;
+    getNativeSurface: () => NativeCanvas;
+}
+export type NativeVideoPixelFormat = "bgra8" | "nv12";
+export interface NativeVideoFrame {
+    readonly handle: bigint;
+    readonly width: number;
+    readonly height: number;
+    readonly pixelFormat: NativeVideoPixelFormat;
+    release(): void;
+}
+export interface VideoPlayer {
+    copyLatestFrame(): NativeVideoFrame | null;
+    play(): void;
+    pause(): void;
+    release(): void;
+}
+export interface CreateVideoPlayerOptions {
+    pixelFormat?: NativeVideoPixelFormat;
+}
+export interface GPUSharedTextureMemoryDescriptor {
+    handle: bigint;
+    label?: string;
+}
+export interface GPUDawnTogglesDescriptor {
+    enabledToggles?: string[];
+    disabledToggles?: string[];
+}
+export interface GPUSharedTextureMemory {
+    readonly __brand: "GPUSharedTextureMemory";
+    label: string;
+    createTexture(descriptor?: GPUTextureDescriptor): GPUTexture;
+    beginAccess(texture: GPUTexture, initialized: boolean): boolean;
+    endAccess(texture: GPUTexture): boolean;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/webgpu/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../webgpu/src/types.ts"],"names":[],"mappings":"AAAA,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;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,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;AAKD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,CAAC;AAkBtD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AAKD,MAAM,WAAW,WAAW;IAC1B,eAAe,IAAI,gBAAgB,GAAG,IAAI,CAAC;IAC3C,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IAKvC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,MAAM,WAAW,gCAAgC;IAM/C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,MAAM,WAAW,wBAAwB;IACvC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAMD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,OAAO,EAAE,wBAAwB,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,UAAU,CAAC,EAAE,oBAAoB,GAAG,UAAU,CAAC;IAI7D,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,OAAO,CAAC;IAChE,SAAS,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC;CACzC"}

package/lib/typescript/{eslint.config.d.mts.map → webgpu-shim/eslint.config.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"eslint.config.d.mts","sourceRoot":"","sources":["../../eslint.config.mjs"],"names":[],"mappings":""}
+{"version":3,"file":"eslint.config.d.mts","sourceRoot":"","sources":["../../../eslint.config.mjs"],"names":[],"mappings":""}

package/lib/typescript/{lib → webgpu-shim/lib}/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../commonjs/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../commonjs/index.js"],"names":[],"mappings":""}

package/lib/typescript/webgpu-shim/lib/module/index.d.ts

@@ -0,0 +1,2 @@
+export * from "react-native-webgpu";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/{lib → webgpu-shim/lib}/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../module/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/index.js"],"names":[],"mappings":""}

package/lib/typescript/webgpu-shim/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from "react-native-webgpu";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/webgpu-shim/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,qBAAqB,CAAC"}