Remove reanimated v3/v4 split; enable new architecture on Android

Android ran reanimated 3 via the local `r3-hack` package on the old
architecture while iOS ran reanimated 4 on Fabric. Reanimated 4 requires the
new architecture, so route both platforms through reanimated 4 / worklets and
enable the new architecture on Android:

- babel.config.js: always use react-native-worklets/plugin; add api.cache(true)
  now that the config is static (no platform branch configuring the cache).
- metro.config.js: drop the r3-hack Android resolver.
- react-native.config.js: drop the reanimated sourceDir override and the
  worklets Android disable.
- package.json: remove the r3-hack dependency; delete scripts/r3-hack.
- android/gradle.properties: newArchEnabled=true.
- useCarouselGesture: unify the withSpring config to the reanimated-4 algorithm
  on both platforms (Android previously used the reanimated-3 damping).

Also dedupe yaob to ^0.4.0, fixing the nativeIo collision that crashed
ZEC/Pirate wallet creation.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: peachbits

android/gradle.properties

@@ -37,7 +37,7 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
-newArchEnabled=false
+newArchEnabled=true
 
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.

babel.config.js

@@ -1,12 +1,7 @@
 module.exports = function (api) {
-  const isAndroid = api.caller(c => c.platform === 'android')
-
+  api.cache(true)
   return {
     presets: ['module:@react-native/babel-preset'],
-    plugins: [
-      isAndroid
-        ? './node_modules/r3-hack/node_modules/react-native-reanimated/plugin'
-        : 'react-native-worklets/plugin'
-    ]
+    plugins: ['react-native-worklets/plugin']
   }
 }

metro.config.js

@@ -2,7 +2,6 @@ const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config')
 const {
   wrapWithReanimatedMetroConfig
 } = require('react-native-reanimated/metro-config')
-const r3Paths = require('r3-hack')
 
 const defaultConfig = getDefaultConfig(__dirname)
 const { assetExts, sourceExts } = defaultConfig.resolver
@@ -20,30 +19,6 @@ const config = {
     )
   },
   resolver: {
-    resolveRequest(context, moduleName, platform) {
-      if (platform === 'android') {
-        // Use Reanimated 3 on Android:
-        const filePath = r3Paths[moduleName]
-        if (filePath != null) {
-          return { type: 'sourceFile', filePath }
-        }
-
-        // Ensure we aren't missing any reanimated 3 -> 4 mappings:
-        if (
-          moduleName.startsWith('react-native-reanimated') ||
-          moduleName.startsWith('react-native-worklets')
-        ) {
-          console.log(
-            `Could not find "${moduleName}". Please update r3-hack to include it.`
-          )
-          return { type: 'empty' }
-        }
-      }
-
-      // Otherwise use the normal Metro resolution:
-      return context.resolveRequest(context, moduleName, platform)
-    },
-
     // From react-native-svg-transformer:
     assetExts: assetExts.filter(ext => ext !== 'svg'),
     sourceExts: [...sourceExts, 'svg']

package-lock.json

@@ -63,6 +63,7 @@
     "*.{js,jsx,ts,tsx}": "eslint"
   },
   "overrides": {
+    "yaob": "^0.4.0",
     "bip39": "3.0.4"
   },
   "dependencies": {
@@ -120,7 +121,6 @@
     "posthog-react-native": "^2.8.1",
     "prompts": "^2.4.2",
     "qrcode-generator": "^1.4.4",
-    "r3-hack": "./scripts/r3-hack",
     "react": "19.0.0",
     "react-native": "0.79.2",
     "react-native-airship": "^0.3.0",

package.json

@@ -4,23 +4,6 @@ module.exports = {
       platforms: {
         ios: null
       }
-    },
-
-    // We want Reanimated 3 on Android:
-    'react-native-reanimated': {
-      platforms: {
-        android: {
-          sourceDir:
-            '../node_modules/r3-hack/node_modules/react-native-reanimated/android'
-        }
-      }
-    },
-
-    // We don't want Reanimated 4 worklets on Android:
-    'react-native-worklets': {
-      platforms: {
-        android: null
-      }
     }
   }
 }

react-native.config.js

@@ -1,4 +1,3 @@
-import { Platform } from 'react-native'
 import { Gesture, type PanGesture } from 'react-native-gesture-handler'
 import {
   type SharedValue,
@@ -51,16 +50,11 @@ export const useCarouselGesture = (
         0,
         Math.min(itemCount - 1, startIndex.value + delta)
       )
-      scrollIndex.value = withSpring(
-        destValue,
-        Platform.OS === 'android'
-          ? { damping: 12 } // Old Reanimated 3 algorithm
-          : {
-              velocity: -itemScale * event.velocityX,
-              stiffness: 900,
-              damping: 100
-            }
-      )
+      scrollIndex.value = withSpring(destValue, {
+        velocity: -itemScale * event.velocityX,
+        stiffness: 900,
+        damping: 100
+      })
 
       if (onGestureEnd != null) runOnJS(onGestureEnd)(destValue)
     })