Fix remote debugging with web debugging in Playground. (#5327)

* Allow setting debug host as a command line argument in Playground.

* Fix namespace issue and rename debugHost to something more appropriate.

* Align variable name with naming convention and remove unused variable.

Author: nasadigital

packages/playground/windows/playground/MainPage.cpp

@@ -54,6 +54,9 @@ void MainPage::OnLoadClick(
   host.InstanceSettings().DebuggerBreakOnNextLine(x_BreakOnFirstLineCheckBox().IsChecked().GetBoolean());
   host.InstanceSettings().UseFastRefresh(x_UseFastRefreshCheckBox().IsChecked().GetBoolean());
   host.InstanceSettings().DebuggerPort(static_cast<uint16_t>(std::stoi(std::wstring(x_DebuggerPort().Text()))));
+  if (!m_bundlerHostname.empty()) {
+    host.InstanceSettings().DebugHost(m_bundlerHostname);
+  }
 
   // Nudge the ReactNativeHost to create the instance and wrapping context
   host.ReloadInstance();
@@ -73,6 +76,10 @@ void winrt::playground::implementation::MainPage::x_entryPointCombo_SelectionCha
   }
 }
 
+void MainPage::OnNavigatedTo(xaml::Navigation::NavigationEventArgs const &e) {
+  m_bundlerHostname = unbox_value<hstring>(e.Parameter());
+}
+
 Microsoft::ReactNative::ReactNativeHost MainPage::Host() noexcept {
   return Application::Current().as<App>()->Host();
 }

packages/playground/windows/playground/MainPage.h

@@ -16,12 +16,13 @@ struct MainPage : MainPageT<MainPage> {
   Microsoft::ReactNative::ReactInstanceSettings m_instanceSettings;
   Windows::Foundation::Collections::IVector<Microsoft::ReactNative::IReactPackageProvider> m_packageProviders;
 
-  bool m_useWebDebugger{false};
+  winrt::hstring m_bundlerHostname;
 
  public:
   void x_entryPointCombo_SelectionChanged(
       winrt::Windows::Foundation::IInspectable const &sender,
       xaml::Controls::SelectionChangedEventArgs const &e);
+  void OnNavigatedTo(xaml::Navigation::NavigationEventArgs const &e);
 };
 
 } // namespace winrt::playground::implementation

packages/playground/windows/playground/Package.appxmanifest

@@ -45,5 +45,6 @@
 
   <Capabilities>
     <Capability Name="internetClient" />
+    <Capability Name="privateNetworkClientServer"/>
   </Capabilities>
 </Package>