enable fast refresh for UWP scenarios (#174)

Author: C. M. Barth

Apps/PackageTest/0.64.0-rc.0/package-lock.json

@@ -18,7 +18,7 @@
     "react": "^17.0.1",
     "react-native": "^0.64.0-rc.0",
     "react-native-permissions": "^3.0.0",
-    "react-native-windows": "^0.64.0-0"
+    "react-native-windows": "^0.64.0-preview.15"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",

Apps/PackageTest/0.64.0-rc.0/package.json

@@ -25,9 +25,10 @@ App::App() noexcept
     InstanceSettings().UseWebDebugger(false);
     InstanceSettings().UseFastRefresh(false);
 #else
-    JavaScriptBundleFile(L"index");
-    InstanceSettings().UseWebDebugger(true);
+    JavaScriptMainModuleName(L"index");
+    InstanceSettings().UseWebDebugger(false); // BabylonReactNative accesses the jsi runtime, which isn't possible with the web debugger
     InstanceSettings().UseFastRefresh(true);
+    InstanceSettings().SourceBundleHost(L"localhost"); // Update to PC ip address when running on remote machines
 #endif
 
 #if _DEBUG

Apps/PackageTest/0.64.0-rc.0/windows/PackageTest/App.cpp

@@ -22,7 +22,6 @@
   </PropertyGroup>
   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.Default.props" />
   <PropertyGroup Label="ReactNativeWindowsProps">
-    <UseBundle>true</UseBundle>
     <ReactNativeWindowsDir Condition="'$(ReactNativeWindowsDir)' == ''">$([MSBuild]::GetDirectoryNameOfFileAbove($(MSBuildThisFileDirectory), 'node_modules\react-native-windows\package.json'))\node_modules\react-native-windows\</ReactNativeWindowsDir>
   </PropertyGroup>
   <ItemGroup Label="ProjectConfigurations">

Apps/PackageTest/0.64.0-rc.0/windows/PackageTest/PackageTest.vcxproj

@@ -21,7 +21,7 @@
     "react": "^17.0.1",
     "react-native": "^0.64.0-rc.0",
     "react-native-permissions": "^3.0.0",
-    "react-native-windows": "^0.64.0-0"
+    "react-native-windows": "^0.64.0-preview.15"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",

Apps/Playground/package-lock.json

@@ -25,14 +25,14 @@ using namespace Windows::ApplicationModel;
 App::App() noexcept
 {
 #if BUNDLE
-    // Note: add <UseBundle>true</UseBundle> property to application's ReactNativeWindowsProps PropertyGroup to force BUNDLE to true
     JavaScriptBundleFile(L"index.windows");
     InstanceSettings().UseWebDebugger(false);
     InstanceSettings().UseFastRefresh(false);
 #else
     JavaScriptMainModuleName(L"index");
-    InstanceSettings().UseWebDebugger(true);
+    InstanceSettings().UseWebDebugger(false); // BabylonReactNative accesses the jsi runtime, which isn't possible with the web debugger
     InstanceSettings().UseFastRefresh(true);
+    InstanceSettings().SourceBundleHost(L"localhost"); // Update to PC ip address when running on remote machines
 #endif
 
 #if _DEBUG

Apps/Playground/package.json

@@ -21,7 +21,6 @@
   </PropertyGroup>
   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.Default.props" />
   <PropertyGroup Label="ReactNativeWindowsProps">
-    <UseBundle>true</UseBundle>
     <ReactNativeWindowsDir Condition="'$(ReactNativeWindowsDir)' == ''">$([MSBuild]::GetDirectoryNameOfFileAbove($(MSBuildThisFileDirectory), 'node_modules\react-native-windows\package.json'))\node_modules\react-native-windows\</ReactNativeWindowsDir>
   </PropertyGroup>
   <ItemGroup Label="ProjectConfigurations">

Apps/Playground/windows/Playground/App.cpp

@@ -29,7 +29,7 @@
     "react": "^17.0.1",
     "react-native": "^0.64.0-rc.0",
     "react-native-permissions": "^3.0.0",
-    "react-native-windows": "^0.64.0-0"
+    "react-native-windows": "^0.64.0-preview.15"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",