test: add previews deployments for forks (#299)

Author: mustaphaturhan

.github/workflows/preview-build.yml

@@ -0,0 +1,54 @@
+name: PR Preview Build
+
+on:
+  pull_request:
+    types: [opened, reopened, synchronize]
+    branches:
+      - 'master'
+    paths-ignore:
+      - '**.md'
+      - 'docker*'
+      - 'Docker*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: 📝 Save PR number
+        run: echo "${{ github.event.pull_request.number }}" > pr_number.txt
+
+      - name: 🏠 Replace homepage URL
+        run: sed -i "s/https:\/\/valhalla.openstreetmap.de/https:\/\/valhalla-app-tests.gis-ops.com\/${{ github.event.pull_request.number }}/g" package.json
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+
+      - name: 🔧 Install and build
+        run: |
+          npm ci
+          npm run build
+
+      - name: 📝 Create .htaccess for SPA routing
+        run: |
+          cat > ./build/.htaccess << 'EOF'
+          <IfModule mod_rewrite.c>
+            RewriteEngine On
+            RewriteBase /${{ github.event.pull_request.number }}/
+
+            RewriteCond %{REQUEST_FILENAME} !-f
+            RewriteCond %{REQUEST_FILENAME} !-d
+            RewriteRule ^ index.html [L]
+          </IfModule>
+          EOF
+
+      - name: 📦 Upload build artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: preview-build
+          path: |
+            ./build
+            pr_number.txt
+          retention-days: 1

.github/workflows/preview-cleanup.yml

@@ -0,0 +1,20 @@
+name: PR Preview Cleanup
+
+on:
+  pull_request_target:
+    types: [closed]
+    branches:
+      - 'master'
+
+jobs:
+  clean-up:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 🧹 Remove preview directory
+        env:
+          PULL_NUMBER: ${{ github.event.pull_request.number }}
+        run: |
+          eval $(ssh-agent -s)
+          ssh-add - <<< "${{ secrets.PREVIEW_SSH_PRIVATE_KEY }}"
+          ssh -o StrictHostKeyChecking=no ${{ vars.PREVIEW_HOST_USERNAME }}@${{ vars.PREVIEW_HOST_IP }} "rm -rf ${{ vars.PREVIEW_HOST_TARGET_DIR }}/$PULL_NUMBER"
+          echo "🧹 Cleaned up preview for PR #$PULL_NUMBER"

.github/workflows/preview-deploy.yml

@@ -0,0 +1,56 @@
+name: PR Preview Deploy
+
+on:
+  workflow_run:
+    workflows: ['PR Preview Build']
+    types: [completed]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    steps:
+      - name: 📥 Download build artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: preview-build
+          path: .
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: 📖 Read PR number
+        id: pr
+        run: echo "number=$(cat pr_number.txt)" >> $GITHUB_OUTPUT
+
+      - name: 🚀 Deploy preview
+        env:
+          PULL_NUMBER: ${{ steps.pr.outputs.number }}
+        run: |
+          eval $(ssh-agent -s)
+          ssh-add - <<< "${{ secrets.PREVIEW_SSH_PRIVATE_KEY }}"
+          rsync -r --delete --rsync-path="mkdir -p ${{ vars.PREVIEW_HOST_TARGET_DIR }}/$PULL_NUMBER && rsync" -e "ssh -o StrictHostKeyChecking=no" ./build/ ${{ vars.PREVIEW_HOST_USERNAME }}@${{ vars.PREVIEW_HOST_IP }}:${{ vars.PREVIEW_HOST_TARGET_DIR }}/$PULL_NUMBER
+
+      - name: 🌐 Comment preview URL
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.PAT }}
+          script: |
+            const prNumber = parseInt('${{ steps.pr.outputs.number }}');
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: prNumber
+            });
+            const existingComment = comments.find(comment => comment.body.includes('Preview is ready! 🚀'));
+            if (!existingComment) {
+              const body = `Preview is ready! 🚀 You can view it here: https://valhalla-app-tests.gis-ops.com/${prNumber}`;
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: prNumber,
+                body: body
+              });
+              console.log('Comment created successfully');
+            } else {
+              console.log('Comment already exists');
+            }