fix(📷): support for external texture

apps/example/ios/Podfile.lock

@@ -2519,7 +2519,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - SocketRocket
     - Yoga
-  - RNReanimated (4.2.1):
+  - RNReanimated (4.3.1):
     - boost
     - DoubleConversion
     - fast_float
@@ -2546,11 +2546,12 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNReanimated/reanimated (= 4.2.1)
+    - RNReanimated/apple (= 4.3.1)
+    - RNReanimated/common (= 4.3.1)
     - RNWorklets
     - SocketRocket
     - Yoga
-  - RNReanimated/reanimated (4.2.1):
+  - RNReanimated/apple (4.3.1):
     - boost
     - DoubleConversion
     - fast_float
@@ -2577,11 +2578,10 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNReanimated/reanimated/apple (= 4.2.1)
     - RNWorklets
     - SocketRocket
     - Yoga
-  - RNReanimated/reanimated/apple (4.2.1):
+  - RNReanimated/common (4.3.1):
     - boost
     - DoubleConversion
     - fast_float
@@ -2611,7 +2611,7 @@ PODS:
     - RNWorklets
     - SocketRocket
     - Yoga
-  - RNWorklets (0.7.2):
+  - RNWorklets (0.8.3):
     - boost
     - DoubleConversion
     - fast_float
@@ -2638,10 +2638,11 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNWorklets/worklets (= 0.7.2)
+    - RNWorklets/apple (= 0.8.3)
+    - RNWorklets/common (= 0.8.3)
     - SocketRocket
     - Yoga
-  - RNWorklets/worklets (0.7.2):
+  - RNWorklets/apple (0.8.3):
     - boost
     - DoubleConversion
     - fast_float
@@ -2668,10 +2669,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNWorklets/worklets/apple (= 0.7.2)
     - SocketRocket
     - Yoga
-  - RNWorklets/worklets/apple (0.7.2):
+  - RNWorklets/common (0.8.3):
     - boost
     - DoubleConversion
     - fast_float
@@ -2732,6 +2732,38 @@ PODS:
     - ReactCommon/turbomodule/core
     - SocketRocket
     - Yoga
+  - VisionCameraWorklets (5.0.10):
+    - boost
+    - DoubleConversion
+    - fast_float
+    - fmt
+    - glog
+    - hermes-engine
+    - NitroModules
+    - RCT-Folly
+    - RCT-Folly/Fabric
+    - RCTRequired
+    - RCTTypeSafety
+    - React-callinvoker
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNWorklets
+    - SocketRocket
+    - VisionCamera
+    - Yoga
   - Yoga (0.0.0)
 
 DEPENDENCIES:
@@ -2819,6 +2851,7 @@ DEPENDENCIES:
   - RNWorklets (from `../../../node_modules/react-native-worklets`)
   - SocketRocket (~> 0.7.1)
   - VisionCamera (from `../../../node_modules/react-native-vision-camera`)
+  - VisionCameraWorklets (from `../../../node_modules/react-native-vision-camera-worklets`)
   - Yoga (from `../../../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
@@ -2991,6 +3024,8 @@ EXTERNAL SOURCES:
     :path: "../../../node_modules/react-native-worklets"
   VisionCamera:
     :path: "../../../node_modules/react-native-vision-camera"
+  VisionCameraWorklets:
+    :path: "../../../node_modules/react-native-vision-camera-worklets"
   Yoga:
     :path: "../../../node_modules/react-native/ReactCommon/yoga"
 
@@ -3074,10 +3109,11 @@ SPEC CHECKSUMS:
   ReactTestApp-DevSupport: 9b7bbba5e8fed998e763809171d9906a1375f9d3
   ReactTestApp-Resources: 1bd9ff10e4c24f2ad87101a32023721ae923bccf
   RNGestureHandler: e37bdb684df1ac17c7e1d8f71a3311b2793c186b
-  RNReanimated: 464375ff2caa801358547c44eca894ff0bf68e74
-  RNWorklets: ee58e869ea579800ec5f2f1cb6ae195fd3537546
+  RNReanimated: 9d012d4031abc9df896f8a82f9928eb2b9eae417
+  RNWorklets: 0da2552f9ff5d17506918a692304110cfebb9f0a
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   VisionCamera: 8c913d0cb2c868f779035fb69a1e0ab69e10f1c3
+  VisionCameraWorklets: cc88e3e6d7304e2c00a95cae4f728aec5a6758c1
   Yoga: a3ed390a19db0459bd6839823a6ac6d9c6db198d
 
 PODFILE CHECKSUM: 22a8651333bf096f67ca333598bd33455d994c1f

apps/example/package.json

@@ -36,12 +36,13 @@
     "react-native-macos": "^0.79.0",
     "react-native-nitro-image": "0.14.0",
     "react-native-nitro-modules": "0.35.7",
-    "react-native-reanimated": "4.2.1",
+    "react-native-reanimated": "4.3.1",
     "react-native-safe-area-context": "^5.4.0",
     "react-native-vision-camera": "5.0.10",
+    "react-native-vision-camera-worklets": "5.0.10",
     "react-native-web": "^0.21.2",
     "react-native-wgpu": "*",
-    "react-native-worklets": "0.7.2",
+    "react-native-worklets": "0.8.3",
     "teapot": "^1.0.0",
     "three": "0.184.0",
     "typegpu": "^0.11.6",

apps/example/src/App.tsx

@@ -37,7 +37,9 @@ import { AsyncStarvation } from "./Diagnostics/AsyncStarvation";
 import { DeviceLostHang } from "./Diagnostics/DeviceLostHang";
 import { StorageBufferVertices } from "./StorageBufferVertices";
 import { SharedTextureMemory } from "./SharedTextureMemory";
-import { Camera } from "./Camera";
+import { ExternalTexture } from "./ExternalTexture";
+import { VisionCamera } from "./VisionCamera";
+import { ChromeSphere } from "./ChromeSphere";
 
 // The two lines below are needed by three.js
 import "fast-text-encoding";
@@ -48,9 +50,9 @@ const Stack = createStackNavigator<Routes>();
 
 function App() {
   const assets = useAssets();
-  if (assets === null) {
-    return null;
-  }
+  // if (assets === null) {
+  //   return null;
+  // }
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <NavigationContainer>
@@ -89,7 +91,7 @@ function App() {
           <Stack.Screen name="Particles" component={Particules} />
           <Stack.Screen name="Resize" component={Resize} />
           <Stack.Screen name="Tests">
-            {(props) => <Tests {...props} assets={assets} />}
+            {(props) => (assets ? <Tests {...props} assets={assets} /> : null)}
           </Stack.Screen>
           <Stack.Screen name="GradientTiles" component={GradientTiles} />
           <Stack.Screen name="Reanimated" component={Reanimated} />
@@ -103,7 +105,9 @@ function App() {
             name="SharedTextureMemory"
             component={SharedTextureMemory}
           />
-          <Stack.Screen name="Camera" component={Camera} />
+          <Stack.Screen name="ExternalTexture" component={ExternalTexture} />
+          <Stack.Screen name="VisionCamera" component={VisionCamera} />
+          <Stack.Screen name="ChromeSphere" component={ChromeSphere} />
         </Stack.Navigator>
       </NavigationContainer>
     </GestureHandlerRootView>