Free People Scraper

import { SpiderBrowser } from "spider-browser";

const spider = new SpiderBrowser({
  apiKey: process.env.SPIDER_API_KEY!,
});

await spider.connect();
const page = spider.page!;
await page.goto("https://www.freepeople.com/sale-all/");

// No selectors, no schema. Spider reads the page and names the fields.
const data = await page.scrape();

console.log(data);
await spider.close();

import { SpiderBrowser } from "spider-browser";

const spider = new SpiderBrowser({
  apiKey: process.env.SPIDER_API_KEY!,
  stealth: 2,
});

await spider.connect();
const page = spider.page!;
await page.goto("https://www.freepeople.com/sale-all/");
await page.content();

const data = await page.evaluate(`(() => {
  const items = [];
  document.querySelectorAll("[data-testid='product-card']").forEach(el => {
    const name = el.querySelector("[data-testid='product-card-title']")?.textContent?.trim();
    const priceEl = [...el.querySelectorAll("[data-testid='product-card-price'] [class*='price'] [class*='current'], [data-testid='product-card-price'] [class*='sale'] span")].find(s => /$[d,.]+/.test(s.textContent || ""));
    const price = priceEl?.textContent?.trim();
    const originalPrice = el.querySelector("[data-testid='product-card-price'] [class*='price'] [class*='original'], [data-testid='product-card-price'] s span, [data-testid='product-card-price'] [class*='compare'] span")?.textContent?.trim();
    if (name) items.push({ name, price, originalPrice });
  });
  return JSON.stringify({ total: items.length, items: items.slice(0, 10) });
})()`);

console.log(JSON.parse(data));
await spider.close();