Sessions and Playwright

/** * Sessions and Playwright: start a session, connect Playwright to its browser, read a page, stop the session. * *   npx tsx node/index.ts            (BOXLINE_API_KEY in the environment) * * Writes output/result.json: the page title and the first 5 books with their prices. */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(); // reads BOXLINE_API_KEY, and BOXLINE_API_URL for another APIconst session = await bx.sessions.create({ timeout: 300, userMetadata: { example: "sessions-and-playwright" } });console.log(`Session: ${session.id}`);const browser = await chromium.connectOverCDP(session.connectUrl!); // a signed URL: treat it like a passwordtry {  const page = browser.contexts()[0]!.pages()[0]!;  await page.goto("https://books.toscrape.com/");  const title = await page.title();  const books = await page.$$eval("article.product_pod", (items) =>    items.slice(0, 5).map((item) => ({      title: item.querySelector("h3 a")?.getAttribute("title") ?? "",      price: item.querySelector(".price_color")?.textContent?.trim() ?? "",    })),  );  console.table(books);  // The actions API drives the same browser without Playwright: one HTTP call, here for the page as text.  const { title: actionsTitle, content } = await session.content("text");  console.log(`The actions API sees "${actionsTitle}" (${content.length} characters of text)`);  mkdirSync(out, { recursive: true });  writeFileSync(join(out, "result.json"), JSON.stringify({ sessionId: session.id, title, books, actionsTitle }, null, 2));} finally {  await session.stop(); // saves the session and ends its billing  await browser.close().catch(() => undefined);}

"""Sessions and Playwright: start a session, connect Playwright to its browser, read a page, stop the session.    python python/main.py            (BOXLINE_API_KEY in the environment)Writes output/result.json: the page title and the first 5 books with their prices."""import jsonimport osfrom pathlib import Pathfrom playwright.sync_api import sync_playwrightfrom boxline import Boxlineout = Path(os.environ.get("OUTPUT_DIR", "output"))bx = Boxline()  # reads BOXLINE_API_KEY, and BOXLINE_API_URL for another API# Leaving the `with` block stops the session (saving it, and ending its billing).with bx.sessions.create(timeout=300, user_metadata={"example": "sessions-and-playwright"}) as session:    print(f"Session: {session.id}", flush=True)    with sync_playwright() as p:        browser = p.chromium.connect_over_cdp(session.connect_url)  # a signed URL: treat it like a password        page = browser.contexts[0].pages[0]        page.goto("https://books.toscrape.com/")        title = page.title()        books = page.eval_on_selector_all(            "article.product_pod",            """items => items.slice(0, 5).map(item => ({                title: item.querySelector("h3 a").getAttribute("title"),                price: item.querySelector(".price_color").textContent.trim(),            }))""",        )        for book in books:            print(f"{book['price']:>8}  {book['title']}")        # The actions API drives the same browser without Playwright: one HTTP call, here for the page as text.        page_text = session.content("text")        print(f'The actions API sees "{page_text["title"]}" ({len(page_text["content"])} characters of text)')        out.mkdir(parents=True, exist_ok=True)        result = {"sessionId": session.id, "title": title, "books": books, "actionsTitle": page_text["title"]}        (out / "result.json").write_text(json.dumps(result, indent=2, ensure_ascii=False))

# Node 18 or newer, in the example's folderexport BOXLINE_API_KEY=…   # your API keynpm install @boxline/sdk playwright-core tsxnpx tsx node/index.ts

# Python 3.9 or newer, in the example's folderexport BOXLINE_API_KEY=…   # your API keypip install boxline-sdk playwrightpython python/main.py