web.yml

# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions

name: Build and Deploy

permissions:
  contents: write

on:
  push:
    branches: ['main']
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [18.x]

    steps:
      - uses: actions/checkout@v3
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
          cache: 'npm'

      - name: Setup Secrets
        env:
          VITE_AA_API_URL: ${{ secrets.VITE_AA_API_URL }}
          VITE_AA_TRANSLATION_IMAGE_BASE_URL: ${{ secrets.VITE_AA_TRANSLATION_IMAGE_BASE_URL }}
          VITE_GOOGLE_CLIENT_ID: ${{ secrets.VITE_GOOGLE_CLIENT_ID }}
        run: |
          touch .env
          echo VITE_AA_API_URL="$VITE_AA_API_URL" >> .env
          echo VITE_AA_TRANSLATION_IMAGE_BASE_URL="$VITE_AA_TRANSLATION_IMAGE_BASE_URL" >> .env
          echo VITE_GOOGLE_CLIENT_ID="$VITE_GOOGLE_CLIENT_ID" >> .env

      - name: Build JS
        run: |
          npm install
          npm run build

      - name: Edit .gitignore
        run: |
          echo "/github-pages-deploy-action-temp-deployment-folder" >> .gitignore

      - name: Deploy to GitHub Pages
        uses: JamesIves/github-pages-deploy-action@v4.3.4
        with:
          folder: ./dist # The folder the action should deploy.