Setup Release -> Publish Package workflow (#18)

The main goal of these changes is to introduce a GitHub Actions workflow that publishes the Babylon React Native NPM package when a GitHub Release is created (expects releases to be tagged with a valid version, e.g. v0.1.2-alpha.1, v0.1.2, etc.). For testing purposes, I had this publish the package to this GitHub repos package feed, but later we will switch it to npmjs.com. The changes required for this are:

- Introduce publish.yml, a simple GitHub Actions workflow that is triggered by a Release being created. It basically just gets the version number from the release tag and publishes the NPM package. Note that my plan is to just leave the version in the package.json as 0.0.0 which is fine for local builds, and the version will only be set (but not committed back) when publishing a package following the creation of a Release.
- In order to publish a package to GitHub, the package name must be scoped (e.g. start with @BabylonJS), so I renamed the package (in package.json) to @babylonjs/react-native.
- Given the above, when consuming the package, the path in node_modules must match the package name, so I also moved the react-native-babylon folder to @babylonjs/react-native. NOTE: After syncing this change, you will need to git clean -dxff or the react native playground app won't launch.
- Moved the usage section of the root README.md into the @babylonjs/react-native README.md since this is displayed on the package page (GitHub or npmjs.com).
- Fixed the repository path in the package.json (it must be correct or GitHub won't allow the package to be published).

Author: ryantrem

.github/workflows/publish.yml

@@ -0,0 +1,26 @@
+name: Publish Package
+on:
+  release:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/[email protected]
+      - name: Checkout Submodules
+        uses: textbook/[email protected]
+      - name: Setup Node.js
+        uses: actions/[email protected]
+        with:
+          node-version: '12.x'
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@babylonjs'
+      - name: Version & Publish Package
+        run: |
+          npm version --no-git-tag-version ${GITHUB_REF/refs\/tags\//}
+          npm publish
+        working-directory: ./Apps/Playground/node_modules/@babylonjs/react-native
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitmodules

@@ -1,3 +1,3 @@
 [submodule "Core/react-native-babylon/submodules/BabylonNative"]
-	path = Apps/Playground/node_modules/react-native-babylon/submodules/BabylonNative
+	path = Apps/Playground/node_modules/@babylonjs/react-native/submodules/BabylonNative
 	url = https://github.com/BabylonJS/BabylonNative.git

Apps/Playground/App.tsx

@@ -8,7 +8,7 @@
 import React, { useState, FunctionComponent, useEffect, useCallback } from 'react';
 import { SafeAreaView, StatusBar, Button, View, Text, ViewProps } from 'react-native';
 
-import { EngineView, useEngine } from 'react-native-babylon';
+import { EngineView, useEngine } from '@babylonjs/react-native';
 import { Scene, Vector3, Mesh, ArcRotateCamera, Camera, PBRMetallicRoughnessMaterial, Color3, TargetCamera, WebXRSessionManager } from '@babylonjs/core';
 import Slider from '@react-native-community/slider';
 
@@ -62,7 +62,10 @@ const EngineScreen: FunctionComponent<ViewProps> = (props: ViewProps) => {
           const xr = await scene.createDefaultXRExperienceAsync({ disableDefaultUI: true, disableTeleportation: true })
           const session = await xr.baseExperience.enterXRAsync("immersive-ar", "unbounded", xr.renderTarget);
           setXrSession(session);
-          box.position = (scene.activeCamera as TargetCamera).getFrontPosition(2);
+          // TODO: Figure out why getFrontPosition stopped working
+          //box.position = (scene.activeCamera as TargetCamera).getFrontPosition(2);
+          const cameraRay = scene.activeCamera!.getForwardRay(1);
+          box.position = cameraRay.origin.add(cameraRay.direction.scale(cameraRay.length)); 
           box.rotate(Vector3.Up(), 3.14159);
         }
       }