react-native-windows 0.75.3 → 0.76.0-preview.1

package/Microsoft.ReactNative.Cxx/ModuleRegistration.h

@@ -17,10 +17,20 @@
 // The macros below are internal implementation details for macro defined in nativeModules.h
 //
 
-// Register struct as a ReactNative module.
-#define INTERNAL_REACT_MODULE_3_ARGS(moduleStruct, moduleName, eventEmitterName)                                    \
+template <typename T>
+struct IsReactTurboModule;
+
+// Default to false if no specific override
+template <typename T>
+struct IsReactTurboModule : std::false_type {};
+
+#define INTERNAL_REACT_MODULE_REGISTRATION_AND_PROVIDER(                                                            \
+    moduleStruct, moduleName, eventEmitterName, isReactTurboModule)                                                 \
   struct moduleStruct;                                                                                              \
                                                                                                                     \
+  template <>                                                                                                       \
+  struct IsReactTurboModule<moduleStruct> : std::isReactTurboModule##_type {};                                      \
+                                                                                                                    \
   template <class TDummy>                                                                                           \
   struct moduleStruct##_ModuleRegistration final : winrt::Microsoft::ReactNative::ModuleRegistration {              \
     moduleStruct##_ModuleRegistration() noexcept : winrt::Microsoft::ReactNative::ModuleRegistration{moduleName} {} \
@@ -29,6 +39,8 @@
       return winrt::Microsoft::ReactNative::MakeModuleProvider<moduleStruct>();                                     \
     }                                                                                                               \
                                                                                                                     \
+    bool ShouldRegisterAsTurboModule() const noexcept override { return isReactTurboModule; }                       \
+                                                                                                                    \
     static const moduleStruct##_ModuleRegistration Registration;                                                    \
   };                                                                                                                \
                                                                                                                     \
@@ -42,6 +54,9 @@
         moduleName, eventEmitterName, winrt::Microsoft::ReactNative::ReactAttributeId<__COUNTER__>{});              \
   }
 
+#define INTERNAL_REACT_MODULE_3_ARGS(moduleStruct, moduleName, eventEmitterName) \
+  INTERNAL_REACT_MODULE_REGISTRATION_AND_PROVIDER(moduleStruct, moduleName, eventEmitterName, false)
+
 #define INTERNAL_REACT_MODULE_2_ARGS(moduleStruct, moduleName) \
   INTERNAL_REACT_MODULE_3_ARGS(moduleStruct, moduleName, L"")
 
@@ -51,15 +66,23 @@
   INTERNAL_REACT_RECOMPOSER_4(     \
       (__VA_ARGS__, INTERNAL_REACT_MODULE_3_ARGS, INTERNAL_REACT_MODULE_2_ARGS, INTERNAL_REACT_MODULE_1_ARG, ))
 
-// Another version of REACT_MODULE but does not do auto registration
-#define INTERNAL_REACT_MODULE_NOREG_3_ARGS(moduleStruct, moduleName, eventEmitterName)                 \
+#define INTERNAL_REACT_MODULE_NO_REGISTRATION_AND_PROVIDER(                                            \
+    moduleStruct, moduleName, eventEmitterName, isReactTurboModule)                                    \
   struct moduleStruct;                                                                                 \
+                                                                                                       \
+  template <>                                                                                          \
+  struct IsReactTurboModule<moduleStruct> : std::isReactTurboModule##_type {};                         \
+                                                                                                       \
   template <class TRegistry>                                                                           \
   constexpr void GetReactModuleInfo(moduleStruct *, TRegistry &registry) noexcept {                    \
     registry.RegisterModule(                                                                           \
         moduleName, eventEmitterName, winrt::Microsoft::ReactNative::ReactAttributeId<__COUNTER__>{}); \
   }
 
+// Another version of REACT_MODULE but does not do auto registration
+#define INTERNAL_REACT_MODULE_NOREG_3_ARGS(moduleStruct, moduleName, eventEmitterName) \
+  INTERNAL_REACT_MODULE_NO_REGISTRATION_AND_PROVIDER(moduleStruct, moduleName, eventEmitterName, false)
+
 #define INTERNAL_REACT_MODULE_NOREG_2_ARGS(moduleStruct, moduleName) \
   INTERNAL_REACT_MODULE_NOREG_3_ARGS(moduleStruct, moduleName, L"")
 
@@ -73,6 +96,30 @@
        INTERNAL_REACT_MODULE_NOREG_2_ARGS, \
        INTERNAL_REACT_MODULE_NOREG_1_ARG, ))
 
+#define INTERNAL_REACT_GET_ARG_3(arg1, arg2, arg3, ...) arg3
+#define INTERNAL_REACT_RECOMPOSER_3(argsWithParentheses) INTERNAL_REACT_GET_ARG_3 argsWithParentheses
+
+// Register struct as a ReactNative module.
+#define INTERNAL_REACT_TURBO_MODULE_2_ARGS(moduleStruct, moduleName) \
+  INTERNAL_REACT_MODULE_REGISTRATION_AND_PROVIDER(moduleStruct, moduleName, L"", true)
+
+#define INTERNAL_REACT_TURBO_MODULE_1_ARG(moduleStruct) \
+  INTERNAL_REACT_TURBO_MODULE_2_ARGS(moduleStruct, L## #moduleStruct)
+
+#define INTERNAL_REACT_TURBO_MODULE(...) \
+  INTERNAL_REACT_RECOMPOSER_3((__VA_ARGS__, INTERNAL_REACT_TURBO_MODULE_2_ARGS, INTERNAL_REACT_TURBO_MODULE_1_ARG, ))
+
+// Another version of REACT_MODULE but does not do auto registration
+#define INTERNAL_REACT_TURBO_MODULE_NOREG_2_ARGS(moduleStruct, moduleName) \
+  INTERNAL_REACT_MODULE_NO_REGISTRATION_AND_PROVIDER(moduleStruct, moduleName, L"", true)
+
+#define INTERNAL_REACT_TURBO_MODULE_NOREG_1_ARG(moduleStruct) \
+  INTERNAL_REACT_TURBO_MODULE_NOREG_2_ARGS(moduleStruct, L## #moduleStruct)
+
+#define INTERNAL_REACT_TURBO_MODULE_NOREG(...) \
+  INTERNAL_REACT_RECOMPOSER_3(                 \
+      (__VA_ARGS__, INTERNAL_REACT_TURBO_MODULE_NOREG_2_ARGS, INTERNAL_REACT_TURBO_MODULE_NOREG_1_ARG, ))
+
 // Provide meta data information about struct member.
 // For each member with a 'custom attribute' macro we create a static method to provide meta data.
 // The member Id is generated as a ReactMemberId<__COUNTER__> type.
@@ -102,6 +149,7 @@ struct ModuleRegistration {
   ModuleRegistration(wchar_t const *moduleName) noexcept;
 
   virtual ReactModuleProvider MakeModuleProvider() const noexcept = 0;
+  virtual bool ShouldRegisterAsTurboModule() const noexcept = 0;
 
   static ModuleRegistration const *Head() noexcept {
     return s_head;
@@ -122,6 +170,16 @@ struct ModuleRegistration {
   static const ModuleRegistration *s_head;
 };
 
+// AddAttributedModules(IReactPackageBuilder const &packageBuilder, bool useTurboModules = false)
+// Arguments:
+// - packageBuilder (required).
+// - useTurboModules (optional) - If set to true, all modules will be registered as TurboModules.
+//                                Consider moving modules to use REACT_TURBO_MODULE instead.
+//
+// AddAttributedModules will add all modules attributed with REACT_MODULE or REACT_TURBO_MODULE into packageBuilder.
+// if useTurboModules is specified, then all modules will be registered using packageBuilder.AddTurboModules
+// Otherwise modules attributed with REACT_MODULE will use packageBuilder.AddModule, and modules attributed with
+// REACT_TURBO_MODULE will use packageBuilder.AddTurboModule.
 void AddAttributedModules(IReactPackageBuilder const &packageBuilder, bool useTurboModules = false) noexcept;
 
 bool TryAddAttributedModule(

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/packages.lock.json

@@ -26,8 +26,8 @@
       },
       "boost": {
         "type": "Transitive",
-        "resolved": "1.76.0",
-        "contentHash": "p+w3YvNdXL8Cu9Fzrmexssu0tZbWxuf6ywsQqHjDlKFE5ojXHof1HIyMC3zDLfLnh80dIeFcEUAuR2Asg/XHRA=="
+        "resolved": "1.83.0",
+        "contentHash": "cy53VNMzysEMvhBixDe8ujPk67Fcj3v6FPHQnH91NYJNLHpc6jxa2xq9ruCaaJjE4M3YrGSHDi4uUSTGBWw6EQ=="
       },
       "Microsoft.Build.Tasks.Git": {
         "type": "Transitive",
@@ -36,8 +36,8 @@
       },
       "Microsoft.JavaScript.Hermes": {
         "type": "Transitive",
-        "resolved": "0.1.21",
-        "contentHash": "5njCh+3eXTLOv7+8nOnp6nJ5C0r6it5ze54c0nuWleeDptuK8t3dEDB79XTU4D5DKNvAPlqJpgXRDOak5nYIug=="
+        "resolved": "0.1.23",
+        "contentHash": "cA9t1GjY4Yo0JD1AfA//e1lOwk48hLANfuX6GXrikmEBNZVr2TIX5ONJt5tqCnpZyLz6xGiPDgTfFNKbSfb21g=="
       },
       "Microsoft.Net.Native.Compiler": {
         "type": "Transitive",
@@ -161,7 +161,7 @@
       "common": {
         "type": "Project",
         "dependencies": {
-          "boost": "[1.76.0, )"
+          "boost": "[1.83.0, )"
         }
       },
       "fmt": {
@@ -170,7 +170,7 @@
       "folly": {
         "type": "Project",
         "dependencies": {
-          "boost": "[1.76.0, )",
+          "boost": "[1.83.0, )",
           "fmt": "[1.0.0, )"
         }
       },
@@ -179,18 +179,18 @@
         "dependencies": {
           "Common": "[1.0.0, )",
           "Folly": "[1.0.0, )",
-          "Microsoft.JavaScript.Hermes": "[0.1.21, )",
+          "Microsoft.JavaScript.Hermes": "[0.1.23, )",
           "Microsoft.SourceLink.GitHub": "[1.1.1, )",
           "Microsoft.UI.Xaml": "[2.8.0, )",
           "ReactCommon": "[1.0.0, )",
-          "boost": "[1.76.0, )"
+          "boost": "[1.83.0, )"
         }
       },
       "reactcommon": {
         "type": "Project",
         "dependencies": {
           "Folly": "[1.0.0, )",
-          "boost": "[1.76.0, )"
+          "boost": "[1.83.0, )"
         }
       }
     },

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.3</ReactNativeWindowsVersion>
+    <ReactNativeWindowsVersion>0.76.0-preview.1</ReactNativeWindowsVersion>
     <ReactNativeWindowsMajor>0</ReactNativeWindowsMajor>
-    <ReactNativeWindowsMinor>75</ReactNativeWindowsMinor>
-    <ReactNativeWindowsPatch>3</ReactNativeWindowsPatch>
+    <ReactNativeWindowsMinor>76</ReactNativeWindowsMinor>
+    <ReactNativeWindowsPatch>0</ReactNativeWindowsPatch>
     <ReactNativeWindowsCanary>false</ReactNativeWindowsCanary>
-    <ReactNativeWindowsCommitId>934e59cd622aa07dd9b01d0b8366e6b86cdf4896</ReactNativeWindowsCommitId>
+    <ReactNativeWindowsCommitId>9466fbbd47256b118422eceb46214f3a3283392a</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.