import { Screenshothis } from "@screenshothis/sdk";

async function generateSocialPreview(blogPostUrl: string, apiKey: string) {
  const screenshothis = new Screenshothis();

  try {
    const imageData = await screenshothis.screenshots.take({
      apiKey,
      url: blogPostUrl,
      width: 1200,
      height: 630,
      format: "jpeg",
      quality: 85
    });

    // Convert to base64 for immediate use
    const base64 = Buffer.from(imageData).toString('base64');
    return `data:image/jpeg;base64,${base64}`;
  } catch (error) {
    console.error('Failed to generate preview:', error.message);
    return null;
  }
}

// Usage in your application
const previewUrl = await generateSocialPreview("https://myblog.com/post", apiKey);
// Use in HTML: <meta property="og:image" content="data:image/jpeg;base64,..." />

import requests
from PIL import Image
from io import BytesIO

def create_thumbnail(website_url, api_key, thumbnail_size=(400, 300)):
    try:
        response = requests.get(
            'https://api.screenshothis.com/v1/screenshots/take',
            params={
                'api_key': api_key,
                'url': website_url,
                'width': '1920',
                'height': '1080',
                'format': 'png'
            },
            timeout=30
        )

        response.raise_for_status()

        # Create thumbnail using PIL
        image = Image.open(BytesIO(response.content))
        image.thumbnail(thumbnail_size, Image.Resampling.LANCZOS)

        return image

    except requests.exceptions.RequestException as e:
        print(f'Failed to create thumbnail: {e}')
        return None

# Usage
thumbnail = create_thumbnail('https://example.com', 'ss_test_1234567890abcdef')
if thumbnail:
    thumbnail.save('thumbnail.png')

import { Screenshothis } from "@screenshothis/sdk";
import * as fs from 'fs';
import * as path from 'path';

class VisualTester {
  private screenshothis: Screenshothis;

  constructor(private apiKey: string) {
    this.screenshothis = new Screenshothis();
  }

  async captureBaseline(url: string, testName: string): Promise<string> {
    try {
      const imageData = await this.screenshothis.screenshots.take({
        apiKey: this.apiKey,
        url,
        width: 1920,
        height: 1080,
        format: "png",
        blockAds: true  // Consistent results
      });

      const filename = `baselines/${testName}.png`;
      fs.writeFileSync(filename, Buffer.from(imageData));

      console.log(`✅ Baseline saved: ${filename}`);
      return filename;

    } catch (error) {
      console.error(`❌ Failed to capture baseline: ${error.message}`);
      throw error;
    }
  }
}

// Usage in your test suite
const tester = new VisualTester('ss_test_1234567890abcdef');
await tester.captureBaseline('https://myapp.com/component', 'header-component');

// Build screenshot URLs without making API calls
function buildScreenshotUrl(
  url: string,
  apiKey: string,
  options: Record<string, string | number | boolean> = {}
): string {
  const params = new URLSearchParams({
    api_key: apiKey,
    url: url,
    ...Object.fromEntries(
      Object.entries(options).map(([k, v]) => [k, String(v)])
    )
  });

  return `https://api.screenshothis.com/v1/screenshots/take?${params}`;
}

// Usage - instant, no async needed!
const screenshotUrl = buildScreenshotUrl("https://github.com", "ss_test_1234567890abcdef", {
  format: "png",
  width: 800,
  height: 600,
  block_ads: true
});

// Use directly in HTML
document.getElementById('myImage').src = screenshotUrl;
// Or in React: <img src={screenshotUrl} alt="Screenshot" />

interface ScreenshotImageProps {
  url: string;
  apiKey: string;
  width?: number;
  height?: number;
  format?: 'jpeg' | 'png' | 'webp';
}

function ScreenshotImage({ url, apiKey, width = 800, height = 600, format = 'webp' }: ScreenshotImageProps) {
  const screenshotUrl = buildScreenshotUrl(url, apiKey, {
    width,
    height,
    format,
    block_ads: true
  });

  return (
    <img
      src={screenshotUrl}
      alt="Screenshot"
      loading="lazy"
      onError={(e) => console.error('Screenshot failed to load')}
    />
  );
}

// Usage
<ScreenshotImage
  url="https://example.com"
  apiKey="ss_test_1234567890abcdef"
  width={1200}
  height={630}
  format="webp"
/>