devops: build custom Caddy with xcaddy (#287)

Author: mxschmitt

frontend/Dockerfile

@@ -11,8 +11,17 @@ COPY frontend/src /frontend/src
 
 RUN npm run build
 
-FROM caddy:2.8.4-alpine
+FROM golang:1.24-bookworm as server-builder
 
+RUN go install github.com/caddyserver/xcaddy/cmd/xcaddy@latest
+
+RUN xcaddy build --with github.com/mholt/caddy-ratelimit
+
+FROM alpine:3.21
+
+COPY --from=server-builder /go/caddy /usr/bin/caddy
 COPY frontend/Caddyfile /etc/caddy/Caddyfile
 
 COPY --from=client-builder /frontend/dist /frontend
+
+CMD ["caddy", "run", "--config", "/etc/caddy/Caddyfile", "--adapter", "caddyfile"]

frontend/src/examples/javascript/intercept-modify-requests.js

@@ -1,7 +1,7 @@
 // @ts-check
 const playwright = require('playwright');
 
-const IMAGE_URL = 'https://via.placeholder.com/300x70/e74c3c/2c3e50/?text=Yey%20Playwright!';
+const IMAGE_URL = 'https://placehold.co/300x70?text=Yey+Playwright!';
 
 (async () => {
   const browser = await playwright.chromium.launch();

frontend/src/examples/javascript/record-video.js

@@ -15,7 +15,7 @@ const { chromium } = require('playwright');
     await page.getByRole('link', { name: 'new', exact: true }).click();
     await page.locator('.pagetop > a').first().click();
     await page.getByRole('link', { name: 'comments', exact: true }).click();
-    await page.getByRole('link', { name: 'ask' }).click();
+    await page.getByRole('link', { name: 'ask', exact: true }).click();
     await page.getByRole('link', { name: 'show' }).click();
     await page.getByRole('link', { name: 'jobs' }).click();
     await page.getByRole('link', { name: 'login' }).click();