feat(ci): add automated Lighthouse audit pipeline

.lighthouserc.cjs

@@ -4,7 +4,6 @@ module.exports = {
       staticDistDir: '/app/dist',
       settings: {
         chromeFlags: '--no-sandbox --disable-setuid-sandbox --headless=new --disable-gpu --disable-dev-shm-usage',
-        targets: ['filesystem'],
       },
       numberOfRuns: 1
     },

Jenkinsfile

@@ -21,9 +21,9 @@ pipeline {
 
                 // Create volumes but no run with safety
                 sh "docker rm -f audit-tmp lighthouse-audit || true"
-                sh "docker compose --profile audit create --no-build --remove-orphans lighthouse-audit"
+                sh "docker compose --profile audit create lighthouse-audit"
 
-                // Extract astro data from temp container to tmp-dist folder
+                // Extract astro data from image to tmp-dist
                 sh "docker create --name audit-tmp portfolio:${env.APP_VERSION}"
                 sh "mkdir -p ./tmp-dist"
                 sh "docker cp audit-tmp:/usr/share/caddy/. ./tmp-dist"
@@ -32,10 +32,9 @@ pipeline {
                 // Inject data from tmp-dist and config to audit container 
                 sh "docker cp ./tmp-dist/. lighthouse-audit:/app/dist/"
                 sh "docker cp .lighthouserc.cjs lighthouse-audit:/app/dist/audit-config.cjs"
-                sh "rm -rf ./tmp-dist"
 
                 // Now run
-                sh "docker start -a lighthouse-audit"
+                sh "docker compose --profile audit run lighthouse-audit"
 
                 // Get reports
                 sh "mkdir -p ./.lighthouseci"
@@ -43,6 +42,7 @@ pipeline {
 
                 // Clean
                 sh "docker rm -f lighthouse-audit"
+                sh "rm -rf ./tmp-dist"
             }
         }
         stage('Deploy') {

docker-compose.yml

@@ -20,16 +20,14 @@ services:
     volumes:
       - audit_dist:/app/dist
       - audit_reports:/app/.lighthouseci
-      - npm_cache:/root/.npm
     environment:
       - CHROME_PATH=/usr/bin/chromium-browser
     working_dir: /app
-    command: npx --prefer-offline @lhci/cli@${LHCI_VERSION} autorun --config=/app/dist/audit-config.cjs
+    command: npx @lhci/cli@${LHCI_VERSION} collect --config=/app/dist/audit-config.cjs
 
 volumes:
   audit_dist:
   audit_reports:
-  npm_cache:
 
 networks:
   reverse-proxy:

local-lighthouse.sh

@@ -1,28 +1,14 @@
 #!/bin/bash
 
-# Clean old audits and containers
-rm -rf ./.lighthouseci
-docker rm -f lighthouse-audit || true
-
-# Load env file and avoid warning for unused portofolio version
-if [ -f .env.dist ]; then
-    export $(grep -v '^#' .env.dist | xargs)
-fi
-export PORTFOLIO_VERSION="local-audit"
-
-# Create container but no start
-docker compose --profile audit create --no-build --remove-orphans lighthouse-audit
-
-# Inject data and config to container 
-docker cp ./dist/. lighthouse-audit:/app/dist/
-docker cp .lighthouserc.cjs lighthouse-audit:/app/dist/audit-config.cjs
-
-# Now run
-docker start -a lighthouse-audit
-
-# Get reports
 mkdir -p ./.lighthouseci
-docker cp lighthouse-audit:/app/.lighthouseci/. ./.lighthouseci/
 
-# Clean container
-docker rm -f lighthouse-audit
+docker run --rm \
+--user 0:0 \
+-v ./dist:/app/dist \
+-v ./.lighthouserc.cjs:/app/.lighthouserc.cjs \
+-v ./.lighthouseci:/app/.lighthouseci \
+-w /app \
+-e CHROME_PATH=/usr/bin/chromium-browser \
+zenika/alpine-chrome:with-node \
+npx @lhci/cli@0.15.x collect \
+    --config=/app/.lighthouserc.cjs