react-native-windows 0.73.10 → 0.74.0-preview.1

package/Microsoft.ReactNative/Views/ShadowNodeBase.cpp

@@ -143,6 +143,17 @@ void ShadowNodeBase::UpdateTransformPS() {
   }
 }
 
+XamlView ShadowNodeBase::GetRootView() {
+  if (auto uiManager = GetNativeUIManager(GetViewManager()->GetReactContext()).lock()) {
+    auto shadowNode = uiManager->getHost()->FindShadowNodeForTag(m_rootTag);
+    if (!shadowNode)
+      return nullptr;
+
+    return static_cast<::Microsoft::ReactNative::ShadowNodeBase *>(shadowNode)->GetView();
+  }
+  return nullptr;
+}
+
 void ShadowNodeBase::UpdateHandledKeyboardEvents(
     std::string const &propertyName,
     winrt::Microsoft::ReactNative::JSValue const &value) {

package/Microsoft.ReactNative/Views/ShadowNodeBase.h

@@ -7,7 +7,7 @@
 #include <XamlView.h>
 
 #include <folly/dynamic.h>
-#include <yoga/yoga.h>
+#include <yoga/Yoga.h>
 
 #include <Shared/ReactWindowsAPI.h>
 #include "KeyboardEventHandler.h"
@@ -98,9 +98,6 @@ struct REACTWINDOWS_EXPORT ShadowNodeBase : public ShadowNode {
   int64_t GetParent() const {
     return m_parent;
   }
-  virtual bool IsWindowed() {
-    return false;
-  }
 
   void ReplaceView(XamlView view);
 
@@ -136,6 +133,8 @@ struct REACTWINDOWS_EXPORT ShadowNodeBase : public ShadowNode {
   bool m_isDisabled = false;
   comp::CompositionPropertySet m_transformPS{nullptr};
 
+  XamlView GetRootView();
+
  public:
   double m_padding[(int)ShadowEdges::CountEdges] = INIT_UNDEFINED_EDGES;
   double m_border[(int)ShadowEdges::CountEdges] = INIT_UNDEFINED_EDGES;

package/Microsoft.ReactNative/Views/TextInputViewManager.cpp

@@ -674,11 +674,6 @@ void TextInputShadowNode::updateProperties(winrt::Microsoft::ReactNative::JSValu
             xaml::Controls::ScrollViewer::SetVerticalScrollMode(textBox, scrollMode);
             xaml::Controls::ScrollViewer::SetHorizontalScrollMode(textBox, scrollMode);
           }
-        } else if (propertyName == "selection") {
-          if (propertyValue.Type() == winrt::Microsoft::ReactNative::JSValueType::Object) {
-            auto selection = json_type_traits<Selection>::parseJson(propertyValue);
-            SetSelection(selection.start, selection.end);
-          }
         } else if (propertyName == "spellCheck") {
           if (propertyValue.Type() == winrt::Microsoft::ReactNative::JSValueType::Boolean)
             textBox.IsSpellCheckEnabled(propertyValue.AsBoolean());
@@ -840,7 +835,6 @@ void TextInputViewManager::GetNativeProps(const winrt::Microsoft::ReactNative::I
   React::WriteProperty(writer, L"placeholderTextColor", L"Color");
   React::WriteProperty(writer, L"scrollEnabled", L"boolean");
   React::WriteProperty(writer, L"cursorColor", L"Color");
-  React::WriteProperty(writer, L"selection", L"Map");
   React::WriteProperty(writer, L"selectionColor", L"Color");
   React::WriteProperty(writer, L"selectTextOnFocus", L"boolean");
   React::WriteProperty(writer, L"spellCheck", L"boolean");

package/Microsoft.ReactNative/Views/TextViewManager.cpp

@@ -180,17 +180,6 @@ class TextShadowNode final : public ShadowNodeBase {
     }
   }
 
-  XamlView GetRootView() {
-    if (auto uiManager = GetNativeUIManager(GetViewManager()->GetReactContext()).lock()) {
-      auto shadowNode = uiManager->getHost()->FindShadowNodeForTag(m_rootTag);
-      if (!shadowNode)
-        return nullptr;
-
-      return static_cast<::Microsoft::ReactNative::ShadowNodeBase *>(shadowNode)->GetView();
-    }
-    return nullptr;
-  }
-
   TextTransform textTransform{TextTransform::Undefined};
   std::shared_ptr<bool> selectionChanged = std::make_shared<bool>(false);
 };

package/Microsoft.ReactNative/Views/TouchEventHandler.cpp

@@ -119,7 +119,7 @@ void TouchEventHandler::OnPointerPressed(
     return;
   }
 
-  if (m_xamlView.as<xaml::FrameworkElement>().CapturePointer(args.Pointer())) {
+  if (reactArgs.AllowUncaptured() || m_xamlView.as<xaml::FrameworkElement>().CapturePointer(args.Pointer())) {
     assert(!tagsForBranch.empty());
     const auto tag = tagsForBranch.front();
 

package/Microsoft.ReactNative/Views/UnimplementedViewManager.cpp

@@ -0,0 +1,79 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "pch.h"
+
+#include "UnimplementedViewManager.h"
+
+#include <JSValueWriter.h>
+#include <UI.Xaml.Controls.h>
+#include <Utils/PropertyUtils.h>
+#include <Utils/ValueUtils.h>
+#include <ViewControl.h>
+
+namespace Microsoft::ReactNative {
+
+class UnimplementedShadowNode : public ShadowNodeBase {
+  using Super = ShadowNodeBase;
+  std::string m_name;
+
+ public:
+  UnimplementedShadowNode(std::wstring name) {
+    std::string str;
+    std::transform(name.begin(), name.end(), std::back_inserter(str), [](wchar_t c) { return (char)c; });
+    m_name = str;
+  };
+
+  void createView(const winrt::Microsoft::ReactNative::JSValueObject &) override;
+
+  void AddView(ShadowNode &child, int64_t /*index*/) override {
+    // Not implemented
+    RedBox(m_name + " is not implemented on RNW Paper");
+  }
+
+  void RemoveChildAt(int64_t /*indexToRemove*/) override {
+    // Not implemented
+    RedBox(m_name + " is not implemented on RNW Paper");
+  }
+
+  void ReplaceChild(const XamlView & /*oldChildView*/, const XamlView & /*newChildView*/) override {
+    // Not implemented
+    RedBox(m_name + " is not implemented on RNW Paper");
+  }
+};
+
+void UnimplementedShadowNode::createView(const winrt::Microsoft::ReactNative::JSValueObject &props) {
+  Super::createView(props);
+  RedBox(m_name + " is not implemented on RNW Paper");
+}
+
+UnimplementedViewManager::UnimplementedViewManager(const Mso::React::IReactContext &context, std::wstring name)
+    : Super(context) {
+  m_name = name;
+}
+
+const wchar_t *UnimplementedViewManager::GetName() const {
+  return m_name.c_str();
+}
+
+void UnimplementedViewManager::GetNativeProps(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
+  Super::GetNativeProps(writer);
+
+  // Modal View Props (Todo: fix so these aren't in UnimplementedView) #12753
+  winrt::Microsoft::ReactNative::WriteProperty(writer, L"animationType", L"string");
+  winrt::Microsoft::ReactNative::WriteProperty(writer, L"presentationStyle", L"string");
+  winrt::Microsoft::ReactNative::WriteProperty(writer, L"focusable", L"boolean");
+  winrt::Microsoft::ReactNative::WriteProperty(writer, L"visible", L"boolean");
+}
+
+ShadowNode *UnimplementedViewManager::createShadow() const {
+  return new UnimplementedShadowNode(m_name);
+}
+
+XamlView UnimplementedViewManager::CreateViewCore(
+    int64_t /*tag*/,
+    const winrt::Microsoft::ReactNative::JSValueObject &) {
+  return winrt::make<winrt::Microsoft::ReactNative::implementation::ViewControl>();
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Views/UnimplementedViewManager.h

@@ -0,0 +1,27 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <Views/ControlViewManager.h>
+
+namespace Microsoft::ReactNative {
+
+class UnimplementedViewManager : public ControlViewManager {
+  using Super = ControlViewManager;
+
+ public:
+  UnimplementedViewManager(const Mso::React::IReactContext &context, std::wstring name);
+
+  const wchar_t *GetName() const override;
+  void GetNativeProps(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
+  ShadowNode *createShadow() const override;
+
+ protected:
+  XamlView CreateViewCore(int64_t tag, const winrt::Microsoft::ReactNative::JSValueObject &) override;
+
+  friend class UnimplementedShadowNode;
+  std::wstring m_name;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Views/ViewManagerBase.cpp

@@ -103,6 +103,52 @@ void ViewManagerBase::GetNativeProps(const winrt::Microsoft::ReactNative::IJSVal
   React::WriteProperty(writer, L"keyUpEvents", L"array");
   React::WriteProperty(writer, L"onMouseEnter", L"function");
   React::WriteProperty(writer, L"onMouseLeave", L"function");
+
+  // The events below define the properties that are not used by native directly,
+  // but required in the view config for new renderer to function.
+  // They can be deleted after Static View Configs are rolled out.
+
+  // PanResponder callbacks
+  React::WriteProperty(writer, L"onMoveShouldSetResponder", "function");
+  React::WriteProperty(writer, L"onMoveShouldSetResponderCapture", "function");
+  React::WriteProperty(writer, L"onStartShouldSetResponder", "function");
+  React::WriteProperty(writer, L"onStartShouldSetResponderCapture", "function");
+  React::WriteProperty(writer, L"onResponderGrant", "function");
+  React::WriteProperty(writer, L"onResponderReject", "function");
+  React::WriteProperty(writer, L"onResponderStart", "function");
+  React::WriteProperty(writer, L"onResponderEnd", "function");
+  React::WriteProperty(writer, L"onResponderRelease", "function");
+  React::WriteProperty(writer, L"onResponderMove", "function");
+  React::WriteProperty(writer, L"onResponderTerminate", "function");
+  React::WriteProperty(writer, L"onResponderTerminationRequest", "function");
+  React::WriteProperty(writer, "onShouldBlockNativeResponder", "function");
+
+  // Touch events
+  React::WriteProperty(writer, L"onTouchCancel", "function");
+  React::WriteProperty(writer, L"onTouchEnd", "function");
+  React::WriteProperty(writer, L"onTouchMove", "function");
+  React::WriteProperty(writer, L"onTouchStart", "function");
+
+  // W3C Pointer Events
+  React::WriteProperty(writer, L"onPointerDown", L"function");
+  React::WriteProperty(writer, L"onPointerMove", L"function");
+  React::WriteProperty(writer, L"onPointerUp", L"function");
+  React::WriteProperty(writer, L"onPointerCancel", L"function");
+  React::WriteProperty(writer, L"onPointerEnter", L"function");
+  React::WriteProperty(writer, L"onPointerLeave", L"function");
+  React::WriteProperty(writer, L"onPointerOver", L"function");
+  React::WriteProperty(writer, L"onPointerOut", L"function");
+  React::WriteProperty(writer, L"onGotPointerCapture", L"function");
+  React::WriteProperty(writer, L"onLostPointerCapture", L"function");
+  React::WriteProperty(writer, L"onClick", L"function");
+
+  // Windows specific events
+  React::WriteProperty(writer, L"onFocus", L"function");
+  React::WriteProperty(writer, L"onBlur", L"function");
+  React::WriteProperty(writer, L"onKeyUp", L"function");
+  React::WriteProperty(writer, L"onKeyDown", L"function");
+  React::WriteProperty(writer, L"onMouseEnter", L"function");
+  React::WriteProperty(writer, L"onMouseLeave", L"function");
 }
 
 void ViewManagerBase::GetConstants(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {

package/Microsoft.ReactNative/Views/ViewManagerBase.h

@@ -8,7 +8,7 @@
 #include <Views/ViewManager.h>
 #include <XamlView.h>
 #include <folly/dynamic.h>
-#include <yoga/yoga.h>
+#include <yoga/Yoga.h>
 #include "Utils/BatchingEventEmitter.h"
 
 namespace Microsoft::ReactNative {

package/Microsoft.ReactNative/Views/cppwinrt/DynamicAutomationPeer.idl

@@ -36,7 +36,7 @@ namespace Microsoft.ReactNative
     Tab,
     TabList,
     Timer,
-    ToggleButton, 
+    ToggleButton,
     ToolBar,
     List, // RNW extension
     ListItem, // RNW extension
@@ -44,6 +44,77 @@ namespace Microsoft.ReactNative
     CountRoles
   };
 
+  enum AriaRole
+  {
+    Unknown = 0, // Catch-all
+    Alert,
+    AlertDialog,
+    Application,
+    Article,
+    Banner,
+    Button,
+    Cell,
+    CheckBox,
+    ColumnHeader,
+    ComboBox,
+    Complementary,
+    ContentInfo,
+    Definition,
+    Dialog,
+    Directory,
+    Document,
+    Feed,
+    Figure,
+    Form,
+    Grid,
+    Group,
+    Heading,
+    Img,
+    Link,
+    List,
+    ListItem,
+    Log,
+    Main,
+    Marquee,
+    Math,
+    Menu,
+    MenuBar,
+    MenuItem,
+    Meter,
+    Navigation,
+    None,
+    Note,
+    Option,
+    Presentation,
+    ProgressBar,
+    Radio,
+    RadioGroup,
+    Region,
+    Row,
+    RowGroup,
+    RowHeader,
+    ScrollBar,
+    SearchBox,
+    Separator,
+    Slider,
+    SpinButton,
+    Status,
+    Summary,
+    Switch,
+    Tab,
+    Table,
+    TabList,
+    TabPanel,
+    Term,
+    Timer,
+    ToolBar,
+    ToolTip,
+    Tree,
+    TreeGrid,
+    TreeItem,
+    CountRoles
+  };
+
   enum AccessibilityStates
   {
     Selected = 0,
@@ -83,6 +154,10 @@ namespace Microsoft.ReactNative
     static void SetAccessibilityRole(XAML_NAMESPACE.UIElement element, AccessibilityRoles value);
     static AccessibilityRoles GetAccessibilityRole(XAML_NAMESPACE.UIElement element);
 
+    static XAML_NAMESPACE.DependencyProperty AriaRoleProperty { get; };
+    static void SetAriaRole(XAML_NAMESPACE.UIElement element, AriaRole value);
+    static AriaRole GetAriaRole(XAML_NAMESPACE.UIElement element);
+
     static XAML_NAMESPACE.DependencyProperty AccessibilityStateSelectedProperty { get; };
     static void SetAccessibilityStateSelected(XAML_NAMESPACE.UIElement element, Boolean value);
     static Boolean GetAccessibilityStateSelected(XAML_NAMESPACE.UIElement element);
@@ -138,7 +213,7 @@ namespace Microsoft.ReactNative
     XAML_NAMESPACE.Automation.Peers.FrameworkElementAutomationPeer,
     XAML_NAMESPACE.Automation.Provider.IInvokeProvider,
     XAML_NAMESPACE.Automation.Provider.ISelectionProvider,
-    XAML_NAMESPACE.Automation.Provider.ISelectionItemProvider, 
+    XAML_NAMESPACE.Automation.Provider.ISelectionItemProvider,
     XAML_NAMESPACE.Automation.Provider.IToggleProvider,
     XAML_NAMESPACE.Automation.Provider.IExpandCollapseProvider,
     XAML_NAMESPACE.Automation.Provider.IRangeValueProvider

package/Microsoft.ReactNative/microsoft.reactnative.def

@@ -1,6 +1,3 @@
 EXPORTS
 DllCanUnloadNow = WINRT_CanUnloadNow                    PRIVATE
 DllGetActivationFactory = WINRT_GetActivationFactory    PRIVATE
-
-RNCoreAppStart
-RNCoreAppStartFromConfigJson

package/Microsoft.ReactNative/packages.lock.json

@@ -35,9 +35,9 @@
       },
       "Microsoft.Windows.CppWinRT": {
         "type": "Direct",
-        "requested": "[2.0.211028.7, )",
-        "resolved": "2.0.211028.7",
-        "contentHash": "JBGI0c3WLoU6aYJRy9Qo0MLDQfObEp+d4nrhR95iyzf7+HOgjRunHDp/6eGFREd7xq3OI1mll9ecJrMfzBvlyg=="
+        "requested": "[2.0.230706.1, )",
+        "resolved": "2.0.230706.1",
+        "contentHash": "l0D7oCw/5X+xIKHqZTi62TtV+1qeSz7KVluNFdrJ9hXsst4ghvqQ/Yhura7JqRdZWBXAuDS0G0KwALptdoxweQ=="
       },
       "Microsoft.Build.Tasks.Git": {
         "type": "Transitive",
@@ -55,7 +55,10 @@
         "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
       },
       "common": {
-        "type": "Project"
+        "type": "Project",
+        "dependencies": {
+          "boost": "[1.76.0, )"
+        }
       },
       "fmt": {
         "type": "Project"
@@ -63,8 +66,8 @@
       "folly": {
         "type": "Project",
         "dependencies": {
-          "Fmt": "[1.0.0, )",
-          "boost": "[1.76.0, )"
+          "boost": "[1.76.0, )",
+          "fmt": "[1.0.0, )"
         }
       },
       "reactcommon": {

package/{Shared/Composition → Microsoft.ReactNative.Cxx}/AutoDraw.h

@@ -3,6 +3,8 @@
 
 #include <winrt/Microsoft.ReactNative.Composition.h>
 
+#include <CompositionSwitcher.interop.h>
+
 namespace Microsoft::ReactNative::Composition {
 
 class AutoDrawDrawingSurface {

package/{Shared/Composition → Microsoft.ReactNative.Cxx}/CompositionSwitcher.interop.h

@@ -1,4 +1,3 @@
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
@@ -10,30 +9,25 @@
 #include <d2d1_1.h>
 #include <d3d11.h>
 #include <d3d11_4.h>
-#include <guid/msoGuid.h>
 #include <winrt/Microsoft.ReactNative.Composition.h>
 #include <winrt/Windows.Graphics.DirectX.Direct3D11.h>
 
 namespace Microsoft::ReactNative::Composition {
 
-MSO_STRUCT_GUID(ICompositionDrawingSurfaceInterop, "941FDD90-ED27-49CE-A1CD-86ECB2D4A0FA")
-struct ICompositionDrawingSurfaceInterop : public IUnknown {
+struct __declspec(uuid("941FDD90-ED27-49CE-A1CD-86ECB2D4A0FA")) ICompositionDrawingSurfaceInterop : public IUnknown {
   virtual HRESULT BeginDraw(ID2D1DeviceContext **deviceContextOut, POINT *offset) noexcept = 0;
   virtual HRESULT EndDraw() noexcept = 0;
 };
 
-MSO_STRUCT_GUID(IRenderingDeviceReplacedListener, "93A6d34A-0A09-4BE3-94FC-FA3A79D0E0E9")
-struct IRenderingDeviceReplacedListener : IUnknown {
+struct __declspec(uuid("93A6d34A-0A09-4BE3-94FC-FA3A79D0E0E9")) IRenderingDeviceReplacedListener : IUnknown {
   virtual void OnRenderingDeviceLost() = 0;
 };
 
-MSO_STRUCT_GUID(IVisualInterop, "50E66581-E917-45F4-AC22-1BC953CFA2A8")
-struct IVisualInterop : IUnknown {
+struct __declspec(uuid("50E66581-E917-45F4-AC22-1BC953CFA2A8")) IVisualInterop : IUnknown {
   virtual void SetClippingPath(ID2D1Geometry *clippingPath) noexcept = 0;
 };
 
-MSO_STRUCT_GUID(ICompositionContextInterop, "4742F122-3EE0-48AA-9EA9-44A00147B55F")
-struct ICompositionContextInterop : IUnknown {
+struct __declspec(uuid("4742F122-3EE0-48AA-9EA9-44A00147B55F")) ICompositionContextInterop : IUnknown {
   virtual void D2DFactory(ID2D1Factory1 **outD2DFactory) noexcept = 0;
 };
 

package/Microsoft.ReactNative.Cxx/CppWinRTIncludes.h

@@ -51,8 +51,3 @@ using namespace Windows::Foundation::Collections;
 #define _QUOTE(x) L#x
 #define QUOTE(x) _QUOTE(x)
 #define XAML_NAMESPACE_STR QUOTE(XAML_NAMESPACE)
-
-#ifdef CPPWINRT_USE_LOADLIBRARYEXW
-#define WINRT_IMPL_LoadLibraryW(name) \
-  WINRT_IMPL_LoadLibraryExW(name, nullptr, 0x00001000 /* LOAD_LIBRARY_SEARCH_DEFAULT_DIRS */)
-#endif

package/Microsoft.ReactNative.Cxx/DesktopWindowBridge.h

@@ -94,7 +94,12 @@ __declspec(selectany) std::unordered_map<std::wstring, IndirectLibrary> indirect
 template <typename TFn, typename... TArgs>
 auto CallIndirect(const wchar_t *dllName, const char *fnName, TArgs &&...args) noexcept {
   if (details::indirectLibraries.count(dllName) == 0) {
+#ifdef CPPWINRT_USE_LOADLIBRARYEXW
+    details::indirectLibraries.emplace(
+        dllName, WINRT_IMPL_LoadLibraryExW(dllName, nullptr, 0x00001000 /* LOAD_LIBRARY_SEARCH_DEFAULT_DIRS */));
+#else
     details::indirectLibraries.emplace(dllName, WINRT_IMPL_LoadLibraryW(dllName));
+#endif
   }
   auto &library = details::indirectLibraries[dllName];
   auto pfn = reinterpret_cast<TFn>(WINRT_IMPL_GetProcAddress(library.get(), fnName));

package/Microsoft.ReactNative.Cxx/JSI/JsiAbiApi.cpp

@@ -4,6 +4,7 @@
 #include "pch.h"
 #include "JsiAbiApi.h"
 #include <utility>
+#include "ReactNonAbiValue.h"
 #include "winrt/Windows.Foundation.Collections.h"
 
 using namespace facebook::jsi;
@@ -361,27 +362,31 @@ String JsiAbiRuntime::bigintToString(const BigInt &bigint, int radix) try {
   throw;
 }
 bool JsiAbiRuntime::hasNativeState(const Object &obj) try {
-  // TODO: implement
-  UNREFERENCED_PARAMETER(obj);
-  VerifyElseCrash(false);
+  JsiObjectRef ref = AsJsiObjectRef(obj);
+  return m_runtime.HasNativeState(ref);
 } catch (hresult_error const &) {
   RethrowJsiError();
   throw;
 }
 std::shared_ptr<NativeState> JsiAbiRuntime::getNativeState(const Object &obj) try {
-  // TODO: implement
-  UNREFERENCED_PARAMETER(obj);
-  VerifyElseCrash(false);
+  JsiObjectRef ref = AsJsiObjectRef(obj);
+  IReactNonAbiValue value = m_runtime.GetNativeState(ref);
+  if (!value) {
+    return nullptr;
+  }
+  ReactNonAbiValue<std::shared_ptr<NativeState>> *accessor =
+      reinterpret_cast<ReactNonAbiValue<std::shared_ptr<NativeState>> *>(&value);
+  return *accessor->GetPtr();
 } catch (hresult_error const &) {
   RethrowJsiError();
   throw;
 }
 
 void JsiAbiRuntime::setNativeState(const Object &obj, std::shared_ptr<NativeState> state) try {
-  // TODO: implement
-  UNREFERENCED_PARAMETER(obj);
-  UNREFERENCED_PARAMETER(state);
-  VerifyElseCrash(false);
+  JsiObjectRef ref = AsJsiObjectRef(obj);
+  IReactNonAbiValue value =
+      winrt::make<implementation::ReactNonAbiValue<std::shared_ptr<NativeState>>>(std::move(state));
+  m_runtime.SetNativeState(ref, value);
 } catch (hresult_error const &) {
   RethrowJsiError();
   throw;
@@ -734,6 +739,10 @@ bool JsiAbiRuntime::instanceOf(const Object &o, const Function &f) try {
   throw;
 }
 
+void JsiAbiRuntime::setExternalMemoryPressure(const facebook::jsi::Object & /*obj*/, size_t /*amount*/) {
+  // TODO: implement
+}
+
 template <typename T>
 struct AutoRestore {
   AutoRestore(T *var, T value) : m_var{var}, m_value{std::exchange(*var, value)} {}

package/Microsoft.ReactNative.Cxx/JSI/JsiAbiApi.h

@@ -180,6 +180,8 @@ struct JsiAbiRuntime : facebook::jsi::Runtime {
   bool strictEquals(const facebook::jsi::Object &a, const facebook::jsi::Object &b) const override;
   bool instanceOf(const facebook::jsi::Object &o, const facebook::jsi::Function &f) override;
 
+  void setExternalMemoryPressure(const facebook::jsi::Object &obj, size_t amount) override;
+
   void RethrowJsiError() const;
 
   void SetJsiError(facebook::jsi::JSError const &jsError) noexcept;

package/Microsoft.ReactNative.Cxx/JSValueComposition.h

@@ -0,0 +1,22 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+#ifndef MICROSOFT_REACTNATIVE_JSVALUECOMPOSITION
+#define MICROSOFT_REACTNATIVE_JSVALUECOMPOSITION
+#include <winrt/Microsoft.ReactNative.h>
+#include "JSValue.h"
+
+namespace winrt::Microsoft::ReactNative {
+
+inline void ReadValue(IJSValueReader const &reader, Color &value) noexcept {
+  value = winrt::Microsoft::ReactNative::Color::ReadValue(reader);
+}
+
+inline void WriteValue(IJSValueWriter const &writer, const Color &value) noexcept {
+  winrt::Microsoft::ReactNative::Color::WriteValue(writer, value);
+}
+
+} // namespace winrt::Microsoft::ReactNative
+
+#endif // MICROSOFT_REACTNATIVE_JSVALUECOMPOSITION

package/Microsoft.ReactNative.Cxx/JSValueReader.h

@@ -88,6 +88,9 @@ void ReadValue(IJSValueReader const &reader, /*out*/ JSValueArray &value) noexce
 template <class T, std::enable_if_t<!std::is_void_v<decltype(GetStructInfo(static_cast<T *>(nullptr)))>, int> = 1>
 void ReadValue(IJSValueReader const &reader, /*out*/ T &value) noexcept;
 
+template <class T, std::enable_if_t<!std::is_void_v<decltype(GetStructInfo(static_cast<T *>(nullptr)))>, int> = 1>
+bool ReadProp(uint32_t hash, const winrt::hstring &propName, IJSValueReader const &reader, /*out*/ T &value) noexcept;
+
 bool SkipArrayToEnd(IJSValueReader const &reader) noexcept;
 template <class... TArgs>
 void ReadArgs(IJSValueReader const &reader, /*out*/ TArgs &...args) noexcept;
@@ -422,6 +425,22 @@ inline void ReadValue(IJSValueReader const &reader, /*out*/ T &value) noexcept {
   }
 }
 
+template <class T, std::enable_if_t<!std::is_void_v<decltype(GetStructInfo(static_cast<T *>(nullptr)))>, int>>
+inline bool ReadProp(
+    uint32_t /*hash*/,
+    const winrt::hstring &propertyName,
+    IJSValueReader const &reader,
+    /*out*/ T &value) noexcept {
+  const auto &fieldMap = StructInfo<T>::GetFieldMap();
+  auto it = fieldMap.find(std::wstring_view(propertyName));
+  if (it != fieldMap.end()) {
+    it->second.ReadField(reader, &value);
+    return true;
+  } else {
+    return false;
+  }
+}
+
 // It helps to read arguments from an array if there are more items than expected.
 inline bool SkipArrayToEnd(IJSValueReader const &reader) noexcept {
   while (reader.GetNextArrayItem()) {

package/Microsoft.ReactNative.Cxx/JSValueXaml.h

@@ -14,7 +14,7 @@ inline void ReadValue(JSValue const &jsValue, xaml::Media::Brush &value) noexcep
   value = XamlHelper::BrushFrom([&jsValue](IJSValueWriter const &writer) noexcept { jsValue.WriteTo(writer); });
 }
 
-inline void ReadValue(JSValue const &jsValue, Windows::UI::Color &value) noexcept {
+inline void ReadValue(JSValue const &jsValue, winrt::Windows::UI::Color &value) noexcept {
   value = XamlHelper::ColorFrom([&jsValue](IJSValueWriter const &writer) noexcept { jsValue.WriteTo(writer); });
 }
 #endif