chore: Update WebGPU example code

Author: mrousavy

packages/react-native-vision-camera/src/specs/common-types/NativeBuffer.ts

@@ -6,11 +6,10 @@ import type { UInt64 } from 'react-native-nitro-modules'
  * This is a shared contract between libraries to interact
  * with native buffers without natively typed bindings.
  *
- * Consumers, like react-native-skia or react-native-wgpu
- * can accept a `NativeBuffer`-shaped object that has a
- * {@linkcode pointer} and a {@linkcode release} function
- * to unwrap the native buffer from it, load it as a GPU
- * Texture, and release it once it has been rendered.
+ * Consumers, like react-native-skia or react-native-wgpu,
+ * can use the {@linkcode pointer} to unwrap the native buffer,
+ * load it as a GPU Texture, and release it once it has been
+ * rendered via the {@linkcode release} function.
  *
  * @example
  * ```ts

packages/react-native-vision-camera/src/specs/instances/Frame.nitro.ts

@@ -362,12 +362,14 @@ export interface Frame
    * const device = ... // WebGPU device
    * if (frame.hasNativeBuffer) {
    *   const nativeBuffer = frame.getNativeBuffer()
-   *   const image = device.importExternalTexture({
-   *     source: nativeBuffer,
+   *   const videoFrame = RNWebGPU.createVideoFrameFromNativeBuffer(nativeBuffer.pointer)
+   *   const externalTexture = device.importExternalTexture({
+   *     source: videoFrame,
    *     label: 'camera-frame'
    *   })
-   *   // Render `image` via Skia APIs
-   *   image.dispose()
+   *   // After submitting commands that sample `externalTexture`:
+   *   externalTexture.destroy()
+   *   videoFrame.release()
    *   nativeBuffer.release()
    * }
    * ```