react-native-tvos 0.76.2-0 → 0.77.0-0rc1

package/ReactCommon/yoga/yoga/style/StyleLength.h

@@ -104,36 +104,4 @@ inline bool inexactEquals(const StyleLength& a, const StyleLength& b) {
   return a.unit() == b.unit() && inexactEquals(a.value(), b.value());
 }
 
-namespace value {
-
-/**
- * Canonical unit (one YGUnitPoint)
- */
-constexpr StyleLength points(float value) {
-  return StyleLength::points(value);
-}
-
-/**
- * Percent of reference
- */
-constexpr StyleLength percent(float value) {
-  return StyleLength::percent(value);
-}
-
-/**
- * "auto" keyword
- */
-constexpr StyleLength ofAuto() {
-  return StyleLength::ofAuto();
-}
-
-/**
- * Undefined
- */
-constexpr StyleLength undefined() {
-  return StyleLength::undefined();
-}
-
-} // namespace value
-
 } // namespace facebook::yoga

package/ReactCommon/yoga/yoga/style/StyleValuePool.h

@@ -49,9 +49,9 @@ class StyleValuePool {
 
   StyleLength getLength(StyleValueHandle handle) const {
     if (handle.isUndefined()) {
-      return value::undefined();
+      return StyleLength::undefined();
     } else if (handle.isAuto()) {
-      return value::ofAuto();
+      return StyleLength::ofAuto();
     } else {
       assert(
           handle.type() == StyleValueHandle::Type::Point ||
@@ -61,8 +61,8 @@ class StyleValuePool {
           : unpackInlineInteger(handle.value());
 
       return handle.type() == StyleValueHandle::Type::Point
-          ? value::points(value)
-          : value::percent(value);
+          ? StyleLength::points(value)
+          : StyleLength::percent(value);
     }
   }
 

package/cli.js

@@ -12,10 +12,10 @@
 
 const {name, version: currentVersion} = require('./package.json');
 const chalk = require('chalk');
+const {spawn} = require('child_process');
 const {get} = require('https');
 const semver = require('semver');
 const {URL} = require('url');
-const {spawn} = require('child_process');
 
 const deprecated = () => {
   throw new Error(
@@ -204,7 +204,7 @@ async function main() {
 
     const proc = spawn(
       'npx',
-      ['@react-native-community/cli@latest', ...process.argv.slice(2)],
+      ['@react-native-community/cli', ...process.argv.slice(2)],
       {
         stdio: 'inherit',
       },

package/gradle/libs.versions.toml

@@ -1,12 +1,12 @@
 [versions]
 # Android versions
 minSdk = "24"
-targetSdk = "34"
+targetSdk = "35"
 compileSdk = "35"
 buildTools = "35.0.0"
-ndkVersion = "26.1.10909125"
+ndkVersion = "27.1.12297006"
 # Dependencies versions
-agp = "8.6.0"
+agp = "8.7.2"
 androidx-annotation = "1.6.0"
 androidx-appcompat = "1.6.1"
 androidx-autofill = "1.1.0"
@@ -16,14 +16,14 @@ androidx-tracing = "1.1.0"
 assertj = "3.21.0"
 binary-compatibility-validator = "0.13.2"
 download = "5.4.0"
-fbjni = "0.6.0"
-fresco = "3.2.0"
+fbjni = "0.7.0"
+fresco = "3.4.0"
 infer-annotation = "0.18.0"
 javax-annotation-api = "1.3.2"
 javax-inject = "1"
 jsr305 = "3.0.2"
 junit = "4.13.2"
-kotlin = "1.9.24"
+kotlin = "2.0.21"
 mockito = "3.12.4"
 nexus-publish = "1.3.0"
 okhttp = "4.9.2"
@@ -35,8 +35,9 @@ yoga-proguard-annotations = "1.19.0"
 # Native Dependencies
 boost="1_83_0"
 doubleconversion="1.1.6"
-fmt="9.1.0"
-folly="2024.01.01.00"
+fastFloat="6.1.4"
+fmt="11.0.2"
+folly="2024.11.18.00"
 glog="0.3.5"
 gtest="1.12.1"
 

package/index.js

@@ -71,7 +71,10 @@ import typeof I18nManager from './Libraries/ReactNative/I18nManager';
 import typeof {RootTagContext} from './Libraries/ReactNative/RootTag';
 import typeof UIManager from './Libraries/ReactNative/UIManager';
 import typeof ReactNative from './Libraries/Renderer/shims/ReactNative';
-import type {HostComponent as _HostComponentInternal} from './Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  HostInstance,
+} from './Libraries/Renderer/shims/ReactNativeTypes';
 import typeof Settings from './Libraries/Settings/Settings';
 import typeof Share from './Libraries/Share/Share';
 import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
@@ -98,11 +101,12 @@ import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimension
 import typeof useTVEventHandler from './Libraries/Components/TV/useTVEventHandler';
 import typeof Vibration from './Libraries/Vibration/Vibration';
 import typeof YellowBox from './Libraries/YellowBox/YellowBoxDeprecated';
+import typeof DevMenu from './src/private/devmenu/DevMenu';
 
 const warnOnce = require('./Libraries/Utilities/warnOnce');
 const invariant = require('invariant');
 
-export type HostComponent<T> = _HostComponentInternal<T>;
+export type {HostComponent, HostInstance};
 
 module.exports = {
   get registerCallableModule(): RegisterCallableModule {
@@ -243,6 +247,9 @@ module.exports = {
   get DeviceInfo(): DeviceInfo {
     return require('./Libraries/Utilities/DeviceInfo');
   },
+  get DevMenu(): DevMenu {
+    return require('./src/private/devmenu/DevMenu');
+  },
   get DevSettings(): DevSettings {
     return require('./Libraries/Utilities/DevSettings');
   },
@@ -395,7 +402,7 @@ module.exports = {
   get processColor(): processColor {
     return require('./Libraries/StyleSheet/processColor').default;
   },
-  get requireNativeComponent(): <T>(
+  get requireNativeComponent(): <T: {...}>(
     uiViewClassName: string,
   ) => HostComponent<T> {
     return require('./Libraries/ReactNative/requireNativeComponent').default;

package/jest/setup.js

@@ -146,11 +146,14 @@ jest
         remove: jest.fn(),
       })),
       announceForAccessibility: jest.fn(),
+      announceForAccessibilityWithOptions: jest.fn(),
       isAccessibilityServiceEnabled: jest.fn(() => Promise.resolve(false)),
       isBoldTextEnabled: jest.fn(() => Promise.resolve(false)),
       isGrayscaleEnabled: jest.fn(() => Promise.resolve(false)),
       isInvertColorsEnabled: jest.fn(() => Promise.resolve(false)),
       isReduceMotionEnabled: jest.fn(() => Promise.resolve(false)),
+      isHighTextContrastEnabled: jest.fn(() => Promise.resolve(false)),
+      isDarkerSystemColorsEnabled: jest.fn(() => Promise.resolve(false)),
       prefersCrossFadeTransitions: jest.fn(() => Promise.resolve(false)),
       isReduceTransparencyEnabled: jest.fn(() => Promise.resolve(false)),
       isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
@@ -279,6 +282,34 @@ jest
       addListener: jest.fn(),
       removeListeners: jest.fn(),
     },
+    NativeAnimatedModule: {
+      createAnimatedNode: jest.fn(),
+      updateAnimatedNodeConfig: jest.fn(),
+      getValue: jest.fn(),
+      startListeningToAnimatedNodeValue: jest.fn(),
+      stopListeningToAnimatedNodeValue: jest.fn(),
+      connectAnimatedNodes: jest.fn(),
+      disconnectAnimatedNodes: jest.fn(),
+      startAnimatingNode: jest.fn(
+        (animationId, nodeTag, config, endCallback) => {
+          setTimeout(() => endCallback({finished: true}), 16);
+        },
+      ),
+      stopAnimation: jest.fn(),
+      setAnimatedNodeValue: jest.fn(),
+      setAnimatedNodeOffset: jest.fn(),
+      flattenAnimatedNodeOffset: jest.fn(),
+      extractAnimatedNodeOffset: jest.fn(),
+      connectAnimatedNodeToView: jest.fn(),
+      disconnectAnimatedNodeFromView: jest.fn(),
+      restoreDefaultValues: jest.fn(),
+      dropAnimatedNode: jest.fn(),
+      addAnimatedEventToView: jest.fn(),
+      removeAnimatedEventFromView: jest.fn(),
+      addListener: jest.fn(),
+      removeListener: jest.fn(),
+      removeListeners: jest.fn(),
+    },
     Networking: {
       sendRequest: jest.fn(),
       abortRequest: jest.fn(),
@@ -417,4 +448,8 @@ jest
     return jest.requireActual(
       '../Libraries/ReactNative/RendererImplementation',
     );
-  });
+  })
+  .mock('../Libraries/Utilities/useColorScheme', () => ({
+    __esModule: true,
+    default: jest.fn().mockReturnValue('light'),
+  }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tvos",
-  "version": "0.76.2-0",
+  "version": "0.77.0-0rc1",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -96,8 +96,7 @@
   ],
   "scripts": {
     "prepack": "node ./scripts/prepack.js; cp ../../README.md ./README.md; cp ../../README-core.md ./README-core.md",
-    "featureflags-check": "node ./scripts/featureflags/index.js --verify-unchanged",
-    "featureflags-update": "node ./scripts/featureflags/index.js"
+    "featureflags-check": "node ./scripts/featureflags/index.js --verify-unchanged"
   },
   "peerDependencies": {
     "@types/react": "^18.2.6",
@@ -110,18 +109,18 @@
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.6.3",
-    "@react-native/assets-registry": "0.76.2",
-    "@react-native/codegen": "0.76.2",
-    "@react-native/community-cli-plugin": "0.76.2",
-    "@react-native/gradle-plugin": "0.76.2",
-    "@react-native/js-polyfills": "0.76.2",
-    "@react-native/normalize-colors": "0.76.2",
-    "@react-native-tvos/virtualized-lists": "0.76.2-0",
+    "@react-native/assets-registry": "0.77.0-rc.1",
+    "@react-native/codegen": "0.77.0-rc.1",
+    "@react-native/community-cli-plugin": "0.77.0-rc.1",
+    "@react-native/gradle-plugin": "0.77.0-rc.1",
+    "@react-native/js-polyfills": "0.77.0-rc.1",
+    "@react-native/normalize-colors": "0.77.0-rc.1",
+    "@react-native-tvos/virtualized-lists": "0.77.0-0rc1",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "babel-jest": "^29.7.0",
-    "babel-plugin-syntax-hermes-parser": "^0.23.1",
+    "babel-plugin-syntax-hermes-parser": "0.25.1",
     "base64-js": "^1.5.1",
     "chalk": "^4.0.0",
     "commander": "^12.0.0",
@@ -134,11 +133,10 @@
     "memoize-one": "^5.0.0",
     "metro-runtime": "^0.81.0",
     "metro-source-map": "^0.81.0",
-    "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^29.7.0",
     "promise": "^8.3.0",
-    "react-devtools-core": "^5.3.1",
+    "react-devtools-core": "^6.0.1",
     "react-refresh": "^0.14.0",
     "regenerator-runtime": "^0.13.2",
     "scheduler": "0.24.0-canary-efb381bbf-20230505",

package/scripts/cocoapods/codegen_utils.rb

@@ -39,11 +39,11 @@ class CodegenUtils
     # - spec: the cocoapod specs
     # - codegen_output_dir: the output directory for the codegen
     # - file_manager: a class that implements the `File` interface. Defaults to `File`, the Dependency can be injected for testing purposes.
-    def generate_react_codegen_podspec!(spec, codegen_output_dir, file_manager: File)
+    def generate_react_codegen_podspec!(spec, codegen_output_dir, file_manager: File, logger: CodegenUtils::UI)
         # This podspec file should only be create once in the session/pod install.
         # This happens when multiple targets are calling use_react_native!.
         if @@REACT_CODEGEN_PODSPEC_GENERATED
-          Pod::UI.puts "[Codegen] Skipping ReactCodegen podspec generation."
+          logger.puts("Skipping ReactCodegen podspec generation.")
           return
         end
 
@@ -52,7 +52,7 @@ class CodegenUtils
         Pod::Executable.execute_command("mkdir", ["-p", output_dir]);
 
         podspec_path = file_manager.join(output_dir, 'ReactCodegen.podspec.json')
-        Pod::UI.puts "[Codegen] Generating #{podspec_path}"
+        logger.puts("Generating #{podspec_path}")
 
         file_manager.open(podspec_path, 'w') do |f|
           f.write(spec.to_json)
@@ -69,24 +69,24 @@ class CodegenUtils
     # - hermes_enabled: whether hermes is enabled or not.
     # - script_phases: whether we want to add some build script phases or not.
     # - file_manager: a class that implements the `File` interface. Defaults to `File`, the Dependency can be injected for testing purposes.
-    def get_react_codegen_spec(package_json_file, folly_version: get_folly_config()[:version], hermes_enabled: true, script_phases: nil, file_manager: File)
+    def get_react_codegen_spec(package_json_file, folly_version: get_folly_config()[:version], hermes_enabled: true, script_phases: nil, file_manager: File, logger: CodegenUtils::UI)
         package = JSON.parse(file_manager.read(package_json_file))
         version = package['version']
         use_frameworks = ENV['USE_FRAMEWORKS'] != nil
-        folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-        boost_compiler_flags = '-Wno-documentation'
+
+        folly_compiler_flags = get_folly_config()[:compiler_flags]
+        boost_compiler_flags = get_boost_config()[:compiler_flags]
 
         header_search_paths = [
           "\"$(PODS_ROOT)/boost\"",
           "\"$(PODS_ROOT)/RCT-Folly\"",
           "\"$(PODS_ROOT)/DoubleConversion\"",
+          "\"$(PODS_ROOT)/fast_float/include\"",
           "\"$(PODS_ROOT)/fmt/include\"",
           "\"${PODS_ROOT}/Headers/Public/ReactCodegen/react/renderer/components\"",
           "\"$(PODS_ROOT)/Headers/Private/React-Fabric\"",
           "\"$(PODS_ROOT)/Headers/Private/React-RCTFabric\"",
           "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
-          "\"$(PODS_ROOT)/DoubleConversion\"",
-          "\"$(PODS_ROOT)/fmt/include\"",
           "\"$(PODS_TARGET_SRCROOT)\"",
         ]
         framework_search_paths = []
@@ -119,9 +119,11 @@ class CodegenUtils
           'header_mappings_dir' => './',
           'platforms' => min_supported_versions,
           'source_files' => "**/*.{h,mm,cpp}",
+          'exclude_files' => "RCTAppDependencyProvider.{h,mm}", # these files are generated in the same codegen path but needs to belong to a different pod
           'pod_target_xcconfig' => {
             "HEADER_SEARCH_PATHS" => header_search_paths.join(' '),
-            "FRAMEWORK_SEARCH_PATHS" => framework_search_paths
+            "FRAMEWORK_SEARCH_PATHS" => framework_search_paths,
+            "OTHER_CPLUSPLUSFLAGS" => "$(inherited) #{folly_compiler_flags} #{boost_compiler_flags}",
           },
           'dependencies': {
             "React-jsiexecutor": [],
@@ -142,6 +144,7 @@ class CodegenUtils
             'React-debug': [],
             'React-utils': [],
             'React-featureflags': [],
+            'React-RCTAppDelegate': [],
           }
         }
 
@@ -156,7 +159,7 @@ class CodegenUtils
         end
 
         if script_phases
-          Pod::UI.puts "[Codegen] Adding script_phases to ReactCodegen."
+          logger.puts("Adding script_phases to ReactCodegen.")
           spec[:'script_phases'] = script_phases
         end
 
@@ -230,10 +233,11 @@ class CodegenUtils
       config_key: 'codegenConfig',
       codegen_utils: CodegenUtils.new(),
       script_phase_extractor: CodegenScriptPhaseExtractor.new(),
-      file_manager: File
+      file_manager: File,
+      logger: CodegenUtils::UI
       )
       if !app_path
-        Pod::UI.warn '[Codegen] error: app_path is required to use codegen discovery.'
+        logger.warn("error: app_path is required to use codegen discovery.")
         abort
       end
 
@@ -280,22 +284,23 @@ class CodegenUtils
       config_key: 'codegenConfig',
       folly_version: get_folly_config()[:version],
       codegen_utils: CodegenUtils.new(),
-      file_manager: File
+      file_manager: File,
+      logger: CodegenUtils::UI
       )
       return if codegen_disabled
 
       if CodegenUtils.react_codegen_discovery_done()
-        Pod::UI.puts "[Codegen] Skipping use_react_native_codegen_discovery."
+        logger.puts("Skipping use_react_native_codegen_discovery.")
         return
       end
 
       if !app_path
-        Pod::UI.warn '[Codegen] Error: app_path is required for use_react_native_codegen_discovery.'
-        Pod::UI.warn '[Codegen] If you are calling use_react_native_codegen_discovery! in your Podfile, please remove the call and pass `app_path` and/or `config_file_dir` to `use_react_native!`.'
+        logger.warn("Error: app_path is required for use_react_native_codegen_discovery.")
+        logger.warn("If you are calling use_react_native_codegen_discovery! in your Podfile, please remove the call and pass `app_path` and/or `config_file_dir` to `use_react_native!`.")
         abort
       end
 
-      Pod::UI.warn '[Codegen] warn: using experimental new codegen integration'
+      logger.warn("warn: using experimental new codegen integration")
       relative_installation_root = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
 
       # Generate ReactCodegen podspec here to add the script phases.
@@ -361,4 +366,24 @@ class CodegenUtils
         abort
       end
     end
+
+    class UI
+      # ANSI escape codes for colors and formatting
+      CYAN = "\e[36m"
+      YELLOW = "\e[33m"
+      BOLD = "\e[1m"
+      RESET = "\e[0m"
+
+      class << self
+        def puts(text, info: false)
+          prefix = "#{CYAN}#{BOLD}[Codegen]#{RESET}"
+          message = info ? "#{YELLOW}#{text}#{RESET}" : text
+          Pod::UI.puts "#{prefix} #{message}"
+        end
+
+        def warn(text)
+          puts(text, info: true)
+        end
+      end
+    end
 end

package/scripts/cocoapods/helpers.rb

@@ -39,6 +39,7 @@ module Helpers
     class Constants
         @@boost_config = {
             :git => "https://github.com/react-native-community/boost-for-react-native",
+            :compiler_flags => '-Wno-documentation'
         }
 
         @@socket_rocket_config = {
@@ -46,9 +47,14 @@ module Helpers
         }
 
         @@folly_config = {
-            :version => '2024.01.01.00',
+            :version => '2024.11.18.00',
             :git => 'https://github.com/facebook/folly.git',
-            :compiler_flags => '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
+            :compiler_flags => '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32',
+            :dep_name => 'RCT-Folly/Fabric'
+        }
+
+        @@fast_float_config = {
+            :git => "https://github.com/fastfloat/fast_float.git",
         }
 
         @@fmt_config = {
@@ -95,6 +101,14 @@ module Helpers
            @@socket_rocket_config.update(new_socket_rocket_config)
         end
 
+        def self.fast_float_config
+            return @@fast_float_config
+        end
+
+        def self.set_fast_float_config(new_fast_float_config)
+            @@fast_float_config.update(new_fast_float_config)
+        end
+
         def self.fmt_config
             return @@fmt_config
         end

package/scripts/cocoapods/new_architecture.rb

@@ -83,6 +83,7 @@ class NewArchitectureHelper
         header_search_paths = ["\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/Yoga\""]
         if ENV['USE_FRAMEWORKS']
             header_search_paths << "\"$(PODS_ROOT)/DoubleConversion\""
+            header_search_paths << "\"$(PODS_ROOT)/fast_float/include\""
             header_search_paths << "\"$(PODS_ROOT)/fmt/include\""
             ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-graphics", "React_graphics", ["react/renderer/graphics/platform/ios"])
                 .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"]))
@@ -113,6 +114,7 @@ class NewArchitectureHelper
 
 
         ReactNativePodsUtils.add_flag_to_map_with_inheritance(current_config, "OTHER_CPLUSPLUSFLAGS", self.computeFlags(new_arch_enabled))
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(current_config, "OTHER_SWIFT_FLAGS", new_arch_enabled ? " -DRCT_NEW_ARCH_ENABLED" : "")
 
         spec.dependency "React-RCTFabric" # This is for Fabric Component
         spec.dependency "ReactCodegen"

package/scripts/cocoapods/spm.rb

@@ -45,7 +45,7 @@ class SPMManager
       log_warning "If you're using Xcode 15 or earlier you might need to close and reopen the Xcode workspace"
       unless ENV["USE_FRAMEWORKS"] == "dynamic"
         @dependencies_by_pod.each do |pod_name, dependencies|
-          log_warning "Pod #{pod_name} is using swift package(s) #{dependencies.map{|i| i[:products]}.flatten.uniq.join(", ")} with static linking, this might cause linker errors. Consider using USE_FRAMEOWRKS=dynamic, see https://github.com/facebook/react-native/pull/44627#issuecomment-2123119711 for more information"
+          log_warning "Pod #{pod_name} is using swift package(s) #{dependencies.map{|i| i[:products]}.flatten.uniq.join(", ")} with static linking, this might cause linker errors. Consider using USE_FRAMEWORKS=dynamic, see https://github.com/facebook/react-native/pull/44627#issuecomment-2123119711 for more information"
         end
       end
     end

package/scripts/cocoapods/utils.rb

@@ -568,6 +568,7 @@ class ReactNativePodsUtils
         ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "RCT-Folly", [
             "\"$(PODS_ROOT)/RCT-Folly\"",
             "\"$(PODS_ROOT)/DoubleConversion\"",
+            "\"$(PODS_ROOT)/fast_float/include\"",
             "\"$(PODS_ROOT)/fmt/include\"",
             "\"$(PODS_ROOT)/boost\""
         ])
@@ -643,6 +644,7 @@ class ReactNativePodsUtils
             "ReactCommon",
             "Yoga",
             "boost",
+            "fast_float",
             "fmt",
             "glog",
             "hermes-engine",