first commit

Author: TorstenDittmann

.gitignore

@@ -0,0 +1 @@
+/node_modules

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:22-slim AS base
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+WORKDIR /app
+COPY package.json pnpm-lock.yaml ./
+RUN corepack prepare
+
+FROM base AS prod-deps
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --prod --frozen-lockfile
+
+FROM base AS build
+COPY . .
+
+FROM base
+COPY --from=prod-deps /app/node_modules /app/node_modules
+COPY --from=build /app/index.js /app/index.js
+RUN pnpm playwright install --with-deps chromium
+CMD ["pnpm", "start"]

index.js

@@ -0,0 +1,116 @@
+import { createError } from "h3";
+import {
+	createApp,
+	createRouter,
+	defineEventHandler,
+	toNodeListener,
+	getValidatedQuery,
+} from "h3";
+import { createServer } from "node:http";
+import { chromium } from "playwright";
+import { playAudit } from "playwright-lighthouse";
+import { z } from "zod";
+
+const port = process.env.PORT || 3000;
+const signature = process.env.APPWRITE_BROWSER_SECRET;
+if (!signature) {
+	throw new Error("SIGNATURE environment variable is required");
+}
+
+const app = createApp({
+	onRequest: (event) => {
+		const auth = event.headers.get("Authorization");
+		const [type, token] = auth.split(" ");
+		if (token === null)
+			throw createError({
+				status: 400,
+				statusMessage: "Unauthorized",
+				message: "Missing signature",
+			});
+
+		if (type !== "Bearer" || token !== signature)
+			throw createError({
+				status: 401,
+				statusMessage: "Unauthorized",
+				message: "Invalid signature",
+			});
+	},
+});
+const router = createRouter();
+
+console.log("Chromium starting...");
+const browser = await chromium.launch({
+	args: ["--remote-debugging-port=9222"],
+});
+console.log("Chromium started!");
+
+app.use(router);
+
+/** @type {import('playwright').BrowserContext} defaultContext */
+const defaultContext = {
+	viewport: {
+		width: 1280,
+		height: 720,
+	},
+};
+
+const screenshotParams = z.object({
+	url: z.string().url(),
+});
+router.get(
+	"/screenshot",
+	defineEventHandler(async (event) => {
+		const query = await getValidatedQuery(event, screenshotParams.parse);
+		const context = await browser.newContext(defaultContext);
+		const page = await context.newPage();
+		await page.goto(query.url);
+		const screen = await page.screenshot();
+		await context.close();
+		return screen;
+	}),
+);
+
+const lighthouseParams = z.object({
+	url: z.string().url(),
+	formats: z.array(z.enum(["html", "json"])).default(["json"]),
+});
+router.get(
+	"/lighthouse",
+	defineEventHandler(async (event) => {
+		const query = await getValidatedQuery(event, lighthouseParams.parse);
+		const context = await browser.newContext(defaultContext);
+		const page = await context.newPage();
+		await page.goto(query.url);
+		const results = await playAudit({
+			reports: {
+				formats: {
+					html: true,
+				},
+			},
+			page: page,
+			port: 9222,
+			thresholds: {
+				"best-practices": 0,
+				accessibility: 0,
+				performance: 0,
+				pwa: 0,
+				seo: 0,
+			},
+		});
+		await context.close();
+		return results;
+	}),
+);
+
+router.use(
+	"/health",
+	defineEventHandler(async (event) => {
+		return {
+			status: browser.isConnected() ? "ok" : "error",
+		};
+	}),
+);
+
+createServer(toNodeListener(app)).listen(port);
+
+console.log(`Server running on port http://0.0.0.0:${port}`);

package.json

@@ -0,0 +1,23 @@
+{
+	"name": "browser",
+	"version": "1.0.0",
+	"description": "",
+	"main": "index.js",
+	"type": "module",
+	"scripts": {
+		"start": "node index.js",
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC",
+	"packageManager": "pnpm@9.12.1+sha512.e5a7e52a4183a02d5931057f7a0dbff9d5e9ce3161e33fa68ae392125b79282a8a8a470a51dfc8a0ed86221442eb2fb57019b0990ed24fab519bf0e1bc5ccfc4",
+	"dependencies": {
+		"@hono/node-server": "^1.13.2",
+		"h3": "^1.13.0",
+		"hono": "^4.6.6",
+		"playwright": "^1.48.1",
+		"playwright-lighthouse": "^4.0.0",
+		"zod": "^3.23.8"
+	}
+}