Connect with Playwright

npm install @hyperbrowser/sdk playwright-core dotenv

yarn add @hyperbrowser/sdk playwright-core dotenv

pip install hyperbrowser playwright python-dotenv

uv add hyperbrowser playwright python-dotenv

import { Hyperbrowser } from "@hyperbrowser/sdk";
import { chromium } from "playwright-core";
import { config } from "dotenv";

config();

const client = new Hyperbrowser({
  apiKey: process.env.HYPERBROWSER_API_KEY,
});

async function main() {
  // Create session
  const session = await client.sessions.create({
    acceptCookies: true,
  });

  try {
    // Connect Playwright
    const browser = await chromium.connectOverCDP(session.wsEndpoint);
    const defaultContext = browser.contexts()[0];

    // Get the default page
    const page = defaultContext.pages()[0];

    // Navigate and interact
    await page.goto("https://example.com");
    console.log("Title:", await page.title());
  } catch (err) {
    console.error("Encountered error:", err);
  } finally {
    // Clean up
    await client.sessions.stop(session.id);
  }
}

main().catch(console.error);

from hyperbrowser import Hyperbrowser
from playwright.sync_api import sync_playwright
import os
from dotenv import load_dotenv

load_dotenv()

client = Hyperbrowser(api_key=os.environ["HYPERBROWSER_API_KEY"])


def main():
    # Create session
    session = client.sessions.create()

    try:
        with sync_playwright() as p:
            # Connect Playwright
            browser = p.chromium.connect_over_cdp(session.ws_endpoint)
            default_context = browser.contexts[0]

            # Get the default page
            page = default_context.pages[0]

            # Navigate and interact
            page.goto("https://example.com")
            print(f"Title: {page.title()}")

    except Exception as e:
        print(f"Encountered error: {e}")
    finally:
        # Clean up
        client.sessions.stop(session.id)


main()