Cloudflare Turnstile
and CapMonster Cloud

// npm install playwright @zennolab_com/capmonstercloud-client

import { chromium } from "playwright";
import { CapMonsterCloudClientFactory, ClientOptions, TurnstileRequest } from "@zennolab_com/capmonstercloud-client";

async function main() {
  // 1. Solving Turnstile via CapMonster Cloud
  const cmcClient = CapMonsterCloudClientFactory.Create(
    new ClientOptions({ clientKey: 'YOUR_CAPMONSTER_API_KEY' })
  );

  const turnstileRequest = new TurnstileRequest({
    websiteURL: 'http://tsmanaged.zlsupport.com',
    websiteKey: '0x4AAAAAAABUYP0XeMJF0xoy',
  });

  const result = await cmcClient.Solve(turnstileRequest);
  const token = result.solution.token;
  console.log('Turnstile token received:', token);

  // 2. Starting Playwright
  const browser = await chromium.launch({ headless: false });
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('http://tsmanaged.zlsupport.com');

  // 3. Filling in login and password
  await page.fill('#username', 'your_username');
  await page.fill('#password', 'your_password');

  // 4. Waiting for the hidden token field to appear
  await page.waitForSelector('#token', { state: 'attached', timeout: 60000 });

  // 5. Inserting token and making field visible
  await page.evaluate((t) => {
    const tokenInput = document.querySelector('#token');
    if (tokenInput) {
      tokenInput.type = 'text';  // make field visible
      tokenInput.value = t;      // insert token
      console.log('Token inserted into token field');
    } else {
      console.error('Field #token not found');
    }
  }, token);

  // 6. Verifying that the token was actually inserted
  const checkValue = await page.$eval('#token', el => el.value);
  console.log('Checking the token value:', checkValue);

  // 7. Submitting form
  await page.click('button[type="submit"]');
  console.log('Form submitted with Turnstile token');

  // await browser.close();
}

main().catch(err => console.error(err));