Quickstart

npm install @hyperbrowser/sdk playwright-core 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 getTopStory() {
  // Create a cloud browser session
  const session = await client.sessions.create();
  console.log("Session created:", session.id);

  try {
    // Connect Playwright to the cloud browser
    const browser = await chromium.connectOverCDP(session.wsEndpoint);
    const context = browser.contexts()[0];
    const page = context.pages()[0];

    // Navigate to Hacker News
    await page.goto("https://news.ycombinator.com/");

    // Extract the first story title
    const topStory = await page.evaluate(() => {
      const titleElement = document.querySelector(".titleline > a");
      return titleElement ? titleElement.textContent : null;
    });

    console.log("Top Story:", topStory);
    return topStory;
  } catch (err) {
    console.error(`Encountered error: ${err}`);
  } finally {
    // Clean up the session
    await client.sessions.stop(session.id);
  }
}

getTopStory().catch(console.error);