react-native-tvos 0.83.0-0rc4 → 0.83.1-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/Libraries/Core/ReactNativeVersion.js +2 -2
  2. package/README.md +16 -54
  3. package/React/Base/RCTVersion.m +2 -2
  4. package/ReactAndroid/gradle.properties +1 -1
  5. package/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkEventUtil.kt +11 -1
  6. package/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.kt +5 -0
  7. package/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.kt +2 -2
  8. package/ReactAndroid/src/main/jni/CMakeLists.txt +7 -0
  9. package/ReactAndroid/src/main/jni/react/devsupport/CMakeLists.txt +7 -0
  10. package/ReactCommon/cxxreact/ReactNativeVersion.h +3 -3
  11. package/ReactCommon/jsinspector-modern/HostAgent.cpp +2 -2
  12. package/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp +10 -5
  13. package/ReactCommon/jsinspector-modern/InspectorInterfaces.h +2 -2
  14. package/ReactCommon/jsinspector-modern/TracingAgent.cpp +1 -1
  15. package/package.json +8 -8
  16. package/react-native.config.js +17 -0
  17. package/scripts/cocoapods/utils.rb +2 -0
package/Libraries/Core/ReactNativeVersion.js CHANGED
@@ -28,8 +28,8 @@
28
28
  export default class ReactNativeVersion {
29
29
  static major: number = 0;
30
30
  static minor: number = 83;
31
- static patch: number = 0;
32
- static prerelease: string | null = '0rc4';
31
+ static patch: number = 1;
32
+ static prerelease: string | null = '0';
33
33
 
34
34
  static getVersionString(): string {
35
35
  return `${this.major}.${this.minor}.${this.patch}${this.prerelease != null ? `-${this.prerelease}` : ''}`;
package/README.md CHANGED
@@ -94,64 +94,26 @@ See the [Building Expo apps for TV](https://docs.expo.dev/guides/building-for-tv
94
94
 
95
95
  Using Expo's [continuous native generation (CNG)](https://docs.expo.dev/workflow/continuous-native-generation/) model, projects created this way can be used to build either mobile or TV apps, taking advantage of the full support for both mobile and TV platforms in this repo.
96
96
 
97
- ### Project creation using the React Native Community CLI
97
+ ### Creating a new project with the Community CLI
98
98
 
99
- As of React Native 0.75.x, the template that used to reside in the `react-native` core package has been moved to a [new community repo](https://github.com/react-native-community/template) and will be maintained there. To support developers that wish to continue using the community CLI, we have created a [new TV template repository](https://github.com/react-native-tvos/template-tv) and will maintain a TV port of this template.
99
+ We maintain [template-tv](https://github.com/react-native-tvos/template-tv), a TV-specific template for developers using the React Native Community CLI. This project extends the Community CLI with `run-tvos`, `build-tvos`, and `log-tvos` commands for tvOS development.
100
100
 
101
- > _Note:_ The new TV template will only build apps for Apple TV and Android TV. Multiple platform targets are no longer supported in React Native app Podfiles.
102
-
103
- To create a new project for RNTV 0.81:
101
+ > [!NOTE]
102
+ > This template only supports Apple TV and Android TV. Multiple platform targets are no longer supported in React Native app Podfiles.
104
103
 
104
+ **Quick start:**
105
105
  ```sh
106
- #
107
- # Init an app called 'TVTest', note that you must not be in a node module (directory with node_modules sub-directory) for this to work
108
- $ npx @react-native-community/cli@latest init TVTest --template @react-native-tvos/template-tv
109
-
110
- ###### ######
111
- ### #### #### ###
112
- ## ### ### ##
113
- ## #### ##
114
- ## #### ##
115
- ## ## ## ##
116
- ## ### ### ##
117
- ## ######################## ##
118
- ###### ### ### ######
119
- ### ## ## ## ## ###
120
- ### ## ### #### ### ## ###
121
- ## #### ######## #### ##
122
- ## ### ########## ### ##
123
- ## #### ######## #### ##
124
- ### ## ### #### ### ## ###
125
- ### ## ## ## ## ###
126
- ###### ### ### ######
127
- ## ######################## ##
128
- ## ### ### ##
129
- ## ## ## ##
130
- ## #### ##
131
- ## #### ##
132
- ## ### ### ##
133
- ### #### #### ###
134
- ###### ######
135
-
136
-
137
- Welcome to React Native 0.81!
138
- Learn once, write anywhere
139
-
140
- ✔ Downloading template
141
- ✔ Copying template
142
- ✔ Processing template
143
- ✔ Installing dependencies
144
- ✔ Do you want to install CocoaPods now? Only needed if you run your project in Xcode directly … yes
145
- ✔ Installing Ruby Gems
146
- ✔ Installing CocoaPods dependencies (this may take a few minutes)
147
- .
148
- .
149
- .
150
- $ cd TVTest
151
- # Now build and start the app in the tvOS Simulator - this will only work on a macOS machine.
152
- npx react-native run-ios --simulator "Apple TV"
153
- # This command builds and starts the app in an Android TV emulator (needs to be created in advance).
154
- npx react-native run:android --device tv_api_31
106
+ # Initialize a new app called 'TVTest'
107
+ # This command should be run outside of any existing node project
108
+ npx @react-native-community/cli@latest init TVTest --template @react-native-tvos/template-tv
109
+
110
+ cd TVTest
111
+
112
+ # Build and run on tvOS Simulator (macOS only, requires Apple TV simulator)
113
+ npx react-native run-tvos --simulator "Apple TV"
114
+
115
+ # Build and run on Android TV emulator (requires Android TV emulator)
116
+ npx react-native run-android --device tv_api_31
155
117
  ```
156
118
 
157
119
  ## How to support TV specific file extensions
package/React/Base/RCTVersion.m CHANGED
@@ -23,8 +23,8 @@ NSDictionary* RCTGetReactNativeVersion(void)
23
23
  __rnVersion = @{
24
24
  RCTVersionMajor: @(0),
25
25
  RCTVersionMinor: @(83),
26
- RCTVersionPatch: @(0),
27
- RCTVersionPrerelease: @"0rc4",
26
+ RCTVersionPatch: @(1),
27
+ RCTVersionPrerelease: @"0",
28
28
  };
29
29
  });
30
30
  return __rnVersion;
package/ReactAndroid/gradle.properties CHANGED
@@ -1,4 +1,4 @@
1
- VERSION_NAME=0.83.0-0rc4
1
+ VERSION_NAME=0.83.1-0
2
2
  react.internal.publishingGroup=io.github.react-native-tvos
3
3
  react.internal.hermesPublishingGroup=com.facebook.hermes
4
4
 
package/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkEventUtil.kt CHANGED
@@ -15,6 +15,7 @@ import com.facebook.react.bridge.Arguments
15
15
  import com.facebook.react.bridge.ReactApplicationContext
16
16
  import com.facebook.react.bridge.WritableMap
17
17
  import com.facebook.react.bridge.buildReadableArray
18
+ import com.facebook.react.common.build.ReactBuildConfig
18
19
  import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
19
20
  import java.net.SocketTimeoutException
20
21
  import okhttp3.Headers
@@ -30,12 +31,21 @@ internal object NetworkEventUtil {
30
31
  fun onCreateRequest(devToolsRequestId: String, request: Request) {
31
32
  if (ReactNativeFeatureFlags.enableNetworkEventReporting()) {
32
33
  val headersMap = okHttpHeadersToMap(request.headers())
34
+ var requestBody = ""
35
+
36
+ if (ReactBuildConfig.DEBUG) {
37
+ // Debug build: Process request body for preview (CDP only)
38
+ requestBody =
39
+ (request.body() as? ProgressRequestBody)?.getBodyPreview()
40
+ ?: request.body()?.toString().orEmpty()
41
+ }
42
+
33
43
  InspectorNetworkReporter.reportRequestStart(
34
44
  devToolsRequestId,
35
45
  request.url().toString(),
36
46
  request.method(),
37
47
  headersMap,
38
- request.body()?.toString().orEmpty(),
48
+ requestBody,
39
49
  request.body()?.contentLength() ?: 0,
40
50
  )
41
51
  InspectorNetworkReporter.reportConnectionTiming(devToolsRequestId, headersMap)
package/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.kt CHANGED
@@ -78,4 +78,9 @@ internal class ProgressRequestBody(
78
78
  }
79
79
  )
80
80
  }
81
+
82
+ fun getBodyPreview(): String {
83
+ // TODO: Safely implement request body previews
84
+ return "[Preview unavailable]"
85
+ }
81
86
  }
package/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.kt CHANGED
@@ -14,7 +14,7 @@ public object ReactNativeVersion {
14
14
  public val VERSION: Map<String, Any?> = mapOf(
15
15
  "major" to 0,
16
16
  "minor" to 83,
17
- "patch" to 0,
18
- "prerelease" to "0rc4"
17
+ "patch" to 1,
18
+ "prerelease" to "0"
19
19
  )
20
20
  }
package/ReactAndroid/src/main/jni/CMakeLists.txt CHANGED
@@ -338,3 +338,10 @@ target_include_directories(reactnative
338
338
  $<TARGET_PROPERTY:uimanagerjni,INTERFACE_INCLUDE_DIRECTORIES>
339
339
  $<TARGET_PROPERTY:yoga,INTERFACE_INCLUDE_DIRECTORIES>
340
340
  )
341
+
342
+ if(${CMAKE_BUILD_TYPE} MATCHES Debug OR REACT_NATIVE_DEBUG_OPTIMIZED)
343
+ target_compile_options(reactnative PRIVATE
344
+ -DREACT_NATIVE_DEBUGGER_ENABLED=1
345
+ -DREACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1
346
+ )
347
+ endif ()
package/ReactAndroid/src/main/jni/react/devsupport/CMakeLists.txt CHANGED
@@ -23,3 +23,10 @@ target_link_libraries(react_devsupportjni
23
23
  react_networking)
24
24
 
25
25
  target_compile_reactnative_options(react_devsupportjni PRIVATE)
26
+
27
+ if(${CMAKE_BUILD_TYPE} MATCHES Debug OR REACT_NATIVE_DEBUG_OPTIMIZED)
28
+ target_compile_options(react_devsupportjni PRIVATE
29
+ -DREACT_NATIVE_DEBUGGER_ENABLED=1
30
+ -DREACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1
31
+ )
32
+ endif ()
package/ReactCommon/cxxreact/ReactNativeVersion.h CHANGED
@@ -14,15 +14,15 @@
14
14
 
15
15
  #define REACT_NATIVE_VERSION_MAJOR 0
16
16
  #define REACT_NATIVE_VERSION_MINOR 83
17
- #define REACT_NATIVE_VERSION_PATCH 0
17
+ #define REACT_NATIVE_VERSION_PATCH 1
18
18
 
19
19
  namespace facebook::react {
20
20
 
21
21
  constexpr struct {
22
22
  int32_t Major = 0;
23
23
  int32_t Minor = 83;
24
- int32_t Patch = 0;
25
- std::string_view Prerelease = "0rc4";
24
+ int32_t Patch = 1;
25
+ std::string_view Prerelease = "0";
26
26
  } ReactNativeVersion;
27
27
 
28
28
  } // namespace facebook::react
package/ReactCommon/jsinspector-modern/HostAgent.cpp CHANGED
@@ -147,7 +147,7 @@ class HostAgent::Impl final {
147
147
  if (InspectorFlags::getInstance().getNetworkInspectionEnabled()) {
148
148
  if (req.method == "Network.enable") {
149
149
  auto& inspector = getInspectorInstance();
150
- if (inspector.getSystemState().registeredPagesCount > 1) {
150
+ if (inspector.getSystemState().registeredHostsCount > 1) {
151
151
  frontendChannel_(
152
152
  cdp::jsonError(
153
153
  req.id,
@@ -231,7 +231,7 @@ class HostAgent::Impl final {
231
231
  "ReactNativeApplication.metadataUpdated",
232
232
  createHostMetadataPayload(hostMetadata_)));
233
233
  auto& inspector = getInspectorInstance();
234
- bool isSingleHost = inspector.getSystemState().registeredPagesCount <= 1;
234
+ bool isSingleHost = inspector.getSystemState().registeredHostsCount <= 1;
235
235
  if (!isSingleHost) {
236
236
  emitSystemStateChanged(isSingleHost);
237
237
  }
package/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp CHANGED
@@ -67,8 +67,8 @@ class InspectorImpl : public IInspector {
67
67
  public:
68
68
  explicit SystemStateListener(InspectorSystemState& state) : state_(state) {}
69
69
 
70
- void onPageAdded(int /*pageId*/) override {
71
- state_.registeredPagesCount++;
70
+ void unstable_onHostTargetAdded() override {
71
+ state_.registeredHostsCount++;
72
72
  }
73
73
 
74
74
  private:
@@ -94,6 +94,7 @@ class InspectorImpl : public IInspector {
94
94
  ConnectFunc connectFunc_;
95
95
  InspectorTargetCapabilities capabilities_;
96
96
  };
97
+
97
98
  mutable std::mutex mutex_;
98
99
  int nextPageId_{1};
99
100
  std::map<int, Page> pages_;
@@ -142,9 +143,13 @@ int InspectorImpl::addPage(
142
143
  pageId,
143
144
  Page{pageId, description, vm, std::move(connectFunc), capabilities});
144
145
 
145
- for (const auto& listenerWeak : listeners_) {
146
- if (auto listener = listenerWeak.lock()) {
147
- listener->onPageAdded(pageId);
146
+ // Strong assumption: If prefersFuseboxFrontend is set, the page added is a
147
+ // HostTarget and not a legacy Hermes runtime target.
148
+ if (capabilities.prefersFuseboxFrontend) {
149
+ for (const auto& listenerWeak : listeners_) {
150
+ if (auto listener = listenerWeak.lock()) {
151
+ listener->unstable_onHostTargetAdded();
152
+ }
148
153
  }
149
154
  }
150
155
 
package/ReactCommon/jsinspector-modern/InspectorInterfaces.h CHANGED
@@ -53,7 +53,7 @@ using InspectorPage = InspectorPageDescription;
53
53
 
54
54
  struct InspectorSystemState {
55
55
  /** The total count of pages registered during the app lifetime. */
56
- int registeredPagesCount;
56
+ int registeredHostsCount;
57
57
  };
58
58
 
59
59
  /// IRemoteConnection allows the VM to send debugger messages to the client.
@@ -83,7 +83,7 @@ class JSINSPECTOR_EXPORT ILocalConnection : public IDestructible {
83
83
  class JSINSPECTOR_EXPORT IPageStatusListener : public IDestructible {
84
84
  public:
85
85
  virtual ~IPageStatusListener() = 0;
86
- virtual void onPageAdded(int /*pageId*/) {}
86
+ virtual void unstable_onHostTargetAdded() {}
87
87
  virtual void onPageRemoved(int /*pageId*/) {}
88
88
  };
89
89
 
package/ReactCommon/jsinspector-modern/TracingAgent.cpp CHANGED
@@ -54,7 +54,7 @@ TracingAgent::~TracingAgent() {
54
54
  bool TracingAgent::handleRequest(const cdp::PreparsedRequest& req) {
55
55
  if (req.method == "Tracing.start") {
56
56
  auto& inspector = getInspectorInstance();
57
- if (inspector.getSystemState().registeredPagesCount > 1) {
57
+ if (inspector.getSystemState().registeredHostsCount > 1) {
58
58
  frontendChannel_(
59
59
  cdp::jsonError(
60
60
  req.id,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-tvos",
3
- "version": "0.83.0-0rc4",
3
+ "version": "0.83.1-0",
4
4
  "description": "A framework for building native apps using React",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -164,12 +164,12 @@
164
164
  },
165
165
  "dependencies": {
166
166
  "@jest/create-cache-key-function": "^29.7.0",
167
- "@react-native/assets-registry": "0.83.0-rc.4",
168
- "@react-native/codegen": "0.83.0-rc.4",
169
- "@react-native/community-cli-plugin": "0.83.0-rc.4",
170
- "@react-native/gradle-plugin": "0.83.0-rc.4",
171
- "@react-native/js-polyfills": "0.83.0-rc.4",
172
- "@react-native/normalize-colors": "0.83.0-rc.4",
167
+ "@react-native/assets-registry": "0.83.1",
168
+ "@react-native/codegen": "0.83.1",
169
+ "@react-native/community-cli-plugin": "0.83.1",
170
+ "@react-native/gradle-plugin": "0.83.1",
171
+ "@react-native/js-polyfills": "0.83.1",
172
+ "@react-native/normalize-colors": "0.83.1",
173
173
  "abort-controller": "^3.0.0",
174
174
  "anser": "^1.4.9",
175
175
  "ansi-regex": "^5.0.0",
@@ -197,7 +197,7 @@
197
197
  "whatwg-fetch": "^3.0.0",
198
198
  "ws": "^7.5.10",
199
199
  "yargs": "^17.6.2",
200
- "@react-native-tvos/virtualized-lists": "0.83.0-0rc4"
200
+ "@react-native-tvos/virtualized-lists": "0.83.1-0"
201
201
  },
202
202
  "codegenConfig": {
203
203
  "libraries": [
package/react-native.config.js CHANGED
@@ -136,4 +136,21 @@ if (android != null) {
136
136
  };
137
137
  }
138
138
 
139
+ try {
140
+ const apple = require('@react-native-community/cli-platform-apple');
141
+ const tvosCommands = require('./tvosCommands');
142
+
143
+ config.commands.push(...tvosCommands);
144
+ config.platforms.tvos = {
145
+ projectConfig: apple.getProjectConfig({platformName: 'tvos'}),
146
+ dependencyConfig: apple.getDependencyConfig({platformName: 'tvos'}),
147
+ };
148
+ } catch {
149
+ if (verbose) {
150
+ console.warn(
151
+ '@react-native-community/cli-platform-apple not found, the react-native.config.js may be unusable.',
152
+ );
153
+ }
154
+ }
155
+
139
156
  module.exports = config;
package/scripts/cocoapods/utils.rb CHANGED
@@ -58,9 +58,11 @@ class ReactNativePodsUtils
58
58
 
59
59
  def self.set_gcc_preprocessor_definition_for_debugger(installer)
60
60
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED=1", "React-jsinspector", :debug)
61
+ self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED=1", "React-jsinspectornetwork", :debug)
61
62
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED=1", "React-RCTNetwork", :debug)
62
63
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED=1", "React-networking", :debug)
63
64
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1", "React-jsinspector", :debug)
65
+ self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1", "React-jsinspectornetwork", :debug)
64
66
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1", "React-RCTNetwork", :debug)
65
67
  self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "REACT_NATIVE_DEBUGGER_ENABLED_DEVONLY=1", "React-networking", :debug)
66
68
  end