react-native-wgpu 0.1.5 → 0.1.7

package/README.md

@@ -11,22 +11,28 @@ Please note that the package name is `react-native-wgpu`.
 npm install react-native-wgpu
 ```
 
+Below are some examples from the [example app](/package/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](/package/example/metro.config.js) to resolve Three.js to the WebGPU build.
+
+https://github.com/user-attachments/assets/5b49ef63-0a3c-4679-aeb5-e4b4dddfcc1d
+
 ## Usage
 
-You can look at the [example](/package/example) folder for working examples.
+Currently we recommend to use the `useCanvasEffect` to access the WebGPU context.
 
 ```tsx
-import React, { useEffect, useRef } from "react";
+import React from "react";
 import { StyleSheet, View, PixelRatio } from "react-native";
-import type { CanvasRef } from "react-native-webgpu";
-import { Canvas } from "react-native-webgpu";
+import { Canvas, useCanvasEffect } from "react-native-wgpu";
 
 import { redFragWGSL, triangleVertWGSL } from "./triangle";
 
 export function HelloTriangle() {
-  const ref = useRef<CanvasRef>(null);
-
-  async function demo() {
+  const ref = useCanvasEffect(async () => {
     const adapter = await navigator.gpu.requestAdapter();
     if (!adapter) {
       throw new Error("No adapter");
@@ -35,6 +41,7 @@ export function HelloTriangle() {
     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();
 
@@ -95,11 +102,7 @@ export function HelloTriangle() {
     device.queue.submit([commandEncoder.finish()]);
 
     context.present();
-  }
-
-  useEffect(() => {
-    demo();
-  }, []);
+  });
 
   return (
     <View style={style.container}>
@@ -118,6 +121,18 @@ const style = StyleSheet.create({
 });
 ```
 
+## Example App
+
+To run the example app you first need to build Dawn.
+
+```sh
+$ git submodule update --init
+$ cd package && yarn
+$ yarn build-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.  
@@ -133,8 +148,6 @@ ctx.canvas.width = ctx.canvas.clientWidth * PixelRatio.get();
 ctx.canvas.height = ctx.canvas.clientHeight * PixelRatio.get();
 ```
 
-However, there are two differences with the Web: frame scheduling and external textures.
-
 ### 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.  
@@ -150,35 +163,25 @@ context.present();
 
 ### External Textures
 
-External textures are not a concept that exists in React Native.  
-Consider the following Web example:
+This module provides a `createImageBitmap` function that you can use in `copyExternalImageToTexture`.
 
 ```tsx
-const response = await fetch('./assets/img/Di-3d.png');
+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: cubeTexture },
-  [imageBitmap.width, imageBitmap.height]
-);
-```
-
-In React Native, you would need to load the texture yourself.  
-For instance, we use Skia for image decoding [here](/package/example/src/components/useAssets.ts#L6).
-
-```tsx
-const imageBitmap = await decodeImage(require("./assets/Di-3d.png"));
-
-device.queue.writeTexture(
-  { texture: cubeTexture, mipLevel: 0, origin: { x: 0, y: 0, z: 0 } },
-  imageBitmap.data.buffer,
-  {
-    offset: 0,
-    bytesPerRow: 4 * imageBitmap.width,
-    rowsPerImage: imageBitmap.height,
-  },
-  { width: imageBitmap.width, height: imageBitmap.height },
+  { texture },
+  [imageBitmap.width, imageBitmap.height],
 );
 ```
 
@@ -193,9 +196,7 @@ In "Edit Scheme," uncheck "Metal Validation."
 
 ### Android
 
-On a physical device, you need Android API level 26 or higher.  
-On a simulator, you need Android API level 34 or higher.  
-We are currently working on relaxing that rule for Android simulators.
+On an Android simulator, a CPU emulation layer is used which may result in very slow performance.
 
 ## Library Development
 
@@ -209,7 +210,7 @@ Make sure you have all the tools required for building the Skia libraries (Andro
 
 ### Building
 
-* `cd package && yarn`
+* `cd packages/webgpu && yarn`
 * `yarn build-dawn`
 
 ### Upgrading
@@ -220,7 +221,7 @@ Make sure you have all the tools required for building the Skia libraries (Andro
 
 ### Codegen
 
-* `cd package && yarn codegen`
+* `cd packages/webgpu && yarn codegen`
 
 ### Testing
 

package/android/cpp/AndroidPlatformContext.h

@@ -22,7 +22,8 @@ private:
   jobject _blobModule;
 
 public:
-  explicit AndroidPlatformContext(jobject blobModule) : _blobModule(blobModule) {}
+  explicit AndroidPlatformContext(jobject blobModule)
+      : _blobModule(blobModule) {}
   ~AndroidPlatformContext() {
     if (_blobModule) {
       JNIEnv *env = facebook::jni::Environment::current();

package/cpp/jsi/RNFJSIConverter.h

@@ -137,6 +137,16 @@ template <> struct JSIConverter<uint64_t> {
   }
 };
 
+template <> struct JSIConverter<void *> {
+  static void* fromJSI(jsi::Runtime& runtime, const jsi::Value& arg, bool outOfBound) {
+    return reinterpret_cast<void *>(arg.asBigInt(runtime).getUint64(runtime));
+  }
+
+  static jsi::Value toJSI(jsi::Runtime& runtime, void* arg) {
+    return jsi::BigInt::fromUint64(runtime, reinterpret_cast<uint64_t>(arg));
+  }
+};
+
 // bool <> boolean
 template <> struct JSIConverter<bool> {
   static bool fromJSI(jsi::Runtime&, const jsi::Value& arg, bool outOfBound) {

package/cpp/rnwgpu/SurfaceRegistry.h

@@ -15,8 +15,7 @@ class SurfaceRegistry {
 public:
   void addSurface(const int contextId, void *surface, float width,
                   float height) {
-    _registry[contextId] = std::make_shared<Canvas>(
-        reinterpret_cast<uint64_t>(surface), width, height);
+    _registry[contextId] = std::make_shared<Canvas>(surface, width, height);
   }
 
   std::shared_ptr<Canvas> getSurface(const int contextId) {

package/cpp/rnwgpu/api/Canvas.h

@@ -15,7 +15,7 @@ namespace m = margelo;
 
 class Canvas : public m::HybridObject {
 public:
-  explicit Canvas(uint64_t surface, const float width, const float height)
+  explicit Canvas(void* surface, const float width, const float height)
       : HybridObject("Canvas"), _surface(surface), _width(width),
         _height(height), _clientWidth(width), _clientHeight(height) {}
 
@@ -32,7 +32,7 @@ public:
 
   void setClientHeight(const float height) { _clientHeight = height; }
 
-  uint64_t getSurface() { return _surface; }
+  void* getSurface() { return _surface; }
 
   void loadHybridMethods() override {
     registerHybridGetter("surface", &Canvas::getSurface, this);
@@ -45,7 +45,7 @@ public:
   }
 
 private:
-  uint64_t _surface;
+  void* _surface;
   float _width;
   float _height;
   float _clientWidth;

package/cpp/rnwgpu/api/GPUBuffer.h

@@ -77,4 +77,4 @@ private:
   std::vector<Mapping> mappings;
 };
 
-} // namespace rnwgpu
+} // namespace rnwgpu

package/ios/WebGPUView.mm

@@ -49,7 +49,20 @@ static NSMutableDictionary<NSNumber *, MetalView *> *metalViewRegistry =
 - (void)prepareForRecycle {
   [super prepareForRecycle];
   self.contentView = nil;
-  [metalViewRegistry removeObjectForKey:_contextId];
+  if ([metalViewRegistry objectForKey:_contextId] != nil) {
+   [metalViewRegistry removeObjectForKey:_contextId];
+  }
+}
+
+- (void)updateProps:(const facebook::react::Props::Shared &)props oldProps:(const facebook::react::Props::Shared &)oldProps {
+  const auto &oldViewProps = *std::static_pointer_cast<const WebGPUViewProps>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<const WebGPUViewProps>(props);
+  
+  if (newViewProps.contextId != oldViewProps.contextId) {
+    _contextId = [[NSNumber alloc] initWithInt:newViewProps.contextId];
+  }
+  
+  [super updateProps:props oldProps:oldProps];
 }
 
 - (void)updateLayoutMetrics:

package/lib/commonjs/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WebGPUViewNativeComponent","_interopRequireDefault","_NativeWebGPUModule","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CONTEXT_COUNTER","generateContextId","global","__WebGPUContextRegistry","WebGPUContextRegistry","Canvas","exports","forwardRef","props","ref","contextId","_","useState","useImperativeHandle","getNativeSurface","WebGPUNativeModule","createSurfaceContext","getContext","contextName","Error","nativeSurface","ctx","RNWebGPU","MakeWebGPUCanvasContext","useEffect","React","createElement"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAsD,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEtD,IAAIO,eAAe,GAAG,CAAC;AACvB,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,OAAOD,eAAe,EAAE;AAC1B;AAsBAE,MAAM,CAACC,uBAAuB,GAAG,CAAC,CAAC;AACnC,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,uBAAuB;AAWrD,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAAuB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM,CAACC,SAAS,EAAEC,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMX,iBAAiB,CAAC,CAAC,CAAC;EAE1D,IAAAY,0BAAmB,EAACJ,GAAG,EAAE,OAAO;IAC9BK,gBAAgB,EAAEA,CAAA,KAAM;MACtBC,2BAAkB,CAACC,oBAAoB,CAACN,SAAS,CAAC;MAClD,OAAON,qBAAqB,CAACM,SAAS,CAAC;IACzC,CAAC;IACDO,UAAUA,CAACC,WAAqB,EAAwB;MACtD,IAAIA,WAAW,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAIC,KAAK,CAAC,iCAAiCD,WAAW,EAAE,CAAC;MACjE;MACAH,2BAAkB,CAACC,oBAAoB,CAACN,SAAS,CAAC;MAClD,MAAMU,aAAa,GAAGhB,qBAAqB,CAACM,SAAS,CAAC;MACtD,IAAI,CAACU,aAAa,EAAE;QAClB,OAAO,IAAI;MACb;MACA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,uBAAuB,CAACH,aAAa,CAAC;MAC3D,OAAOC,GAAG;IACZ;EACF,CAAC,CAAC,CAAC;EAEH,IAAAG,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,OAAOpB,qBAAqB,CAACM,SAAS,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBAAOe,KAAA,CAAAC,aAAA,CAAC5C,0BAAA,CAAAK,OAAgB,EAAAC,QAAA,KAAKoB,KAAK;IAAEE,SAAS,EAAEA;EAAU,EAAE,CAAC;AAC9D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_WebGPUViewNativeComponent","_interopRequireDefault","_NativeWebGPUModule","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CONTEXT_COUNTER","generateContextId","global","__WebGPUContextRegistry","WebGPUContextRegistry","Canvas","exports","forwardRef","props","ref","contextId","_","useState","useImperativeHandle","getNativeSurface","WebGPUNativeModule","createSurfaceContext","getContext","contextName","Error","nativeSurface","ctx","RNWebGPU","MakeWebGPUCanvasContext","useEffect","React","createElement"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAsD,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEtD,IAAIO,eAAe,GAAG,CAAC;AACvB,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,OAAOD,eAAe,EAAE;AAC1B;AAwBAE,MAAM,CAACC,uBAAuB,GAAG,CAAC,CAAC;AACnC,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,uBAAuB;AAWrD,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAAuB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM,CAACC,SAAS,EAAEC,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMX,iBAAiB,CAAC,CAAC,CAAC;EAE1D,IAAAY,0BAAmB,EAACJ,GAAG,EAAE,OAAO;IAC9BK,gBAAgB,EAAEA,CAAA,KAAM;MACtBC,2BAAkB,CAACC,oBAAoB,CAACN,SAAS,CAAC;MAClD,OAAON,qBAAqB,CAACM,SAAS,CAAC;IACzC,CAAC;IACDO,UAAUA,CAACC,WAAqB,EAAwB;MACtD,IAAIA,WAAW,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAIC,KAAK,CAAC,iCAAiCD,WAAW,EAAE,CAAC;MACjE;MACAH,2BAAkB,CAACC,oBAAoB,CAACN,SAAS,CAAC;MAClD,MAAMU,aAAa,GAAGhB,qBAAqB,CAACM,SAAS,CAAC;MACtD,IAAI,CAACU,aAAa,EAAE;QAClB,OAAO,IAAI;MACb;MACA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,uBAAuB,CAACH,aAAa,CAAC;MAC3D,OAAOC,GAAG;IACZ;EACF,CAAC,CAAC,CAAC;EAEH,IAAAG,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,OAAOpB,qBAAqB,CAACM,SAAS,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBAAOe,KAAA,CAAAC,aAAA,CAAC5C,0BAAA,CAAAK,OAAgB,EAAAC,QAAA,KAAKoB,KAAK;IAAEE,SAAS,EAAEA;EAAU,EAAE,CAAC;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -11,7 +11,7 @@ const warnIfNotHardwareAccelerated = adapter => {
   }
 };
 exports.warnIfNotHardwareAccelerated = warnIfNotHardwareAccelerated;
-const useCanvasEffect = effect => {
+const useCanvasEffect = (effect, deps = []) => {
   const ref = (0, _react.useRef)(null);
   const unsubscribe = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -32,7 +32,7 @@ const useCanvasEffect = effect => {
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, deps);
   return ref;
 };
 exports.useCanvasEffect = useCanvasEffect;

package/lib/commonjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","warnIfNotHardwareAccelerated","adapter","info","architecture","console","warn","exports","useCanvasEffect","effect","ref","useRef","unsubscribe","useEffect","requestAnimationFrame","unsub","current"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMO,MAAMC,4BAA4B,GAAIC,OAAmB,IAAK;EACnE,IAAIA,OAAO,CAACC,IAAI,CAACC,YAAY,KAAK,aAAa,EAAE;IAC/CC,OAAO,CAACC,IAAI,CACV,sGACF,CAAC;EACH;AACF,CAAC;AAACC,OAAA,CAAAN,4BAAA,GAAAA,4BAAA;AAEK,MAAMO,eAAe,GAC1BC,MAA8D,IAC3D;EACH,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EACnC,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAAc,CAAC;EACzC,IAAAE,gBAAS,EAAC,MAAM;IACdC,qBAAqB,CAAC,YAAY;MAChC;MACA;MACA;MACA;MACA;MACA,MAAMC,KAAK,GAAG,MAAMN,MAAM,CAAC,CAAC;MAC5B,IAAIM,KAAK,EAAE;QACTH,WAAW,CAACI,OAAO,GAAGD,KAAK;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIH,WAAW,CAACI,OAAO,EAAE;QACvBJ,WAAW,CAACI,OAAO,CAAC,CAAC;MACvB;IACF,CAAC;IACD;EACF,CAAC,EAAE,EAAE,CAAC;EACN,OAAON,GAAG;AACZ,CAAC;AAACH,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","warnIfNotHardwareAccelerated","adapter","info","architecture","console","warn","exports","useCanvasEffect","effect","deps","ref","useRef","unsubscribe","useEffect","requestAnimationFrame","unsub","current"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,MAAMC,4BAA4B,GAAIC,OAAmB,IAAK;EACnE,IAAIA,OAAO,CAACC,IAAI,CAACC,YAAY,KAAK,aAAa,EAAE;IAC/CC,OAAO,CAACC,IAAI,CACV,sGACF,CAAC;EACH;AACF,CAAC;AAACC,OAAA,CAAAN,4BAAA,GAAAA,4BAAA;AAEK,MAAMO,eAAe,GAAGA,CAC7BC,MAA8D,EAC9DC,IAAoB,GAAG,EAAE,KACtB;EACH,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EACnC,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAAc,CAAC;EACzC,IAAAE,gBAAS,EAAC,MAAM;IACdC,qBAAqB,CAAC,YAAY;MAChC;MACA;MACA;MACA;MACA;MACA,MAAMC,KAAK,GAAG,MAAMP,MAAM,CAAC,CAAC;MAC5B,IAAIO,KAAK,EAAE;QACTH,WAAW,CAACI,OAAO,GAAGD,KAAK;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIH,WAAW,CAACI,OAAO,EAAE;QACvBJ,WAAW,CAACI,OAAO,CAAC,CAAC;MACvB;IACF,CAAC;IACD;EACF,CAAC,EAAEP,IAAI,CAAC;EACR,OAAOC,GAAG;AACZ,CAAC;AAACJ,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/module/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useState","WebGPUNativeView","WebGPUNativeModule","CONTEXT_COUNTER","generateContextId","global","__WebGPUContextRegistry","WebGPUContextRegistry","Canvas","props","ref","contextId","_","getNativeSurface","createSurfaceContext","getContext","contextName","Error","nativeSurface","ctx","RNWebGPU","MakeWebGPUCanvasContext","React","createElement","_extends"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":";AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,OAAO;AAE5E,OAAOC,gBAAgB,MAAM,6BAA6B;AAC1D,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,IAAIC,eAAe,GAAG,CAAC;AACvB,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,OAAOD,eAAe,EAAE;AAC1B;AAsBAE,MAAM,CAACC,uBAAuB,GAAG,CAAC,CAAC;AACnC,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,uBAAuB;AAW5D,OAAO,MAAME,MAAM,gBAAGX,UAAU,CAAuB,CAACY,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM,CAACC,SAAS,EAAEC,CAAC,CAAC,GAAGZ,QAAQ,CAAC,MAAMI,iBAAiB,CAAC,CAAC,CAAC;EAE1DL,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAC9BG,gBAAgB,EAAEA,CAAA,KAAM;MACtBX,kBAAkB,CAACY,oBAAoB,CAACH,SAAS,CAAC;MAClD,OAAOJ,qBAAqB,CAACI,SAAS,CAAC;IACzC,CAAC;IACDI,UAAUA,CAACC,WAAqB,EAAwB;MACtD,IAAIA,WAAW,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAIC,KAAK,CAAC,iCAAiCD,WAAW,EAAE,CAAC;MACjE;MACAd,kBAAkB,CAACY,oBAAoB,CAACH,SAAS,CAAC;MAClD,MAAMO,aAAa,GAAGX,qBAAqB,CAACI,SAAS,CAAC;MACtD,IAAI,CAACO,aAAa,EAAE;QAClB,OAAO,IAAI;MACb;MACA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,uBAAuB,CAACH,aAAa,CAAC;MAC3D,OAAOC,GAAG;IACZ;EACF,CAAC,CAAC,CAAC;EAEHrB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,OAAOS,qBAAqB,CAACI,SAAS,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBAAOW,KAAA,CAAAC,aAAA,CAACtB,gBAAgB,EAAAuB,QAAA,KAAKf,KAAK;IAAEE,SAAS,EAAEA;EAAU,EAAE,CAAC;AAC9D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useState","WebGPUNativeView","WebGPUNativeModule","CONTEXT_COUNTER","generateContextId","global","__WebGPUContextRegistry","WebGPUContextRegistry","Canvas","props","ref","contextId","_","getNativeSurface","createSurfaceContext","getContext","contextName","Error","nativeSurface","ctx","RNWebGPU","MakeWebGPUCanvasContext","React","createElement","_extends"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":";AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,OAAO;AAE5E,OAAOC,gBAAgB,MAAM,6BAA6B;AAC1D,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,IAAIC,eAAe,GAAG,CAAC;AACvB,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,OAAOD,eAAe,EAAE;AAC1B;AAwBAE,MAAM,CAACC,uBAAuB,GAAG,CAAC,CAAC;AACnC,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,uBAAuB;AAW5D,OAAO,MAAME,MAAM,gBAAGX,UAAU,CAAuB,CAACY,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM,CAACC,SAAS,EAAEC,CAAC,CAAC,GAAGZ,QAAQ,CAAC,MAAMI,iBAAiB,CAAC,CAAC,CAAC;EAE1DL,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAC9BG,gBAAgB,EAAEA,CAAA,KAAM;MACtBX,kBAAkB,CAACY,oBAAoB,CAACH,SAAS,CAAC;MAClD,OAAOJ,qBAAqB,CAACI,SAAS,CAAC;IACzC,CAAC;IACDI,UAAUA,CAACC,WAAqB,EAAwB;MACtD,IAAIA,WAAW,KAAK,QAAQ,EAAE;QAC5B,MAAM,IAAIC,KAAK,CAAC,iCAAiCD,WAAW,EAAE,CAAC;MACjE;MACAd,kBAAkB,CAACY,oBAAoB,CAACH,SAAS,CAAC;MAClD,MAAMO,aAAa,GAAGX,qBAAqB,CAACI,SAAS,CAAC;MACtD,IAAI,CAACO,aAAa,EAAE;QAClB,OAAO,IAAI;MACb;MACA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,uBAAuB,CAACH,aAAa,CAAC;MAC3D,OAAOC,GAAG;IACZ;EACF,CAAC,CAAC,CAAC;EAEHrB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,OAAOS,qBAAqB,CAACI,SAAS,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBAAOW,KAAA,CAAAC,aAAA,CAACtB,gBAAgB,EAAAuB,QAAA,KAAKf,KAAK;IAAEE,SAAS,EAAEA;EAAU,EAAE,CAAC;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/module/utils.js

@@ -4,7 +4,7 @@ export const warnIfNotHardwareAccelerated = adapter => {
     console.warn("GPUAdapter is not hardware accelerated. This is common on Android emulators. Rendering will be slow.");
   }
 };
-export const useCanvasEffect = effect => {
+export const useCanvasEffect = (effect, deps = []) => {
   const ref = useRef(null);
   const unsubscribe = useRef();
   useEffect(() => {
@@ -25,7 +25,7 @@ export const useCanvasEffect = effect => {
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, deps);
   return ref;
 };
 //# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","warnIfNotHardwareAccelerated","adapter","info","architecture","console","warn","useCanvasEffect","effect","ref","unsubscribe","requestAnimationFrame","unsub","current"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAMzC,OAAO,MAAMC,4BAA4B,GAAIC,OAAmB,IAAK;EACnE,IAAIA,OAAO,CAACC,IAAI,CAACC,YAAY,KAAK,aAAa,EAAE;IAC/CC,OAAO,CAACC,IAAI,CACV,sGACF,CAAC;EACH;AACF,CAAC;AAED,OAAO,MAAMC,eAAe,GAC1BC,MAA8D,IAC3D;EACH,MAAMC,GAAG,GAAGT,MAAM,CAAY,IAAI,CAAC;EACnC,MAAMU,WAAW,GAAGV,MAAM,CAAc,CAAC;EACzCD,SAAS,CAAC,MAAM;IACdY,qBAAqB,CAAC,YAAY;MAChC;MACA;MACA;MACA;MACA;MACA,MAAMC,KAAK,GAAG,MAAMJ,MAAM,CAAC,CAAC;MAC5B,IAAII,KAAK,EAAE;QACTF,WAAW,CAACG,OAAO,GAAGD,KAAK;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIF,WAAW,CAACG,OAAO,EAAE;QACvBH,WAAW,CAACG,OAAO,CAAC,CAAC;MACvB;IACF,CAAC;IACD;EACF,CAAC,EAAE,EAAE,CAAC;EACN,OAAOJ,GAAG;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","warnIfNotHardwareAccelerated","adapter","info","architecture","console","warn","useCanvasEffect","effect","deps","ref","unsubscribe","requestAnimationFrame","unsub","current"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAMzC,OAAO,MAAMC,4BAA4B,GAAIC,OAAmB,IAAK;EACnE,IAAIA,OAAO,CAACC,IAAI,CAACC,YAAY,KAAK,aAAa,EAAE;IAC/CC,OAAO,CAACC,IAAI,CACV,sGACF,CAAC;EACH;AACF,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,MAA8D,EAC9DC,IAAoB,GAAG,EAAE,KACtB;EACH,MAAMC,GAAG,GAAGV,MAAM,CAAY,IAAI,CAAC;EACnC,MAAMW,WAAW,GAAGX,MAAM,CAAc,CAAC;EACzCD,SAAS,CAAC,MAAM;IACda,qBAAqB,CAAC,YAAY;MAChC;MACA;MACA;MACA;MACA;MACA,MAAMC,KAAK,GAAG,MAAML,MAAM,CAAC,CAAC;MAC5B,IAAIK,KAAK,EAAE;QACTF,WAAW,CAACG,OAAO,GAAGD,KAAK;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIF,WAAW,CAACG,OAAO,EAAE;QACvBH,WAAW,CAACG,OAAO,CAAC,CAAC;MACvB;IACF,CAAC;IACD;EACF,CAAC,EAAEL,IAAI,CAAC;EACR,OAAOC,GAAG;AACZ,CAAC","ignoreList":[]}

package/lib/typescript/lib/commonjs/utils.d.ts

@@ -1,5 +1,5 @@
 export const __esModule: boolean;
 export function warnIfNotHardwareAccelerated(adapter: any): void;
-export function useCanvasEffect(effect: any): _react.MutableRefObject<null>;
+export function useCanvasEffect(effect: any, deps?: any[]): _react.MutableRefObject<null>;
 import _react = require("react");
 //# sourceMappingURL=utils.d.ts.map

package/lib/typescript/lib/commonjs/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../commonjs/utils.js"],"names":[],"mappings":";AAOA,iEAIC;AAED,4EAuBC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../commonjs/utils.js"],"names":[],"mappings":";AAOA,iEAIC;AAED,0FAuBC"}

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

@@ -1,3 +1,3 @@
 export function warnIfNotHardwareAccelerated(adapter: any): void;
-export function useCanvasEffect(effect: any): import("react").MutableRefObject<null>;
+export function useCanvasEffect(effect: any, deps?: any[]): import("react").MutableRefObject<null>;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../module/utils.js"],"names":[],"mappings":"AACO,iEAIN;AACM,qFAuBN"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../module/utils.js"],"names":[],"mappings":"AACO,iEAIN;AACM,mGAuBN"}

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

@@ -8,8 +8,9 @@ declare global {
         createImageBitmap: typeof createImageBitmap;
     };
 }
+type SurfacePointer = bigint;
 export interface NativeCanvas {
-    surface: bigint;
+    surface: SurfacePointer;
     width: number;
     height: number;
     clientWidth: number;
@@ -17,10 +18,10 @@ export interface NativeCanvas {
 }
 type CanvasContext = GPUCanvasContext & {
     present: () => void;
-    getNativeSurface: () => NativeCanvas;
 };
 export interface CanvasRef {
     getContext(contextName: "webgpu"): CanvasContext | null;
+    getNativeSurface: () => NativeCanvas;
 }
 export declare const Canvas: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<CanvasRef>>;
 export {};

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,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAW9C,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE1D,IAAI,QAAQ,EAAE;QACZ,GAAG,EAAE,GAAG,CAAC;QACT,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,aAAa,CAAC;QACvE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,WAAW,KAAK,MAAM,CAAC;QACvE,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;KAC7C,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAKD,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,YAAY,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,WAAW,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,iGA6BjB,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAW9C,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE1D,IAAI,QAAQ,EAAE;QACZ,GAAG,EAAE,GAAG,CAAC;QACT,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,aAAa,CAAC;QACvE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,WAAW,KAAK,MAAM,CAAC;QACvE,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;KAC7C,CAAC;CACH;AAED,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;AAKD,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,WAAW,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,CAAC;IACxD,gBAAgB,EAAE,MAAM,YAAY,CAAC;CACtC;AAED,eAAO,MAAM,MAAM,iGA6BjB,CAAC"}

package/lib/typescript/src/__tests__/ArrayBuffer.spec.d.ts

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

package/lib/typescript/src/__tests__/ArrayBuffer.spec.d.ts.map

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

package/lib/typescript/src/__tests__/Buffer.spec.d.ts

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

package/lib/typescript/src/__tests__/Buffer.spec.d.ts.map

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

package/lib/typescript/src/__tests__/ComputeShader.spec.d.ts

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

package/lib/typescript/src/__tests__/ComputeShader.spec.d.ts.map

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

package/lib/typescript/src/__tests__/Constants.spec.d.ts

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

package/lib/typescript/src/__tests__/Constants.spec.d.ts.map

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

package/lib/typescript/src/__tests__/Device.spec.d.ts

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

package/lib/typescript/src/__tests__/Device.spec.d.ts.map

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

package/lib/typescript/src/__tests__/ExternalTexture.spec.d.ts

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

package/lib/typescript/src/__tests__/ExternalTexture.spec.d.ts.map

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

package/lib/typescript/src/__tests__/GPU.spec.d.ts

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

package/lib/typescript/src/__tests__/GPU.spec.d.ts.map

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

package/lib/typescript/src/__tests__/ImageData.spec.d.ts

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

package/lib/typescript/src/__tests__/ImageData.spec.d.ts.map

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

package/lib/typescript/src/__tests__/Shaders.spec.d.ts

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

package/lib/typescript/src/__tests__/Shaders.spec.d.ts.map

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

package/lib/typescript/src/__tests__/Texture.spec.d.ts

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

package/lib/typescript/src/__tests__/Texture.spec.d.ts.map

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

package/lib/typescript/src/__tests__/components/DrawingContext.d.ts

@@ -0,0 +1,12 @@
+export interface DrawingContext {
+    width: number;
+    height: number;
+    getCurrentTexture(): GPUTexture;
+    getImageData(): Promise<{
+        data: number[];
+        width: number;
+        height: number;
+        format: string;
+    }>;
+}
+//# sourceMappingURL=DrawingContext.d.ts.map

package/lib/typescript/src/__tests__/components/DrawingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawingContext.d.ts","sourceRoot":"","sources":["../../../../../src/__tests__/components/DrawingContext.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,IAAI,UAAU,CAAC;IAChC,YAAY,IAAI,OAAO,CAAC;QACtB,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ"}

package/lib/typescript/src/__tests__/components/Wireframe/Shaders.d.ts

@@ -0,0 +1,3 @@
+export declare const solidColorLitWGSL = "struct Uniforms {\n  worldViewProjectionMatrix: mat4x4f,\n  worldMatrix: mat4x4f,\n  color: vec4f,\n};\n\nstruct Vertex {\n  @location(0) position: vec4f,\n  @location(1) normal: vec3f,\n};\n\nstruct VSOut {\n  @builtin(position) position: vec4f,\n  @location(0) normal: vec3f,\n};\n\n@group(0) @binding(0) var<uniform> uni: Uniforms;\n\n@vertex fn vs(vin: Vertex) -> VSOut {\n  var vOut: VSOut;\n  vOut.position = uni.worldViewProjectionMatrix * vin.position;\n  vOut.normal = (uni.worldMatrix * vec4f(vin.normal, 0)).xyz;\n  return vOut;\n}\n\n@fragment fn fs(vin: VSOut) -> @location(0) vec4f {\n  let lightDirection = normalize(vec3f(4, 10, 6));\n  let light = dot(normalize(vin.normal), lightDirection) * 0.5 + 0.5;\n  return vec4f(uni.color.rgb * light, uni.color.a);\n}";
+export declare const wireframeWGSL = "struct Uniforms {\n  worldViewProjectionMatrix: mat4x4f,\n  worldMatrix: mat4x4f,\n  color: vec4f,\n};\n\nstruct LineUniforms {\n  stride: u32,\n  thickness: f32,\n  alphaThreshold: f32,\n};\n\nstruct VSOut {\n  @builtin(position) position: vec4f,\n};\n\n@group(0) @binding(0) var<uniform> uni: Uniforms;\n@group(0) @binding(1) var<storage, read> positions: array<f32>;\n@group(0) @binding(2) var<storage, read> indices: array<u32>;\n@group(0) @binding(3) var<uniform> line: LineUniforms;\n\n@vertex fn vsIndexedU32(@builtin(vertex_index) vNdx: u32) -> VSOut {\n  // indices make a triangle so for every 3 indices we need to output\n  // 6 values\n  let triNdx = vNdx / 6;\n  // 0 1 0 1 0 1  0 1 0 1 0 1  vNdx % 2\n  // 0 0 1 1 2 2  3 3 4 4 5 5  vNdx / 2\n  // 0 1 1 2 2 3  3 4 4 5 5 6  vNdx % 2 + vNdx / 2\n  // 0 1 1 2 2 0  0 1 1 2 2 0  (vNdx % 2 + vNdx / 2) % 3\n  let vertNdx = (vNdx % 2 + vNdx / 2) % 3;\n  let index = indices[triNdx * 3 + vertNdx];\n\n  // note:\n  //\n  // * if your indices are U16 you could use this\n  //\n  //    let indexNdx = triNdx * 3 + vertNdx;\n  //    let twoIndices = indices[indexNdx / 2];  // indices is u32 but we want u16\n  //    let index = (twoIndices >> ((indexNdx & 1) * 16)) & 0xFFFF;\n  //\n  // * if you're not using indices you could use this\n  //\n  //    let index = triNdx * 3 + vertNdx;\n\n  let pNdx = index * line.stride;\n  let position = vec4f(positions[pNdx], positions[pNdx + 1], positions[pNdx + 2], 1);\n\n  var vOut: VSOut;\n  vOut.position = uni.worldViewProjectionMatrix * position;\n  return vOut;\n}\n\n@fragment fn fs() -> @location(0) vec4f {\n  return uni.color + vec4f(0.5);\n}\n\nstruct BarycentricCoordinateBasedVSOutput {\n  @builtin(position) position: vec4f,\n  @location(0) barycenticCoord: vec3f,\n};\n\n@vertex fn vsIndexedU32BarycentricCoordinateBasedLines(\n  @builtin(vertex_index) vNdx: u32\n) -> BarycentricCoordinateBasedVSOutput {\n  let vertNdx = vNdx % 3;\n  let index = indices[vNdx];\n\n  // note:\n  //\n  // * if your indices are U16 you could use this\n  //\n  //    let twoIndices = indices[vNdx / 2];  // indices is u32 but we want u16\n  //    let index = (twoIndices >> ((vNdx & 1) * 16)) & 0xFFFF;\n  //\n  // * if you're not using indices you could use this\n  //\n  //    let index = vNdx;\n\n  let pNdx = index * line.stride;\n  let position = vec4f(positions[pNdx], positions[pNdx + 1], positions[pNdx + 2], 1);\n\n  var vsOut: BarycentricCoordinateBasedVSOutput;\n  vsOut.position = uni.worldViewProjectionMatrix * position;\n\n  // emit a barycentric coordinate\n  vsOut.barycenticCoord = vec3f(0);\n  vsOut.barycenticCoord[vertNdx] = 1.0;\n  return vsOut;\n}\n\nfn edgeFactor(bary: vec3f) -> f32 {\n  let d = fwidth(bary);\n  let a3 = smoothstep(vec3f(0.0), d * line.thickness, bary);\n  return min(min(a3.x, a3.y), a3.z);\n}\n\n@fragment fn fsBarycentricCoordinateBasedLines(\n  v: BarycentricCoordinateBasedVSOutput\n) -> @location(0) vec4f {\n  let a = 1.0 - edgeFactor(v.barycenticCoord);\n  if (a < line.alphaThreshold) {\n    discard;\n  }\n\n  return vec4((uni.color.rgb + 0.5) * a, a);\n}\n";
+//# sourceMappingURL=Shaders.d.ts.map

package/lib/typescript/src/__tests__/components/Wireframe/Shaders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shaders.d.ts","sourceRoot":"","sources":["../../../../../../src/__tests__/components/Wireframe/Shaders.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,6wBA6B5B,CAAC;AAEH,eAAO,MAAM,aAAa,oiGA0GzB,CAAC"}

package/lib/typescript/src/__tests__/components/Wireframe/models.d.ts

@@ -0,0 +1,29 @@
+type Mesh = {
+    positions: [number, number, number][];
+    triangles: [number, number, number][];
+    normals: [number, number, number][];
+};
+export declare function convertMeshToTypedArrays(mesh: Mesh, scale: number, offset?: number[]): {
+    vertices: Float32Array;
+    indices: Uint32Array;
+};
+export declare const modelData: {
+    teapot: {
+        vertices: Float32Array;
+        indices: Uint32Array;
+    };
+    sphere: {
+        vertices: Float32Array;
+        indices: Uint32Array;
+    };
+    jewel: {
+        vertices: Float32Array;
+        indices: Uint32Array;
+    };
+    rock: {
+        vertices: Float32Array;
+        indices: Uint32Array;
+    };
+};
+export {};
+//# sourceMappingURL=models.d.ts.map

package/lib/typescript/src/__tests__/components/Wireframe/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../../../src/__tests__/components/Wireframe/models.ts"],"names":[],"mappings":"AAUA,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACtC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CACrC,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,MAAM,WAAY;;;EAoBnB;AAoED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAKrB,CAAC"}

package/lib/typescript/src/__tests__/components/Wireframe/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function rand(min?: number, max?: number): number;
+export declare function randInt(min: number, max?: number): number;
+export declare function randColor(): number[];
+export declare function randElement<T>(arr: T[]): T;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/__tests__/components/Wireframe/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/__tests__/components/Wireframe/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAS9C;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAEhD;AAED,wBAAgB,SAAS,aAExB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAE1C"}

package/lib/typescript/src/__tests__/components/cube.d.ts

@@ -0,0 +1,7 @@
+export declare const cubeVertexSize: number;
+export declare const cubePositionOffset = 0;
+export declare const cubeColorOffset: number;
+export declare const cubeUVOffset: number;
+export declare const cubeVertexCount = 36;
+export declare const cubeVertexArray: Float32Array;
+//# sourceMappingURL=cube.d.ts.map

package/lib/typescript/src/__tests__/components/cube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cube.d.ts","sourceRoot":"","sources":["../../../../../src/__tests__/components/cube.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAAS,CAAC;AACrC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,eAAe,QAAQ,CAAC;AACrC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAClC,eAAO,MAAM,eAAe,KAAK,CAAC;AAGlC,eAAO,MAAM,eAAe,cA2C1B,CAAC"}

package/lib/typescript/src/__tests__/components/meshes/mesh.d.ts

@@ -0,0 +1,22 @@
+export interface Renderable {
+    vertexBuffer: GPUBuffer;
+    indexBuffer: GPUBuffer;
+    indexCount: number;
+    bindGroup?: GPUBindGroup;
+}
+export interface Mesh {
+    vertices: Float32Array;
+    indices: Uint16Array | Uint32Array;
+    vertexStride: number;
+}
+/**
+ * @param {GPUDevice} device - A valid GPUDevice.
+ * @param {Mesh} mesh - An indexed triangle-list mesh, containing its vertices, indices, and vertexStride (number of elements per vertex).
+ * @param {boolean} storeVertices - A boolean flag indicating whether the vertexBuffer should be available to use as a storage buffer.
+ * @returns {boolean} An object containing an array of bindGroups and the bindGroupLayout they implement.
+ */
+export declare const createMeshRenderable: (device: GPUDevice, mesh: Mesh, storeVertices?: boolean, storeIndices?: boolean) => Renderable;
+export declare const getMeshPosAtIndex: (mesh: Mesh, index: number) => Float32Array;
+export declare const getMeshNormalAtIndex: (mesh: Mesh, index: number) => Float32Array;
+export declare const getMeshUVAtIndex: (mesh: Mesh, index: number) => Float32Array;
+//# sourceMappingURL=mesh.d.ts.map

package/lib/typescript/src/__tests__/components/meshes/mesh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesh.d.ts","sourceRoot":"","sources":["../../../../../../src/__tests__/components/meshes/mesh.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,WAAW,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,WACvB,SAAS,QACX,IAAI,sDAGT,UAyCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,IAAI,SAAS,MAAM,iBAO1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,SAAS,MAAM,iBAO7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,IAAI,SAAS,MAAM,iBAOzD,CAAC"}

package/lib/typescript/src/__tests__/components/meshes/sphere.d.ts

@@ -0,0 +1,12 @@
+export interface SphereMesh {
+    vertices: Float32Array;
+    indices: Uint16Array;
+}
+export declare const SphereLayout: {
+    vertexStride: number;
+    positionsOffset: number;
+    normalOffset: number;
+    uvOffset: number;
+};
+export declare function createSphereMesh(radius: number, widthSegments?: number, heightSegments?: number, randomness?: number): SphereMesh;
+//# sourceMappingURL=sphere.d.ts.map

package/lib/typescript/src/__tests__/components/meshes/sphere.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sphere.d.ts","sourceRoot":"","sources":["../../../../../../src/__tests__/components/meshes/sphere.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAC;AAGF,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,aAAa,SAAK,EAClB,cAAc,SAAK,EACnB,UAAU,SAAI,GACb,UAAU,CAkFZ"}

package/lib/typescript/src/__tests__/components/meshes/stanfordDragon.d.ts

@@ -0,0 +1,7 @@
+export declare const mesh: {
+    positions: [number, number, number][];
+    triangles: [number, number, number][];
+    normals: [number, number, number][];
+    uvs: [number, number][];
+};
+//# sourceMappingURL=stanfordDragon.d.ts.map