Connect with Playwright

/** * Playwright with Boxline: connect Playwright to a Boxline session's browser over CDP and use it as usual (locators, * routes, screenshots). No AI, no model cost. * *   npm install && npx tsx index.ts        (BOXLINE_API_KEY in the environment) * * Writes output/result.json and output/page.png. */import { mkdirSync, writeFileSync } from "node:fs";import { join } from "node:path";import { Boxline } from "@boxline/sdk";import { chromium } from "playwright-core";const out = process.env.OUTPUT_DIR ?? "output";const bx = new Boxline();const session = await bx.sessions.create({ timeout: 300, userMetadata: { example: "integrations/playwright" } });console.log(`Session: ${session.id}`);// connectUrl is a signed WebSocket address: treat it like a password.const browser = await chromium.connectOverCDP(session.connectUrl!);try {  // The session's browser has one context with one page; use them, or open more with context.newPage().  const context = browser.contexts()[0]!;  const page = context.pages()[0] ?? (await context.newPage());  // Routes run in Playwright on this computer: every request the page makes passes through here (block, change or  // answer it); this one counts them by type and lets them through.  const requests: Record<string, number> = {};  await context.route("**/*", (route) => {    const type = route.request().resourceType();    requests[type] = (requests[type] ?? 0) + 1;    return route.continue();  });  await page.goto("https://quotes.toscrape.com/");  const quotes = page.locator(".quote");  const first = await quotes.evaluateAll((els) =>    els.slice(0, 3).map((el) => ({ text: el.querySelector(".text")!.textContent!.trim(), author: el.querySelector(".author")!.textContent!.trim() })),  );  await page.getByRole("link", { name: /Next/ }).click();  await page.waitForURL(/\/page\/2\/$/);  const page2Author = (await quotes.first().locator(".author").textContent())?.trim();  mkdirSync(out, { recursive: true });  const png = await page.screenshot({ path: join(out, "page.png") });  for (const q of first) console.log(`${q.author}: ${q.text.slice(0, 70)}`);  console.log(`Page 2 starts with ${page2Author}; requests seen: ${JSON.stringify(requests)}; screenshot ${png.length} bytes`);  writeFileSync(join(out, "result.json"), JSON.stringify({ sessionId: session.id, quotes: first, page2Url: page.url(), page2Author, requests, screenshotBytes: png.length }, null, 2));} finally {  await session.stop();  await browser.close().catch(() => undefined);}

"""Playwright with Boxline: connect Playwright to a Boxline session's browser over CDP and use it as usual (locators,routes, screenshots). No AI, no model cost.    pip install -r requirements.txt && python main.py        (BOXLINE_API_KEY in the environment)Writes output/result.json and output/page.png. No browser download is needed: `playwright install` is not requiredto connect to a remote browser."""import jsonimport osimport refrom pathlib import Pathfrom playwright.sync_api import sync_playwrightfrom boxline import Boxlineout = Path(os.environ.get("OUTPUT_DIR", "output"))bx = Boxline()with bx.sessions.create(timeout=300, user_metadata={"example": "integrations/playwright"}) as session, sync_playwright() as p:    print(f"Session: {session.id}", flush=True)    # connect_url is a signed WebSocket address: treat it like a password.    browser = p.chromium.connect_over_cdp(session.connect_url)    # The session's browser has one context with one page; use them, or open more with context.new_page().    context = browser.contexts[0]    page = context.pages[0] if context.pages else context.new_page()    # Routes run in Playwright on this computer: every request the page makes passes through here (block, change or    # answer it); this one counts them by type and lets them through.    requests = {}    def count(route):        requests[route.request.resource_type] = requests.get(route.request.resource_type, 0) + 1        route.continue_()    context.route("**/*", count)    page.goto("https://quotes.toscrape.com/")    quotes = page.locator(".quote")    first = quotes.evaluate_all(        "els => els.slice(0, 3).map((el) => ({ text: el.querySelector('.text').textContent.trim(), author: el.querySelector('.author').textContent.trim() }))"    )    page.get_by_role("link", name=re.compile("Next")).click()    page.wait_for_url(re.compile(r"/page/2/$"))    page2_author = quotes.first.locator(".author").text_content().strip()    out.mkdir(parents=True, exist_ok=True)    png = page.screenshot(path=str(out / "page.png"))    for q in first:        print(f"{q['author']}: {q['text'][:70]}")    print(f"Page 2 starts with {page2_author}; requests seen: {requests}; screenshot {len(png)} bytes")    result = {"sessionId": session.id, "quotes": first, "page2Url": page.url, "page2Author": page2_author, "requests": requests, "screenshotBytes": len(png)}    (out / "result.json").write_text(json.dumps(result, indent=2, ensure_ascii=False))

# Node 22 or newerexport BOXLINE_API_KEY=…        # your Boxline API keynpm install @boxline/sdk playwright-core@1.63.0 tsx@4.23.15npx tsx index.ts

# Python 3.10 or newerexport BOXLINE_API_KEY=…        # your Boxline API keypip install boxline-sdk playwright==1.63.0python main.py