Chris Tateandctate
cc3c70dc86
* next.js guide
* better
* shadcn
* fixes
* fix: correct screenshot test assertion to check path instead of base64
The daemon returns { path: savePath } for screenshot commands, not base64.
* fix: cross-platform Chrome detection and gitignore hardening
- Replace hardcoded macOS Chrome path with findLocalChrome() that
searches common paths on macOS, Linux, and WSL, with a clear error
message when no Chrome is found.
- Add .env and .env*.local to .gitignore to prevent accidental
secret commits.
* fix: correct Vercel deploy button repo URL to vercel-labs/agent-browser
* clean up
* demo
* next page
---------
Co-authored-by: ctate <366502+ctate@users.noreply.github.com>
106 lines
2.7 KiB
TypeScript
106 lines
2.7 KiB
TypeScript
/**
|
|
* Run browser automation directly in a Vercel serverless function
|
|
* using @sparticuz/chromium + puppeteer-core.
|
|
*
|
|
* In development, uses the local Chrome/Chromium installation.
|
|
* In production (Vercel), uses @sparticuz/chromium's bundled binary.
|
|
*/
|
|
|
|
import puppeteer from "puppeteer-core";
|
|
import chromium from "@sparticuz/chromium";
|
|
import fs from "node:fs";
|
|
|
|
const CHROME_PATHS = [
|
|
// macOS
|
|
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
|
|
// Linux
|
|
"/usr/bin/google-chrome",
|
|
"/usr/bin/google-chrome-stable",
|
|
"/usr/bin/chromium",
|
|
"/usr/bin/chromium-browser",
|
|
// Windows (WSL / common locations)
|
|
"/mnt/c/Program Files/Google/Chrome/Application/chrome.exe",
|
|
"/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe",
|
|
];
|
|
|
|
function findLocalChrome(): string {
|
|
for (const p of CHROME_PATHS) {
|
|
if (fs.existsSync(p)) return p;
|
|
}
|
|
throw new Error(
|
|
`Chrome not found. Set CHROMIUM_PATH to your Chrome/Chromium binary. Searched: ${CHROME_PATHS.join(", ")}`,
|
|
);
|
|
}
|
|
|
|
async function launchBrowser() {
|
|
const isLambda =
|
|
!!process.env.VERCEL || !!process.env.AWS_LAMBDA_FUNCTION_NAME;
|
|
|
|
const executablePath = isLambda
|
|
? await chromium.executablePath()
|
|
: process.env.CHROMIUM_PATH || findLocalChrome();
|
|
|
|
const args = isLambda
|
|
? chromium.args
|
|
: ["--no-sandbox", "--disable-setuid-sandbox"];
|
|
|
|
return puppeteer.launch({
|
|
args,
|
|
executablePath,
|
|
headless: true,
|
|
defaultViewport: { width: 1280, height: 720 },
|
|
});
|
|
}
|
|
|
|
export async function screenshotUrl(
|
|
url: string,
|
|
opts: { fullPage?: boolean } = {},
|
|
): Promise<{ screenshot: string; title: string }> {
|
|
const browser = await launchBrowser();
|
|
|
|
try {
|
|
const page = await browser.newPage();
|
|
await page.goto(url, { waitUntil: "networkidle2", timeout: 30_000 });
|
|
|
|
const title = await page.title();
|
|
const screenshot = await page.screenshot({
|
|
fullPage: opts.fullPage,
|
|
encoding: "base64",
|
|
});
|
|
|
|
return {
|
|
title: title || url,
|
|
screenshot: screenshot as string,
|
|
};
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
}
|
|
|
|
export async function snapshotUrl(
|
|
url: string,
|
|
opts: { selector?: string } = {},
|
|
): Promise<{ snapshot: string; title: string }> {
|
|
const browser = await launchBrowser();
|
|
|
|
try {
|
|
const page = await browser.newPage();
|
|
await page.goto(url, { waitUntil: "networkidle2", timeout: 30_000 });
|
|
|
|
const title = await page.title();
|
|
|
|
const snapshot = await page.accessibility.snapshot({
|
|
root: opts.selector
|
|
? (await page.$(opts.selector)) ?? undefined
|
|
: undefined,
|
|
});
|
|
|
|
return {
|
|
title: title || url,
|
|
snapshot: JSON.stringify(snapshot, null, 2),
|
|
};
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
}
|