ci: github page (wip)

.github/workflows/deploy.yml

@@ -0,0 +1,54 @@
+name: Deploy site to GitHub pages
+
+on:
+  push:
+    branches: ["main"]
+
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18.x"
+
+      - name: Install dependencies
+        run: npm ci
+        working-directory: frontend
+
+      - name: Build
+        run: npm run build
+        working-directory: frontend
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v2
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: "frontend/build"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

.gitignore

@@ -6,3 +6,4 @@ __pycache__/
 .env*
 *.csv
 *.parquet
+build/

frontend/package.json

@@ -19,7 +19,8 @@
     "react-scripts": "5.0.1",
     "three": "0.153.0",
     "uuid-by-string": "4.0.0",
-    "wouter": "2.11.0"
+    "wouter": "2.11.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.16.7"
   },
   "devDependencies": {},
   "scripts": {

frontend/public/manifest.json

@@ -0,0 +1,20 @@
+{
+  "name": "immersive-movies",
+  "short_name": "immersive-movies",
+  "icons": [
+    {
+      "src": "logo192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "logo512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}