Implement new HostTargetMetadata fields (iOS) (#44893)

Summary:
Pull Request resolved: #44893

Adds the following debugger metadata fields (sent over the `ReactNativeApplication.metadataUpdated` CDP event), and implements these on iOS (Bridge and Bridgeless).

- `appIdentifier`
- `deviceName`
- `platform`
- `reactNativeVersion`

Changelog: [Internal]

Reviewed By: robhogan

Differential Revision: D58288489

fbshipit-source-id: 7105ad3b70d409bcd98b232154ebd6b7c827fb2b

Author: huntie

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

@@ -20,6 +20,7 @@
 #import <jsinspector-modern/ReactCdp.h>
 #import <optional>
 #import "RCTDevLoadingViewProtocol.h"
+#import "RCTInspectorUtils.h"
 #import "RCTJSThread.h"
 #import "RCTLog.h"
 #import "RCTModuleData.h"
@@ -199,8 +200,14 @@ void RCTUIManagerSetDispatchAccessibilityManagerInitOntoMain(BOOL enabled)
 
   facebook::react::jsinspector_modern::HostTargetMetadata getMetadata() override
   {
+    auto metadata = [RCTInspectorUtils getHostMetadata];
+
     return {
+        .appIdentifier = metadata.appIdentifier,
+        .deviceName = metadata.deviceName,
         .integrationName = "iOS Bridge (RCTBridge)",
+        .platform = metadata.platform,
+        .reactNativeVersion = metadata.reactNativeVersion,
     };
   }
 

packages/react-native/React/DevSupport/RCTInspectorUtils.h

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <Foundation/Foundation.h>
+
+#import <string>
+
+struct CommonHostMetadata {
+  std::string appIdentifier;
+  std::string deviceName;
+  std::string platform;
+  std::string reactNativeVersion;
+};
+
+@interface RCTInspectorUtils : NSObject
+
++ (CommonHostMetadata)getHostMetadata;
+
+@end

packages/react-native/React/DevSupport/RCTInspectorUtils.mm

@@ -0,0 +1,42 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTInspectorUtils.h"
+
+#import <React/RCTConstants.h>
+#import <React/RCTVersion.h>
+#import <UIKit/UIKit.h>
+
+@implementation RCTInspectorUtils
+
++ (CommonHostMetadata)getHostMetadata
+{
+  UIDevice *device = [UIDevice currentDevice];
+
+  NSString *appIdentifier = [[NSBundle mainBundle] bundleIdentifier];
+  NSString *platform = RCTPlatformName;
+  NSString *deviceName = [device name];
+
+  auto version = RCTGetReactNativeVersion();
+  NSString *reactNativeVersion =
+      [NSString stringWithFormat:@"%i.%i.%i%@",
+                                 [version[@"minor"] intValue],
+                                 [version[@"major"] intValue],
+                                 [version[@"patch"] intValue],
+                                 [version[@"prerelease"] isKindOfClass:[NSNull class]]
+                                     ? @""
+                                     : [@"-" stringByAppendingString:[version[@"prerelease"] stringValue]]];
+
+  return {
+      .appIdentifier = [appIdentifier UTF8String],
+      .platform = [platform UTF8String],
+      .deviceName = [deviceName UTF8String],
+      .reactNativeVersion = [reactNativeVersion UTF8String],
+  };
+}
+
+@end

packages/react-native/ReactCommon/jsinspector-modern/HostTarget.cpp

@@ -223,7 +223,11 @@ bool HostTargetController::decrementPauseOverlayCounter() {
 folly::dynamic hostMetadataToDynamic(const HostTargetMetadata& metadata) {
   folly::dynamic result = folly::dynamic::object;
 
+  result["appIdentifier"] = metadata.appIdentifier.value_or(nullptr);
+  result["deviceName"] = metadata.deviceName.value_or(nullptr);
   result["integrationName"] = metadata.integrationName.value_or(nullptr);
+  result["platform"] = metadata.platform.value_or(nullptr);
+  result["reactNativeVersion"] = metadata.reactNativeVersion.value_or(nullptr);
 
   return result;
 }

packages/react-native/ReactCommon/jsinspector-modern/HostTarget.h

@@ -37,7 +37,11 @@ class HostCommandSender;
 class HostTarget;
 
 struct HostTargetMetadata {
+  std::optional<std::string> appIdentifier;
+  std::optional<std::string> deviceName;
   std::optional<std::string> integrationName;
+  std::optional<std::string> platform;
+  std::optional<std::string> reactNativeVersion;
 };
 
 /**
@@ -90,7 +94,8 @@ class HostTargetDelegate {
   virtual ~HostTargetDelegate();
 
   /**
-   * Returns a metadata object describing the host.
+   * Returns a metadata object describing the host. This is called on an
+   * initial response to @cdp ReactNativeApplication.enable.
    */
   virtual HostTargetMetadata getMetadata() = 0;
 

packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.mm

@@ -13,6 +13,7 @@
 #import <React/RCTConvert.h>
 #import <React/RCTFabricSurface.h>
 #import <React/RCTInspectorDevServerHelper.h>
+#import <React/RCTInspectorUtils.h>
 #import <React/RCTJSThread.h>
 #import <React/RCTLog.h>
 #import <React/RCTMockDef.h>
@@ -42,8 +43,14 @@ @interface RCTHost () <RCTReloadListener, RCTInstanceDelegate>
 
   jsinspector_modern::HostTargetMetadata getMetadata() override
   {
+    auto metadata = [RCTInspectorUtils getHostMetadata];
+
     return {
+        .appIdentifier = metadata.appIdentifier,
+        .deviceName = metadata.deviceName,
         .integrationName = "iOS Bridgeless (RCTHost)",
+        .platform = metadata.platform,
+        .reactNativeVersion = metadata.reactNativeVersion,
     };
   }