react-native-wgpu 0.1.14 → 0.1.16

package/android/cpp/cpp-adapter.cpp

@@ -68,4 +68,4 @@ extern "C" JNIEXPORT void JNICALL Java_com_webgpu_WebGPUView_onSurfaceDestroy(
     JNIEnv *env, jobject thiz, jint contextId) {
   auto &registry = rnwgpu::SurfaceRegistry::getInstance();
   registry.removeSurfaceInfo(contextId);
-}
+}

package/android/src/main/java/com/webgpu/WebGPUAHBView.java

@@ -0,0 +1,88 @@
+package com.webgpu;
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Matrix;
+import android.graphics.PixelFormat;
+import android.hardware.HardwareBuffer;
+import android.media.Image;
+import android.media.ImageReader;
+import android.os.Build;
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.RequiresApi;
+
+import java.util.LinkedList;
+import java.util.Queue;
+
+@SuppressLint("ViewConstructor")
+@RequiresApi(api = Build.VERSION_CODES.Q)
+public class WebGPUAHBView extends View {
+
+  private final Queue<ImageReader> mImageReaders = new LinkedList<>();
+  private Bitmap mBitmap = null;
+
+  private final Matrix matrix = new Matrix();
+
+  WebGPUAPI mApi;
+
+  public WebGPUAHBView(Context context, WebGPUAPI api) {
+    super(context);
+    mApi = api;
+  }
+
+  @Override
+  protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
+    super.onLayout(changed, left, top, right, bottom);
+    long usage = HardwareBuffer.USAGE_GPU_SAMPLED_IMAGE |
+      HardwareBuffer.USAGE_GPU_COLOR_OUTPUT;
+    ImageReader imageReader = ImageReader.newInstance(getWidth(), getHeight(), PixelFormat.RGBA_8888, 2, usage);
+    if (mImageReaders.isEmpty()) {
+      mApi.surfaceCreated(imageReader.getSurface());
+    } else {
+      mApi.surfaceChanged(imageReader.getSurface());
+    }
+    imageReader.setOnImageAvailableListener(new ImageReader.OnImageAvailableListener() {
+      @Override
+      public void onImageAvailable(ImageReader reader) {
+        try (Image image = reader.acquireLatestImage()) {
+          if (image != null) {
+            HardwareBuffer hb = image.getHardwareBuffer();
+            if (hb != null) {
+              Bitmap bitmap = Bitmap.wrapHardwareBuffer(hb, null);
+              if (bitmap != null) {
+                mBitmap = bitmap;
+                hb.close();
+                invalidate();
+                ImageReader imageReader = mImageReaders.poll();
+                ImageReader ir;
+                while((ir = mImageReaders.poll()) != null) {
+                    ir.close();
+                }
+                mImageReaders.add(imageReader);
+              }
+            }
+          }
+        }
+      }
+    }, null);
+    mImageReaders.add(imageReader);
+  }
+
+  @Override
+  protected void onDraw(@NonNull Canvas canvas) {
+    super.onDraw(canvas);
+    if (mBitmap != null) {
+      canvas.drawBitmap(mBitmap, matrix, null);
+    }
+  }
+
+  @Override
+  protected void onDetachedFromWindow() {
+    super.onDetachedFromWindow();
+    mApi.surfaceDestroyed();
+  }
+}

package/android/src/main/java/com/webgpu/WebGPUAPI.java

@@ -0,0 +1,20 @@
+package com.webgpu;
+
+import android.view.Surface;
+
+import com.facebook.proguard.annotations.DoNotStrip;
+
+public interface WebGPUAPI {
+
+  void surfaceCreated(
+    Surface surface
+  );
+
+  void surfaceChanged(
+    Surface surface
+  );
+
+  void surfaceDestroyed();
+
+  void surfaceOffscreen();
+}

package/android/src/main/java/com/webgpu/WebGPUBaseView.java

@@ -0,0 +1,61 @@
+package com.webgpu;
+
+import android.content.Context;
+import android.view.Surface;
+import android.view.View;
+import com.facebook.proguard.annotations.DoNotStrip;
+
+public abstract class WebGPUBaseView extends View {
+  protected Integer mContextId;
+
+  public WebGPUBaseView(Context context, Integer contextId) {
+    super(context);
+    mContextId = contextId;
+  }
+
+  protected void handleSurfaceCreate(Surface surface) {
+    float density = getResources().getDisplayMetrics().density;
+    float scaledWidth = getWidth() / density;
+    float scaledHeight = getHeight() / density;
+    onSurfaceCreate(surface, mContextId, scaledWidth, scaledHeight);
+  }
+
+  protected void handleSurfaceChanged(Surface surface) {
+    float density = getResources().getDisplayMetrics().density;
+    float scaledWidth = getWidth() / density;
+    float scaledHeight = getHeight() / density;
+    onSurfaceChanged(surface, mContextId, scaledWidth, scaledHeight);
+  }
+
+  protected void handleSurfaceDestroyed() {
+    onSurfaceDestroy(mContextId);
+  }
+
+  @Override
+  protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
+    super.onLayout(changed, left, top, right, bottom);
+  }
+
+
+  @DoNotStrip
+  private native void onSurfaceCreate(
+    Surface surface,
+    int contextId,
+    float width,
+    float height
+  );
+
+  @DoNotStrip
+  private native void onSurfaceChanged(
+    Surface surface,
+    int contextId,
+    float width,
+    float height
+  );
+
+  @DoNotStrip
+  private native void onSurfaceDestroy(int contextId);
+
+  @DoNotStrip
+  protected native void switchToOffscreenSurface(int contextId);
+}

package/android/src/main/java/com/webgpu/WebGPUSurfaceView.java

@@ -0,0 +1,41 @@
+package com.webgpu;
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.view.SurfaceHolder;
+import android.view.SurfaceView;
+
+import androidx.annotation.NonNull;
+
+@SuppressLint("ViewConstructor")
+public class WebGPUSurfaceView extends SurfaceView implements SurfaceHolder.Callback {
+
+  WebGPUAPI mApi;
+
+  public WebGPUSurfaceView(Context context, WebGPUAPI api) {
+    super(context);
+    mApi = api;
+    getHolder().addCallback(this);
+  }
+
+  @Override
+  protected void onDetachedFromWindow() {
+    super.onDetachedFromWindow();
+    mApi.surfaceDestroyed();
+  }
+
+  @Override
+  public void surfaceCreated(@NonNull SurfaceHolder holder) {
+    mApi.surfaceCreated(holder.getSurface());
+  }
+
+  @Override
+  public void surfaceChanged(@NonNull SurfaceHolder holder, int format, int width, int height) {
+    mApi.surfaceChanged(holder.getSurface());
+  }
+
+  @Override
+  public void surfaceDestroyed(@NonNull SurfaceHolder holder) {
+    mApi.surfaceOffscreen();
+  }
+}

package/android/src/main/java/com/webgpu/WebGPUTextureView.java

@@ -0,0 +1,45 @@
+package com.webgpu;
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.graphics.SurfaceTexture;
+import android.view.Surface;
+import android.view.TextureView;
+import androidx.annotation.NonNull;
+
+import org.w3c.dom.Text;
+
+@SuppressLint("ViewConstructor")
+public class WebGPUTextureView extends TextureView implements TextureView.SurfaceTextureListener {
+
+  WebGPUAPI mApi;
+
+  public WebGPUTextureView(Context context, WebGPUAPI api) {
+    super(context);
+    mApi = api;
+    setSurfaceTextureListener(this);
+  }
+
+  @Override
+  public void onSurfaceTextureAvailable(@NonNull SurfaceTexture surfaceTexture, int width, int height) {
+    Surface surface = new Surface(surfaceTexture);
+    mApi.surfaceCreated(surface);
+  }
+
+  @Override
+  public void onSurfaceTextureSizeChanged(@NonNull SurfaceTexture surfaceTexture, int width, int height) {
+    Surface surface = new Surface(surfaceTexture);
+    mApi.surfaceChanged(surface);
+  }
+
+  @Override
+  public boolean onSurfaceTextureDestroyed(@NonNull SurfaceTexture surfaceTexture) {
+    mApi.surfaceDestroyed();
+    return true;
+  }
+
+  @Override
+  public void onSurfaceTextureUpdated(@NonNull SurfaceTexture surfaceTexture) {
+    // No implementation needed
+  }
+}

package/android/src/main/java/com/webgpu/WebGPUView.java

@@ -1,26 +1,25 @@
 package com.webgpu;
 
-import androidx.annotation.NonNull;
-
 import android.content.Context;
+import android.os.Build;
 import android.view.Surface;
-import android.view.SurfaceHolder;
-import android.view.SurfaceView;
+import android.view.View;
 
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.views.view.ReactViewGroup;
 
-public class WebGPUView extends SurfaceView implements SurfaceHolder.Callback {
-
-  private Integer mContextId;
+public class WebGPUView extends ReactViewGroup implements WebGPUAPI {
+  private int mContextId;
+  private boolean mTransparent;
   private WebGPUModule mModule;
+  private View mView;
 
-  public WebGPUView(Context context) {
+  WebGPUView(Context context) {
     super(context);
-    getHolder().addCallback(this);
   }
 
-  public void setContextId(Integer contextId) {
+  public void setContextId(int contextId) {
     if (mModule == null) {
       Context context = getContext();
       if (context instanceof ThemedReactContext) {
@@ -30,35 +29,52 @@ public class WebGPUView extends SurfaceView implements SurfaceHolder.Callback {
     mContextId = contextId;
   }
 
+  public void setTransparent(boolean transparent) {
+    Context ctx = getContext();
+    if (mTransparent != transparent) {
+      removeAllViews();
+    }
+    mTransparent = transparent;
+//    if (mTransparent && Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+//      mView = new WebGPUAHBView(ctx, this);
+//    } else
+    if (transparent) {
+      mView = new WebGPUTextureView(ctx, this);
+    } else {
+      mView = new WebGPUSurfaceView(ctx, this);
+    }
+    addView(mView);
+  }
+
   @Override
   protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
     super.onLayout(changed, left, top, right, bottom);
+    mView.layout(0, 0, this.getMeasuredWidth(), this.getMeasuredHeight());
   }
 
   @Override
-  public void surfaceCreated(@NonNull SurfaceHolder holder) {
+  public void surfaceCreated(Surface surface) {
     float density = getResources().getDisplayMetrics().density;
     float width = getWidth() / density;
     float height = getHeight() / density;
-    onSurfaceCreate(holder.getSurface(), mContextId, width, height);
+    onSurfaceCreate(surface, mContextId, width, height);
   }
 
   @Override
-  public void surfaceChanged(@NonNull SurfaceHolder holder, int format, int width, int height) {
+  public void surfaceChanged(Surface surface) {
     float density = getResources().getDisplayMetrics().density;
-    float scaledWidth = width / density;
-    float scaledHeight = height / density;
-    onSurfaceChanged(holder.getSurface(), mContextId, scaledWidth, scaledHeight);
+    float width = getWidth() / density;
+    float height = getHeight() / density;
+    onSurfaceChanged(surface, mContextId, width, height);
   }
 
   @Override
-  protected void onDetachedFromWindow() {
-    super.onDetachedFromWindow();
+  public void surfaceDestroyed() {
     onSurfaceDestroy(mContextId);
   }
 
   @Override
-  public void surfaceDestroyed(@NonNull SurfaceHolder holder) {
+  public void surfaceOffscreen() {
     switchToOffscreenSurface(mContextId);
   }
 
@@ -78,10 +94,10 @@ public class WebGPUView extends SurfaceView implements SurfaceHolder.Callback {
     float height
   );
 
-
   @DoNotStrip
   private native void onSurfaceDestroy(int contextId);
 
   @DoNotStrip
   private native void switchToOffscreenSurface(int contextId);
+
 }

package/android/src/main/java/com/webgpu/WebGPUViewManager.java

@@ -17,11 +17,18 @@ public class WebGPUViewManager extends WebGPUViewManagerSpec<WebGPUView> {
     return NAME;
   }
 
+  @NonNull
   @Override
-  public WebGPUView createViewInstance(ThemedReactContext context) {
+  public WebGPUView createViewInstance(@NonNull ThemedReactContext context) {
     return new WebGPUView(context);
   }
 
+  @Override
+  @ReactProp(name = "androidTransparency")
+  public void setAndroidTransparency(WebGPUView view, boolean value) {
+    view.setTransparent(value);
+  }
+
   @Override
   @ReactProp(name = "contextId")
   public void setContextId(WebGPUView view, int value) {

package/android/src/oldarch/com/webgpu/WebGPUViewManagerSpec.java

@@ -8,4 +8,5 @@ import com.facebook.react.uimanager.SimpleViewManager;
 
 public abstract class WebGPUViewManagerSpec<T extends View> extends SimpleViewManager<T> {
   public abstract void setContextId(T view, int contextId);
+  public abstract void setAndroidTransparency(T view, boolean transparency);
 }

package/cpp/rnwgpu/SurfaceRegistry.h

@@ -50,14 +50,18 @@ public:
 
   void *switchToOffscreen() {
     std::unique_lock<std::shared_mutex> lock(_mutex);
-    wgpu::TextureDescriptor textureDesc;
-    textureDesc.usage = wgpu::TextureUsage::RenderAttachment |
-                        wgpu::TextureUsage::CopySrc |
-                        wgpu::TextureUsage::TextureBinding;
-    textureDesc.format = config.format;
-    textureDesc.size.width = config.width;
-    textureDesc.size.height = config.height;
-    texture = config.device.CreateTexture(&textureDesc);
+    // We only do this if the onscreen surface is configured.
+    auto isConfigured = config.device != nullptr;
+    if (isConfigured) {
+      wgpu::TextureDescriptor textureDesc;
+      textureDesc.usage = wgpu::TextureUsage::RenderAttachment |
+                          wgpu::TextureUsage::CopySrc |
+                          wgpu::TextureUsage::TextureBinding;
+      textureDesc.format = config.format;
+      textureDesc.size.width = config.width;
+      textureDesc.size.height = config.height;
+      texture = config.device.CreateTexture(&textureDesc);
+    }
     surface = nullptr;
     return nativeSurface;
   }

package/cpp/rnwgpu/api/descriptors/Unions.h

@@ -67,6 +67,14 @@ static void convertJSUnionToEnum(const std::string &inUnion,
     *outEnum = wgpu::BlendFactor::Constant;
   } else if (inUnion == "one-minus-constant") {
     *outEnum = wgpu::BlendFactor::OneMinusConstant;
+  } else if (inUnion == "src1") {
+    *outEnum = wgpu::BlendFactor::Src1;
+  } else if (inUnion == "one-minus-src1") {
+    *outEnum = wgpu::BlendFactor::OneMinusSrc1;
+  } else if (inUnion == "src1-alpha") {
+    *outEnum = wgpu::BlendFactor::Src1Alpha;
+  } else if (inUnion == "one-minus-src1-alpha") {
+    *outEnum = wgpu::BlendFactor::OneMinusSrc1Alpha;
   } else {
     throw invalidUnion(inUnion);
   }
@@ -114,6 +122,18 @@ static void convertEnumToJSUnion(wgpu::BlendFactor inEnum,
   case wgpu::BlendFactor::OneMinusConstant:
     *outUnion = "one-minus-constant";
     break;
+  case wgpu::BlendFactor::Src1:
+    *outUnion = "src1";
+    break;
+  case wgpu::BlendFactor::OneMinusSrc1:
+    *outUnion = "one-minus-src1";
+    break;
+  case wgpu::BlendFactor::Src1Alpha:
+    *outUnion = "src1-alpha";
+    break;
+  case wgpu::BlendFactor::OneMinusSrc1Alpha:
+    *outUnion = "one-minus-src1-alpha";
+    break;
   default:
     throw invalidEnum(inEnum);
   }
@@ -412,6 +432,10 @@ static void convertJSUnionToEnum(const std::string &inUnion,
     *outEnum = wgpu::FeatureName::BGRA8UnormStorage;
   } else if (inUnion == "float32-filterable") {
     *outEnum = wgpu::FeatureName::Float32Filterable;
+  } else if (inUnion == "clip-distances") {
+    *outEnum = wgpu::FeatureName::ClipDistances;
+  } else if (inUnion == "dual-source-blending") {
+    *outEnum = wgpu::FeatureName::DualSourceBlending;
   } else {
     throw invalidUnion(inUnion);
   }
@@ -453,6 +477,12 @@ static void convertEnumToJSUnion(wgpu::FeatureName inEnum,
   case wgpu::FeatureName::Float32Filterable:
     *outUnion = "float32-filterable";
     break;
+  case wgpu::FeatureName::ClipDistances:
+    *outUnion = "clip-distances";
+    break;
+  case wgpu::FeatureName::DualSourceBlending:
+    *outUnion = "dual-source-blending";
+    break;
   default:
     throw invalidEnum(inEnum);
   }

package/lib/commonjs/Canvas.js

@@ -55,6 +55,7 @@ const useSizePaper = _ref => {
 };
 const Canvas = exports.Canvas = /*#__PURE__*/(0, _react.forwardRef)(({
   onLayout: _onLayout,
+  androidTransparency,
   ...props
 }, ref) => {
   const viewRef = (0, _react.useRef)(null);
@@ -72,6 +73,7 @@ const Canvas = exports.Canvas = /*#__PURE__*/(0, _react.forwardRef)(({
     }
   }, [size]);
   (0, _react.useImperativeHandle)(ref, () => ({
+    getContextId: () => contextId,
     getNativeSurface: () => {
       if (size === null) {
         throw new Error("[WebGPU] Canvas size is not available yet");
@@ -96,13 +98,15 @@ const Canvas = exports.Canvas = /*#__PURE__*/(0, _react.forwardRef)(({
     }
   }));
   return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    collapsable: false,
     ref: viewRef,
     onLayout: onLayout
   }, props), /*#__PURE__*/React.createElement(_WebGPUViewNativeComponent.default, {
     style: {
       flex: 1
     },
-    contextId: contextId
+    contextId: contextId,
+    androidTransparency: !!androidTransparency
   }));
 });
 //# sourceMappingURL=Canvas.js.map

package/lib/commonjs/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_WebGPUViewNativeComponent","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CONTEXT_COUNTER","generateContextId","useSizeFabric","ref","size","setSize","useState","useLayoutEffect","current","Error","measureInWindow","_x","_y","width","height","onLayout","undefined","useSizePaper","_ref","useCallback","nativeEvent","layout","Canvas","exports","forwardRef","_onLayout","props","viewRef","useRef","FABRIC","RNWebGPU","fabric","useSize","contextId","_","cb","useEffect","useImperativeHandle","getNativeSurface","whenReady","callback","getContext","contextName","MakeWebGPUCanvasContext","React","createElement","View","style","flex"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_WebGPUViewNativeComponent","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CONTEXT_COUNTER","generateContextId","useSizeFabric","ref","size","setSize","useState","useLayoutEffect","current","Error","measureInWindow","_x","_y","width","height","onLayout","undefined","useSizePaper","_ref","useCallback","nativeEvent","layout","Canvas","exports","forwardRef","_onLayout","androidTransparency","props","viewRef","useRef","FABRIC","RNWebGPU","fabric","useSize","contextId","_","cb","useEffect","useImperativeHandle","getContextId","getNativeSurface","whenReady","callback","getContext","contextName","MakeWebGPUCanvasContext","React","createElement","View","collapsable","style","flex"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/WebGPUViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["WebGPUViewNativeComponent.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7F;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe,IAAAG,+BAAsB,EAAc,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["WebGPUViewNativeComponent.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS7F;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe,IAAAG,+BAAsB,EAAc,YAAY,CAAC","ignoreList":[]}

package/lib/module/Canvas.js

@@ -48,6 +48,7 @@ const useSizePaper = _ref => {
 };
 export const Canvas = /*#__PURE__*/forwardRef(({
   onLayout: _onLayout,
+  androidTransparency,
   ...props
 }, ref) => {
   const viewRef = useRef(null);
@@ -65,6 +66,7 @@ export const Canvas = /*#__PURE__*/forwardRef(({
     }
   }, [size]);
   useImperativeHandle(ref, () => ({
+    getContextId: () => contextId,
     getNativeSurface: () => {
       if (size === null) {
         throw new Error("[WebGPU] Canvas size is not available yet");
@@ -89,13 +91,15 @@ export const Canvas = /*#__PURE__*/forwardRef(({
     }
   }));
   return /*#__PURE__*/React.createElement(View, _extends({
+    collapsable: false,
     ref: viewRef,
     onLayout: onLayout
   }, props), /*#__PURE__*/React.createElement(WebGPUNativeView, {
     style: {
       flex: 1
     },
-    contextId: contextId
+    contextId: contextId,
+    androidTransparency: !!androidTransparency
   }));
 });
 //# sourceMappingURL=Canvas.js.map

package/lib/module/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","forwardRef","useEffect","useImperativeHandle","useRef","useState","useLayoutEffect","useCallback","WebGPUNativeView","CONTEXT_COUNTER","generateContextId","useSizeFabric","ref","size","setSize","current","Error","measureInWindow","_x","_y","width","height","onLayout","undefined","useSizePaper","_ref","nativeEvent","layout","Canvas","_onLayout","props","viewRef","FABRIC","RNWebGPU","fabric","useSize","contextId","_","cb","getNativeSurface","whenReady","callback","getContext","contextName","MakeWebGPUCanvasContext","React","createElement","_extends","style","flex"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","forwardRef","useEffect","useImperativeHandle","useRef","useState","useLayoutEffect","useCallback","WebGPUNativeView","CONTEXT_COUNTER","generateContextId","useSizeFabric","ref","size","setSize","current","Error","measureInWindow","_x","_y","width","height","onLayout","undefined","useSizePaper","_ref","nativeEvent","layout","Canvas","_onLayout","androidTransparency","props","viewRef","FABRIC","RNWebGPU","fabric","useSize","contextId","_","cb","getContextId","getNativeSurface","whenReady","callback","getContext","contextName","MakeWebGPUCanvasContext","React","createElement","_extends","collapsable","style","flex"],"sourceRoot":"../../src","sources":["Canvas.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/WebGPUViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["WebGPUViewNativeComponent.ts"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAQ5F;AACA,eAAeA,sBAAsB,CAAc,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["WebGPUViewNativeComponent.ts"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAS5F;AACA,eAAeA,sBAAsB,CAAc,YAAY,CAAC","ignoreList":[]}

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

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

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

@@ -21,10 +21,13 @@ export type RNCanvasContext = GPUCanvasContext & {
     present: () => void;
 };
 export interface CanvasRef {
+    getContextId: () => number;
     getContext(contextName: "webgpu"): RNCanvasContext | null;
     getNativeSurface: () => NativeCanvas;
     whenReady: (callback: () => void) => void;
 }
-export declare const Canvas: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<CanvasRef>>;
+export declare const Canvas: import("react").ForwardRefExoticComponent<ViewProps & {
+    androidTransparency?: boolean;
+} & import("react").RefAttributes<CanvasRef>>;
 export {};
 //# sourceMappingURL=Canvas.d.ts.map

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,EAAqB,MAAM,cAAc,CAAC;AAoBjE,OAAO,CAAC,MAAM,CAAC;IAEb,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;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;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,WAAW,EAAE,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC;IAC1D,gBAAgB,EAAE,MAAM,YAAY,CAAC;IACrC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAC3C;AAqCD,eAAO,MAAM,MAAM,iGA+ClB,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,cAAc,CAAC;AAoBjE,OAAO,CAAC,MAAM,CAAC;IAEb,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;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;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;IACrC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAC3C;AAqCD,eAAO,MAAM,MAAM;0BAEmB,OAAO;6CAmD3C,CAAC"}

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

@@ -2,6 +2,7 @@ import type { ViewProps } from "react-native";
 import type { Int32 } from "react-native/Libraries/Types/CodegenTypes";
 interface NativeProps extends ViewProps {
     contextId?: Int32;
+    androidTransparency?: boolean;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/WebGPUViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAEvE,UAAU,WAAY,SAAQ,SAAS;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;;AAGD,wBAAiE"}
+{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/WebGPUViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAEvE,UAAU,WAAY,SAAQ,SAAS;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;;AAGD,wBAAiE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wgpu",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "React Native WebGPU",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -65,7 +65,7 @@
     "@types/ws": "^8.5.10",
     "@typescript-eslint/eslint-plugin": "^8.4.0",
     "@typescript-eslint/parser": "^8.4.0",
-    "@webgpu/types": "^0.1.44",
+    "@webgpu/types": "0.1.49",
     "clang-format": "^1.8.0",
     "del-cli": "^5.1.0",
     "eslint": "8",

package/src/Canvas.tsx

@@ -49,6 +49,7 @@ export type RNCanvasContext = GPUCanvasContext & {
 };
 
 export interface CanvasRef {
+  getContextId: () => number;
   getContext(contextName: "webgpu"): RNCanvasContext | null;
   getNativeSurface: () => NativeCanvas;
   whenReady: (callback: () => void) => void;
@@ -89,51 +90,57 @@ const useSizePaper = (_ref: RefObject<View>) => {
   return { size, onLayout };
 };
 
-export const Canvas = forwardRef<CanvasRef, ViewProps>(
-  ({ onLayout: _onLayout, ...props }, ref) => {
-    const viewRef = useRef(null);
-    const FABRIC = RNWebGPU.fabric;
-    const useSize = FABRIC ? useSizeFabric : useSizePaper;
-    const [contextId, _] = useState(() => generateContextId());
-    const cb = useRef<() => void>();
-    const { size, onLayout } = useSize(viewRef);
-    useEffect(() => {
-      if (size && cb.current) {
-        cb.current();
+export const Canvas = forwardRef<
+  CanvasRef,
+  ViewProps & { androidTransparency?: boolean }
+>(({ onLayout: _onLayout, androidTransparency, ...props }, ref) => {
+  const viewRef = useRef(null);
+  const FABRIC = RNWebGPU.fabric;
+  const useSize = FABRIC ? useSizeFabric : useSizePaper;
+  const [contextId, _] = useState(() => generateContextId());
+  const cb = useRef<() => void>();
+  const { size, onLayout } = useSize(viewRef);
+  useEffect(() => {
+    if (size && cb.current) {
+      cb.current();
+    }
+  }, [size]);
+  useImperativeHandle(ref, () => ({
+    getContextId: () => contextId,
+    getNativeSurface: () => {
+      if (size === null) {
+        throw new Error("[WebGPU] Canvas size is not available yet");
       }
-    }, [size]);
-    useImperativeHandle(ref, () => ({
-      getNativeSurface: () => {
-        if (size === null) {
-          throw new Error("[WebGPU] Canvas size is not available yet");
-        }
-        return RNWebGPU.getNativeSurface(contextId);
-      },
-      whenReady(callback: () => void) {
-        if (size === null) {
-          cb.current = callback;
-        } else {
-          callback();
-        }
-      },
-      getContext(contextName: "webgpu"): RNCanvasContext | null {
-        if (contextName !== "webgpu") {
-          throw new Error(`[WebGPU] Unsupported context: ${contextName}`);
-        }
-        if (size === null) {
-          throw new Error("[WebGPU] Canvas size is not available yet");
-        }
-        return RNWebGPU.MakeWebGPUCanvasContext(
-          contextId,
-          size.width,
-          size.height,
-        );
-      },
-    }));
-    return (
-      <View ref={viewRef} onLayout={onLayout} {...props}>
-        <WebGPUNativeView style={{ flex: 1 }} contextId={contextId} />
-      </View>
-    );
-  },
-);
+      return RNWebGPU.getNativeSurface(contextId);
+    },
+    whenReady(callback: () => void) {
+      if (size === null) {
+        cb.current = callback;
+      } else {
+        callback();
+      }
+    },
+    getContext(contextName: "webgpu"): RNCanvasContext | null {
+      if (contextName !== "webgpu") {
+        throw new Error(`[WebGPU] Unsupported context: ${contextName}`);
+      }
+      if (size === null) {
+        throw new Error("[WebGPU] Canvas size is not available yet");
+      }
+      return RNWebGPU.MakeWebGPUCanvasContext(
+        contextId,
+        size.width,
+        size.height,
+      );
+    },
+  }));
+  return (
+    <View collapsable={false} ref={viewRef} onLayout={onLayout} {...props}>
+      <WebGPUNativeView
+        style={{ flex: 1 }}
+        contextId={contextId}
+        androidTransparency={!!androidTransparency}
+      />
+    </View>
+  );
+});

package/src/WebGPUViewNativeComponent.ts

@@ -4,6 +4,7 @@ import type { Int32 } from "react-native/Libraries/Types/CodegenTypes";
 
 interface NativeProps extends ViewProps {
   contextId?: Int32;
+  androidTransparency?: boolean;
 }
 
 // eslint-disable-next-line import/no-default-export