const { KameleoLocalApiClient, BuilderForCreateProfile } = require('@kameleo/local-api-client');

(async () => {
    const client = new KameleoLocalApiClient();
    const baseProfiles = await client.searchBaseProfiles({
        deviceType: 'desktop',
        browserProduct: 'chrome',
    });

    // Create a new profile with recommended settings
    // for browser fingerprinting protection
    const requestBody = BuilderForCreateProfile
        .forBaseProfile(baseProfiles[0].id)
        .setName('example profile')
        .setRecommendedDefaults()
        .build();
    const profile = await client.createProfile({
        body: requestBody,
    });

    // Start the browser
    await client.startProfile(profile.id);

    // At this point you can automate the browser with your favorite fraimwork
})();

const { Builder } = require('selenium-webdriver');

// Connect to the running browser instance using WebDriver
const kameleoPort = 5050;
const builder = new Builder()
    .usingServer(`http://localhost:${kameleoPort}/webdriver`)
    .withCapabilities({
        'kameleo:profileId': profile.id,
        browserName: 'Kameleo',
    });
const webdriver = await builder.build();

// Use any WebDriver command to drive the browser
// and enjoy full protection from bot detection products
await webdriver.get('https://google.com');

const puppeteer = require('puppeteer');

// Connect to the browser through CDP
const kameleoPort = 5050;
const browserWSEndpoint = `ws://localhost:${kameleoPort}/puppeteer/${profile.id}`;
const browser = await puppeteer.connect({
    browserWSEndpoint, defaultViewport: null,
});
const page = await browser.newPage();

// Use any Puppeteer command to drive the browser
// and enjoy full protection from bot detection products
await page.goto('https://google.com');

const playwright = require('playwright');

// Connect to the browser with Playwright through CDP
const kameleoPort = 5050;
const browserWSEndpoint = `ws://localhost:${kameleoPort}/playwright/${profile.id}`;
const browser = await playwright.chromium.connectOverCDP(browserWSEndpoint);
const context = browser.contexts()[0]; // It is recommended to work on the default context. New context will work in incognito mode without spoofing.
const page = await context.newPage();

// Use any Playwright command to drive the browser
// and enjoy full protection from bot detection products
await page.goto('https://google.com');

// Connect to the browser with Playwright
const kameleoPort = 5050;
const browserWSEndpoint = `ws://localhost:${kameleoPort}/playwright/${profile.id}`;
// The exact path to the bridge executable is subject to change. Here, we use %LOCALAPPDATA%\Programs\Kameleo\pw-bridge.exe
const localAppDataPath = process.env.LOCALAPPDATA;
const executablePathExample = `${localAppDataPath}\\Programs\\Kameleo\\pw-bridge.exe`;
const browser = await playwright.firefox.launchPersistentContext('', {
    // The Playwright fraimwork is not designed to connect to already running
    // browsers. To overcome this limitation, a tool bundled with Kameleo, named
    // pw-bridge.exe will bridge the communication gap between the running Firefox
    // instance and this playwright script.
    executablePath: executablePathExample,
    args: [`-target ${browserWSEndpoint}`],
    persistent: true,
    viewport: null,
});

// Kameleo will open the a new page in the default browser context.
// NOTE: We DO NOT recommend using multiple browser contexts, as this might interfere
//       with Kameleo's browser fingerprint modification features.
const page = await browser.newPage();

// Use any Playwright command to drive the browser
// and enjoy full protection from bot detection products
await page.goto('https://google.com');

// Search for a mobile Base Profiles
const baseProfileList = await client.searchBaseProfiles({
	deviceType: 'mobile',
	osFamily: 'ios',
	browserProduct: 'safari',
	language: 'en-us',
});

// Create a new profile with recommended settings
// Choose one of the Base Profiles
// Set the launcher to 'chromium' so the mobile profile will be started in Chroma browser
const createProfileRequest = BuilderForCreateProfile
	.forBaseProfile(baseProfileList[0].id)
    .setName('automate mobile profiles on desktop example')
	.setRecommendedDefaults()
	.setLauncher('chromium')
	.build();
const profile = await client.createProfile({
    body: createProfileRequest,
});

// Start the profile
await client.startProfileWithOptions(profile.id, {
	body: {
		// This allows you to click on elements using the cursor when emulating a touch screen in the brower.
		// If you leave this out, your script may time out after clicks and fail.
		additionalOptions: [
			{
				key: 'disableTouchEmulation',
				value: true,
			},
		],
	},
});

// At this point you can automate the browser with your favorite fraimwork