@shopify/react-native-skia 2.5.2 → 2.5.3

package/src/views/WebGPUCanvas.web.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import type { ViewProps } from "react-native";
+
+export interface NativeCanvas {
+  surface: bigint;
+  width: number;
+  height: number;
+  clientWidth: number;
+  clientHeight: number;
+}
+
+export type RNCanvasContext = GPUCanvasContext & {
+  present: () => void;
+};
+
+export interface WebGPUCanvasRef {
+  getContextId: () => number;
+  getContext(contextName: "webgpu"): RNCanvasContext | null;
+  getNativeSurface: () => NativeCanvas;
+}
+
+interface WebGPUCanvasProps extends ViewProps {
+  transparent?: boolean;
+  ref?: React.Ref<WebGPUCanvasRef>;
+}
+
+// WebGPU Canvas is not supported on web
+export const WebGPUCanvas = ({
+  transparent: _transparent,
+  ref: _ref,
+  ...props
+}: WebGPUCanvasProps) => {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  return <div {...props} />;
+};

package/src/views/index.ts

@@ -1,2 +1,3 @@
 export * from "./SkiaPictureView";
 export * from "./types";
+export * from "./WebGPUCanvas";