@shopify/react-native-skia 2.12.0 → 2.13.0

package/src/renderer/Canvas.tsx

@@ -19,6 +19,7 @@ import type { SharedValue } from "react-native-reanimated";
 
 import Rea from "../external/reanimated/ReanimatedProxy";
 import { SkiaViewNativeId } from "../views/SkiaViewNativeId";
+import type { AndroidCanvasProps, AndroidSurfaceType } from "../views/types";
 import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
 import type { SkImage, SkRect, SkSize } from "../skia/types";
 import { SkiaSGRoot } from "../sksg/Reconciler";
@@ -59,13 +60,16 @@ export const useCanvasSize = (userRef?: RefObject<CanvasRef | null>) => {
   return { ref, size };
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isFabric = Boolean((global as any)?.nativeFabricUIManager);
-
 export interface CanvasProps extends Omit<ViewProps, "onLayout"> {
   debug?: boolean;
-  /** @deprecated Not supported on Fabric. Use `onSize` or `useCanvasSize()` instead. */
+  /** @deprecated Not supported on native. Use `onSize` or `useCanvasSize()` instead. */
   onLayout?: ViewProps["onLayout"];
+  /**
+   * Declares that the canvas covers every pixel of its bounds, so nothing
+   * behind it needs to show through. On Android an opaque canvas is backed by
+   * a `SurfaceView` by default, the cheapest path (see `android.surfaceType`).
+   * Defaults to false.
+   */
   opaque?: boolean;
   onSize?: SharedValue<SkSize>;
   colorSpace?: "p3" | "srgb";
@@ -78,11 +82,22 @@ export interface CanvasProps extends Omit<ViewProps, "onLayout"> {
    * before the canvas is mounted.
    */
   highBitDepth?: boolean;
+  /** Android-only rendering options. Ignored on iOS and web. */
+  android?: AndroidCanvasProps;
   ref?: React.Ref<CanvasRef>;
   androidWarmup?: boolean;
   __destroyWebGLContextAfterRender?: boolean;
 }
 
+// Anything else reaching the native component would hit the generated
+// string-enum parser, which aborts on unknown values.
+const resolveSurfaceType = (
+  surfaceType: AndroidSurfaceType | undefined
+): "auto" | AndroidSurfaceType =>
+  surfaceType === "SurfaceView" || surfaceType === "TextureView"
+    ? surfaceType
+    : "auto";
+
 export const Canvas = ({
   debug,
   opaque,
@@ -91,11 +106,12 @@ export const Canvas = ({
   colorSpace = "p3",
   highBitDepth = false,
   androidWarmup = false,
+  android,
   ref,
   onLayout,
   ...viewProps
 }: CanvasProps) => {
-  if (onLayout && isFabric) {
+  if (onLayout && Platform.OS !== "web") {
     console.error(
       "<Canvas onLayout={onLayout} /> is not supported on the new architecture, to fix the issue, see: https://shopify.github.io/react-native-skia/docs/canvas/overview/#getting-the-canvas-size"
     );
@@ -192,6 +208,8 @@ export const Canvas = ({
       colorSpace={colorSpace}
       highBitDepth={highBitDepth}
       androidWarmup={androidWarmup}
+      androidSurfaceType={resolveSurfaceType(android?.surfaceType)}
+      androidZOrderOnTop={!!android?.zOrderOnTop}
       onLayout={
         Platform.OS === "web" && (onSize || onLayout) ? onLayoutWeb : onLayout
       }

package/src/skia/web/JsiSkCanvas.ts

@@ -205,15 +205,20 @@ export class JsiSkCanvas
     mode?: BlendMode | null,
     paint?: SkPaint
   ) {
-    this.ref.drawPatch(
-      cubics.map(({ x, y }) => [x, y]).flat(),
-      colors,
-      texs ? texs.flatMap((p) => Array.from(JsiSkPoint.fromValue(p))) : texs,
-      mode !== undefined && mode !== null
-        ? getEnum(this.CanvasKit, "BlendMode", mode)
-        : null,
-      paint ? JsiSkPaint.fromValue(paint) : undefined
-    );
+    const defaultPaint = paint ? null : new this.CanvasKit.Paint();
+    try {
+      this.ref.drawPatch(
+        cubics.map(({ x, y }) => [x, y]).flat(),
+        colors,
+        texs ? texs.flatMap((p) => Array.from(JsiSkPoint.fromValue(p))) : texs,
+        mode !== undefined && mode !== null
+          ? getEnum(this.CanvasKit, "BlendMode", mode)
+          : null,
+        paint ? JsiSkPaint.fromValue(paint) : defaultPaint!
+      );
+    } finally {
+      defaultPaint?.delete();
+    }
   }
 
   restoreToCount(saveCount: number) {

package/src/specs/SkiaPictureViewNativeComponent.ts

@@ -9,6 +9,11 @@ export interface NativeProps extends ViewProps {
   colorSpace?: string;
   highBitDepth?: boolean;
   androidWarmup?: boolean;
+  androidSurfaceType?: WithDefault<
+    "auto" | "SurfaceView" | "TextureView",
+    "auto"
+  >;
+  androidZOrderOnTop?: WithDefault<boolean, false>;
   pointerEvents?: WithDefault<
     "auto" | "none" | "box-none" | "box-only",
     "auto"

package/src/specs/SkiaPictureViewNativeComponent.web.ts

@@ -7,6 +7,8 @@ export interface NativeProps extends ViewProps {
   debug?: boolean;
   opaque?: boolean;
   nativeID: string;
+  androidSurfaceType?: "auto" | "SurfaceView" | "TextureView";
+  androidZOrderOnTop?: boolean;
 }
 
 const SkiaPictureViewNativeComponent = ({
@@ -14,6 +16,9 @@ const SkiaPictureViewNativeComponent = ({
   debug,
   opaque,
   onLayout,
+  // Android-only, never reaches the DOM
+  androidSurfaceType: _androidSurfaceType,
+  androidZOrderOnTop: _androidZOrderOnTop,
   ...viewProps
 }: NativeProps) => {
   return createElement(SkiaPictureView, {

package/src/views/SkiaPictureView.tsx

@@ -20,15 +20,11 @@ export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
   constructor(props: SkiaPictureViewProps) {
     super(props);
     this._nativeId = SkiaViewNativeId.current++;
-    const { picture, onSize } = props;
+    const { picture } = props;
     if (picture) {
       assertSkiaViewApi();
       SkiaViewApi.setJsiProperty(this._nativeId, "picture", picture);
     }
-    if (onSize) {
-      assertSkiaViewApi();
-      SkiaViewApi.setJsiProperty(this._nativeId, "onSize", onSize);
-    }
     this.tick();
   }
 
@@ -39,15 +35,11 @@ export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
   }
 
   componentDidUpdate(prevProps: SkiaPictureViewProps) {
-    const { picture, onSize } = this.props;
+    const { picture } = this.props;
     if (picture !== prevProps.picture) {
       assertSkiaViewApi();
       SkiaViewApi.setJsiProperty(this._nativeId, "picture", picture);
     }
-    if (onSize !== prevProps.onSize) {
-      assertSkiaViewApi();
-      SkiaViewApi.setJsiProperty(this._nativeId, "onSize", onSize);
-    }
     this.tick();
   }
 

package/src/views/types.ts

@@ -1,7 +1,5 @@
 import type { ViewProps } from "react-native";
-import type { SharedValue } from "react-native-reanimated";
 
-import type { Node } from "../dom/types";
 import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
 
 export type NativeSkiaViewProps = ViewProps & {
@@ -9,6 +7,22 @@ export type NativeSkiaViewProps = ViewProps & {
   opaque?: boolean;
 };
 
+export type AndroidSurfaceType = "SurfaceView" | "TextureView";
+
+export interface AndroidCanvasProps {
+  /**
+   * Backing view. Defaults to `SurfaceView` when the canvas is `opaque` and to
+   * `TextureView` otherwise; both composite correctly in React Native stacking
+   * order without further flags.
+   */
+  surfaceType?: AndroidSurfaceType;
+  /**
+   * SurfaceView only: composite above every React Native view in the window,
+   * ignoring `zIndex`. Ignored for TextureView. Defaults to false.
+   */
+  zOrderOnTop?: boolean;
+}
+
 export interface ISkiaViewApi {
   web?: boolean;
   setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
@@ -24,12 +38,12 @@ export interface SkiaBaseViewProps extends ViewProps {
    * average time it takes to render.
    */
   debug?: boolean;
+
   /**
-   * Pass an animated value to the onSize property to get updates when
-   * the Skia view is resized.
+   * Declares that the canvas covers every pixel of its bounds. On Android an
+   * opaque canvas is backed by a `SurfaceView` by default, the cheapest path
+   * (see `android.surfaceType`). Defaults to false.
    */
-  onSize?: SharedValue<SkSize>;
-
   opaque?: boolean;
 
   /**
@@ -39,6 +53,9 @@ export interface SkiaBaseViewProps extends ViewProps {
    */
   highBitDepth?: boolean;
 
+  /** Android-only rendering options. Ignored on iOS and web. */
+  android?: AndroidCanvasProps;
+
   // On web, only 16 WebGL contextes are allowed. If the drawing is non-animated, set
   // __destroyWebGLContextAfterRender to true to release the context after each draw.
   __destroyWebGLContextAfterRender?: boolean;
@@ -48,7 +65,3 @@ export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
   picture?: SkPicture;
   androidWarmup?: boolean;
 }
-
-export interface SkiaDomViewNativeProps extends SkiaBaseViewProps {
-  root?: Node<unknown>;
-}

package/android/src/latest/java/com/shopify/reactnative/skia/ReactNativeCompatible.java

@@ -1,11 +0,0 @@
-package com.shopify.reactnative.skia;
-
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.RuntimeExecutor;
-
-/* package */ final class ReactNativeCompatible {
-    public static RuntimeExecutor getRuntimeExecutor(ReactContext context) {
-        return context.getCatalystInstance().getRuntimeExecutor();
-    }
-}
-

package/android/src/main/java/com/shopify/reactnative/skia/RNSkiaPackage.java

@@ -1,79 +0,0 @@
-// RnskiaPackage.java
-
-package com.shopify.reactnative.skia;
-
-import androidx.annotation.Nullable;
-
-import java.util.Arrays;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-
-import com.facebook.react.TurboReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.module.annotations.ReactModuleList;
-import com.facebook.react.module.model.ReactModuleInfo;
-import com.facebook.react.module.model.ReactModuleInfoProvider;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
-import com.facebook.react.uimanager.ViewManager;
-
-@ReactModuleList(
-        nativeModules = {
-                RNSkiaModule.class,
-        })
-public class RNSkiaPackage extends TurboReactPackage {
-    @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-        return Arrays.<NativeModule>asList(new RNSkiaModule(reactContext));
-    }
-
-    @Nullable
-    @Override
-    public NativeModule getModule(String s, ReactApplicationContext reactApplicationContext) {
-        switch (s) {
-            case RNSkiaModule.NAME:
-                return new RNSkiaModule(reactApplicationContext);
-            default:
-                return null;
-        }
-    }
-
-    @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Arrays.<ViewManager>asList(
-            new SkiaPictureViewManager()
-        );
-    }
-
-    @Override
-    public ReactModuleInfoProvider getReactModuleInfoProvider() {
-        return new ReactModuleInfoProvider() {
-            @Override
-            public Map<String, ReactModuleInfo> getReactModuleInfos() {
-                final Map<String, ReactModuleInfo> reactModuleInfoMap = new HashMap<>();
-                Class<? extends NativeModule>[] moduleList =
-                        new Class[] {
-                                RNSkiaModule.class,
-                        };
-
-                for (Class<? extends NativeModule> moduleClass : moduleList) {
-                    ReactModule reactModule = moduleClass.getAnnotation(ReactModule.class);
-
-                    reactModuleInfoMap.put(
-                            reactModule.name(),
-                            new ReactModuleInfo(
-                                    reactModule.name(),
-                                    moduleClass.getName(),
-                                    reactModule.canOverrideExistingModule(),
-                                    reactModule.needsEagerInit(),
-                                    reactModule.hasConstants(),
-                                    reactModule.isCxxModule(),
-                                    TurboModule.class.isAssignableFrom(moduleClass)));
-                }
-                return reactModuleInfoMap;
-            }
-        };
-    }
-}

package/android/src/main/java/com/shopify/reactnative/skia/SkiaAHBView.java

@@ -1,113 +0,0 @@
-package com.shopify.reactnative.skia;
-
-
-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.util.Log;
-import android.view.View;
-
-import androidx.annotation.NonNull;
-import androidx.annotation.RequiresApi;
-
-@SuppressLint("ViewConstructor")
-@RequiresApi(api = Build.VERSION_CODES.Q)
-public class SkiaAHBView extends View implements ImageReader.OnImageAvailableListener {
-
-    private ImageReader mReader;
-
-    private Bitmap mBitmap = null;
-
-    private final Matrix matrix = new Matrix();
-
-    SkiaViewAPI mApi;
-    boolean mDebug;
-
-    public SkiaAHBView(Context context, SkiaViewAPI api, boolean debug) {
-        super(context);
-        mApi = api;
-        mDebug = debug;
-    }
-
-    private ImageReader createReader() {
-        ImageReader reader = ImageReader.newInstance(getWidth(), getHeight(), PixelFormat.RGBA_8888, 2, HardwareBuffer.USAGE_GPU_SAMPLED_IMAGE |
-                HardwareBuffer.USAGE_GPU_COLOR_OUTPUT);
-        reader.setOnImageAvailableListener(this, null);
-        return reader;
-    }
-
-    @Override
-    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
-        super.onLayout(changed, left, top, right, bottom);
-        int width = getWidth();
-        int height = getHeight();
-        if (mReader == null) {
-            mReader = createReader();
-            mApi.onSurfaceCreated(mReader.getSurface(), width, height);
-        } else {
-            mReader = createReader();
-            mApi.onSurfaceChanged(mReader.getSurface(), width, height);
-        }
-    }
-
-    @Override
-    public void onImageAvailable(ImageReader reader) {
-        try (Image image = reader.acquireLatestImage()) {
-            if (image != null) {
-                HardwareBuffer hb = image.getHardwareBuffer();
-                if (mDebug) {
-                    textureUpdated(image.getTimestamp());
-                }
-                if (hb != null) {
-                    Bitmap bitmap = Bitmap.wrapHardwareBuffer(hb, null);
-                    if (bitmap != null) {
-                        mBitmap = bitmap;
-                        hb.close();
-                        invalidate();
-                    }
-                }
-            }
-        }
-    }
-
-    @Override
-    protected void onDraw(@NonNull Canvas canvas) {
-        super.onDraw(canvas);
-        if (mBitmap != null) {
-            float viewWidth = getWidth();
-            float viewHeight = getHeight();
-            float bitmapWidth = mBitmap.getWidth();
-            float bitmapHeight = mBitmap.getHeight();
-
-            // Calculate the scale factors
-            float scaleX = viewWidth / bitmapWidth;
-            float scaleY = viewHeight / bitmapHeight;
-
-            // Reset the matrix and apply scaling
-            matrix.reset();
-            matrix.setScale(scaleX, scaleY);
-
-            canvas.drawBitmap(mBitmap, matrix, null);
-        }
-    }
-
-    private long _prevTimestamp = 0;
-    public void textureUpdated(long ts) {
-        long frameDuration = (ts - _prevTimestamp)/1000000;
-        Log.i("SkiaAHBView", "onSurfaceTextureUpdated "+frameDuration+"ms");
-        _prevTimestamp = ts;
-    }
-
-    @Override
-    protected void onDetachedFromWindow() {
-        super.onDetachedFromWindow();
-        mApi.onSurfaceDestroyed();
-    }
-}

package/android/src/main/java/com/shopify/reactnative/skia/SkiaBaseView.java

@@ -1,136 +0,0 @@
-package com.shopify.reactnative.skia;
-
-import android.content.Context;
-import android.graphics.SurfaceTexture;
-import android.util.Log;
-import android.view.MotionEvent;
-import android.view.Surface;
-import android.view.View;
-
-import com.facebook.react.uimanager.PointerEvents;
-import com.facebook.react.views.view.ReactViewGroup;
-
-public abstract class SkiaBaseView extends ReactViewGroup implements SkiaViewAPI {
-    private View mView;
-
-    private boolean mHighBitDepth = false;
-
-    private final boolean debug = false;
-    private final String tag = "SkiaView";
-
-    public SkiaBaseView(Context context) {
-        super(context);
-        mView = new SkiaTextureView(context, this, debug);
-        addView(mView);
-    }
-
-    @Override
-    public boolean dispatchTouchEvent(MotionEvent ev) {
-        // When pointerEvents is "none" or "box-none", make this view completely
-        // transparent to touch dispatch so events pass through to views behind it
-        if (!PointerEvents.canBeTouchTarget(getPointerEvents())) {
-            return false;
-        }
-        return super.dispatchTouchEvent(ev);
-    }
-
-    public void setOpaque(boolean value) {
-        if (value && mView instanceof SkiaTextureView) {
-            recreateView(true);
-        } else if (!value && mView instanceof SkiaSurfaceView) {
-            recreateView(false);
-        }
-    }
-
-    public void setHighBitDepth(boolean value) {
-        if (mHighBitDepth == value) {
-            return;
-        }
-        mHighBitDepth = value;
-        // The flag only affects the opaque SurfaceView path (see
-        // highBitDepthIfOpaque), so only that surface needs to be recreated
-        // with the new buffer format.
-        if (mView instanceof SkiaSurfaceView) {
-            recreateView(true);
-        }
-    }
-
-    private void recreateView(boolean useSurfaceView) {
-        removeView(mView);
-        mView = useSurfaceView
-                ? new SkiaSurfaceView(getContext(), this, debug)
-                : new SkiaTextureView(getContext(), this, debug);
-        addView(mView);
-        // React Native sizes native children explicitly through onLayout, so
-        // the requestLayout triggered by addView is ignored; size the new
-        // child ourselves or it stays 0x0 and never gets a surface.
-        if (getWidth() > 0 || getHeight() > 0) {
-            mView.layout(0, 0, getWidth(), getHeight());
-        }
-    }
-
-    private boolean highBitDepthIfOpaque(boolean opaque) {
-        if (mHighBitDepth && !opaque) {
-            // The 10-bit buffer format only has 2 bits of alpha, which would
-            // visibly break translucency; the extra precision would also be
-            // lost in the 8-bit composition pass.
-            Log.w(tag, "highBitDepth requires the opaque prop on Android, falling back to the 8-bit format");
-            return false;
-        }
-        return mHighBitDepth;
-    }
-
-    void dropInstance() {
-        if (!RNSkiaModule.isModuleValid()) {
-            return;
-        }
-        unregisterView();
-    }
-
-    @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, right - left, bottom - top);
-    }
-
-    @Override
-    public void onSurfaceCreated(Surface surface, int width, int height) {
-        surfaceAvailable(surface, width, height, true, mHighBitDepth);
-    }
-
-    @Override
-    public void onSurfaceChanged(Surface surface, int width, int height) {
-        Log.i(tag, "onSurfaceTextureSizeChanged " + width + "/" + height);
-        surfaceSizeChanged(surface, width, height, true, mHighBitDepth);
-    }
-
-    @Override
-    public void onSurfaceTextureCreated(SurfaceTexture surface, int width, int height) {
-        surfaceAvailable(surface, width, height, false, highBitDepthIfOpaque(false));
-    }
-
-    @Override
-    public void onSurfaceTextureChanged(SurfaceTexture surface, int width, int height) {
-        Log.i(tag, "onSurfaceTextureSizeChanged " + width + "/" + height);
-        surfaceSizeChanged(surface, width, height, false, highBitDepthIfOpaque(false));
-    }
-
-    @Override
-    public void onSurfaceDestroyed() {
-        surfaceDestroyed();
-    }
-
-    protected abstract void surfaceAvailable(Object surface, int width, int height, boolean opaque, boolean highBitDepth);
-
-    protected abstract void surfaceSizeChanged(Object surface, int width, int height, boolean opaque, boolean highBitDepth);
-
-    protected abstract void surfaceDestroyed();
-
-    protected abstract void setDebugMode(boolean show);
-
-    protected abstract void registerView(int nativeId);
-
-    protected abstract void unregisterView();
-
-    protected abstract int[] getBitmap(int width, int height);
-}

package/android/src/paper/java/com/facebook/react/viewmanagers/SkiaPictureViewManagerDelegate.java

@@ -1,41 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class SkiaPictureViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & SkiaPictureViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public SkiaPictureViewManagerDelegate(U viewManager) {
-    super(viewManager);
-  }
-  @Override
-  public void setProperty(T view, String propName, @Nullable Object value) {
-    switch (propName) {
-      case "debug":
-        mViewManager.setDebug(view, value != null && (boolean) value);
-        break;
-      case "opaque":
-        mViewManager.setOpaque(view, value != null && (boolean) value);
-        break;
-      case "colorSpace":
-        mViewManager.setColorSpace(view, value == null ? null : (String) value);
-        break;
-      case "androidWarmup":
-        mViewManager.setAndroidWarmup(view, value != null && (boolean) value);
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-}

package/android/src/paper/java/com/facebook/react/viewmanagers/SkiaPictureViewManagerInterface.java

@@ -1,20 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaInterface.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-
-public interface SkiaPictureViewManagerInterface<T extends View> {
-  void setDebug(T view, boolean value);
-  void setOpaque(T view, boolean value);
-  void setColorSpace(T view, @Nullable String value);
-  void setAndroidWarmup(T view, boolean value);
-}

package/android/src/paper/java/com/facebook/react/viewmanagers/SkiaWebGPUViewManagerDelegate.java

@@ -1,35 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class SkiaWebGPUViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & SkiaWebGPUViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public SkiaWebGPUViewManagerDelegate(U viewManager) {
-    super(viewManager);
-  }
-  @Override
-  public void setProperty(T view, String propName, @Nullable Object value) {
-    switch (propName) {
-      case "contextId":
-        mViewManager.setContextId(view, value == null ? 0 : ((Double) value).intValue());
-        break;
-      case "transparent":
-        mViewManager.setTransparent(view, value != null && (boolean) value);
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-}