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

package/Libraries/WebSocket/NativeWebSocketModule.js

@@ -4,31 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +connect: (
-    url: string,
-    protocols: ?Array<string>,
-    options: {|headers?: Object|},
-    socketID: number,
-  ) => void;
-  +send: (message: string, forSocketID: number) => void;
-  +sendBinary: (base64String: string, forSocketID: number) => void;
-  +ping: (socketID: number) => void;
-  +close: (code: number, reason: string, socketID: number) => void;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'WebSocketModule',
-): Spec);
+export * from '../../src/private/specs/modules/NativeWebSocketModule';
+import NativeWebSocketModule from '../../src/private/specs/modules/NativeWebSocketModule';
+export default NativeWebSocketModule;

package/Libraries/YellowBox/YellowBoxDeprecated.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 

package/Libraries/vendor/emitter/EventEmitter.js

@@ -35,6 +35,7 @@ interface Registration<TArgs> {
   +remove: () => void;
 }
 
+// $FlowFixMe[deprecated-type]
 type Registry<TEventToArgsMap: {...}> = $ObjMap<
   TEventToArgsMap,
   <TArgs>(TArgs) => Set<Registration<TArgs>>,

package/Microsoft.ReactNative/AsynchronousEventBeat.cpp

@@ -0,0 +1,50 @@
+#include "AsynchronousEventBeat.h"
+
+namespace Microsoft::ReactNative {
+
+AsynchronousEventBeat::AsynchronousEventBeat(
+    facebook::react::EventBeat::SharedOwnerBox const &ownerBox,
+    const winrt::Microsoft::ReactNative::ReactContext &context,
+    facebook::react::RuntimeExecutor runtimeExecutor)
+    : EventBeat(ownerBox), m_context(context), m_runtimeExecutor(runtimeExecutor) {}
+
+void AsynchronousEventBeat::induce() const {
+  if (!isRequested_ || m_isBeatCallbackScheduled) {
+    isRequested_ = false;
+    return;
+  }
+  isRequested_ = false;
+  m_isBeatCallbackScheduled = true;
+
+  m_runtimeExecutor([this, ownerBox = ownerBox_](facebook::jsi::Runtime &runtime) {
+    auto owner = ownerBox->owner.lock();
+    if (!owner) {
+      return;
+    }
+
+    m_isBeatCallbackScheduled = false;
+    if (beatCallback_) {
+      beatCallback_(runtime);
+    }
+  });
+}
+
+void AsynchronousEventBeat::request() const {
+  bool alreadyRequested = isRequested_;
+  EventBeat::request();
+  if (!alreadyRequested) {
+    if (m_context.UIDispatcher().HasThreadAccess()) {
+      induce();
+    } else {
+      m_context.UIDispatcher().Post([this, ownerBox = ownerBox_]() {
+        auto owner = ownerBox->owner.lock();
+        if (!owner) {
+          return;
+        }
+        induce();
+      });
+    }
+  }
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/AsynchronousEventBeat.h

@@ -0,0 +1,23 @@
+#include <NativeModules.h>
+#include <ReactCommon/RuntimeExecutor.h>
+#include <react/renderer/core/EventBeat.h>
+
+namespace Microsoft::ReactNative {
+
+class AsynchronousEventBeat final : public facebook::react::EventBeat {
+ public:
+  AsynchronousEventBeat(
+      facebook::react::EventBeat::SharedOwnerBox const &ownerBox,
+      const winrt::Microsoft::ReactNative::ReactContext &context,
+      facebook::react::RuntimeExecutor runtimeExecutor);
+
+  void induce() const override;
+  void request() const override;
+
+ private:
+  mutable std::atomic<bool> m_isBeatCallbackScheduled{false};
+  winrt::Microsoft::ReactNative::ReactContext m_context;
+  facebook::react::RuntimeExecutor m_runtimeExecutor;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Base/CoreUIManagers.cpp

@@ -10,6 +10,7 @@
 // Standard View Managers
 #include <GlyphViewManager.h>
 #include <Views/ActivityIndicatorViewManager.h>
+#include <Views/DebuggingOverlayViewManager.h>
 #include <Views/FlyoutViewManager.h>
 #include <Views/Image/ImageViewManager.h>
 #include <Views/PopupViewManager.h>
@@ -22,6 +23,7 @@
 #include <Views/SwitchViewManager.h>
 #include <Views/TextInputViewManager.h>
 #include <Views/TextViewManager.h>
+#include <Views/UnimplementedViewManager.h>
 #include <Views/ViewViewManager.h>
 #include <Views/VirtualTextViewManager.h>
 
@@ -31,8 +33,10 @@ void AddStandardViewManagers(
     std::vector<std::unique_ptr<Microsoft::ReactNative::IViewManager>> &viewManagers,
     const Mso::React::IReactContext &context) noexcept {
   viewManagers.push_back(std::make_unique<ActivityIndicatorViewManager>(context));
+  viewManagers.push_back(std::make_unique<DebuggingOverlayViewManager>(context));
   viewManagers.push_back(std::make_unique<FlyoutViewManager>(context));
   viewManagers.push_back(std::make_unique<ImageViewManager>(context));
+  viewManagers.push_back(std::make_unique<UnimplementedViewManager>(context, L"RCTModalHostView"));
   viewManagers.push_back(std::make_unique<PopupViewManager>(context));
   viewManagers.push_back(std::make_unique<RawTextViewManager>(context));
   viewManagers.push_back(std::make_unique<RootViewManager>(context));

package/Microsoft.ReactNative/Base/CxxReactIncludes.h

@@ -13,6 +13,6 @@
 #include <cxxreact/JSExecutor.h>
 #include <cxxreact/MessageQueueThread.h>
 #include <fbsystrace.h>
-#include <yoga/yoga.h>
+#include <yoga/Yoga.h>
 
 #include <ReactCommon/TurboModule.h>

package/Microsoft.ReactNative/Base/FollyIncludes.h

@@ -12,12 +12,12 @@
 
 #pragma warning(push)
 #pragma warning(disable : 4324) // 'folly::max_align_t': structure was padded due to alignment specifier
-#include <folly/lang/align.h>
+#include <folly/lang/Align.h>
 #pragma warning(pop)
 
 #pragma warning(push)
 #pragma warning(disable : 4127) // conditional expression is constant
-#include <folly/container/detail/f14table.h>
+#include <folly/container/detail/F14table.h>
 #pragma warning(pop)
 
 #include <folly/Memory.h>

package/Microsoft.ReactNative/ComponentView.idl

@@ -0,0 +1,106 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "DocString.h"
+import "Composition.Input.idl";
+import "IJSValueReader.idl";
+import "IReactContext.idl";
+import "ViewProps.idl";
+
+namespace Microsoft.ReactNative
+{
+  [webhosthidden]
+  [experimental]
+  struct LayoutMetrics {
+    Windows.Foundation.Rect Frame;
+    Single PointScaleFactor;
+  };
+
+  [webhosthidden]
+  [experimental]
+  delegate Object StateUpdateMutation(Object props);
+
+  [webhosthidden]
+  [experimental]
+  enum EventPriority
+  {
+    SynchronousUnbatched,
+    SynchronousBatched,
+    AsynchronousUnbatched,
+    AsynchronousBatched,
+
+    Sync = SynchronousUnbatched,
+    Work = SynchronousBatched,
+    Interactive = AsynchronousUnbatched,
+    Deferred = AsynchronousBatched
+  };
+
+  [flags]
+  [webhosthidden]
+  [experimental]
+  enum ComponentViewUpdateMask
+  {
+    None          = 0x00000000,
+    Props         = 0x00000001,
+    EventEmitter  = 0x00000002,
+    State         = 0x00000004,
+    LayoutMetrics = 0x00000008,
+
+    All           = 0x0000000F,
+  };
+
+  [webhosthidden]
+  [experimental]
+  interface IComponentState 
+  {
+    Object Data { get; };
+    void UpdateState(Object data);
+    void UpdateStateWithPriority(Object data, EventPriority priority);
+    void UpdateStateWithMutation(StateUpdateMutation mutation);
+    void UpdateStateWithMutationAndPriority(StateUpdateMutation mutation, EventPriority priority);
+  };
+
+  [experimental]
+  [webhosthidden]
+  unsealed runtimeclass CreateComponentViewArgs {
+    Int32 Tag {get;};
+    IReactContext ReactContext { get;};
+  };
+
+  [experimental]
+  [webhosthidden]
+  unsealed runtimeclass ComponentView {
+    ComponentView(CreateComponentViewArgs args);
+
+    Int32 Tag { get; };
+    ComponentView Parent { get; };
+    IVectorView<ComponentView> Children { get; };
+    IReactContext ReactContext { get;};
+
+    overridable void MountChildComponentView(ComponentView childComponentView, UInt32 index);
+    overridable void UnmountChildComponentView(ComponentView childComponentView, UInt32 index);
+    overridable void HandleCommand(String commandName, IJSValueReader args);
+    overridable void UpdateProps(IComponentProps props, IComponentProps oldProps);
+    overridable void UpdateState(IComponentState state);
+    overridable void UpdateLayoutMetrics(LayoutMetrics metrics, LayoutMetrics oldMetrics);
+    overridable void FinalizeUpdates(ComponentViewUpdateMask updateMask);
+
+    DOC_STRING("Used to handle key down events when this component is focused, or if a child component did not handle the key down")
+    overridable void OnKeyDown(Microsoft.ReactNative.Composition.Input.KeyboardSource source, Microsoft.ReactNative.Composition.Input.KeyRoutedEventArgs args);
+
+    DOC_STRING("Used to handle key up events when this component is focused, or if a child component did not handle the key up")
+    overridable void OnKeyUp(Microsoft.ReactNative.Composition.Input.KeyboardSource source, Microsoft.ReactNative.Composition.Input.KeyRoutedEventArgs args);
+
+    overridable void OnCharacterReceived(Microsoft.ReactNative.Composition.Input.KeyboardSource source, Microsoft.ReactNative.Composition.Input.CharacterReceivedRoutedEventArgs args);
+
+    overridable void OnPointerPressed(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerReleased(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerMoved(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerWheelChanged(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerEntered(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerExited(Microsoft.ReactNative.Composition.Input.PointerRoutedEventArgs args);
+    overridable void OnPointerCaptureLost();
+
+  };
+
+} // namespace Microsoft.ReactNative

package/Microsoft.ReactNative/Composition.Input.idl

@@ -25,6 +25,13 @@ namespace Microsoft.ReactNative.Composition.Input
     Windows.System.VirtualKey OriginalKey { get; };
   }
 
+  interface CharacterReceivedRoutedEventArgs requires RoutedEventArgs
+  {
+    Boolean Handled { get; set; };
+    Windows.UI.Core.CorePhysicalKeyStatus KeyStatus { get; };
+    Int32 KeyCode { get; };
+  };
+
   interface IPointerPointTransform
   {
     IPointerPointTransform Inverse { get; };
@@ -55,6 +62,12 @@ namespace Microsoft.ReactNative.Composition.Input
       XButton2Released,
   };
 
+  runtimeclass Pointer
+  {
+    PointerDeviceType PointerDeviceType { get; };
+    UInt32 PointerId{ get; };
+  };
+
   runtimeclass PointerPointProperties
   {
     Windows.Foundation.Rect ContactRect { get; };
@@ -89,13 +102,14 @@ namespace Microsoft.ReactNative.Composition.Input
     Windows.Foundation.Point Position { get; };
     PointerPointProperties Properties{ get; };
     UInt64 Timestamp { get; };
-    PointerPoint GetTransformedPoint(
-        IPointerPointTransform transform);
+    PointerPoint GetOffsetPoint(
+        Windows.Foundation.Point offset);
   };
 
   runtimeclass PointerRoutedEventArgs : RoutedEventArgs
   {
     PointerPoint GetCurrentPoint(Int32 tag);
+    Pointer Pointer { get; };
     Boolean Handled;
     Windows.System.VirtualKeyModifiers KeyModifiers { get; };
   };

package/Microsoft.ReactNative/CompositionComponentView.idl

@@ -0,0 +1,117 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import "ComponentView.idl";
+import "Theme.idl";
+import "ViewProps.idl";
+import "Composition.Input.idl";
+import "CompositionSwitcher.idl";
+
+#include "DocString.h"
+
+namespace Microsoft.ReactNative.Composition
+{
+
+  [flags]
+  [webhosthidden]
+  [experimental]
+  enum ComponentViewFeatures
+  {
+    None          = 0x00000000,
+    NativeBorder  = 0x00000001,
+    ShadowProps   = 0x00000002,
+    Background    = 0x00000004,
+
+    Default       = 0x00000007, // ShadowProps | NativeBorder | Background
+  };
+
+  [experimental]
+  [webhosthidden]
+  runtimeclass CreateCompositionComponentViewArgs : Microsoft.ReactNative.CreateComponentViewArgs {
+    ICompositionContext CompositionContext { get; };
+    ComponentViewFeatures Features;
+  };
+
+  [experimental]
+  [webhosthidden]
+  unsealed runtimeclass ComponentView : Microsoft.ReactNative.ComponentView {
+    ComponentView(CreateCompositionComponentViewArgs args);
+
+    ICompositionContext CompositionContext { get; };
+    Theme Theme;
+    overridable void OnThemeChanged();
+    Boolean CapturePointer(Microsoft.ReactNative.Composition.Input.Pointer pointer);
+    void ReleasePointerCapture(Microsoft.ReactNative.Composition.Input.Pointer pointer);
+  };
+
+  [experimental]
+  [webhosthidden]
+  unsealed runtimeclass ViewComponentView : ComponentView {
+    ViewComponentView(CreateCompositionComponentViewArgs args);
+
+    Microsoft.ReactNative.ViewProps ViewProps { get; };
+
+    overridable IVisual CreateVisual();
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass SwitchComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass RootComponentView : ViewComponentView {
+  };
+  
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass DebuggingOverlayComponentView : ViewComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass ActivityIndicatorComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass WindowsModalHostComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass ImageComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass ParagraphComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass ScrollViewComponentView : ComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass UnimplementedNativeViewComponentView : ViewComponentView {
+  };
+
+  [experimental]
+  [webhosthidden]
+  [default_interface]
+  unsealed runtimeclass WindowsTextInputComponentView : ComponentView {
+  };
+  
+} // namespace Microsoft.ReactNative

package/Microsoft.ReactNative/CompositionContext.idl

@@ -11,7 +11,7 @@ namespace Microsoft.ReactNative.Composition
   [default_interface]
   [experimental]
   DOC_STRING("A helper static class for to create a @ICompositionContext based on Windows.Composition Visuals.  And to access the underlying Windows.Composition objects from the abstraction.")
-  static runtimeclass WindowsCompositionContextHelper
+  static runtimeclass SystemCompositionContextHelper
   {
     DOC_STRING(
       "Creates a @ICompositionContext from a Compositor")

package/Microsoft.ReactNative/CompositionRootView.idl

@@ -5,6 +5,7 @@ import "CompositionContext.idl";
 import "IJSValueWriter.idl";
 import "ReactCoreInjection.idl";
 import "ReactNativeHost.idl";
+import "Theme.idl";
 #include "NamespaceRedirect.h"
 #include "DocString.h"
 
@@ -72,10 +73,17 @@ namespace Microsoft.ReactNative
     Windows.Foundation.Size Measure(Windows.Foundation.Size availableSize);
     Windows.Foundation.Size Arrange(Windows.Foundation.Size availableSize);
 
+    DOC_STRING("Hosting Window that input is coming from. Only required when not using ContentIslands")
+    void SetWindow(UInt64 hwnd);
+
+    DOC_STRING("Forward input to the RootView. Only required when not using ContentIslands")
     Int64 SendMessage(UInt32 Msg, UInt64 WParam, Int64 LParam);
 
     Object GetUiaProvider();
 
+    DOC_STRING("Theme used for Platform colors within this RootView")
+    Microsoft.ReactNative.Composition.Theme Theme;
+
 #ifdef USE_WINUI3
     Microsoft.UI.Content.ContentIsland Island { get; };
 #endif

package/Microsoft.ReactNative/CompositionSwitcher.idl

@@ -20,6 +20,15 @@ namespace Microsoft.ReactNative.Composition
     Visible,
     Hidden
   };
+  
+  enum AnimationClass
+  {
+    None = 0,
+    ScrollBar,
+    ScrollBarThumbHorizontal,
+    ScrollBarThumbVertical,
+    SwitchThumb,
+  };
 
   [webhosthidden]
   [uuid("172def51-9e1a-4e3c-841a-e5a470065acc")] // uuid needed for empty interfaces
@@ -63,6 +72,8 @@ namespace Microsoft.ReactNative.Composition
     void Offset(Windows.Foundation.Numerics.Vector3 offset, Windows.Foundation.Numerics.Vector3 relativeAdjustment);
     void RelativeSizeWithOffset(Windows.Foundation.Numerics.Vector2 size, Windows.Foundation.Numerics.Vector2 relativeSizeAdjustment);
     BackfaceVisibility BackfaceVisibility{ get; set; };
+    String Comment { get; set; };
+    void AnimationClass(AnimationClass value);
   }
 
   [webhosthidden]
@@ -73,6 +84,16 @@ namespace Microsoft.ReactNative.Composition
     void Shadow(IDropShadow shadow);
   }
 
+  [webhosthidden]
+  [experimental]
+  interface IRoundedRectangleVisual requires IVisual
+  {
+    void Brush(IBrush brush);
+    void CornerRadius(Windows.Foundation.Numerics.Vector2 value);
+    void StrokeBrush(IBrush brush);
+    void StrokeThickness(Single value);
+  }
+
   [webhosthidden]
   [experimental]
   interface IScrollPositionChangedArgs
@@ -96,7 +117,8 @@ namespace Microsoft.ReactNative.Composition
   [experimental]
   interface IActivityVisual requires IVisual
   {
-    void Color(Windows.UI.Color color);
+    void Size(Single value);
+    void Brush(IBrush brush);
   }
 
   [webhosthidden]
@@ -107,18 +129,7 @@ namespace Microsoft.ReactNative.Composition
     void Size(Windows.Foundation.Numerics.Vector2 size);
     void Position(Windows.Foundation.Numerics.Vector2 position);
     Boolean IsVisible { get; set; };
-    void Color(Windows.UI.Color color);
-  }
-
-  [webhosthidden]
-  [experimental]
-  interface ISwitchThumbVisual
-  {
-    IVisual InnerVisual { get; };
-    void Size(Windows.Foundation.Numerics.Vector2 size);
-    void Position(Windows.Foundation.Numerics.Vector2 position);
-    Boolean IsVisible { get; set; };
-    void Color(Windows.UI.Color color);
+    void Brush(IBrush brush);
   }
 
   [webhosthidden]
@@ -136,9 +147,9 @@ namespace Microsoft.ReactNative.Composition
   {
     ISpriteVisual CreateSpriteVisual();
     IScrollVisual CreateScrollerVisual();
+    IRoundedRectangleVisual CreateRoundedRectangleVisual();
     IActivityVisual CreateActivityVisual();
     ICaretVisual CreateCaretVisual();
-    ISwitchThumbVisual CreateSwitchThumbVisual();
     IFocusVisual CreateFocusVisual();
     IDropShadow CreateDropShadow();
     IBrush CreateColorBrush(Windows.UI.Color color);

package/Microsoft.ReactNative/DevMenuControl.idl

@@ -14,11 +14,8 @@ namespace Microsoft.ReactNative
 
       XAML_NAMESPACE.Controls.Button BreakOnNextLine { get; };
       XAML_NAMESPACE.Controls.Button DirectDebug { get; };
-      XAML_NAMESPACE.Controls.Button RemoteDebug { get; };
       XAML_NAMESPACE.Controls.Button Reload { get; };
 
-      XAML_NAMESPACE.Controls.TextBlock RemoteDebugText { get; };
-      XAML_NAMESPACE.Controls.TextBlock RemoteDebugDesc { get; };
       XAML_NAMESPACE.Controls.TextBlock FastRefreshText { get; };
       XAML_NAMESPACE.Controls.TextBlock DirectDebugText { get; };
       XAML_NAMESPACE.Controls.TextBlock DirectDebugDesc { get; };

package/Microsoft.ReactNative/DevMenuControl.xaml

@@ -50,21 +50,6 @@
                 <TextBlock Grid.Column='1' Grid.Row='1' FontSize='12' Opacity='0.5' TextWrapping='Wrap'>Restarts the JS instance. Any javascript state will be lost.</TextBlock>
             </Grid>
         </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='RemoteDebug' Style='{StaticResource ButtonRevealStyle}'>
-            <Grid HorizontalAlignment='Stretch'>
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width='Auto'/>
-                    <ColumnDefinition Width='*'/>
-                </Grid.ColumnDefinitions>
-                <Grid.RowDefinitions>
-                    <RowDefinition/>
-                    <RowDefinition/>
-                </Grid.RowDefinitions>
-                <FontIcon Grid.Column='0' Grid.Row='0' Grid.RowSpan='2' VerticalAlignment='Top' FontFamily='{StaticResource SymbolThemeFontFamily}' Foreground='{StaticResource SystemControlForegroundAccentBrush}' Margin='8,8,16,8' Glyph='&#xE8AF;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0' x:Name='RemoteDebugText'/>
-                <TextBlock Grid.Column='1' Grid.Row='1' x:Name='RemoteDebugDesc' FontSize='12' Opacity='0.5' TextWrapping='Wrap'/>
-            </Grid>
-        </Button>
         <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='DirectDebug' Style='{StaticResource ButtonRevealStyle}'>
             <Grid HorizontalAlignment='Stretch'>
                 <Grid.ColumnDefinitions>