frontend.yml

# This is a basic workflow to help you get started with Actions

name: Frontend

on:
  push:
    branches: ["main"]
    paths:
      - "frontend/**"
      - ".github/workflows/frontend.yml"
    tags:
      - "v*-frontend"
  pull_request:
    branches: ["main"]
    paths:
      - "frontend/**"
      - ".github/workflows/frontend.yml"
  workflow_dispatch:

defaults:
  run:
    working-directory: ./frontend
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3.3.0
      - run: npm ci
      - name: Build the project
        run: npm run build
        env:
          MY3SEC_IPFS_API_KEY: ${{ secrets.MY3SEC_IPFS_API_KEY }}
  lint:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3.3.0
      - run: npm ci
      - run: npm run lint
  deploy:
    runs-on: ubuntu-latest
    needs: [build, lint]
    if: startsWith(github.event.ref, 'refs/tags/v')
    steps:
      - uses: actions/checkout@v3
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v2
      - name: Login to DockerHub
        uses: docker/login-action@v2
        with:
          username: ${{secrets.DOCKERHUB_USERNAME}}
          password: ${{secrets.DOCKERHUB_TOKEN}}
      - name: Build and push
        uses: docker/build-push-action@v3
        with:
          push: true
          tags: vaimee/my3sec:${{github.ref_name}},vaimee/my3sec:latest
          context: ./frontend
          secrets: |
            MY3SEC_IPFS_API_KEY = ${{ secrets.MY3SEC_IPFS_API_KEY }}