Hi everyone,
I’m working on an automation system for our studio, and I’m trying to integrate a third-party class booking site into our internal workflow.
The goal is to automatically update class availability across multiple platforms (including our website and another ticketing site), with a Google Sheet acting as the central source of truth.
Here’s the challenge:
I’ve already figured out how to send updates (e.g., modify spot_array and date_array) via the site’s internal API — but I’m stuck trying to dynamically retrieve the session slot IDs (id_array) that are required to perform those updates.
What I’ve Tried:
- I can manually edit sessions through reverse-engineered requests, by watching the browser’s network traffic.
- I’ve searched the Network tab (XHR/Fetch) in DevTools while using the dashboard, but haven’t found a clean JSON endpoint that exposes all session IDs.
- I’m hoping to avoid using headless browser automation (like Puppeteer or Playwright) unless absolutely necessary.
- Ideally, I’d like to find an XHR or fetch request that includes session metadata (IDs, dates, capacity), or extract it via inline JS or HTML.
Looking for Advice:
- Has anyone successfully extracted dynamic slot/session IDs from a platform like this?
- Are there common endpoint patterns, JS variables, or DOM tricks to look out for?
- Is there a clean way to intercept client-side fetch responses using a browser extension or content script?