Decouple UI from the frontend library

.github/workflows/create-gh-release.yml

@@ -36,6 +36,14 @@ jobs:
       working-directory: ./Frontend/library
       run: npm run build
 
+    - name: Install ui-library deps
+      working-directory: ./Frontend/ui-library
+      run: npm ci
+
+    - name: Build frontend ui-library
+      working-directory: ./Frontend/ui-library
+      run: npm run build-all
+
     - name: Install implementations/EpicGames deps
       working-directory: ./Frontend/implementations/EpicGames
       run: npm ci
@@ -54,7 +62,7 @@ jobs:
         path: 'PixelStreamingInfrastructure-${{ github.ref_name }}-${{ steps.getversion.outputs.version }}'
         type: 'tar'
         filename: '${{ github.ref_name }}-${{ steps.getversion.outputs.version }}.tar.gz'
-        exclusions: '.git .github output Frontend/Docs Frontend/library/dist Frontend/library/types Frontend/library/node_modules Frontend/implementations/EpicGames/node_modules'
+        exclusions: '.git .github output Frontend/Docs Frontend/library/dist Frontend/library/types Frontend/library/node_modules Frontend/ui-library/dist Frontend/ui-library/types Frontend/ui-library/node_modules Frontend/implementations/EpicGames/node_modules'
 
     - name: Archive Release .zip
       uses: thedoctor0/zip-release@0.7.1

.github/workflows/publish-ui-library-to-npm.yml

@@ -0,0 +1,22 @@
+name: Publish ui-library package to npmjs
+on:
+  push:
+    branches: ['UE5.2']
+    paths: ['Frontend/ui-library/package.json']
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: Frontend/ui-library
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm ci
+      - run: npm run build
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

Frontend/README.md

@@ -28,6 +28,11 @@ Once you have NodeJS installed,
 - `npm install`
 - `npm run build`
 
+The default user interface is provided in /ui-library directory. You can either use it or provide your own user interface. To build the default UI, run
+- `cd ui-library`
+- `npm install`
+- `npm run build`
+
 
 If you are developing your implementation based on the library, the process is similar: