Add UWP support to BabylonReactNative

Apps/Playground/.gitignore

@@ -61,3 +61,8 @@ buck-out/
 
 # CocoaPods
 /ios/Pods/
+
+# UWP
+build.binlog
+deploy.binlog
+msbuild.binlog

Apps/Playground/App.tsx

@@ -130,7 +130,7 @@ const EngineScreen: FunctionComponent<ViewProps> = (props: ViewProps) => {
               </View>
             }
             <EngineView style={props.style} camera={camera} onInitialized={onInitialized} />
-            <Slider style={{position: 'absolute', minHeight: 50, margin: 10, left: 0, right: 0, bottom: 0}} minimumValue={0.2} maximumValue={2} value={defaultScale} onValueChange={setScale} />
+            <Slider style={{position: 'absolute', minHeight: 50, margin: 10, left: 0, right: 0, bottom: 0}} minimumValue={0.2} maximumValue={2} step={0.01} value={defaultScale} onValueChange={setScale} />
             <Text style={{fontSize: 12, color: 'yellow',  position: 'absolute', margin: 10}}>{trackingStateToString(trackingState)}</Text>
           </View>
         }

Apps/Playground/metro.config.js

@@ -4,9 +4,9 @@
  *
  * @format
  */
-
 const path = require('path');
 const fs = require('fs');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
 
 // NOTE: The Metro bundler does not support symlinks (see https://github.com/facebook/metro/issues/1), which NPM uses for local packages.
 //       To work around this, we explicity tell the metro bundler where to find local/linked packages.
@@ -62,14 +62,24 @@ module.exports = {
   resolver: {
     // Register an "extra modules proxy" for resolving modules outside of the normal resolution logic.
     extraNodeModules: new Proxy(
-        // Provide the set of known local package mappings.
-        moduleMappings,
-        {
-            // Provide a mapper function, which uses the above mappings for associated package ids,
-            // otherwise fall back to the standard behavior and just look in the node_modules directory.
-            get: (target, name) => name in target ? target[name] : path.join(__dirname, `node_modules/${name}`),
-        },
+      // Provide the set of known local package mappings.
+      moduleMappings,
+      {
+        // Provide a mapper function, which uses the above mappings for associated package ids,
+        // otherwise fall back to the standard behavior and just look in the node_modules directory.
+        get: (target, name) => name in target ? target[name] : path.join(__dirname, `node_modules/${name}`),
+      },
     ),
+
+    blockList: exclusionList([
+      // Avoid error EBUSY: resource busy or locked, open 'D:\a\1\s\packages\playground\msbuild.ProjectImports.zip' in pipeline
+      /.*\.ProjectImports\.zip/,
+
+      // This stops "react-native run-windows" from causing the metro server to crash if its already running
+      new RegExp(
+        `${path.resolve(__dirname, 'windows').replace(/[/\\]/g, '/')}.*`,
+      ),
+    ]),
   },
 
   projectRoot: path.resolve(__dirname),

Apps/Playground/package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "android": "react-native run-android",
     "ios": "react-native run-ios",
+    "windows": "react-native run-windows --arch x64",
+    "windows-verbose": "react-native run-windows --arch x64 --logging",
     "start": "react-native start",
     "test": "jest",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
@@ -13,28 +15,30 @@
     "@babylonjs/core": "^5.0.0-alpha.6",
     "@babylonjs/loaders": "^5.0.0-alpha.6",
     "@babylonjs/react-native": "file:../../Modules/@babylonjs/react-native",
-    "@react-native-community/slider": "^2.0.9",
+    "@react-native-community/slider": "4.0.0-rc.2",
     "logkitty": "^0.7.1",
-    "react": "16.13.1",
-    "react-native": "0.63.1",
-    "react-native-permissions": "^2.1.4"
+    "react": "^17.0.1",
+    "react-native": "^0.64.0-rc.0",
+    "react-native-permissions": "^3.0.0",
+    "react-native-windows": "0.64.0-preview.5"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",
     "@babel/runtime": "^7.8.4",
     "@react-native-community/cli": "^4.13.0",
     "@react-native-community/eslint-config": "^1.1.0",
     "@types/jest": "^25.2.3",
-    "@types/react-native": "0.63.1",
+    "@types/react": "^16.9.0",
+    "@types/react-native": "^0.63.18",
     "@types/react-test-renderer": "^16.9.2",
     "@typescript-eslint/eslint-plugin": "^2.27.0",
     "@typescript-eslint/parser": "^2.27.0",
     "babel-jest": "^25.1.0",
-    "eslint": "^6.5.1",
+    "eslint": "7.12.0",
     "jest": "^25.1.0",
     "metro-react-native-babel-preset": "^0.59.0",
     "prettier": "^2.0.4",
-    "react-test-renderer": "16.13.1",
+    "react-test-renderer": "^17.0.1",
     "typescript": "^3.8.3"
   },
   "jest": {

Apps/Playground/windows/.gitignore

@@ -0,0 +1,92 @@
+*AppPackages*
+*BundleArtifacts*
+
+#OS junk files
+[Tt]humbs.db
+*.DS_Store
+
+#Visual Studio files
+*.[Oo]bj
+*.user
+*.aps
+*.pch
+*.vspscc
+*.vssscc
+*_i.c
+*_p.c
+*.ncb
+*.suo
+*.tlb
+*.tlh
+*.bak
+*.[Cc]ache
+*.ilk
+*.log
+*.lib
+*.sbr
+*.sdf
+*.opensdf
+*.opendb
+*.unsuccessfulbuild
+ipch/
+[Oo]bj/
+[Bb]in
+[Dd]ebug*/
+[Rr]elease*/
+Ankh.NoLoad
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+#MonoDevelop
+*.pidb
+*.userprefs
+
+#Tooling
+_ReSharper*/
+*.resharper
+[Tt]est[Rr]esult*
+*.sass-cache
+
+#Project files
+[Bb]uild/
+
+#Subversion files
+.svn
+
+# Office Temp Files
+~$*
+
+# vim Temp Files
+*~
+
+#NuGet
+packages/
+*.nupkg
+
+#ncrunch
+*ncrunch*
+*crunch*.local.xml
+
+# visual studio database projects
+*.dbmdl
+
+#Test files
+*.testsettings
+
+#Other files
+*.DotSettings
+.vs/
+*project.lock.json
+
+#Files generated by the VS build
+**/Generated Files/**
+