react-native-windows 0.80.0 → 0.81.0-preview.1

package/codegen/react/components/rnwcore/Props.h

@@ -17,6 +17,23 @@
 
 namespace facebook::react {
 
+class VirtualViewProps final : public ViewProps {
+ public:
+  VirtualViewProps() = default;
+  VirtualViewProps(const PropsParserContext& context, const VirtualViewProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  bool initialHidden{false};
+  int renderState{0};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
+};
+
 enum class ActivityIndicatorViewSize { Small, Large };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ActivityIndicatorViewSize &result) {
@@ -33,6 +50,12 @@ static inline std::string toString(const ActivityIndicatorViewSize &value) {
   }
 }
 
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const ActivityIndicatorViewSize &value) {
+  return toString(value);
+}
+#endif
+
 class ActivityIndicatorViewProps final : public ViewProps {
  public:
   ActivityIndicatorViewProps() = default;
@@ -44,6 +67,12 @@ class ActivityIndicatorViewProps final : public ViewProps {
   bool animating{true};
   SharedColor color{};
   ActivityIndicatorViewSize size{ActivityIndicatorViewSize::Small};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 enum class AndroidDrawerLayoutKeyboardDismissMode { None, OnDrag };
@@ -61,6 +90,12 @@ static inline std::string toString(const AndroidDrawerLayoutKeyboardDismissMode
     case AndroidDrawerLayoutKeyboardDismissMode::OnDrag: return "on-drag";
   }
 }
+
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const AndroidDrawerLayoutKeyboardDismissMode &value) {
+  return toString(value);
+}
+#endif
 enum class AndroidDrawerLayoutDrawerPosition { Left, Right };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, AndroidDrawerLayoutDrawerPosition &result) {
@@ -76,6 +111,12 @@ static inline std::string toString(const AndroidDrawerLayoutDrawerPosition &valu
     case AndroidDrawerLayoutDrawerPosition::Right: return "right";
   }
 }
+
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const AndroidDrawerLayoutDrawerPosition &value) {
+  return toString(value);
+}
+#endif
 enum class AndroidDrawerLayoutDrawerLockMode { Unlocked, LockedClosed, LockedOpen };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, AndroidDrawerLayoutDrawerLockMode &result) {
@@ -94,6 +135,12 @@ static inline std::string toString(const AndroidDrawerLayoutDrawerLockMode &valu
   }
 }
 
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const AndroidDrawerLayoutDrawerLockMode &value) {
+  return toString(value);
+}
+#endif
+
 class AndroidDrawerLayoutProps final : public ViewProps {
  public:
   AndroidDrawerLayoutProps() = default;
@@ -107,6 +154,12 @@ class AndroidDrawerLayoutProps final : public ViewProps {
   Float drawerWidth{};
   AndroidDrawerLayoutDrawerLockMode drawerLockMode{AndroidDrawerLayoutDrawerLockMode::Unlocked};
   SharedColor statusBarBackgroundColor{};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class AndroidHorizontalScrollContentViewProps final : public ViewProps {
@@ -117,6 +170,12 @@ class AndroidHorizontalScrollContentViewProps final : public ViewProps {
 #pragma mark - Props
 
   bool removeClippedSubviews{false};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 enum class AndroidSwipeRefreshLayoutSize { Default, Large };
@@ -135,6 +194,12 @@ static inline std::string toString(const AndroidSwipeRefreshLayoutSize &value) {
   }
 }
 
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const AndroidSwipeRefreshLayoutSize &value) {
+  return toString(value);
+}
+#endif
+
 class AndroidSwipeRefreshLayoutProps final : public ViewProps {
  public:
   AndroidSwipeRefreshLayoutProps() = default;
@@ -148,6 +213,12 @@ class AndroidSwipeRefreshLayoutProps final : public ViewProps {
   AndroidSwipeRefreshLayoutSize size{AndroidSwipeRefreshLayoutSize::Default};
   Float progressViewOffset{0.0};
   bool refreshing{false};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class AndroidSwitchProps final : public ViewProps {
@@ -166,6 +237,12 @@ class AndroidSwitchProps final : public ViewProps {
   bool on{false};
   SharedColor thumbTintColor{};
   SharedColor trackTintColor{};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class DebuggingOverlayProps final : public ViewProps {
@@ -176,6 +253,12 @@ class DebuggingOverlayProps final : public ViewProps {
 #pragma mark - Props
 
   
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class AndroidProgressBarProps final : public ViewProps {
@@ -192,6 +275,12 @@ class AndroidProgressBarProps final : public ViewProps {
   bool animating{true};
   SharedColor color{};
   std::string testID{""};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class PullToRefreshViewProps final : public ViewProps {
@@ -206,6 +295,12 @@ class PullToRefreshViewProps final : public ViewProps {
   std::string title{};
   Float progressViewOffset{0.0};
   bool refreshing{false};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class InputAccessoryProps final : public ViewProps {
@@ -216,6 +311,12 @@ class InputAccessoryProps final : public ViewProps {
 #pragma mark - Props
 
   SharedColor backgroundColor{};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 enum class ModalHostViewAnimationType { None, Slide, Fade };
@@ -235,6 +336,12 @@ static inline std::string toString(const ModalHostViewAnimationType &value) {
     case ModalHostViewAnimationType::Fade: return "fade";
   }
 }
+
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const ModalHostViewAnimationType &value) {
+  return toString(value);
+}
+#endif
 enum class ModalHostViewPresentationStyle { FullScreen, PageSheet, FormSheet, OverFullScreen };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ModalHostViewPresentationStyle &result) {
@@ -254,6 +361,12 @@ static inline std::string toString(const ModalHostViewPresentationStyle &value)
     case ModalHostViewPresentationStyle::OverFullScreen: return "overFullScreen";
   }
 }
+
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const ModalHostViewPresentationStyle &value) {
+  return toString(value);
+}
+#endif
 using ModalHostViewSupportedOrientationsMask = uint32_t;
 
 struct ModalHostViewSupportedOrientationsMaskWrapped {
@@ -353,9 +466,16 @@ class ModalHostViewProps final : public ViewProps {
   bool hardwareAccelerated{false};
   bool visible{false};
   bool animated{false};
+  bool allowSwipeDismissal{false};
   ModalHostViewSupportedOrientationsMask supportedOrientations{static_cast<ModalHostViewSupportedOrientationsMask>(ModalHostViewSupportedOrientations::Portrait)};
   int identifier{0};
   std::string title{};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class SafeAreaViewProps final : public ViewProps {
@@ -366,6 +486,12 @@ class SafeAreaViewProps final : public ViewProps {
 #pragma mark - Props
 
   
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class SwitchProps final : public ViewProps {
@@ -383,6 +509,12 @@ class SwitchProps final : public ViewProps {
   SharedColor thumbColor{};
   SharedColor trackColorForFalse{};
   SharedColor trackColorForTrue{};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 class UnimplementedNativeViewProps final : public ViewProps {
@@ -393,6 +525,12 @@ class UnimplementedNativeViewProps final : public ViewProps {
 #pragma mark - Props
 
   std::string name{""};
+
+  #ifdef RN_SERIALIZABLE_STATE
+  ComponentName getDiffPropsImplementationTarget() const override;
+
+  folly::dynamic getDiffProps(const Props* prevProps) const override;
+  #endif
 };
 
 } // namespace facebook::react

package/codegen/react/components/rnwcore/States.h

@@ -8,94 +8,25 @@
  */
 #pragma once
 
-#ifdef ANDROID
+#include <react/renderer/core/StateData.h>
+#ifdef RN_SERIALIZABLE_STATE
 #include <folly/dynamic.h>
 #endif
 
 namespace facebook::react {
 
-class ActivityIndicatorViewState {
-public:
-  ActivityIndicatorViewState() = default;
+using ActivityIndicatorViewState = StateData;
 
-#ifdef ANDROID
-  ActivityIndicatorViewState(ActivityIndicatorViewState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
-
-class AndroidDrawerLayoutState {
-public:
-  AndroidDrawerLayoutState() = default;
-
-#ifdef ANDROID
-  AndroidDrawerLayoutState(AndroidDrawerLayoutState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
-
-class AndroidSwipeRefreshLayoutState {
-public:
-  AndroidSwipeRefreshLayoutState() = default;
-
-#ifdef ANDROID
-  AndroidSwipeRefreshLayoutState(AndroidSwipeRefreshLayoutState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
+using AndroidDrawerLayoutState = StateData;
 
-class DebuggingOverlayState {
-public:
-  DebuggingOverlayState() = default;
+using AndroidSwipeRefreshLayoutState = StateData;
 
-#ifdef ANDROID
-  DebuggingOverlayState(DebuggingOverlayState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
-
-class PullToRefreshViewState {
-public:
-  PullToRefreshViewState() = default;
+using DebuggingOverlayState = StateData;
 
-#ifdef ANDROID
-  PullToRefreshViewState(PullToRefreshViewState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
+using PullToRefreshViewState = StateData;
 
-class SwitchState {
-public:
-  SwitchState() = default;
+using SwitchState = StateData;
 
-#ifdef ANDROID
-  SwitchState(SwitchState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
-
-class UnimplementedNativeViewState {
-public:
-  UnimplementedNativeViewState() = default;
-
-#ifdef ANDROID
-  UnimplementedNativeViewState(UnimplementedNativeViewState const &previousState, folly::dynamic data){};
-  folly::dynamic getDynamic() const {
-    return {};
-  };
-#endif
-};
+using UnimplementedNativeViewState = StateData;
 
 } // namespace facebook::react

package/codegen/react/components/rnwcore/VirtualView.g.h

@@ -0,0 +1,226 @@
+
+/*
+ * This file is auto-generated from VirtualViewNativeComponent spec file in flow / TypeScript.
+ */
+// clang-format off
+#pragma once
+
+#include <NativeModules.h>
+
+#ifdef RNW_NEW_ARCH
+#include <JSValueComposition.h>
+
+#include <winrt/Microsoft.ReactNative.Composition.h>
+#include <winrt/Microsoft.UI.Composition.h>
+#endif // #ifdef RNW_NEW_ARCH
+
+#ifdef RNW_NEW_ARCH
+
+namespace Microsoft::ReactNativeSpecs {
+
+REACT_STRUCT(VirtualViewProps)
+struct VirtualViewProps : winrt::implements<VirtualViewProps, winrt::Microsoft::ReactNative::IComponentProps> {
+  VirtualViewProps(winrt::Microsoft::ReactNative::ViewProps props, const winrt::Microsoft::ReactNative::IComponentProps& cloneFrom)
+    : ViewProps(props)
+  {
+     if (cloneFrom) {
+       auto cloneFromProps = cloneFrom.as<VirtualViewProps>();
+       initialHidden = cloneFromProps->initialHidden;
+       renderState = cloneFromProps->renderState;  
+     }
+  }
+
+  void SetProp(uint32_t hash, winrt::hstring propName, winrt::Microsoft::ReactNative::IJSValueReader value) noexcept {
+    winrt::Microsoft::ReactNative::ReadProp(hash, propName, value, *this);
+  }
+
+  REACT_FIELD(initialHidden)
+  std::optional<bool> initialHidden{};
+
+  REACT_FIELD(renderState)
+  int32_t renderState{};
+
+  const winrt::Microsoft::ReactNative::ViewProps ViewProps;
+};
+
+REACT_STRUCT(VirtualView_OnModeChange)
+struct VirtualView_OnModeChange {
+  REACT_FIELD(mode)
+  int32_t mode{};
+
+  REACT_FIELD(targetRect)
+  VirtualViewSpec_onModeChange2 targetRect;
+
+  REACT_FIELD(thresholdRect)
+  VirtualViewSpec_onModeChange3 thresholdRect;
+};
+
+struct VirtualViewEventEmitter {
+  VirtualViewEventEmitter(const winrt::Microsoft::ReactNative::EventEmitter &eventEmitter)
+      : m_eventEmitter(eventEmitter) {}
+
+  using OnModeChange = VirtualView_OnModeChange;
+  using OnModeChange2 = VirtualView_OnModeChange2;
+  using OnModeChange3 = VirtualView_OnModeChange3;
+
+  void onModeChange(OnModeChange &value) const {
+    m_eventEmitter.DispatchEvent(L"modeChange", [value](const winrt::Microsoft::ReactNative::IJSValueWriter writer) {
+      winrt::Microsoft::ReactNative::WriteValue(writer, value);
+    });
+  }
+
+ private:
+  winrt::Microsoft::ReactNative::EventEmitter m_eventEmitter{nullptr};
+};
+
+template<typename TUserData>
+struct BaseVirtualView {
+
+  virtual void UpdateProps(
+    const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+    const winrt::com_ptr<VirtualViewProps> &newProps,
+    const winrt::com_ptr<VirtualViewProps> &/*oldProps*/) noexcept {
+    m_props = newProps;
+  }
+
+  // UpdateLayoutMetrics will only be called if this method is overridden
+  virtual void UpdateLayoutMetrics(
+    const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+    const winrt::Microsoft::ReactNative::LayoutMetrics &/*newLayoutMetrics*/,
+    const winrt::Microsoft::ReactNative::LayoutMetrics &/*oldLayoutMetrics*/) noexcept {
+  }
+
+  // UpdateState will only be called if this method is overridden
+  virtual void UpdateState(
+    const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+    const winrt::Microsoft::ReactNative::IComponentState &/*newState*/) noexcept {
+  }
+
+  virtual void UpdateEventEmitter(const std::shared_ptr<VirtualViewEventEmitter> &eventEmitter) noexcept {
+    m_eventEmitter = eventEmitter;
+  }
+
+  // MountChildComponentView will only be called if this method is overridden
+  virtual void MountChildComponentView(const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+           const winrt::Microsoft::ReactNative::MountChildComponentViewArgs &/*args*/) noexcept {
+  }
+
+  // UnmountChildComponentView will only be called if this method is overridden
+  virtual void UnmountChildComponentView(const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+           const winrt::Microsoft::ReactNative::UnmountChildComponentViewArgs &/*args*/) noexcept {
+  }
+
+  // Initialize will only be called if this method is overridden
+  virtual void Initialize(const winrt::Microsoft::ReactNative::ComponentView &/*view*/) noexcept {
+  }
+
+  // CreateVisual will only be called if this method is overridden
+  virtual winrt::Microsoft::UI::Composition::Visual CreateVisual(const winrt::Microsoft::ReactNative::ComponentView &view) noexcept {
+    return view.as<winrt::Microsoft::ReactNative::Composition::ComponentView>().Compositor().CreateSpriteVisual();
+  }
+
+  // FinalizeUpdate will only be called if this method is overridden
+  virtual void FinalizeUpdate(const winrt::Microsoft::ReactNative::ComponentView &/*view*/,
+                                        winrt::Microsoft::ReactNative::ComponentViewUpdateMask /*mask*/) noexcept {
+  }
+
+  
+
+  const std::shared_ptr<VirtualViewEventEmitter>& EventEmitter() const { return m_eventEmitter; }
+  const winrt::com_ptr<VirtualViewProps>& Props() const { return m_props; }
+
+private:
+  winrt::com_ptr<VirtualViewProps> m_props;
+  std::shared_ptr<VirtualViewEventEmitter> m_eventEmitter;
+};
+
+template <typename TUserData>
+void RegisterVirtualViewNativeComponent(
+    winrt::Microsoft::ReactNative::IReactPackageBuilder const &packageBuilder,
+    std::function<void(const winrt::Microsoft::ReactNative::Composition::IReactCompositionViewComponentBuilder&)> builderCallback) noexcept {
+  packageBuilder.as<winrt::Microsoft::ReactNative::IReactPackageBuilderFabric>().AddViewComponent(
+      L"VirtualView", [builderCallback](winrt::Microsoft::ReactNative::IReactViewComponentBuilder const &builder) noexcept {
+        auto compBuilder = builder.as<winrt::Microsoft::ReactNative::Composition::IReactCompositionViewComponentBuilder>();
+
+        builder.SetCreateProps([](winrt::Microsoft::ReactNative::ViewProps props,
+                              const winrt::Microsoft::ReactNative::IComponentProps& cloneFrom) noexcept {
+            return winrt::make<VirtualViewProps>(props, cloneFrom); 
+        });
+
+        builder.SetUpdatePropsHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                     const winrt::Microsoft::ReactNative::IComponentProps &newProps,
+                                     const winrt::Microsoft::ReactNative::IComponentProps &oldProps) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            userData->UpdateProps(view, newProps ? newProps.as<VirtualViewProps>() : nullptr, oldProps ? oldProps.as<VirtualViewProps>() : nullptr);
+        });
+
+        compBuilder.SetUpdateLayoutMetricsHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                      const winrt::Microsoft::ReactNative::LayoutMetrics &newLayoutMetrics,
+                                      const winrt::Microsoft::ReactNative::LayoutMetrics &oldLayoutMetrics) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            userData->UpdateLayoutMetrics(view, newLayoutMetrics, oldLayoutMetrics);
+        });
+
+        builder.SetUpdateEventEmitterHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                     const winrt::Microsoft::ReactNative::EventEmitter &eventEmitter) noexcept {
+          auto userData = view.UserData().as<TUserData>();
+          userData->UpdateEventEmitter(std::make_shared<VirtualViewEventEmitter>(eventEmitter));
+        });
+
+        if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::FinalizeUpdate != &BaseVirtualView<TUserData>::FinalizeUpdate) {
+            builder.SetFinalizeUpdateHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                     winrt::Microsoft::ReactNative::ComponentViewUpdateMask mask) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            userData->FinalizeUpdate(view, mask);
+          });
+        } 
+
+        if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::UpdateState != &BaseVirtualView<TUserData>::UpdateState) {
+          builder.SetUpdateStateHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                     const winrt::Microsoft::ReactNative::IComponentState &newState) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            userData->UpdateState(view, newState);
+          });
+        }
+
+        if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::MountChildComponentView != &BaseVirtualView<TUserData>::MountChildComponentView) {
+          builder.SetMountChildComponentViewHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                      const winrt::Microsoft::ReactNative::MountChildComponentViewArgs &args) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            return userData->MountChildComponentView(view, args);
+          });
+        }
+
+        if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::UnmountChildComponentView != &BaseVirtualView<TUserData>::UnmountChildComponentView) {
+          builder.SetUnmountChildComponentViewHandler([](const winrt::Microsoft::ReactNative::ComponentView &view,
+                                      const winrt::Microsoft::ReactNative::UnmountChildComponentViewArgs &args) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            return userData->UnmountChildComponentView(view, args);
+          });
+        }
+
+        compBuilder.SetViewComponentViewInitializer([](const winrt::Microsoft::ReactNative::ComponentView &view) noexcept {
+          auto userData = winrt::make_self<TUserData>();
+          if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::Initialize != &BaseVirtualView<TUserData>::Initialize) {
+            userData->Initialize(view);
+          }
+          view.UserData(*userData);
+        });
+
+        if CONSTEXPR_SUPPORTED_ON_VIRTUAL_FN_ADDRESS (&TUserData::CreateVisual != &BaseVirtualView<TUserData>::CreateVisual) {
+          compBuilder.SetCreateVisualHandler([](const winrt::Microsoft::ReactNative::ComponentView &view) noexcept {
+            auto userData = view.UserData().as<TUserData>();
+            return userData->CreateVisual(view);
+          });
+        }
+
+        // Allow app to further customize the builder
+        if (builderCallback) {
+          builderCallback(compBuilder);
+        }
+      });
+}
+
+} // namespace Microsoft::ReactNativeSpecs
+
+#endif // #ifdef RNW_NEW_ARCH