build-deploy-webpage.yml

name: Build and Deploy Webpage
on:
  push:
    branches: [ main ]
    # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#example-including-paths
    # if [[ ${changed_file} == "CHANGELOG.md" ]] || [[ ${changed_file} = screenshots* ]] || [[ ${changed_file} = webpage* ]] || [[ ${changed_file} = ".github/workflows/build-deploy-webpage.yml" ]] ;
    paths:
      - 'CHANGELOG.md'
      - 'screenshots/**'
      - 'webpage/**'
      - '.github/workflows/build-deploy-webpage.yml'
  workflow_dispatch:

defaults:
  run:
    working-directory: webpage

jobs:
  build:

    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v4
      # copy screenshots and changelog to webpage folder
    - run: cp ../screenshots src/.vuepress/public -R; cp ../CHANGELOG.md src/changelog.md
    - name: Set up QEMU
      uses: docker/setup-qemu-action@v3
    - name: Set up Docker Buildx
      uses: docker/setup-buildx-action@v3
    - name: Login to DockerHub
      uses: docker/login-action@v2 
      with:
        username: ${{ secrets.DOCKERHUB_USERNAME }}
        password: ${{ secrets.DOCKERHUB_TOKEN }}
    - name: Build and push
      id: docker_build
      uses: docker/build-push-action@v6
      with:
        push: true
        #path: ./webpage
        context: ./webpage
        file: ./webpage/Dockerfile
        tags: pbeke/qownnotes-webpage:latest
    - name: Image digest
      run: echo ${{ steps.docker_build.outputs.digest }}