react-native-windows 0.75.4 → 0.76.0-preview.2

package/Microsoft.ReactNative.Cxx/NativeModules.h

@@ -27,14 +27,35 @@
 // REACT_MODULE annotates a C++ struct as a ReactNative module.
 // It can be any struct which can be instantiated using a default constructor.
 // Note that it must be a 'struct', not 'class' because macro does a forward declaration using the 'struct' keyword.
+//
+// REACT_EVENTs within a REACT_MODULE will trigger an event on a global event emitter, such as RCTDeviceEventEmitter.
+// To use the newer EventEmitters exposed directly on this module, use REACT_TURBO_MODULE instead.
 #define REACT_MODULE(/* moduleStruct, [opt] moduleName, [opt] eventEmitterName */...) \
   INTERNAL_REACT_MODULE(__VA_ARGS__)(__VA_ARGS__)
 
+// REACT_TURBO_MODULE(moduleStruct, [opt] moduleName)
+// Arguments:
+// - moduleStruct (required) - the struct name the macro is attached to.
+// - moduleName (optional) - the module name visible to JavaScript. Default is the moduleStruct name.
+//
+// REACT_TURBO_MODULE annotates a C++ struct as a ReactNative module.
+// It can be any struct which can be instantiated using a default constructor.
+// Note that it must be a 'struct', not 'class' because macro does a forward declaration using the 'struct' keyword.
+//
+// REACT_EVENTs within a REACT_TURBO_MODULE will return a JS EventEmitter directly from the module.
+#define REACT_TURBO_MODULE(/* moduleStruct, [opt] moduleName */...) \
+  INTERNAL_REACT_TURBO_MODULE(__VA_ARGS__)(__VA_ARGS__)
+
 // REACT_MODULE_NOREG is REACT_MODULE without auto registration
 // they have the same arguments
 #define REACT_MODULE_NOREG(/* moduleStruct, [opt] moduleName, [opt] eventEmitterName */...) \
   INTERNAL_REACT_MODULE_NOREG(__VA_ARGS__)(__VA_ARGS__)
 
+// REACT_TURBO_MODULE_NOREG is REACT_TURBO_MODULE without auto registration
+// they have the same arguments
+#define REACT_TURBO_MODULE_NOREG(/* moduleStruct, [opt] moduleName */...) \
+  INTERNAL_REACT_TURBO_MODULE_NOREG(__VA_ARGS__)(__VA_ARGS__)
+
 // REACT_INIT(method)
 // Arguments:
 // - method (required) - the method name the macro is attached to.
@@ -145,6 +166,13 @@
   "\" to the attribute:\n"                                                        \
   "    REACT_SYNC_METHOD(method, L\"" methodName "\")\n...\n"
 
+#define REACT_SHOW_EVENT_SIGNATURES(eventName, signatures)                       \
+  " (see details below in output).\n"                                            \
+  "  It must be one of the following:\n" signatures                              \
+  "  The C++ member name could be different. In that case add the L\"" eventName \
+  "\" to the attribute:\n"                                                       \
+  "    REACT_EVENT(member, L\"" eventName "\")\n...\n"
+
 #define REACT_SHOW_CONSTANT_SPEC_ERRORS(index, typeName, signatures)                                        \
   static_assert(                                                                                            \
       constantCheckResults[index].IsMethodFound,                                                            \
@@ -169,6 +197,18 @@
       methodCheckResults[index].IsSignatureMatching,                                                        \
       "Method '" methodName "' does not match signature" REACT_SHOW_SYNC_METHOD_SIGNATURES(methodName, signatures));
 
+#define REACT_SHOW_EVENTEMITTER_SPEC_ERRORS(index, methodName, signatures)                                 \
+  static_assert(                                                                                           \
+      methodCheckResults[index].IsTurboModule,                                                             \
+      "EventEmitter '" methodName                                                                          \
+      "' requires that the module be a TurboModule.  Use REACT_TURBO_MODULE rather than REACT_MODULE");    \
+  static_assert(                                                                                           \
+      methodCheckResults[index].IsMethodFound,                                                             \
+      "EventEmitter '" methodName "' is not defined" REACT_SHOW_EVENT_SIGNATURES(methodName, signatures)); \
+  static_assert(                                                                                           \
+      methodCheckResults[index].IsSignatureMatching,                                                       \
+      "EventEmitter '" methodName "' does not match signature" REACT_SHOW_EVENT_SIGNATURES(methodName, signatures));
+
 //
 // Code below helps to register React Native modules and verify method signatures
 // against specification.
@@ -711,6 +751,21 @@ struct ModuleSyncMethodInfo<TResult (*)(TArgs...) noexcept> : ModuleSyncMethodIn
   }
 };
 
+template <class TFunc>
+struct ModuleEventEmitterInfo;
+
+// Instance EventEmitter function
+template <class TModule, typename TFuncType>
+struct ModuleEventEmitterInfo<TFuncType TModule::*> {
+  using ModuleType = TModule;
+
+  template <class TMethodSpec>
+  static constexpr bool Match() noexcept {
+    // TODO add validation of function type.
+    return true;
+  }
+};
+
 template <class TField>
 struct ModuleConstFieldInfo;
 
@@ -813,20 +868,40 @@ struct ModuleEventFieldInfo<TFunc<void(TArgs...)> TModule::*> {
   using ModuleType = TModule;
   using EventType = TFunc<void(TArgs...)>;
   using FieldType = EventType TModule::*;
+  using IsTurboModule = IsReactTurboModule<ModuleType>;
 
   static InitializerDelegate GetEventHandlerInitializer(
       void *module,
       FieldType field,
       std::wstring_view eventName,
       std::wstring_view eventEmitterName) noexcept {
-    return [module = static_cast<ModuleType *>(module), field, eventName, eventEmitterName](
-               IReactContext const &reactContext) noexcept {
-      module->*field = [reactContext, eventEmitterName, eventName](TArgs... args) noexcept {
-        reactContext.EmitJSEvent(
-            eventEmitterName, eventName, [&args...]([[maybe_unused]] IJSValueWriter const &argWriter) noexcept {
-              (void)argWriter; // [[maybe_unused]] above does not work
-              (WriteValue(argWriter, args), ...);
-            });
+    if constexpr (IsTurboModule::value) {
+      return [module = static_cast<ModuleType *>(module), field](IReactContext const &) noexcept {
+        // Default emitter will do nothing
+        // This will be replaced with a method that will call the jsi EventEmitter when JS requests the emitter
+        module->*field = [](TArgs... args) noexcept {};
+      };
+    } else {
+      return [module = static_cast<ModuleType *>(module), field, eventName, eventEmitterName](
+                 IReactContext const &reactContext) noexcept {
+        module->*field = [reactContext, eventEmitterName, eventName](TArgs... args) noexcept {
+          reactContext.EmitJSEvent(
+              eventEmitterName, eventName, [&args...]([[maybe_unused]] IJSValueWriter const &argWriter) noexcept {
+                (void)argWriter; // [[maybe_unused]] above does not work
+                (WriteValue(argWriter, args), ...);
+              });
+        };
+      };
+    }
+  }
+
+  static EventEmitterInitializerDelegate GetEventEmitterInitializer(void *module, FieldType field) noexcept {
+    return [module = static_cast<ModuleType *>(module), field](EmitEventSetterDelegate const &emitEventDelegate) {
+      module->*field = [emitEventDelegate](TArgs... args) noexcept {
+        emitEventDelegate([&args...]([[maybe_unused]] IJSValueWriter const &argWriter) noexcept {
+          (void)argWriter; // [[maybe_unused]] above does not work
+          (WriteValue(argWriter, args), ...);
+        });
       };
     };
   }
@@ -1015,6 +1090,10 @@ struct ReactModuleBuilder {
     auto eventHandlerInitializer = ModuleEventFieldInfo<TField>::GetEventHandlerInitializer(
         m_module, field, eventName, !eventEmitterName.empty() ? eventEmitterName : m_eventEmitterName);
     m_moduleBuilder.AddInitializer(eventHandlerInitializer);
+    if constexpr (ModuleEventFieldInfo<TField>::IsTurboModule::value) {
+      auto eventEmitterInitializer = ModuleEventFieldInfo<TField>::GetEventEmitterInitializer(m_module, field);
+      m_moduleBuilder.AddEventEmitter(eventName, eventEmitterInitializer);
+    }
   }
 
   template <class TField>
@@ -1143,6 +1222,28 @@ struct ReactSyncMethodVerifier {
   bool m_result{false};
 };
 
+template <class TModule, int I, class TMethodSpec>
+struct ReactEventEmitterVerifier {
+  static constexpr bool IsTurboModule() noexcept {
+    return IsReactTurboModule<TModule>::value;
+  }
+
+  static constexpr bool Verify() noexcept {
+    ReactEventEmitterVerifier verifier{};
+    ReactMemberInfoIterator<TModule>{}.template GetMemberInfo<I>(verifier);
+    return verifier.m_result;
+  }
+
+  template <class TMember, class TAttribute, int I2>
+  constexpr void
+  Visit([[maybe_unused]] TMember member, ReactAttributeId<I2> /*attributeId*/, TAttribute /*attributeInfo*/) noexcept {
+    m_result = ModuleEventEmitterInfo<TMember>::template Match<TMethodSpec>();
+  }
+
+ private:
+  bool m_result{false};
+};
+
 struct TurboModuleSpec {
   template <class TSignature>
   struct TypedConstant {
@@ -1189,14 +1290,21 @@ struct TurboModuleSpec {
   struct Method : BaseMethodSpec {
     using BaseMethodSpec::BaseMethodSpec;
     using Signature = typename ModuleMethodInfoBase<TSignature>::Signature;
-    static constexpr bool IsSynchronous = false;
+    static constexpr ReactMemberKind MemberKind = ReactMemberKind::AsyncMethod;
   };
 
   template <class TSignature>
   struct SyncMethod : BaseMethodSpec {
     using BaseMethodSpec::BaseMethodSpec;
     using Signature = typename ModuleSyncMethodInfoBase<TSignature>::Signature;
-    static constexpr bool IsSynchronous = true;
+    static constexpr ReactMemberKind MemberKind = ReactMemberKind::SyncMethod;
+  };
+
+  template <class TSignature>
+  struct EventEmitter : BaseMethodSpec {
+    using BaseMethodSpec::BaseMethodSpec;
+    // using Signature = typename ModuleEventEmitterInfo<TSignature>::Signature;
+    static constexpr ReactMemberKind MemberKind = ReactMemberKind::EventField;
   };
 
   template <class... TArgs>
@@ -1209,27 +1317,36 @@ struct TurboModuleSpec {
     bool IsUniqueName{false};
     bool IsMethodFound{false};
     bool IsSignatureMatching{true};
+    bool IsTurboModule{false};
   };
 
   template <class TModule, class TModuleSpec, size_t I>
   static constexpr MethodCheckResult CheckMethod() noexcept {
     constexpr VerificationResult verificationResult = ReactModuleVerifier<TModule>::VerifyMember(
-        std::get<I>(TModuleSpec::methods).Name,
-        std::get<I>(TModuleSpec::methods).IsSynchronous ? ReactMemberKind::SyncMethod : ReactMemberKind::AsyncMethod);
+        std::get<I>(TModuleSpec::methods).Name, std::get<I>(TModuleSpec::methods).MemberKind);
     MethodCheckResult result{};
     result.IsUniqueName = verificationResult.MethodNameCount <= 1;
     result.IsMethodFound = verificationResult.MatchCount == 1;
     if constexpr (verificationResult.MatchCount == 1) {
-      if constexpr (std::get<I>(TModuleSpec::methods).IsSynchronous) {
+      if constexpr (std::get<I>(TModuleSpec::methods).MemberKind == ReactMemberKind::SyncMethod) {
         result.IsSignatureMatching = ReactSyncMethodVerifier<
             TModule,
             verificationResult.MatchedMemberId,
             RemoveConstRef<decltype(std::get<I>(TModuleSpec::methods))>>::Verify();
-      } else {
+      } else if constexpr (std::get<I>(TModuleSpec::methods).MemberKind == ReactMemberKind::AsyncMethod) {
         result.IsSignatureMatching = ReactMethodVerifier<
             TModule,
             verificationResult.MatchedMemberId,
             RemoveConstRef<decltype(std::get<I>(TModuleSpec::methods))>>::Verify();
+      } else if constexpr (std::get<I>(TModuleSpec::methods).MemberKind == ReactMemberKind::EventField) {
+        result.IsTurboModule = ReactEventEmitterVerifier<
+            TModule,
+            verificationResult.MatchedMemberId,
+            RemoveConstRef<decltype(std::get<I>(TModuleSpec::methods))>>::IsTurboModule();
+        result.IsSignatureMatching = ReactEventEmitterVerifier<
+            TModule,
+            verificationResult.MatchedMemberId,
+            RemoveConstRef<decltype(std::get<I>(TModuleSpec::methods))>>::Verify();
       }
     }
 

package/Microsoft.ReactNative.Managed.CodeGen/ReactNativeNames.cs

@@ -86,10 +86,14 @@ namespace Microsoft.ReactNative.Managed.CodeGen
     public static readonly SyntaxToken Arg4LocalName = Identifier("arg4");
     public static readonly SyntaxToken Arg5LocalName = Identifier("arg5");
     public static readonly SyntaxToken Arg6LocalName = Identifier("arg6");
+    public static readonly SyntaxToken Arg7LocalName = Identifier("arg7");
+    public static readonly SyntaxToken Arg8LocalName = Identifier("arg8");
+    public static readonly SyntaxToken Arg9LocalName = Identifier("arg9");
 
     public static readonly SyntaxToken[] ArgLocalNames = new SyntaxToken[] {
       Arg0LocalName, Arg1LocalName, Arg2LocalName, Arg3LocalName,
-      Arg4LocalName, Arg5LocalName, Arg6LocalName,
+      Arg4LocalName, Arg5LocalName, Arg6LocalName, Arg7LocalName,
+      Arg8LocalName, Arg9LocalName
     };
 
     public static readonly SyntaxToken Value0LocalName = Identifier("value0");
@@ -99,10 +103,14 @@ namespace Microsoft.ReactNative.Managed.CodeGen
     public static readonly SyntaxToken Value4LocalName = Identifier("value4");
     public static readonly SyntaxToken Value5LocalName = Identifier("value5");
     public static readonly SyntaxToken Value6LocalName = Identifier("value6");
+    public static readonly SyntaxToken Value7LocalName = Identifier("value7");
+    public static readonly SyntaxToken Value8LocalName = Identifier("value8");
+    public static readonly SyntaxToken Value9LocalName = Identifier("value9");
 
     public static readonly SyntaxToken[] ValueLocalNames = new SyntaxToken[] {
       Value0LocalName, Value1LocalName, Value2LocalName, Value3LocalName,
-      Value4LocalName, Value5LocalName, Value6LocalName,
+      Value4LocalName, Value5LocalName, Value6LocalName, Value7LocalName,
+      Value8LocalName, Value9LocalName
     };
   }
 }

package/PropertySheets/Autolink.props

@@ -7,7 +7,7 @@
 
   <PropertyGroup>
     <RunAutolinkCheck Condition="'$(RunAutolinkCheck)' == ''">true</RunAutolinkCheck>
-    <AutolinkCommand Condition="'$(AutolinkCommand)' == ''">npx react-native autolink-windows</AutolinkCommand>
+    <AutolinkCommand Condition="'$(AutolinkCommand)' == ''">npx @react-native-community/cli autolink-windows</AutolinkCommand>
     <AutolinkCommandWorkingDir Condition="'$(AutolinkCommandWorkingDir)' == ''">$([MSBuild]::GetDirectoryNameOfFileAbove($(ProjectDir), 'package.json'))</AutolinkCommandWorkingDir>
     <AutolinkCommandArgs Condition="'$(AutolinkCommandArgs)' == '' And '$(SolutionPath)' != '' And '$(SolutionPath)' != '*Undefined*' And '$(ProjectPath)' != ''">--check --sln "$([MSBuild]::MakeRelative($(AutolinkCommandWorkingDir), $(SolutionPath)))" --proj "$([MSBuild]::MakeRelative($(AutolinkCommandWorkingDir), $(ProjectPath)))"</AutolinkCommandArgs>
     <AutolinkCommandArgs Condition="'$(AutolinkCommandArgs)' == ''">--check</AutolinkCommandArgs>

package/PropertySheets/Bundle.props

@@ -39,7 +39,7 @@
     <BundlerExtraArgs Condition="'$(BundlerExtraArgs)' == '' AND '$(UseHermes)' == 'true'">--minify false</BundlerExtraArgs>
 
     <!-- Command to use to create a bundle -->
-    <BundleCliCommand Condition="'$(BundleCliCommand)' == ''">npx react-native bundle</BundleCliCommand>
+    <BundleCliCommand Condition="'$(BundleCliCommand)' == ''">npx @react-native-community/cli bundle</BundleCliCommand>
 
     <!-- This should be the app package root, this is where the bundle command will be run from -->
     <BundleCommandWorkingDir Condition="'$(BundleCommandWorkingDir)' == ''">$([MSBuild]::GetDirectoryNameOfFileAbove($(ProjectDir), 'package.json'))</BundleCommandWorkingDir>

package/PropertySheets/Codegen.props

@@ -7,7 +7,7 @@
 
   <PropertyGroup>
     <RunCodegenWindows Condition="'$(RunCodegenWindows)' == ''">true</RunCodegenWindows>
-    <CodegenCommand Condition="'$(CodegenCommand)' == ''">npx react-native codegen-windows</CodegenCommand>
+    <CodegenCommand Condition="'$(CodegenCommand)' == ''">npx @react-native-community/cli codegen-windows</CodegenCommand>
     <CodegenCommandWorkingDir Condition="'$(CodegenCommandWorkingDir)' == ''">$([MSBuild]::GetDirectoryNameOfFileAbove($(ProjectDir), 'package.json'))</CodegenCommandWorkingDir>
     <CodegenCommandArgs Condition="'$(CodegenCommandArgs)' == ''">--logging</CodegenCommandArgs>
   </PropertyGroup>

package/PropertySheets/Generated/PackageVersion.g.props

@@ -10,11 +10,11 @@
 -->
 <Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
-    <ReactNativeWindowsVersion>0.75.4</ReactNativeWindowsVersion>
+    <ReactNativeWindowsVersion>0.76.0-preview.2</ReactNativeWindowsVersion>
     <ReactNativeWindowsMajor>0</ReactNativeWindowsMajor>
-    <ReactNativeWindowsMinor>75</ReactNativeWindowsMinor>
-    <ReactNativeWindowsPatch>4</ReactNativeWindowsPatch>
+    <ReactNativeWindowsMinor>76</ReactNativeWindowsMinor>
+    <ReactNativeWindowsPatch>0</ReactNativeWindowsPatch>
     <ReactNativeWindowsCanary>false</ReactNativeWindowsCanary>
-    <ReactNativeWindowsCommitId>cad883d48893bef40110a0f15be7abac071dd15b</ReactNativeWindowsCommitId>
+    <ReactNativeWindowsCommitId>c1536386579b67da32092327aacbb821730dab02</ReactNativeWindowsCommitId>
   </PropertyGroup>
 </Project>

package/PropertySheets/NuGet.LockFile.props

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+
+  <!-- This props file is intended to make sure in-repo projects restore with a NuGet
+       lock file for compliance reasons, and furthermore to help differentiate the
+       lock file (i.e. packages.lock.json) for projects that we build in in different
+       variants, such as Paper vs. Fabric, Hermes vs. Chakra, etc.
+       -->
+
+  <PropertyGroup>
+    <RestoreLockedMode Condition="'$(RestoreLockedMode)'=='' OR '$(BuildingInRnwRepo)'=='true'">true</RestoreLockedMode>
+    <NuGetLockFileName>packages</NuGetLockFileName>
+    <NuGetLockFileName Condition="'$(UseFabric)'=='true'">$(NuGetLockFileName).fabric</NuGetLockFileName>
+    <NuGetLockFileName Condition="'$(UseExperimentalWinUI3)'=='true'">$(NuGetLockFileName).experimentalwinui3</NuGetLockFileName>
+    <NuGetLockFilePath>.\$(NuGetLockFileName).lock.json</NuGetLockFilePath>
+  </PropertyGroup>
+
+</Project>

package/README.md

@@ -1,22 +1,20 @@
-<h1 align="center"> React Native for Windows </h1>
+![Hero Image with Logo](https://github.com/microsoft/react-native-windows/raw/main/.github/hero2.png)
 
-<p align="center">
-  Build native Windows apps with React.
-</p>
+<h1 align="center"> React Native for Windows </h1>
 
 <p align="center">
-  <a href="https://github.com/microsoft/react-native-windows/blob/main/LICENSE">
-    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="React Native for Windows is released under the MIT license." />
-  </a>
-  <a href="https://www.npmjs.org/package/react-native-windows">
-    <img src="https://img.shields.io/npm/v/react-native-windows?color=e80441&label=react-native-windows" alt="Current npm package version." />
-  </a>
-  <a href="https://github.com/microsoft/react-native-windows#contributing">
-    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
+  <a href="https://twitter.com/intent/follow?&screen_name=ReactNativeMSFT">
+    <img src="https://img.shields.io/twitter/follow/windowsui.svg?label=Follow ReactNativeMSFT on X" alt="Follow @windowsui" />
   </a>
 </p>
 
-![Hero Image with Logo](https://github.com/microsoft/react-native-windows/raw/main/.github/hero2.png)
+<h3 align="center">
+  <a href="https://microsoft.github.io/react-native-windows">Website</a>
+  <span> · </span>
+  <a href="https://microsoft.github.io/react-native-windows/docs/getting-started">Documentation</a>
+  <span> · </span>
+  <a href="https://github.com/microsoft/react-native-windows/releases">Release notes</a>
+</h3>
 
 > See the official [React Native website](https://reactnative.dev/) for an introduction to React Native.
 
@@ -26,22 +24,27 @@ This repository adds support for the [Windows 10 SDK](https://developer.microsof
 
 Visit the official [React Native for Windows + macOS website](https://microsoft.github.io/react-native-windows) to learn more.
 
-## Contents
-
-- [Roadmap](#status-and-roadmap)
-- [Getting Started](#getting-started)
-- [Documentation](#documentation)
-- [Contributing](#contributing)
-- [License](#license)
-- [Code of Conduct](#code-of-conduct)
-
-## Status and roadmap
+## 🛣️ Roadmap
 [Check out our blog](https://microsoft.github.io/react-native-windows/blog/) if you'd like to stay up to date on the status of React Native for Windows and check out current and past roadmaps.
 
 ### New Architecture
-[Fabric](https://reactnative.dev/architecture/fabric-renderer) is the new rendering system for React Native, designed to share more rendering logic cross-platform. RNW's existing Paper renderer is built on UWP XAML, dropping down into native Composition as need be; the new RNW Fabric renderer targets Composition from the start but has the ability to host islands of XAML for advanced native controls. Apps on the new architecture will be [WinAppSDK](https://learn.microsoft.com/en-us/windows/apps/windows-app-sdk/) Win32 by default. For detailed on our roadmap to Fabric, check out [this pinned issue](https://github.com/microsoft/react-native-windows/issues/12042).
+[Fabric](https://reactnative.dev/architecture/fabric-renderer) is the new rendering system for React Native, designed to share more rendering logic cross-platform. RNW's existing Paper renderer is built on UWP XAML, dropping down into native Composition as need be; the new RNW Fabric renderer targets Composition from the start but has the ability to host islands of XAML for advanced native controls. Apps on the new architecture will be [WinAppSDK](https://learn.microsoft.com/en-us/windows/apps/windows-app-sdk/) Win32 by default. For more details on our roadmap to Fabric, check out [this pinned issue](https://github.com/microsoft/react-native-windows/issues/12042).
+
+## 🖼️ React Native Gallery
+Make sure to also check out the [React Native Gallery](https://github.com/microsoft/react-native-gallery), our interactive sample experience showing everything you can do with React Native for Windows.
+
+<p align="center">
+<img src="docs/img/rn-gallery.png" alt="WinUI 3 Gallery" width="400"/>
+</p>
+<p align="center">
+<a href="https://www.microsoft.com/en-us/p/react-native-gallery/9npg0b292h4r?launch=true
+	&mode=mini">
+	<img src="docs/img/storeBadge.png" width="200"/>
+</a>
+</p>
+</br>
 
-## Getting Started
+## 📋 Getting Started
 See the [Getting Started Guide](https://microsoft.github.io/react-native-windows/docs/getting-started) on our React Native for Windows + macOS website to build your first React Native for Windows app.
 
 ### Requirements
@@ -62,13 +65,10 @@ React Native has [great documentation](https://reactnative.dev/docs/getting-star
 - Check out the [React Native Developer Blog](https://devblogs.microsoft.com/react-native/) to see examples from past conference talks, blog posts, and more.
 - For more sample code browse the [RNTester folder](https://github.com/microsoft/react-native-windows/tree/main/packages/e2e-test-app/windows/RNTesterApp) in the GitHub web UI.
 
-## Contributing
+## 📢 Contributing
 See [Contributing guidelines](https://github.com/microsoft/react-native-windows/blob/main/CONTRIBUTING.md) for how to setup your fork of the repo and start a PR to contribute to React Native for Windows.
 
 Not sure where to start? The [good first issue](https://github.com/microsoft/react-native-windows/labels/good%20first%20issue) and [help wanted](https://github.com/microsoft/react-native-windows/labels/help%20wanted) labels are the best starting points.
 
-## License
-The React Native Windows extension, including modifications to the original Meta source code, and all newly contributed code is provided under the [MIT License](LICENSE). Portions of the React Native Windows extension derived from React Native are copyright Meta.
-
 ## Code of Conduct
 This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.

package/ReactCommon/ReactCommon.vcxproj

@@ -118,7 +118,6 @@
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsiexecutor\jsireact\JSIExecutor.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsiexecutor\jsireact\JSINativeModules.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsinspector-modern\InspectorInterfaces.h" />
-    <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsinspector-modern\ConsoleMessage.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\logger\react_native_log.h" />
     <ClInclude Include="$(YogaDir)\yoga\YGEnums.h" />
     <ClInclude Include="$(YogaDir)\yoga\YGMacros.h" />
@@ -142,6 +141,7 @@
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\jsiexecutor\jsireact\JSINativeModules.cpp" />
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\jsinspector-modern\InspectorInterfaces.cpp" />
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\logger\react_native_log.cpp" />
+    <CLCompile Include="$(ReactNativeDir)\ReactCommon\reactperflogger\fusebox\FuseboxTracer.cpp" />
     <CLCompile Include="$(ReactNativeDir)\ReactCommon\reactperflogger\reactperflogger\BridgeNativeModulePerfLogger.cpp" />
     <ClCompile Include="$(YogaDir)\yoga\YGConfig.cpp" />
     <ClCompile Include="$(YogaDir)\yoga\YGEnums.cpp" />
@@ -167,6 +167,7 @@
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\react\renderer\mapbuffer\MapBuffer.cpp" />
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\react\renderer\mapbuffer\MapBufferBuilder.cpp" />
     <ClCompile Include="$(ReactNativeDir)\ReactCommon\react\renderer\telemetry\TransactionTelemetry.cpp" />
+    <CLCompile Include="$(ReactNativeDir)\ReactCommon\react\performance\timeline\PerformanceEntryReporter.cpp" />
     <ClCompile Include="$(YogaDir)\yoga\event\event.cpp" />
     <ClCompile Include="pch.cpp">
       <PrecompiledHeader>Create</PrecompiledHeader>
@@ -176,6 +177,9 @@
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\nativemodule\core\ReactCommon\LongLivedObject.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\CallbackWrapper.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\EventEmitter.h" />
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Function.h" />
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Base.h" />
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Convert.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\nativemodule\core\ReactCommon\TurboCxxModule.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\nativemodule\core\ReactCommon\TurboModule.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\nativemodule\core\ReactCommon\TurboModuleBinding.h" />

package/ReactCommon/ReactCommon.vcxproj.filters

@@ -324,11 +324,20 @@
     </ClInclude>
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\CallbackWrapper.h">
       <Filter>react\bridging</Filter>
-    </ClInclude><ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\EventEmitter.h">
+    </ClInclude>
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\EventEmitter.h" >
+      <Filter>react\bridging</Filter>
+    </ClInclude>
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Function.h" >
+      <Filter>react\bridging</Filter>
+    </ClInclude>
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Base.h" >
+      <Filter>react\bridging</Filter>
+    </ClInclude>
+    <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\bridging\Convert.h" >
       <Filter>react\bridging</Filter>
     </ClInclude>
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsinspector-modern\InspectorInterfaces.h" />
-    <ClInclude Include="$(ReactNativeDir)\ReactCommon\jsinspector-modern\ConsoleMessage.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\renderer\runtimescheduler\RuntimeScheduler_Legacy.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\renderer\runtimescheduler\RuntimeScheduler_Modern.h" />
     <ClInclude Include="$(ReactNativeDir)\ReactCommon\react\renderer\core\PropsParserContext.h" />

package/ReactCommon/TEMP_UntilReactCommonUpdate/cxxreact/JSExecutor.cpp

@@ -13,6 +13,7 @@
 #include <jsinspector-modern/ReactCdp.h>
 #include <jsinspector-modern/ConsoleMessage.h>
 
+#include <react/timing/primitives.h>
 #include <chrono>
 
 namespace facebook::react {
@@ -27,13 +28,7 @@ std::string JSExecutor::getSyntheticBundlePath(
 }
 
 double JSExecutor::performanceNow() {
-  auto time = std::chrono::steady_clock::now();
-  auto duration = std::chrono::duration_cast<std::chrono::nanoseconds>(
-                      time.time_since_epoch())
-                      .count();
-
-  constexpr double NANOSECONDS_IN_MILLISECOND = 1000000.0;
-  return duration / NANOSECONDS_IN_MILLISECOND;
+  return chronoToDOMHighResTimeStamp(std::chrono::steady_clock::now());
 }
 
 void JSExecutor::addConsoleMessage(jsi::Runtime& runtime, jsinspector_modern::ConsoleMessage message){