react-native-windows 0.71.8 → 0.72.0-preview.1

package/Microsoft.ReactNative/Fabric/Composition/UnimplementedNativeViewComponentView.cpp

@@ -0,0 +1,168 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "UnimplementedNativeViewComponentView.h"
+
+#include <Fabric/DWriteHelpers.h>
+#include "CompositionDynamicAutomationProvider.h"
+#include "Unicode.h"
+
+namespace Microsoft::ReactNative {
+
+UnimplementedNativeViewComponentView::UnimplementedNativeViewComponentView(
+    const winrt::Microsoft::ReactNative::Composition::ICompositionContext &compContext,
+    facebook::react::Tag tag)
+    : Super(compContext, tag) {
+  static auto const defaultProps = std::make_shared<facebook::react::UnimplementedNativeViewProps const>();
+  m_props = defaultProps;
+  m_visual = compContext.CreateSpriteVisual();
+}
+
+std::shared_ptr<UnimplementedNativeViewComponentView> UnimplementedNativeViewComponentView::Create(
+    const winrt::Microsoft::ReactNative::Composition::ICompositionContext &compContext,
+    facebook::react::Tag tag) noexcept {
+  return std::shared_ptr<UnimplementedNativeViewComponentView>(
+      new UnimplementedNativeViewComponentView(compContext, tag));
+}
+
+void UnimplementedNativeViewComponentView::mountChildComponentView(
+    IComponentView &childComponentView,
+    uint32_t index) noexcept {
+  assert(false);
+}
+
+void UnimplementedNativeViewComponentView::unmountChildComponentView(
+    IComponentView &childComponentView,
+    uint32_t index) noexcept {
+  assert(false);
+}
+
+void UnimplementedNativeViewComponentView::updateProps(
+    facebook::react::Props::Shared const &props,
+    facebook::react::Props::Shared const &oldProps) noexcept {
+  m_props = std::static_pointer_cast<facebook::react::UnimplementedNativeViewProps const>(props);
+}
+
+void UnimplementedNativeViewComponentView::updateLayoutMetrics(
+    facebook::react::LayoutMetrics const &layoutMetrics,
+    facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept {
+  if ((layoutMetrics.displayType != m_layoutMetrics.displayType)) {
+    OuterVisual().IsVisible(layoutMetrics.displayType != facebook::react::DisplayType::None);
+  }
+
+  if (m_layoutMetrics.frame.size != layoutMetrics.frame.size ||
+      m_layoutMetrics.pointScaleFactor != layoutMetrics.pointScaleFactor) {
+    // Always make visual a min size, so that even if its laid out at zero size, its clear an unimplemented view was
+    // rendered
+    float width = std::max(m_layoutMetrics.frame.size.width, 200.0f);
+    float height = std::max(m_layoutMetrics.frame.size.width, 50.0f);
+
+    winrt::Windows::Foundation::Size surfaceSize = {
+        width * m_layoutMetrics.pointScaleFactor, height * m_layoutMetrics.pointScaleFactor};
+    auto drawingSurface = m_compContext.CreateDrawingSurface(
+        surfaceSize,
+        winrt::Windows::Graphics::DirectX::DirectXPixelFormat::B8G8R8A8UIntNormalized,
+        winrt::Windows::Graphics::DirectX::DirectXAlphaMode::Premultiplied);
+
+    auto surfaceBrush = m_compContext.CreateSurfaceBrush(drawingSurface);
+    surfaceBrush.HorizontalAlignmentRatio(0.f);
+    surfaceBrush.VerticalAlignmentRatio(0.f);
+    surfaceBrush.Stretch(winrt::Microsoft::ReactNative::Composition::CompositionStretch::None);
+    m_visual.Brush(surfaceBrush);
+    m_visual.Size(surfaceSize);
+    m_visual.Offset({
+        layoutMetrics.frame.origin.x * layoutMetrics.pointScaleFactor,
+        layoutMetrics.frame.origin.y * layoutMetrics.pointScaleFactor,
+        0.0f,
+    });
+
+    winrt::com_ptr<ID2D1DeviceContext> d2dDeviceContext;
+    POINT offset;
+
+    winrt::com_ptr<Composition::ICompositionDrawingSurfaceInterop> drawingSurfaceInterop;
+    drawingSurface.as(drawingSurfaceInterop);
+
+    if (CheckForDeviceRemoved(drawingSurfaceInterop->BeginDraw(d2dDeviceContext.put(), &offset))) {
+      d2dDeviceContext->Clear(D2D1::ColorF(D2D1::ColorF::Red, 0.3f));
+      assert(d2dDeviceContext->GetUnitMode() == D2D1_UNIT_MODE_DIPS);
+      const auto dpi = m_layoutMetrics.pointScaleFactor * 96.0f;
+      float oldDpiX, oldDpiY;
+      d2dDeviceContext->GetDpi(&oldDpiX, &oldDpiY);
+      d2dDeviceContext->SetDpi(dpi, dpi);
+
+      float offsetX = static_cast<float>(offset.x / m_layoutMetrics.pointScaleFactor);
+      float offsetY = static_cast<float>(offset.y / m_layoutMetrics.pointScaleFactor);
+
+      winrt::com_ptr<IDWriteTextFormat> spTextFormat;
+      winrt::check_hresult(Microsoft::ReactNative::DWriteFactory()->CreateTextFormat(
+          L"Segoe UI",
+          nullptr, // Font collection (nullptr sets it to use the system font collection).
+          DWRITE_FONT_WEIGHT_REGULAR,
+          DWRITE_FONT_STYLE_NORMAL,
+          DWRITE_FONT_STRETCH_NORMAL,
+          12,
+          L"",
+          spTextFormat.put()));
+
+      winrt::com_ptr<ID2D1SolidColorBrush> textBrush;
+      winrt::check_hresult(d2dDeviceContext->CreateSolidColorBrush(D2D1::ColorF(D2D1::ColorF::White), textBrush.put()));
+
+      const D2D1_RECT_F rect = {
+          static_cast<float>(offset.x), static_cast<float>(offset.y), width + offset.x, height + offset.y};
+      // const D2D1_RECT_F rect = {0.f, 0.f, width, height};
+
+      auto label = Microsoft::Common::Unicode::Utf8ToUtf16(std::string("Unimplemented component: ") + m_props->name);
+      d2dDeviceContext->DrawText(
+          label.c_str(),
+          static_cast<UINT32>(label.length()),
+          spTextFormat.get(),
+          rect,
+          textBrush.get(),
+          D2D1_DRAW_TEXT_OPTIONS_NONE,
+          DWRITE_MEASURING_MODE_NATURAL);
+
+      winrt::check_hresult(drawingSurfaceInterop->EndDraw());
+    }
+  }
+  m_layoutMetrics = layoutMetrics;
+}
+
+void UnimplementedNativeViewComponentView::updateState(
+    facebook::react::State::Shared const &state,
+    facebook::react::State::Shared const &oldState) noexcept {}
+
+void UnimplementedNativeViewComponentView::finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept {}
+
+void UnimplementedNativeViewComponentView::prepareForRecycle() noexcept {}
+facebook::react::Props::Shared UnimplementedNativeViewComponentView::props() noexcept {
+  return m_props;
+}
+
+winrt::Microsoft::ReactNative::Composition::IVisual UnimplementedNativeViewComponentView::Visual() const noexcept {
+  return m_visual;
+}
+
+winrt::Microsoft::ReactNative::Composition::IVisual UnimplementedNativeViewComponentView::OuterVisual() const noexcept {
+  return m_visual;
+}
+
+facebook::react::Tag UnimplementedNativeViewComponentView::hitTest(
+    facebook::react::Point pt,
+    facebook::react::Point &localPt) const noexcept {
+  facebook::react::Point ptLocal{pt.x - m_layoutMetrics.frame.origin.x, pt.y - m_layoutMetrics.frame.origin.y};
+
+  if ((m_props->pointerEvents == facebook::react::PointerEventsMode::Auto ||
+       m_props->pointerEvents == facebook::react::PointerEventsMode::BoxOnly) &&
+      ptLocal.x >= 0 && ptLocal.x <= m_layoutMetrics.frame.size.width && ptLocal.y >= 0 &&
+      ptLocal.y <= m_layoutMetrics.frame.size.height) {
+    localPt = ptLocal;
+    return tag();
+  }
+
+  return -1;
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/Composition/UnimplementedNativeViewComponentView.h

@@ -0,0 +1,49 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <Fabric/ComponentView.h>
+#include <Microsoft.ReactNative.Cxx/ReactContext.h>
+
+#include "CompositionViewComponentView.h"
+
+#include <react/components/rnwcore/ShadowNodes.h>
+
+namespace Microsoft::ReactNative {
+
+struct UnimplementedNativeViewComponentView : CompositionBaseComponentView {
+  using Super = CompositionBaseComponentView;
+
+  [[nodiscard]] static std::shared_ptr<UnimplementedNativeViewComponentView> Create(
+      const winrt::Microsoft::ReactNative::Composition::ICompositionContext &compContext,
+      facebook::react::Tag tag) noexcept;
+
+  void mountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept override;
+  void unmountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept override;
+
+  void updateState(facebook::react::State::Shared const &state, facebook::react::State::Shared const &oldState) noexcept
+      override;
+
+  void updateProps(facebook::react::Props::Shared const &props, facebook::react::Props::Shared const &oldProps) noexcept
+      override;
+  void updateLayoutMetrics(
+      facebook::react::LayoutMetrics const &layoutMetrics,
+      facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept override;
+  void finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept override;
+  void prepareForRecycle() noexcept override;
+  facebook::react::Props::Shared props() noexcept override;
+  facebook::react::Tag hitTest(facebook::react::Point pt, facebook::react::Point &localPt) const noexcept override;
+  winrt::Microsoft::ReactNative::Composition::IVisual Visual() const noexcept override;
+  winrt::Microsoft::ReactNative::Composition::IVisual OuterVisual() const noexcept override;
+
+ private:
+  UnimplementedNativeViewComponentView(
+      const winrt::Microsoft::ReactNative::Composition::ICompositionContext &compContext,
+      facebook::react::Tag tag);
+  std::shared_ptr<facebook::react::UnimplementedNativeViewProps const> m_props;
+  winrt::Microsoft::ReactNative::Composition::SpriteVisual m_visual{nullptr};
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.cpp

@@ -7,9 +7,9 @@
 #include <Fabric/ComponentView.h>
 #include <Fabric/Composition/CompositionUIService.h>
 #include <Fabric/Composition/CompositionViewComponentView.h>
-#include <Fabric/Composition/TextInput/WindowsTextInputComponentDescriptor.h>
 #include <Fabric/FabricUIManagerModule.h>
 #include <Fabric/ReactNativeConfigProperties.h>
+#include <Fabric/WindowsComponentDescriptorRegistry.h>
 #include <ICompositionRootView.h>
 #include <IReactContext.h>
 #include <IReactRootView.h>
@@ -18,11 +18,8 @@
 #include <UI.Xaml.Controls.h>
 #include <react/components/rnwcore/ComponentDescriptors.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-#include <react/renderer/components/image/ImageComponentDescriptor.h>
-#include <react/renderer/components/text/ParagraphComponentDescriptor.h>
-#include <react/renderer/components/text/RawTextComponentDescriptor.h>
-#include <react/renderer/components/text/TextComponentDescriptor.h>
-#include <react/renderer/components/view/ViewComponentDescriptor.h>
+#include <react/renderer/core/CoreFeatures.h>
+#include <react/renderer/core/DynamicPropsUtilities.h>
 #include <react/renderer/core/EventBeat.h>
 #include <react/renderer/scheduler/Scheduler.h>
 #include <react/renderer/scheduler/SchedulerToolbox.h>
@@ -32,11 +29,6 @@
 #include <winrt/Windows.UI.Composition.Desktop.h>
 #include "Unicode.h"
 
-#pragma warning(push)
-#pragma warning(disable : 4305)
-#include <react/renderer/components/scrollview/ScrollViewComponentDescriptor.h>
-#pragma warning(pop)
-
 namespace Microsoft::ReactNative {
 
 winrt::Microsoft::ReactNative::ReactPropertyId<
@@ -53,7 +45,9 @@ FabicUIManagerProperty() noexcept {
   return props.Get(FabicUIManagerProperty()).Value();
 }
 
-FabricUIManager::FabricUIManager() {}
+FabricUIManager::FabricUIManager() {
+  facebook::react::CoreFeatures::enablePropIteratorSetter = true;
+}
 
 FabricUIManager::~FabricUIManager() {}
 
@@ -73,7 +67,7 @@ class AsyncEventBeat final : public facebook::react::EventBeat {
     isRequested_ = false;
     m_isBeatCallbackScheduled = true;
 
-    m_runtimeExecutor([this, ownerBox = ownerBox_](jsi::Runtime &runtime) {
+    m_runtimeExecutor([this, ownerBox = ownerBox_](facebook::jsi::Runtime &runtime) {
       auto owner = ownerBox->owner.lock();
       if (!owner) {
         return;
@@ -106,33 +100,6 @@ class AsyncEventBeat final : public facebook::react::EventBeat {
   facebook::react::RuntimeExecutor m_runtimeExecutor;
 };
 
-std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry const> sharedProviderRegistry() {
-  static auto providerRegistry = []() -> std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry> {
-    auto providerRegistry = std::make_shared<facebook::react::ComponentDescriptorProviderRegistry>();
-    providerRegistry->add(facebook::react::concreteComponentDescriptorProvider<
-                          facebook::react::ActivityIndicatorViewComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::ImageComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::ParagraphComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::RawTextComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::ScrollViewComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::SwitchComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::TextComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::ViewComponentDescriptor>());
-    providerRegistry->add(
-        facebook::react::concreteComponentDescriptorProvider<facebook::react::WindowsTextInputComponentDescriptor>());
-    return providerRegistry;
-  }();
-
-  return providerRegistry;
-}
-
 void FabricUIManager::installFabricUIManager() noexcept {
   std::shared_ptr<const facebook::react::ReactNativeConfig> config =
       std::make_shared<const ReactNativeConfigProperties>(m_context);
@@ -163,7 +130,13 @@ void FabricUIManager::installFabricUIManager() noexcept {
   toolbox.componentRegistryFactory = [](facebook::react::EventDispatcher::Weak const &eventDispatcher,
                                         facebook::react::ContextContainer::Shared const &contextContainer)
       -> facebook::react::ComponentDescriptorRegistry::Shared {
-    auto registry = sharedProviderRegistry()->createComponentDescriptorRegistry({eventDispatcher, contextContainer});
+    auto providerRegistry =
+        WindowsComponentDescriptorRegistry::FromProperties(
+            contextContainer->at<winrt::Microsoft::ReactNative::ReactContext>("MSRN.ReactContext").Properties())
+            ->GetProviderRegistry();
+
+    auto registry = providerRegistry->createComponentDescriptorRegistry({eventDispatcher, contextContainer});
+
     auto mutableRegistry = std::const_pointer_cast<facebook::react::ComponentDescriptorRegistry>(registry);
     mutableRegistry->setFallbackComponentDescriptor(
         std::make_shared<facebook::react::UnimplementedNativeViewComponentDescriptor>(
@@ -205,7 +178,7 @@ void FabricUIManager::startSurface(
         facebook::react::RootShadowNode::Handle(), surfaceId, self->m_compContext);
 
     self->m_surfaceRegistry.at(surfaceId).rootVisual.InsertAt(
-        static_cast<const CompositionBaseComponentView &>(*rootComponentViewDescriptor.view).Visual(), 0);
+        static_cast<const CompositionBaseComponentView &>(*rootComponentViewDescriptor.view).OuterVisual(), 0);
   });
 
   facebook::react::LayoutContext context;
@@ -247,14 +220,6 @@ void FabricUIManager::constraintSurfaceLayout(
 
 void FabricUIManager::didMountComponentsWithRootTag(facebook::react::SurfaceId surfaceId) noexcept {}
 
-struct RemoveDeleteMetadata {
-  facebook::react::Tag tag;
-  facebook::react::Tag parentTag;
-  int index;
-  bool shouldRemove;
-  bool shouldDelete;
-};
-
 void FabricUIManager::RCTPerformMountInstructions(
     facebook::react::ShadowViewMutationList const &mutations,
     // facebook::react::RCTComponentViewRegistry* registry,
@@ -368,7 +333,7 @@ void FabricUIManager::performTransaction(facebook::react::MountingCoordinator::S
       });
 }
 
-void FabricUIManager::initiateTransaction(facebook::react::MountingCoordinator::Shared const &mountingCoordinator) {
+void FabricUIManager::initiateTransaction(facebook::react::MountingCoordinator::Shared mountingCoordinator) {
   if (m_transactionInFlight) {
     m_followUpTransactionRequired = true;
     return;
@@ -382,8 +347,7 @@ void FabricUIManager::initiateTransaction(facebook::react::MountingCoordinator::
   } while (m_followUpTransactionRequired);
 }
 
-void FabricUIManager::schedulerDidFinishTransaction(
-    facebook::react::MountingCoordinator::Shared const &mountingCoordinator) {
+void FabricUIManager::schedulerDidFinishTransaction(facebook::react::MountingCoordinator::Shared mountingCoordinator) {
   // Should cache this locally
 
   if (m_context.UIDispatcher().HasThreadAccess()) {
@@ -401,6 +365,7 @@ void FabricUIManager::schedulerDidRequestPreliminaryViewAllocation(
   // the Java boundary.
   // TODO: We should do some perf tests to see if this is worth doing.
 
+  /* -- No sense doing this until we recycle views... since this just throws away the view currently
   if (m_context.UIDispatcher().HasThreadAccess()) {
     m_registry.dequeueComponentViewWithComponentHandle(shadowView.getComponentHandle(), surfaceId, m_compContext);
   } else {
@@ -409,6 +374,7 @@ void FabricUIManager::schedulerDidRequestPreliminaryViewAllocation(
           self->m_registry.dequeueComponentViewWithComponentHandle(componentHandle, surfaceId, self->m_compContext);
         });
   }
+  */
 }
 
 void FabricUIManager::schedulerDidDispatchCommand(

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.h

@@ -50,7 +50,7 @@ struct FabricUIManager final : public std::enable_shared_from_this<FabricUIManag
 
  private:
   void installFabricUIManager() noexcept;
-  void initiateTransaction(facebook::react::MountingCoordinator::Shared const &mountingCoordinator);
+  void initiateTransaction(facebook::react::MountingCoordinator::Shared mountingCoordinator);
   void performTransaction(facebook::react::MountingCoordinator::Shared const &mountingCoordinator);
   void RCTPerformMountInstructions(
       facebook::react::ShadowViewMutationList const &mutations,
@@ -75,8 +75,7 @@ struct FabricUIManager final : public std::enable_shared_from_this<FabricUIManag
   std::unordered_map<facebook::react::SurfaceId, SurfaceInfo> m_surfaceRegistry;
 
   // Inherited via SchedulerDelegate
-  virtual void schedulerDidFinishTransaction(
-      facebook::react::MountingCoordinator::Shared const &mountingCoordinator) override;
+  virtual void schedulerDidFinishTransaction(facebook::react::MountingCoordinator::Shared mountingCoordinator) override;
   virtual void schedulerDidRequestPreliminaryViewAllocation(
       facebook::react::SurfaceId surfaceId,
       const facebook::react::ShadowNode &shadowView) override;

package/Microsoft.ReactNative/Fabric/ReactTaggedView.h

@@ -15,21 +15,20 @@ namespace Microsoft::ReactNative {
  * changed from the one provided at initalization time (i.e. recycled).
  */
 struct ReactTaggedView {
-  ReactTaggedView(std::shared_ptr<IComponentView> componentView) {
-    m_view = std::move(componentView);
-    m_tag = m_view->tag();
-  }
+  ReactTaggedView(const std::shared_ptr<IComponentView> &componentView)
+      : m_view(componentView), m_tag(componentView->tag()) {}
 
-  std::shared_ptr<IComponentView> &view() noexcept {
-    if (m_view && m_view->tag() != m_tag) {
-      m_view = nullptr;
+  std::shared_ptr<IComponentView> view() noexcept {
+    auto strongView = m_view.lock();
+    if (!m_view.expired() && strongView->tag() != m_tag) {
+      m_view.reset();
     }
-    return m_view;
+    return strongView;
   }
 
  private:
   facebook::react::Tag m_tag;
-  std::shared_ptr<IComponentView> m_view;
+  std::weak_ptr<IComponentView> m_view;
 };
 
 } // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/WindowsComponentDescriptorRegistry.cpp

@@ -0,0 +1,100 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "WindowsComponentDescriptorRegistry.h"
+
+#include <Fabric/AbiViewComponentDescriptor.h>
+#include <Fabric/Composition/TextInput/WindowsTextInputComponentDescriptor.h>
+#include <react/components/rnwcore/ComponentDescriptors.h>
+#include <react/renderer/components/image/ImageComponentDescriptor.h>
+#include <react/renderer/components/text/ParagraphComponentDescriptor.h>
+#include <react/renderer/components/text/RawTextComponentDescriptor.h>
+#include <react/renderer/components/text/TextComponentDescriptor.h>
+#include <react/renderer/components/view/ViewComponentDescriptor.h>
+
+#pragma warning(push)
+#pragma warning(disable : 4305)
+#include <react/renderer/components/scrollview/ScrollViewComponentDescriptor.h>
+#pragma warning(pop)
+
+namespace Microsoft::ReactNative {
+
+winrt::Microsoft::ReactNative::ReactPropertyId<
+    winrt::Microsoft::ReactNative::ReactNonAbiValue<std::shared_ptr<WindowsComponentDescriptorRegistry>>>
+WindowsComponentDescriptorRegistryProperty() noexcept {
+  winrt::Microsoft::ReactNative::ReactPropertyId<
+      winrt::Microsoft::ReactNative::ReactNonAbiValue<std::shared_ptr<WindowsComponentDescriptorRegistry>>>
+      propId{L"ReactNative.Fabric", L"WindowsComponentDescriptorRegistry"};
+  return propId;
+}
+
+WindowsComponentDescriptorRegistry::WindowsComponentDescriptorRegistry()
+    : m_componentDescriptorRegistry(std::make_shared<facebook::react::ComponentDescriptorProviderRegistry>()) {
+  /*
+m_componentDescriptorRegistry->add(facebook::react::concreteComponentDescriptorProvider<
+                                   facebook::react::ActivityIndicatorViewComponentDescriptor>());
+                                   */
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::ImageComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::ParagraphComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::RawTextComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::ScrollViewComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::SwitchComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::TextComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::ViewComponentDescriptor>());
+  m_componentDescriptorRegistry->add(
+      facebook::react::concreteComponentDescriptorProvider<facebook::react::WindowsTextInputComponentDescriptor>());
+}
+
+void WindowsComponentDescriptorRegistry::Add(
+    winrt::hstring componentName,
+    winrt::Microsoft::ReactNative::ReactViewComponentProvider const &provider) noexcept {
+  auto builder = winrt::make<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>();
+  provider(builder);
+
+  m_descriptorFlavors.emplace_back(std::make_shared<std::string>(winrt::to_string(componentName)));
+  auto handle = reinterpret_cast<facebook::react::ComponentHandle>(
+      facebook::react::ComponentName(m_descriptorFlavors.back()->c_str()));
+  m_builderByName.emplace(m_descriptorFlavors.back(), builder);
+  m_builderByHandle.emplace(handle, builder);
+  m_componentDescriptorRegistry->add(
+      {handle,
+       m_descriptorFlavors.back()->c_str(),
+       std::static_pointer_cast<void const>(m_descriptorFlavors.back()),
+       &facebook::react::concreteComponentDescriptorConstructor<AbiViewComponentDescriptor>});
+}
+
+winrt::Microsoft::ReactNative::IReactViewComponentBuilder WindowsComponentDescriptorRegistry::GetDescriptor(
+    std::shared_ptr<std::string const> &flavor) const noexcept {
+  return m_builderByName.at(flavor);
+}
+
+winrt::Microsoft::ReactNative::IReactViewComponentBuilder WindowsComponentDescriptorRegistry::GetDescriptor(
+    facebook::react::ComponentHandle handle) const noexcept {
+  return m_builderByHandle.at(handle);
+}
+
+std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry>
+WindowsComponentDescriptorRegistry::GetProviderRegistry() const noexcept {
+  return m_componentDescriptorRegistry;
+}
+
+/*static*/ void WindowsComponentDescriptorRegistry::AddToProperties(
+    const winrt::Microsoft::ReactNative::ReactPropertyBag &props,
+    std::shared_ptr<WindowsComponentDescriptorRegistry> &registry) noexcept {
+  props.Set(WindowsComponentDescriptorRegistryProperty(), registry);
+}
+
+/*static*/ std::shared_ptr<WindowsComponentDescriptorRegistry> WindowsComponentDescriptorRegistry::FromProperties(
+    const winrt::Microsoft::ReactNative::ReactPropertyBag &props) noexcept {
+  return props.Get(WindowsComponentDescriptorRegistryProperty()).Value();
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/WindowsComponentDescriptorRegistry.h

@@ -0,0 +1,43 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <Fabric/Composition/ReactCompositionViewComponentBuilder.h>
+#include <ReactPropertyBag.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace Microsoft::ReactNative {
+
+struct WindowsComponentDescriptorRegistry {
+  WindowsComponentDescriptorRegistry();
+
+  void Add(
+      winrt::hstring componentName,
+      winrt::Microsoft::ReactNative::ReactViewComponentProvider const &provider) noexcept;
+  std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry> GetProviderRegistry() const noexcept;
+
+  winrt::Microsoft::ReactNative::IReactViewComponentBuilder GetDescriptor(
+      std::shared_ptr<std::string const> &flavor) const noexcept;
+
+  winrt::Microsoft::ReactNative::IReactViewComponentBuilder GetDescriptor(
+      facebook::react::ComponentHandle handle) const noexcept;
+
+  static void AddToProperties(
+      const winrt::Microsoft::ReactNative::ReactPropertyBag &props,
+      std::shared_ptr<WindowsComponentDescriptorRegistry> &registry) noexcept;
+  static std::shared_ptr<WindowsComponentDescriptorRegistry> FromProperties(
+      const winrt::Microsoft::ReactNative::ReactPropertyBag &props) noexcept;
+
+ private:
+  std::vector<std::shared_ptr<const std::string>> m_descriptorFlavors;
+  std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry> m_componentDescriptorRegistry;
+
+  std::map<std::shared_ptr<const std::string>, winrt::Microsoft::ReactNative::IReactViewComponentBuilder const>
+      m_builderByName;
+  std::map<facebook::react::ComponentHandle, winrt::Microsoft::ReactNative::IReactViewComponentBuilder const>
+      m_builderByHandle;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/platform/react/components/view/windows/WindowsViewProps.cpp

@@ -0,0 +1,61 @@
+/*
+ * 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.
+ */
+
+#include "WindowsViewProps.h"
+
+#include <react/renderer/core/CoreFeatures.h>
+#include <react/renderer/core/propsConversions.h>
+
+namespace facebook::react {
+
+WindowsViewProps::WindowsViewProps(
+    const PropsParserContext &context,
+    const WindowsViewProps &sourceProps,
+    const RawProps &rawProps,
+    bool shouldSetRawProps)
+    : windowsEvents(sourceProps.windowsEvents),
+      focusable(sourceProps.focusable),
+      enableFocusRing(sourceProps.enableFocusRing) {}
+
+#define WINDOWS_VIEW_EVENT_CASE(eventType)                    \
+  case CONSTEXPR_RAW_PROPS_KEY_HASH("on" #eventType): {       \
+    const auto offset = WindowsViewEvents::Offset::eventType; \
+    WindowsViewEvents defaultViewEvents{};                    \
+    bool res = defaultViewEvents[offset];                     \
+    if (value.hasValue()) {                                   \
+      fromRawValue(context, value, res);                      \
+    }                                                         \
+    windowsEvents[offset] = res;                              \
+    return;                                                   \
+  }
+
+void WindowsViewProps::setProp(
+    const PropsParserContext &context,
+    RawPropsPropNameHash hash,
+    const char *propName,
+    RawValue const &value) {
+  static auto defaults = WindowsViewProps{};
+
+  switch (hash) {
+    WINDOWS_VIEW_EVENT_CASE(Focus);
+    WINDOWS_VIEW_EVENT_CASE(Blur);
+    WINDOWS_VIEW_EVENT_CASE(KeyUp);
+    WINDOWS_VIEW_EVENT_CASE(KeyDown);
+    RAW_SET_PROP_SWITCH_CASE_BASIC(focusable);
+    RAW_SET_PROP_SWITCH_CASE_BASIC(enableFocusRing);
+  }
+}
+
+/*static*/ bool WindowsViewProps::requiresFormsStackingContext(const WindowsViewProps &props) noexcept {
+  return props.windowsEvents.bits.any();
+}
+
+/*static*/ bool WindowsViewProps::requiresFormsView(const WindowsViewProps &props) noexcept {
+  return props.focusable;
+}
+
+} // namespace facebook::react

package/Microsoft.ReactNative/Fabric/platform/react/components/view/windows/WindowsViewProps.h

@@ -0,0 +1,34 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <react/components/view/windows/primitives.h>
+#include <react/renderer/core/Props.h>
+#include <react/renderer/core/PropsParserContext.h>
+
+namespace facebook::react {
+class WindowsViewProps {
+ public:
+  WindowsViewProps() = default;
+  WindowsViewProps(
+      const PropsParserContext &context,
+      const WindowsViewProps &sourceProps,
+      const RawProps &rawProps,
+      bool shouldSetRawProps = true);
+
+  void
+  setProp(const PropsParserContext &context, RawPropsPropNameHash hash, const char *propName, RawValue const &value);
+
+  static bool requiresFormsStackingContext(const WindowsViewProps &props) noexcept;
+  static bool requiresFormsView(const WindowsViewProps &props) noexcept;
+
+  WindowsViewEvents windowsEvents{};
+  bool enableFocusRing{true};
+  bool focusable{false};
+  // std::optional<std::string> overflowAnchor{};
+  // std::optional<std::string> tooltip{};
+  // std::vector<HandledKeyEvent> keyDownEvents{};
+  // std::vector<HandledKeyEvent> keyUpEvents{};
+};
+} // namespace facebook::react