Live Browser Preview

import { TinyFish, EventType } from "@tiny-fish/sdk";

const client = new TinyFish();

const stream = await client.agent.stream(
  {
    url: "https://example.com/products",
    goal: "Extract all product names and prices",
  },
  {
    onStreamingUrl: (event) => {
      // Set iframe src to show the live browser
      const iframe = document.getElementById("preview");
      if (iframe) {
        iframe.setAttribute("src", event.streaming_url);
      }
    },
  },
);

for await (const event of stream) {
  if (event.type === EventType.COMPLETE) {
    console.log("Result:", event.result);
  }
}

from tinyfish import TinyFish, StreamingUrlEvent

client = TinyFish()

with client.agent.stream(
    url="https://example.com/products",
    goal="Extract all product names and prices",
) as stream:
    for event in stream:
        if isinstance(event, StreamingUrlEvent):
            # Use this URL in an iframe to show the live browser
            print("Embed this:", event.streaming_url)
            break