chore: sync with upstream

Author: okwasniewski

packages/helloworld/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "react": "19.0.0-rc-fb9a90fa48-20240614",
-    "@callstack/react-native-visionos": "1000.0.0"
+    "@callstack/react-native-visionos": "0.77.0-main"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

packages/out-of-tree-platforms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@callstack/out-of-tree-platforms",
-  "version": "0.76.0-main",
+  "version": "0.77.0-main",
   "description": "Utils for React Native out of tree platforms.",
   "keywords": ["out-of-tree", "react-native"],
   "homepage": "https://github.com/callstack/react-native-visionos/tree/HEAD/packages/out-of-tree-platforms#readme",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "devDependencies": { 
-    "metro-resolver": "^0.80.0"
+    "metro-resolver": "^0.81.0-alpha.0"
   },
   "engines": {
     "node": ">=18"

packages/react-native-test-library/package.json

@@ -26,7 +26,7 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@react-native/babel-preset": "0.76.0-main",
+    "@react-native/babel-preset": "0.77.0-main",
     "@callstack/react-native-visionos": "0.77.0-main"
   },
   "peerDependencies": {

packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm

@@ -18,7 +18,6 @@
 #import <react/renderer/graphics/ColorComponents.h>
 #import "RCTAppDelegate+Protected.h"
 #import "RCTAppSetupUtils.h"
-#import <objc/runtime.h>
 
 #if RN_DISABLE_OSS_PLUGIN_HEADER
 #import <RCTTurboModulePlugin/RCTTurboModulePlugin.h>

packages/react-native/React/Base/RCTConvert.mm

@@ -545,22 +545,6 @@ + (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
     UIViewContentModeScaleAspectFill,
     integerValue)
 
-RCT_ENUM_CONVERTER(
-    UIBarStyle,
-    (@{
-      @"default" : @(UIBarStyleDefault),
-      @"black" : @(UIBarStyleBlack),
-#if TARGET_OS_VISION
-      @"blackOpaque" : @(UIBarStyleBlack),
-      @"blackTranslucent" : @(UIBarStyleBlack),
-#else
-      @"blackOpaque" : @(UIBarStyleBlackOpaque),
-      @"blackTranslucent" : @(UIBarStyleBlackTranslucent),
-#endif
-    }),
-    UIBarStyleDefault,
-    integerValue)
-
 RCT_ENUM_CONVERTER(
     RCTCursor,
     (@{

packages/react-native/React/Base/RCTKeyCommands.m

@@ -127,11 +127,7 @@ - (void)handleKeyUIEventSwizzle:(UIEvent *)event
   if ([event respondsToSelector:@selector(_isKeyDown)]) {
     isKeyDown = [event _isKeyDown];
   }
-#if !TARGET_OS_VISION
-  BOOL interactionEnabled = !RCTSharedApplication().isIgnoringInteractionEvents;
-#else
-  BOOL interactionEnabled = true;
-#endif
+
   BOOL hasFirstResponder = NO;
   if (isKeyDown && modifiedInput.length > 0) {
     UIResponder *firstResponder = nil;

packages/react-native/React/CoreModules/RCTStatusBarManager.mm

@@ -79,7 +79,6 @@ + (BOOL)requiresMainQueueSetup
 
 - (void)startObserving
 {
-#if !TARGET_OS_VISION
   NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
   [nc addObserver:self
          selector:@selector(applicationDidChangeStatusBarFrame:)
@@ -89,19 +88,15 @@ - (void)startObserving
          selector:@selector(applicationWillChangeStatusBarFrame:)
              name:UIApplicationWillChangeStatusBarFrameNotification
            object:nil];
-#endif
 }
 
 - (void)stopObserving
 {
-#if !TARGET_OS_VISION
   [[NSNotificationCenter defaultCenter] removeObserver:self];
-#endif
 }
 
 - (void)emitEvent:(NSString *)eventName forNotification:(NSNotification *)notification
 {
-#if !TARGET_OS_VISION
   CGRect frame = [notification.userInfo[UIApplicationStatusBarFrameUserInfoKey] CGRectValue];
   NSDictionary *event = @{
     @"frame" : @{
@@ -112,7 +107,6 @@ - (void)emitEvent:(NSString *)eventName forNotification:(NSNotification *)notifi
     },
   };
   [self sendEventWithName:eventName body:event];
-#endif
 }
 
 - (void)applicationDidChangeStatusBarFrame:(NSNotification *)notification
@@ -134,7 +128,6 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
 
 RCT_EXPORT_METHOD(setStyle : (NSString *)style animated : (BOOL)animated)
 {
-#if !TARGET_OS_VISION
   dispatch_async(dispatch_get_main_queue(), ^{
     UIStatusBarStyle statusBarStyle = [RCTConvert UIStatusBarStyle:style];
     if (RCTViewControllerBasedStatusBarAppearance()) {
@@ -143,16 +136,14 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
     } else {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [RCTSharedApplication() setStatusBarStyle:statusBarStyle animated:animated];
-  }
+      [RCTSharedApplication() setStatusBarStyle:statusBarStyle animated:animated];
+    }
 #pragma clang diagnostic pop
   });
-#endif
 }
 
 RCT_EXPORT_METHOD(setHidden : (BOOL)hidden withAnimation : (NSString *)withAnimation)
 {
-#if !TARGET_OS_VISION
   dispatch_async(dispatch_get_main_queue(), ^{
     UIStatusBarAnimation animation = [RCTConvert UIStatusBarAnimation:withAnimation];
     if (RCTViewControllerBasedStatusBarAppearance()) {
@@ -161,24 +152,21 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
     } else {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [RCTSharedApplication() setStatusBarHidden:hidden withAnimation:animation];
+      [RCTSharedApplication() setStatusBarHidden:hidden withAnimation:animation];
 #pragma clang diagnostic pop
     }
   });
-#endif
 }
 
 RCT_EXPORT_METHOD(setNetworkActivityIndicatorVisible : (BOOL)visible)
 {
-#if !TARGET_OS_VISION
   dispatch_async(dispatch_get_main_queue(), ^{
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
     // This is no longer supported in iOS 13 and later. We will remove this method in a future release.
     RCTSharedApplication().networkActivityIndicatorVisible = visible;
 #pragma clang diagnostic pop
   });
-#endif
 }
 
 - (facebook::react::ModuleConstants<JS::NativeStatusBarManagerIOS::Constants>)getConstants

packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm

@@ -61,7 +61,6 @@ - (BOOL)prefersStatusBarHidden
 #if RCT_DEV && TARGET_OS_IOS
 - (UIInterfaceOrientationMask)supportedInterfaceOrientations
 {
-#if !TARGET_OS_VISION
   UIInterfaceOrientationMask appSupportedOrientationsMask =
       [RCTSharedApplication() supportedInterfaceOrientationsForWindow:RCTKeyWindow()];
   if (!(_supportedInterfaceOrientations & appSupportedOrientationsMask)) {
@@ -75,9 +74,6 @@ - (UIInterfaceOrientationMask)supportedInterfaceOrientations
   }
 
   return _supportedInterfaceOrientations;
-#else
-  return UIInterfaceOrientationUnknown;
-#endif
 }
 #endif // RCT_DEV
 

packages/react-native/React/Views/RCTModalHostViewController.m

@@ -54,7 +54,6 @@ - (BOOL)prefersStatusBarHidden
 #if RCT_DEV && TARGET_OS_IOS
 - (UIInterfaceOrientationMask)supportedInterfaceOrientations
 {
-#if !TARGET_OS_VISION
   UIInterfaceOrientationMask appSupportedOrientationsMask =
       [RCTSharedApplication() supportedInterfaceOrientationsForWindow:RCTKeyWindow()];
   if (!(_supportedInterfaceOrientations & appSupportedOrientationsMask)) {
@@ -68,9 +67,6 @@ - (UIInterfaceOrientationMask)supportedInterfaceOrientations
   }
 
   return _supportedInterfaceOrientations;
-#else
-  return UIInterfaceOrientationUnknown;
-#endif
 }
 #endif // RCT_DEV
 

packages/react-native/local-cli/localCommands.js

@@ -1,45 +1,47 @@
-const {
-  createBuild,
-  createLog,
-  createRun,
-  getRunOptions,
-  getLogOptions,
-  getBuildOptions,
-} = require('@react-native-community/cli-platform-apple');
+let apple;
+try {
+  apple = require('@react-native-community/cli-platform-apple');
+} catch {
+  if (verbose) {
+    console.warn(
+      '@react-native-community/cli-platform-apple not found, the react-native.config.js may be unusable.',
+    );
+  }
+}
 
 const platformName = 'visionos';
 
 const run = {
   name: 'run-visionos',
   description: 'builds your app and starts it on visionOS simulator',
-  func: createRun({platformName}),
+  func: apple.createRun({platformName}),
   examples: [
     {
       desc: 'Run on a specific simulator',
       cmd: 'npx @callstack/react-native-visionos run-visionos --simulator "Apple Vision Pro"',
     },
   ],
-  options: getRunOptions({platformName}),
+  options: apple.getRunOptions({platformName}),
 };
 
 const log = {
   name: 'log-visionos',
   description: 'starts visionOS device syslog tail',
-  func: createLog({platformName: 'visionos'}),
-  options: getLogOptions({platformName}),
+  func: apple.createLog({platformName: 'visionos'}),
+  options: apple.getLogOptions({platformName}),
 };
 
 const build = {
   name: 'build-visionos',
   description: 'builds your app for visionOS platform',
-  func: createBuild({platformName}),
+  func: apple.createBuild({platformName}),
   examples: [
       {
       desc: 'Build the app for all visionOS devices in Release mode',
       cmd: 'npx @callstack/react-native-visionos build-visionos --mode "Release"',
       },
   ],
-  options: getBuildOptions({platformName}),
+  options: apple.getBuildOptions({platformName}),
 };
 
 module.exports = [run, log, build];