diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml new file mode 100644 index 0000000..5f37d50 --- /dev/null +++ b/.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 diff --git a/.gitignore b/.gitignore index ce5444e..fea1aa6 100644 --- a/.gitignore +++ b/.gitignore @@ -6,3 +6,4 @@ __pycache__/ .env* *.csv *.parquet +build/ diff --git a/frontend/index.html b/frontend/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/frontend/package.json b/frontend/package.json index 9be1afb..b5fd9f9 100644 --- a/frontend/package.json +++ b/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": { diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json new file mode 100644 index 0000000..1b95699 --- /dev/null +++ b/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" +}