feat: add docker ci (#9)

* feat: add docker ci

* fix: add missing strategy for merge

* fix: prevent artifact name name conflict

* fix: add missing deps for frontend node-gyp

* fix: add missing env variables

* fix: use ci env

* chore: tweak chain id for ci

* chore: disable aarch64 image

.github/workflows/build-docker-images.yml

@@ -0,0 +1,134 @@
+name: build & push docker images
+
+on:
+  push:
+    branches:
+      - main
+    tags:
+      - "*"
+  pull_request:
+
+jobs:
+  build:
+    runs-on:
+      - self-hosted
+      - ${{ matrix.platform }}
+    strategy:
+      fail-fast: false
+      matrix:
+        platform:
+          - linux/amd64
+          # - linux/arm64 # Cannot build frontend (install apk packages) within acceptable time
+        component:
+          - backend
+          - executor
+          - frontend
+    steps:
+      - name: Prepare
+        run: |
+          platform=${{ matrix.platform }}
+          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+        with:
+          platforms: ${{ matrix.platform }}
+      - name: Login to DockerHub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: rss3/openagent-${{ matrix.component }}
+      - name: Build and push by digest
+        id: build
+        uses: docker/build-push-action@v5
+        with:
+          context: ./${{ matrix.component }}
+          platforms: ${{ matrix.platform }}
+          labels: ${{ steps.meta.outputs.labels }}
+          outputs: type=image,name=rss3/openagent-${{ matrix.component }},push-by-digest=true,name-canonical=true,push=true
+      - name: Export digest
+        run: |
+          mkdir -p /tmp/digests
+          digest="${{ steps.build.outputs.digest }}"
+          touch "/tmp/digests/${digest#sha256:}"
+      - name: Upload digest
+        uses: actions/upload-artifact@v4
+        with:
+          name: digests-${{ matrix.component }}-${{ env.PLATFORM_PAIR }}
+          path: /tmp/digests/*
+          if-no-files-found: error
+          retention-days: 1
+
+  merge:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        component:
+          - backend
+          - executor
+          - frontend
+    permissions:
+      contents: read
+      packages: write
+      id-token: write
+    needs:
+      - build
+    steps:
+      - name: Download digests
+        uses: actions/download-artifact@v4
+        with:
+          path: /tmp/digests
+          pattern: digests-${{ matrix.component }}-*
+          merge-multiple: true
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ github.token }}
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: |
+            rss3/openagent-${{ matrix.component }}
+            ghcr.io/${{ github.repository }}-${{ matrix.component }}
+          tags: |
+            type=raw,value=latest,enable={{is_default_branch}}
+            type=raw,value=${{ matrix.arch }},enable={{is_default_branch}}
+            type=semver,pattern=v{{version}}
+            type=semver,pattern=v{{major}}.{{minor}}
+            type=semver,pattern=v{{major}}
+            type=ref,event=branch
+            type=ref,event=pr
+            type=sha,prefix={{branch}}-,enable=${{ !startsWith(github.ref, 'refs/tags') && github.event_name != 'pull_request' }},event=branch
+
+      - name: Create manifest list and push
+        working-directory: /tmp/digests
+        run: |
+          if [ ${{ github.event_name }} == 'pull_request' ]; then
+            ARGS="--dry-run"
+          fi
+          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
+            $(printf 'rss3/openagent-${{ matrix.component }}@sha256:%s ' *) $ARGS
+      - name: Inspect image
+        if: github.event_name != 'pull_request'
+        run: |
+          docker buildx imagetools inspect rss3/openagent-${{ matrix.component }}:${{ steps.meta.outputs.version }}

frontend/.env.ci

@@ -0,0 +1,20 @@
+# the postgres database url
+POSTGRES_DATABASE_URL=postgresql://postgres:password@db:5432/openagent
+
+# allowing users to sign in with third-party services
+NEXTAUTH_URL="http://localhost:3000"
+NEXTAUTH_SECRET="random-secret-for-ci"
+AUTH_GOOGLE_CLIENT_ID="client-id"
+AUTH_GOOGLE_CLIENT_SECRET="client-secret"
+AUTH_GMAIL_USER="gmail-user"
+AUTH_GMAIL_PASS="gmail-pass"
+AUTH_DISCORD_CLIENT_ID="client-id"
+AUTH_DISCORD_CLIENT_SECRET="client-secret"
+
+# backend and executor urls
+BACKEND_URL="https://YOUR_BACKEND_URL"
+API_EXECUTOR_URL="https://YOUR_EXECUTOR_URL"
+
+# WALLET
+NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID="project-id"
+NEXT_PUBLIC_CHAIN_ID=1

frontend/Dockerfile

@@ -1,5 +1,10 @@
 # Install dependencies only when needed
 FROM node:20-alpine AS deps
+
+# Install dependencies for node-gyp
+RUN apk update && apk add --no-cache \
+    make g++ py3-pip
+
 WORKDIR /app
 
 # Install dependencies based on the preferred package manager
@@ -17,6 +22,9 @@ COPY . .
 # Disable the usage data collection of Next.js.
 ENV NEXT_TELEMETRY_DISABLED 1
 
+# Copy env variables
+COPY .env.ci .env
+
 # RUN apk add --no-cache git
 RUN npm run build