react-native-windows 0.81.1 → 0.82.0-preview.1

package/Microsoft.ReactNative/ABIViewManager.cpp

@@ -1,263 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-#include "pch.h"
-#include "ABIViewManager.h"
-#include "DynamicReader.h"
-#include "DynamicWriter.h"
-
-#include "IReactContext.h"
-
-#include <JSValueWriter.h>
-#include <Utils/ValueUtils.h>
-#include <Views/ShadowNodeBase.h>
-#include "ReactHost/MsoUtils.h"
-
-namespace winrt::Microsoft::ReactNative {
-
-class ABIShadowNode : public ::Microsoft::ReactNative::ShadowNodeBase {
-  using Super = ShadowNodeBase;
-
- public:
-  ABIShadowNode(bool needsForceLayout) : m_needsForceLayout(needsForceLayout) {}
-  bool NeedsForceLayout() override {
-    return m_needsForceLayout;
-  }
-
- private:
-  bool m_needsForceLayout;
-};
-
-ABIViewManager::ABIViewManager(
-    Mso::CntPtr<Mso::React::IReactContext> const &reactContext,
-    ReactNative::IViewManager const &viewManager)
-    : Super(*reactContext),
-      m_name{viewManager.Name()},
-      m_viewManager{viewManager},
-      m_viewManagerWithReactContext{viewManager.try_as<IViewManagerWithReactContext>()},
-      m_viewManagerWithExportedViewConstants{viewManager.try_as<IViewManagerWithExportedViewConstants>()},
-      m_viewManagerWithNativeProperties{viewManager.try_as<IViewManagerWithNativeProperties>()},
-      m_viewManagerWithCommands{viewManager.try_as<IViewManagerWithCommands>()},
-      m_viewManagerWithExportedEventTypeConstants{viewManager.try_as<IViewManagerWithExportedEventTypeConstants>()},
-      m_viewManagerRequiresNativeLayout{viewManager.try_as<IViewManagerRequiresNativeLayout>()},
-      m_viewManagerWithChildren{viewManager.try_as<IViewManagerWithChildren>()},
-      m_viewManagerWithPointerEvents{viewManager.try_as<IViewManagerWithPointerEvents>()},
-      m_viewManagerWithDropViewInstance{viewManager.try_as<IViewManagerWithDropViewInstance>()},
-      m_viewManagerWithOnLayout{viewManager.try_as<IViewManagerWithOnLayout>()} {
-  if (m_viewManagerWithReactContext) {
-    m_viewManagerWithReactContext.ReactContext(winrt::make<implementation::ReactContext>(Mso::Copy(reactContext)));
-  }
-  if (m_viewManagerWithNativeProperties) {
-    m_nativeProps = m_viewManagerWithNativeProperties.NativeProps();
-  }
-}
-
-const wchar_t *ABIViewManager::GetName() const {
-  return m_name.c_str();
-}
-
-xaml::DependencyObject ABIViewManager::CreateViewCore(
-    int64_t,
-    const winrt::Microsoft::ReactNative::JSValueObject &props) {
-  if (auto viewCreateProps = m_viewManager.try_as<IViewManagerCreateWithProperties>()) {
-    auto view = viewCreateProps.CreateViewWithProperties(
-        MakeJSValueTreeReader(winrt::Microsoft::ReactNative::JSValue(props.Copy())));
-    return view.as<xaml::DependencyObject>();
-  }
-  return m_viewManager.CreateView();
-}
-
-void ABIViewManager::GetExportedViewConstants(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
-  Super::GetExportedViewConstants(writer);
-
-  if (m_viewManagerWithExportedViewConstants) {
-    if (auto constantProvider = m_viewManagerWithExportedViewConstants.ExportedViewConstants()) {
-      IJSValueWriter argWriter = winrt::make<DynamicWriter>();
-      constantProvider(writer);
-    }
-  }
-}
-
-void ABIViewManager::GetNativeProps(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
-  Super::GetNativeProps(writer);
-
-  if (m_nativeProps) {
-    for (const auto &pair : m_nativeProps) {
-      writer.WritePropertyName(pair.Key());
-      switch (pair.Value()) {
-        case ViewManagerPropertyType::Boolean:
-          writer.WriteString(L"boolean");
-          break;
-        case ViewManagerPropertyType::Number:
-          writer.WriteString(L"number");
-          break;
-        case ViewManagerPropertyType::String:
-          writer.WriteString(L"string");
-          break;
-        case ViewManagerPropertyType::Array:
-          writer.WriteString(L"array");
-          break;
-        case ViewManagerPropertyType::Map:
-          writer.WriteString(L"Map");
-          break;
-        case ViewManagerPropertyType::Color:
-          writer.WriteString(L"Color");
-          break;
-        case ViewManagerPropertyType::Function:
-          writer.WriteString(L"function");
-          break;
-        case ViewManagerPropertyType::ImageSource:
-          writer.WriteString(L"ImageSource");
-          break;
-      }
-    }
-  }
-}
-
-void ABIViewManager::UpdateProperties(
-    ::Microsoft::ReactNative::ShadowNodeBase *nodeToUpdate,
-    winrt::Microsoft::ReactNative::JSValueObject &props) {
-  if (m_viewManagerRequiresNativeLayout && m_viewManagerRequiresNativeLayout.RequiresNativeLayout()) {
-    MarkDirty(nodeToUpdate->m_tag);
-  }
-
-  if (m_viewManagerWithNativeProperties) {
-    auto view = nodeToUpdate->GetView().as<xaml::FrameworkElement>();
-
-    if (props.size() > 0) {
-      m_viewManagerWithNativeProperties.UpdateProperties(
-          view, MakeJSValueTreeReader(winrt::Microsoft::ReactNative::JSValue(props.Copy())));
-    }
-  }
-
-  Super::UpdateProperties(nodeToUpdate, props);
-}
-
-void ABIViewManager::GetCommands(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
-  // Why are we providing commands with the same key and value? React Native 0.61 internally introduced string command
-  // IDs which can be dispatched directly without querying the ViewManager for commands. Integer command IDs are
-  // internally deprecated, but querying for command ID is still the documented path. Returning constants as their
-  // string lets us internally only support the string path.
-  if (m_viewManagerWithCommands) {
-    for (const auto &commandName : m_viewManagerWithCommands.Commands()) {
-      winrt::Microsoft::ReactNative::WriteProperty(writer, commandName, commandName);
-    }
-  }
-}
-
-void ABIViewManager::DispatchCommand(
-    const xaml::DependencyObject &viewToUpdate,
-    const std::string &commandId,
-    winrt::Microsoft::ReactNative::JSValueArray &&commandArgs) {
-  if (m_viewManagerWithCommands) {
-    auto view = viewToUpdate.as<xaml::FrameworkElement>();
-    m_viewManagerWithCommands.DispatchCommand(
-        view,
-        to_hstring(commandId),
-        MakeJSValueTreeReader(winrt::Microsoft::ReactNative::JSValue(std::move(commandArgs))));
-  }
-}
-
-void ABIViewManager::GetExportedCustomBubblingEventTypeConstants(
-    const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
-  Super::GetExportedCustomBubblingEventTypeConstants(writer);
-
-  if (m_viewManagerWithExportedEventTypeConstants) {
-    if (auto constantProvider =
-            m_viewManagerWithExportedEventTypeConstants.ExportedCustomBubblingEventTypeConstants()) {
-      constantProvider(writer);
-    }
-  }
-}
-
-void ABIViewManager::GetExportedCustomDirectEventTypeConstants(
-    const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const {
-  Super::GetExportedCustomDirectEventTypeConstants(writer);
-
-  if (m_viewManagerWithExportedEventTypeConstants) {
-    if (auto constantProvider = m_viewManagerWithExportedEventTypeConstants.ExportedCustomDirectEventTypeConstants()) {
-      constantProvider(writer);
-    }
-  }
-}
-
-void ABIViewManager::AddView(const xaml::DependencyObject &parent, const xaml::DependencyObject &child, int64_t index) {
-  if (m_viewManagerWithChildren) {
-    m_viewManagerWithChildren.AddView(parent.as<xaml::FrameworkElement>(), child.as<xaml::UIElement>(), index);
-  } else {
-    Super::AddView(parent, child, index);
-  }
-}
-
-void ABIViewManager::RemoveAllChildren(const xaml::DependencyObject &parent) {
-  if (m_viewManagerWithChildren) {
-    m_viewManagerWithChildren.RemoveAllChildren(parent.as<xaml::FrameworkElement>());
-  } else {
-    Super::RemoveAllChildren(parent);
-  }
-}
-
-void ABIViewManager::RemoveChildAt(const xaml::DependencyObject &parent, int64_t index) {
-  if (m_viewManagerWithChildren) {
-    m_viewManagerWithChildren.RemoveChildAt(parent.as<xaml::FrameworkElement>(), index);
-  } else {
-    Super::RemoveChildAt(parent, index);
-  }
-}
-
-void ABIViewManager::ReplaceChild(
-    const xaml::DependencyObject &parent,
-    const xaml::DependencyObject &oldChild,
-    const xaml::DependencyObject &newChild) {
-  if (m_viewManagerWithChildren) {
-    m_viewManagerWithChildren.ReplaceChild(
-        parent.as<xaml::FrameworkElement>(), oldChild.as<xaml::UIElement>(), newChild.as<xaml::UIElement>());
-  } else {
-    Super::ReplaceChild(parent, oldChild, newChild);
-  }
-}
-
-YGMeasureFunc ABIViewManager::GetYogaCustomMeasureFunc() const {
-  if (m_viewManagerRequiresNativeLayout && m_viewManagerRequiresNativeLayout.RequiresNativeLayout()) {
-    return ::Microsoft::ReactNative::DefaultYogaSelfMeasureFunc;
-  } else {
-    return nullptr;
-  }
-}
-
-void ABIViewManager::OnPointerEvent(::Microsoft::ReactNative::ShadowNodeBase *node, const ReactPointerEventArgs &args) {
-  if (m_viewManagerWithPointerEvents) {
-    m_viewManagerWithPointerEvents.OnPointerEvent(node->GetView(), args);
-  }
-  // Call the base method to handle `pointerEvents` behavior
-  Super::OnPointerEvent(node, args);
-}
-
-void ABIViewManager::OnDropViewInstance(const ::Microsoft::ReactNative::XamlView &view) {
-  if (m_viewManagerWithDropViewInstance) {
-    m_viewManagerWithDropViewInstance.OnDropViewInstance(view.try_as<xaml::FrameworkElement>());
-  } else {
-    Super::OnDropViewInstance(view);
-  }
-}
-
-void ABIViewManager::SetLayoutProps(
-    ::Microsoft::ReactNative::ShadowNodeBase &nodeToUpdate,
-    const ::Microsoft::ReactNative::XamlView &viewToUpdate,
-    float left,
-    float top,
-    float width,
-    float height) {
-  if (m_viewManagerWithOnLayout) {
-    m_viewManagerWithOnLayout.OnLayout(viewToUpdate.as<xaml::FrameworkElement>(), left, top, width, height);
-  }
-  // Call the base method to handle `SetLayoutProps` behavior
-  Super::SetLayoutProps(nodeToUpdate, viewToUpdate, left, top, width, height);
-}
-
-::Microsoft::ReactNative::ShadowNode *ABIViewManager::createShadow() const {
-  return new ABIShadowNode(
-      m_viewManagerRequiresNativeLayout && m_viewManagerRequiresNativeLayout.RequiresNativeLayout());
-}
-
-} // namespace winrt::Microsoft::ReactNative

package/Microsoft.ReactNative/ABIViewManager.h

@@ -1,100 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-//
-// The ABIViewManager implements a FrameworkElementViewManager subclass and
-// wraps up the ABI-safe ViewManager.
-//
-
-#pragma once
-
-#include "DynamicReader.h"
-#include "DynamicWriter.h"
-
-#include <Views/FrameworkElementViewManager.h>
-#include <Views/ShadowNodeBase.h>
-#include <XamlView.h>
-#include "ReactHost/React.h"
-
-#include "winrt/Microsoft.ReactNative.h"
-
-namespace winrt::Microsoft::ReactNative {
-
-class ABIViewManager : public ::Microsoft::ReactNative::FrameworkElementViewManager {
-  using Super = ::Microsoft::ReactNative::FrameworkElementViewManager;
-
- public:
-  ABIViewManager(
-      Mso::CntPtr<Mso::React::IReactContext> const &reactContext,
-      ReactNative::IViewManager const &viewManager);
-
-  const wchar_t *GetName() const override;
-
-  void GetExportedViewConstants(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
-
-  void GetNativeProps(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
-
-  void UpdateProperties(
-      ::Microsoft::ReactNative::ShadowNodeBase *nodeToUpdate,
-      winrt::Microsoft::ReactNative::JSValueObject &props) override;
-
-  void GetCommands(const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
-
-  void DispatchCommand(
-      const xaml::DependencyObject &viewToUpdate,
-      const std::string &commandId,
-      winrt::Microsoft::ReactNative::JSValueArray &&commandArgs) override;
-
-  void GetExportedCustomBubblingEventTypeConstants(
-      const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
-
-  void GetExportedCustomDirectEventTypeConstants(
-      const winrt::Microsoft::ReactNative::IJSValueWriter &writer) const override;
-
-  void AddView(const xaml::DependencyObject &parent, const xaml::DependencyObject &child, int64_t index) override;
-  void RemoveAllChildren(const xaml::DependencyObject &parent) override;
-  void RemoveChildAt(const xaml::DependencyObject &parent, int64_t index) override;
-  void ReplaceChild(
-      const xaml::DependencyObject &parent,
-      const xaml::DependencyObject &oldChild,
-      const xaml::DependencyObject &newChild) override;
-
-  YGMeasureFunc GetYogaCustomMeasureFunc() const override;
-  ::Microsoft::ReactNative::ShadowNode *createShadow() const override;
-
-  bool RequiresNativeLayout() const override {
-    return m_viewManagerRequiresNativeLayout != nullptr && m_viewManagerRequiresNativeLayout.RequiresNativeLayout();
-  }
-
-  void OnPointerEvent(::Microsoft::ReactNative::ShadowNodeBase *node, const ReactPointerEventArgs &args) override;
-
-  void OnDropViewInstance(const ::Microsoft::ReactNative::XamlView &view);
-
-  void SetLayoutProps(
-      ::Microsoft::ReactNative::ShadowNodeBase &nodeToUpdate,
-      const ::Microsoft::ReactNative::XamlView &viewToUpdate,
-      float left,
-      float top,
-      float width,
-      float height) override;
-
- protected:
-  xaml::DependencyObject CreateViewCore(int64_t, const winrt::Microsoft::ReactNative::JSValueObject &props) override;
-
-  std::wstring m_name;
-  ReactNative::IViewManager m_viewManager;
-  IViewManagerWithReactContext m_viewManagerWithReactContext;
-  IViewManagerWithExportedViewConstants m_viewManagerWithExportedViewConstants;
-  IViewManagerWithNativeProperties m_viewManagerWithNativeProperties;
-  IViewManagerWithCommands m_viewManagerWithCommands;
-  IViewManagerWithExportedEventTypeConstants m_viewManagerWithExportedEventTypeConstants;
-  IViewManagerWithChildren m_viewManagerWithChildren;
-  IViewManagerRequiresNativeLayout m_viewManagerRequiresNativeLayout;
-  IViewManagerWithPointerEvents m_viewManagerWithPointerEvents;
-  IViewManagerWithDropViewInstance m_viewManagerWithDropViewInstance;
-  IViewManagerWithOnLayout m_viewManagerWithOnLayout;
-
-  winrt::Windows::Foundation::Collections::IMapView<winrt::hstring, ViewManagerPropertyType> m_nativeProps;
-};
-
-} // namespace winrt::Microsoft::ReactNative

package/Microsoft.ReactNative/Base/CoreUIManagers.cpp

@@ -1,55 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-#include "pch.h"
-
-#include <IReactInstance.h>
-#include <Modules/NativeUIManager.h>
-#include <ViewManagerProvider.h>
-
-// 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>
-#include <Views/RawTextViewManager.h>
-#include <Views/RefreshControlManager.h>
-#include <Views/RootViewManager.h>
-#include <Views/ScrollContentViewManager.h>
-#include <Views/ScrollViewManager.h>
-#include <Views/SliderViewManager.h>
-#include <Views/SwitchViewManager.h>
-#include <Views/TextInputViewManager.h>
-#include <Views/TextViewManager.h>
-#include <Views/UnimplementedViewManager.h>
-#include <Views/ViewViewManager.h>
-#include <Views/VirtualTextViewManager.h>
-
-namespace Microsoft::ReactNative {
-
-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));
-  viewManagers.push_back(std::make_unique<ScrollContentViewManager>(context));
-  viewManagers.push_back(std::make_unique<SliderViewManager>(context));
-  viewManagers.push_back(std::make_unique<ScrollViewManager>(context));
-  viewManagers.push_back(std::make_unique<SwitchViewManager>(context));
-  viewManagers.push_back(std::make_unique<TextViewManager>(context));
-  viewManagers.push_back(std::make_unique<TextInputViewManager>(context));
-  viewManagers.push_back(std::make_unique<ViewViewManager>(context));
-  viewManagers.push_back(std::make_unique<VirtualTextViewManager>(context));
-  viewManagers.push_back(std::make_unique<RefreshControlViewManager>(context));
-  viewManagers.push_back(std::make_unique<GlyphViewManager>(context));
-}
-
-} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/DevMenuControl.cpp

@@ -1,14 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-#include "pch.h"
-#include "DevMenuControl.h"
-#if __has_include("DevMenuControl.g.cpp")
-#include "DevMenuControl.g.cpp"
-#endif
-
-namespace winrt::Microsoft::ReactNative::implementation {
-DevMenuControl::DevMenuControl() {
-  InitializeComponent();
-}
-} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/DevMenuControl.h

@@ -1,20 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-#pragma once
-
-#include "DevMenuControl.g.h"
-#include <CppWinRTIncludes.h>
-#include <UI.Xaml.Controls.Primitives.h>
-#include <UI.Xaml.Markup.h>
-#include <winrt/Windows.UI.Xaml.Interop.h>
-
-namespace winrt::Microsoft::ReactNative::implementation {
-struct DevMenuControl : DevMenuControlT<DevMenuControl> {
-  DevMenuControl();
-};
-} // namespace winrt::Microsoft::ReactNative::implementation
-
-namespace winrt::Microsoft::ReactNative::factory_implementation {
-struct DevMenuControl : DevMenuControlT<DevMenuControl, implementation::DevMenuControl> {};
-} // namespace winrt::Microsoft::ReactNative::factory_implementation

package/Microsoft.ReactNative/DevMenuControl.idl

@@ -1,28 +0,0 @@
-#include <NamespaceRedirect.h>
-
-namespace Microsoft.ReactNative
-{
-    [default_interface]
-    runtimeclass DevMenuControl : XAML_NAMESPACE.Controls.UserControl
-    {
-      DevMenuControl();
-      XAML_NAMESPACE.Controls.Button Cancel { get; };
-      XAML_NAMESPACE.Controls.Button ConfigBundler { get; };
-      XAML_NAMESPACE.Controls.Button Inspector { get; };
-      XAML_NAMESPACE.Controls.Button FastRefresh { get; };
-      XAML_NAMESPACE.Controls.Button SamplingProfiler { get; };
-
-      XAML_NAMESPACE.Controls.Button BreakOnNextLine { get; };
-      XAML_NAMESPACE.Controls.Button DirectDebug { get; };
-      XAML_NAMESPACE.Controls.Button Reload { get; };
-
-      XAML_NAMESPACE.Controls.TextBlock FastRefreshText { get; };
-      XAML_NAMESPACE.Controls.TextBlock DirectDebugText { get; };
-      XAML_NAMESPACE.Controls.TextBlock DirectDebugDesc { get; };
-      XAML_NAMESPACE.Controls.TextBlock BreakOnNextLineText { get; };
-      XAML_NAMESPACE.Controls.TextBlock SamplingProfilerText { get; };
-      XAML_NAMESPACE.Controls.TextBlock SamplingProfilerDescText { get; };
-
-      XAML_NAMESPACE.Controls.FontIcon SamplingProfilerIcon { get; };
-    }
-}

package/Microsoft.ReactNative/DevMenuControl.xaml

@@ -1,139 +0,0 @@
-<UserControl
-    x:Class="Microsoft.ReactNative.DevMenuControl"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="using:Microsoft.ReactNative"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    mc:Ignorable="d">
-
-    <StackPanel
-    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
-    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
-    Background='{ThemeResource ContentDialogBackground}'
-    HorizontalAlignment='Center'
-    MaxWidth='900'
-    MinHeight='480'
-    Margin='-10'
-  >
-        <StackPanel.Resources>
-            <StaticResource x:Key='ButtonRevealBackground' ResourceKey='AppBarButtonRevealBackground' />
-            <StaticResource x:Key='ButtonRevealBackgroundPointerOver' ResourceKey='AppBarButtonRevealBackgroundPointerOver' />
-            <StaticResource x:Key='ButtonRevealBackgroundPressed' ResourceKey='AppBarButtonRevealBackgroundPressed' />
-            <StaticResource x:Key='ButtonRevealBackgroundDisabled' ResourceKey='AppBarButtonRevealBackgroundDisabled' />
-            <StaticResource x:Key='ButtonForeground' ResourceKey='AppBarButtonForeground' />
-            <StaticResource x:Key='ButtonForegroundPointerOver' ResourceKey='AppBarButtonForegroundPointerOver' />
-            <StaticResource x:Key='ButtonForegroundPressed' ResourceKey='AppBarButtonForegroundPressed' />
-            <StaticResource x:Key='ButtonForegroundDisabled' ResourceKey='AppBarButtonForegroundDisabled' />
-            <StaticResource x:Key='ButtonRevealBorderBrush' ResourceKey='AppBarButtonRevealBorderBrush' />
-            <StaticResource x:Key='ButtonRevealBorderBrushPointerOver' ResourceKey='AppBarButtonRevealBorderBrushPointerOver' />
-            <StaticResource x:Key='ButtonRevealBorderBrushPressed' ResourceKey='AppBarButtonRevealBorderBrushPressed' />
-            <StaticResource x:Key='ButtonRevealBorderBrushDisabled' ResourceKey='AppBarButtonRevealBorderBrushDisabled' />
-        </StackPanel.Resources>
-        <StackPanel.Transitions>
-            <TransitionCollection>
-                <EntranceThemeTransition />
-            </TransitionCollection>
-        </StackPanel.Transitions>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='Reload' 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='&#xE72C;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0'>Reload Javascript</TextBlock>
-                <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='DirectDebug' 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='&#xEBE8;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0' x:Name='DirectDebugText'/>
-                <TextBlock Grid.Column='1' Grid.Row='1' x:Name='DirectDebugDesc' FontSize='12' Opacity='0.5' TextWrapping='Wrap'/>
-            </Grid>
-        </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='BreakOnNextLine' 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='&#xE769;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0' x:Name='BreakOnNextLineText'/>
-                <TextBlock Grid.Column='1' Grid.Row='1' FontSize='12' Opacity='0.5' TextWrapping='Wrap'>If using V8/Hermes, the JS engine will break on the first statement, until you attach a debugger to it, and hit continue. (Requires Direct Debugging to be enabled)</TextBlock>
-            </Grid>
-        </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='FastRefresh' 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='&#xEC58;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0' x:Name='FastRefreshText'/>
-                <TextBlock Grid.Column='1' Grid.Row='1' FontSize='12' Opacity='0.5' TextWrapping='Wrap'>When loading a bundle from a bundler server that is watching files, this will cause the instance to be reloaded with new bundles when a file changes.</TextBlock>
-            </Grid>
-        </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='Inspector' 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='&#xE773;'/>
-                <TextBlock Grid.Column='1' Grid.Row='0' x:Name='InspectorText'>Toggle Inspector</TextBlock>
-                <TextBlock Grid.Column='1' Grid.Row='1' FontSize='12' Opacity='0.5' TextWrapping='Wrap'>Will bring up an overlay that lets you tap on any UI element and see information about it</TextBlock>
-            </Grid>
-        </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='SamplingProfiler' 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' x:Name='SamplingProfilerIcon' FontFamily='{StaticResource SymbolThemeFontFamily}' Foreground='{StaticResource SystemControlForegroundAccentBrush}' Margin='8,8,16,8' Glyph='&#xE1E5;'/>
-            <TextBlock Grid.Column='1' Grid.Row='0' x:Name='SamplingProfilerText'>Hermes Sampling Profiler</TextBlock>
-            <TextBlock Grid.Column='1' Grid.Row='1' x:Name='SamplingProfilerDescText' FontSize='12' Opacity='0.5' TextWrapping='Wrap'>Will start sampling immediately. Click again to stop</TextBlock>
-          </Grid>
-        </Button>
-        <Button HorizontalAlignment='Stretch' HorizontalContentAlignment='Stretch' x:Name='ConfigBundler' Style='{StaticResource ButtonRevealStyle}'>
-            <StackPanel Orientation="Horizontal">
-                <FontIcon  VerticalAlignment='Top' FontFamily='{StaticResource SymbolThemeFontFamily}' Foreground='{StaticResource SystemControlForegroundAccentBrush}' Margin='8,8,16,8' Glyph='&#xE713;'/>
-                <StackPanel>
-                    <TextBlock>Configure Bundler</TextBlock>
-                    <TextBlock FontSize='12' Opacity='0.5' TextWrapping='Wrap'>Provide a custom bundler address, port and entrypoint.</TextBlock>
-                </StackPanel>
-            </StackPanel>
-        </Button>
-        <Button HorizontalAlignment='Stretch' x:Name='Cancel' Style='{StaticResource ButtonRevealStyle}'>Cancel</Button>
-    </StackPanel>
-</UserControl>