@browserless.io/browserless 2.0.0-beta-8 → 2.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
-# [Latest](https://github.com/browserless/chrome/compare/v2.0.0...master)
-- Dependency updates.
+# [Latest](https://github.com/browserless/chrome/compare/v2.1.0...main)
+- Dependency updates.
+- Add `clean` command to `@browserless.io/browserless` CLI.
+- Adds support for `/json/list`, `/json/new` and `json/protocol` APIs (Chrome only).
+- Removes legacy `browser.json` files since browserless now generates those and caches when requested.
+- Only verify that internally managed browsers are installed when starting.
+
+# [v2.1.0](https://github.com/browserless/browserless/compare/v2.0.0-beta-1...v2.1.0)
+- Dependency updates.
+- Name is now `@browserless.io/browserless` to reflect our npm package.
+- NEW: SDK is now live here: https://www.npmjs.com/package/@browserless.io/browserless.
+- Drops gulp and other gulp utilities in favor of our own. Move to modules in `scripts` dir.
+- Many private class properties now use `protected` so they can be referenced in SDK extensions.
+- Adds a `/json/version` route for older libraries that use it.
+- Merge startup/test scripts into `scripts` dir.
+- Moves installed browsers to `/usr/local/bin/playwright-browsers`.
+- Merge root files into package.json where possible.
+- README updates and fixes.
+- Numerous link and copyright fixes.
 
 # [v2.0.0](https://github.com/browserless/chrome/compare/master...feat/browserless-2.0)
 browserless 2.0.0 represents the best body of work after running browserless for over 5 years. It contains mostly the same functionality and more, and is rebuilt to be more modular and offer a NodeJS SDK. It's also much lighter and faster than prior versions and includes a lot of semantic changes.

package/README.md

@@ -8,8 +8,7 @@
 ![Multi CI](https://github.com/browserless/chrome/actions/workflows/docker-multi.yml/badge.svg)
 
 
-> [Looking for v2.x.x of browserless? Check it out here](https://github.com/browserless/browserless).
-> NOTE: Version 1 is the version we currently still have running on browserless' hosted services, we would recommend self-hosted users migrate to v2.
+> [Looking for v1.x.x of browserless? You can find it here](https://github.com/browserless/chrome/tree/v1), although we recommend migrating to v2.
 
 Browserless allows remote clients to connect and execute headless work, all inside of docker. It supports the standard, unforked Puppeteer and Playwright libraries, as well offering REST-based APIs for common actions like data collection, PDF generation and more.
 
@@ -24,14 +23,15 @@ If you've been struggling to deploy headless browsers without running into issue
 4. [Hosting](#hosting-providers)
 5. [Puppeteer](#puppeteer)
 6. [Playwright](#playwright)
-7. [Licensing](#licensing)
-8. [Changelog](https://github.com/browserless/chrome/blob/master/CHANGELOG.md)
+7. [Extending with NodeJS SDK](#extending-nodejs-skd)
+8. [Licensing](#licensing)
+9. [Changelog](https://github.com/browserless/chrome/blob/master/CHANGELOG.md)
 
 ## External links
 
 1. [Full documentation site](https://www.browserless.io/docs/start)
 2. [Live Debugger (using browserless.io)](https://chrome.browserless.io/)
-3. [Docker](https://github.com/browserless/chrome/pkgs/container/basic)
+3. [Docker](https://github.com/browserless/browserless/pkgs/container/base)
 4. [Slack](https://join.slack.com/t/browserless/shared_invite/enQtMzA3OTMwNjA3MzY1LTRmMWU5NjQ0MTQ2YTE2YmU3MzdjNmVlMmU4MThjM2UxODNmNzNlZjVkY2U2NjdkMzYyNTgyZTBiMmE3Nzg0MzY)
 
 # Features
@@ -57,7 +57,7 @@ You still execute the script itself which gives you total control over what libr
 
 1. `docker run -p 3000:3000 ghcr.io/browserless/chrome`
 2. Visit `http://localhost:3000/docs` to see the documentation site.
-3. See more at our [docker package](https://github.com/browserless/chrome/pkgs/container/basic).
+3. See more at our [docker package](https://github.com/browserless/browserless/pkgs/container/base).
 
 # Hosting Providers
 
@@ -102,6 +102,10 @@ const browser = await pw.chromium.connectOverCDP('ws://localhost:3000');
 
 After that, the rest of your code remains the same with no other changes required.
 
+# Extending (NodeJS SKD)
+
+Browserless comes with built-in extension capabilities, and allows for extending nearly any aspect of the system (for Version 2+). For more details on how to write your own routes, build docker images, and more, [see our SDK README.md](/bin/scaffold/README.md) or simply run "npx @browserless.io/browserless create" in a terminal and follow the onscreen prompts.
+
 # Usage with other libraries
 
 Most libraries allow you to specify a remote instance of Chrome to interact with. They are either looking for a websocket endpoint, a host and port, or some address. Browserless supports these by default, however if you're having issues please make an issue in this project and we'll try and work with the library authors to get them integrated with browserless. Please note that in V2 we no longer support selenium or webdriver integrations.

package/bin/browserless.js

@@ -14,7 +14,9 @@ import fs from 'fs/promises';
 import path from 'path';
 import { spawn } from 'child_process';
 
-debug.enable('browserless*');
+if (typeof process.env.DEBUG === 'undefined') {
+  debug.enable('browserless*');
+}
 
 const log = debug('browserless.io:sdk:log');
 const promptLog = debug('browserless.io:prompt');
@@ -22,9 +24,17 @@ const promptLog = debug('browserless.io:prompt');
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const cmd = process.argv[2];
 const subCMD = process.argv[3];
-const cwd = process.cwd();
-const allowedCMDs = ['build', 'dev', 'docker', 'start', 'create', 'help'];
-const srcDir = path.join(cwd, 'build');
+const allowedCMDs = [
+  'build',
+  'dev',
+  'docker',
+  'start',
+  'create',
+  'help',
+  'clean',
+];
+const projectDir = process.cwd();
+const compiledDir = path.join(projectDir, 'build');
 const packageJSON = readFile(path.join(__dirname, '..', 'package.json')).then(
   (r) => JSON.parse(r.toString()),
 );
@@ -59,7 +69,7 @@ const importClassOverride = async (files, className) => {
     return;
   }
 
-  const classModuleFullFilePath = path.join(srcDir, classModuleFile);
+  const classModuleFullFilePath = path.join(compiledDir, classModuleFile);
 
   if (!classModuleFile) {
     return;
@@ -68,6 +78,12 @@ const importClassOverride = async (files, className) => {
   return (await import(classModuleFullFilePath)).default;
 };
 
+const clean = async () =>
+  fs.rm(path.join(compiledDir), {
+    force: true,
+    recursive: true,
+  });
+
 const installDependencies = async (workingDirectory) =>
   new Promise((resolve, reject) => {
     spawn('npm', ['i'], {
@@ -88,7 +104,7 @@ const buildDockerImage = async (cmd) => {
   new Promise((resolve, reject) => {
     const [docker, ...args] = cmd.split(' ');
     spawn(docker, args, {
-      cwd,
+      cwd: projectDir,
       stdio: 'inherit',
     }).once('close', (code) => {
       if (code === 0) {
@@ -105,7 +121,7 @@ const buildDockerImage = async (cmd) => {
 const buildTypeScript = async () =>
   new Promise((resolve, reject) => {
     spawn('npx', ['tsc', '--outDir', 'build'], {
-      cwd,
+      cwd: projectDir,
       stdio: 'inherit',
     }).once('close', (code) => {
       if (code === 0) {
@@ -118,16 +134,16 @@ const buildTypeScript = async () =>
   });
 
 const getSourceFiles = async () => {
-  const files = await fs.readdir(srcDir, { recursive: true });
+  const files = await fs.readdir(compiledDir, { recursive: true });
   const [httpRoutes, webSocketRoutes] = files.reduce(
     ([httpRoutes, webSocketRoutes], file) => {
       const parsed = path.parse(file);
       if (parsed.name.endsWith('http')) {
-        httpRoutes.push(path.join(srcDir, file));
+        httpRoutes.push(path.join(compiledDir, file));
       }
 
       if (parsed.name.endsWith('ws')) {
-        webSocketRoutes.push(path.join(srcDir, file));
+        webSocketRoutes.push(path.join(compiledDir, file));
       }
 
       return [httpRoutes, webSocketRoutes];
@@ -177,6 +193,9 @@ const getArgSwitches = () => {
  * and validation. Doesn't start the HTTP server.
  */
 const build = async () => {
+  log(`Cleaning build directory`);
+  await clean();
+
   log(`Compiling TypeScript`);
   await buildTypeScript();
 
@@ -309,7 +328,7 @@ const start = async (dev = false) => {
 };
 
 const buildDocker = async () => {
-  const finalDockerPath = path.join(cwd, 'build', 'Dockerfile');
+  const finalDockerPath = path.join(projectDir, 'build', 'Dockerfile');
   const argSwitches = getArgSwitches();
 
   await build();
@@ -320,7 +339,10 @@ const buildDocker = async () => {
 
   log(`Generating Dockerfile at "${finalDockerPath}"`);
 
-  await fs.writeFile(path.join(cwd, 'build', 'Dockerfile'), dockerContents);
+  await fs.writeFile(
+    path.join(projectDir, 'build', 'Dockerfile'),
+    dockerContents,
+  );
 
   const from =
     argSwitches.from ||
@@ -391,7 +413,7 @@ const create = async () => {
     throw new Error(`Name must not include special characters.`);
   }
 
-  const installPath = path.join(cwd, directory);
+  const installPath = path.join(projectDir, directory);
   log(`Creating folder "${installPath}"...`);
   await fs.mkdir(installPath);
 
@@ -440,6 +462,15 @@ const help = () => {
       `);
         break;
 
+      case 'clean':
+        console.log(dedent`
+        Usage: npx @browserless.io/browserless clean
+
+        Description: Cleans the TypeScript generated JavaScript found
+          in the "build" directory and any other temporary assets.
+      `);
+        break;
+
       case 'dev':
         console.log(dedent`
         Usage: npx @browserless.io/browserless dev
@@ -492,6 +523,7 @@ const help = () => {
     Usage: npx @browserless.io/browserless [command] [arguments]
 
     Options:
+      clean     Removes build artifacts and other temporary directories.
       create    Creates a new scaffold project, installs dependencies, and exits.
       dev       Compiles TypeScript, generates build assets and starts the server.
       build     Compiles TypeScript, generates build assets and exits.
@@ -501,6 +533,10 @@ const help = () => {
 };
 
 switch (cmd) {
+  case 'clean':
+    clean();
+    break;
+
   case 'start':
     start(false);
     break;

package/bin/scaffold/README.md

@@ -106,16 +106,16 @@ By default most commands are non-interactive, such as the `build` and `dev` comm
 
 ## Routing
 
-Routing is, simply, a plain-old JavaScript object with certain expected properties. Many of the features of Browserless are exposed as options on routes so you can define many types of functionality with just a route definition.
+Routing is based upon the JavaScript `class` fundamentals, and extends core classes inside of Browserless. Many of the features of Browserless are exposed as options on routes so you can define many types of functionality with just a simple route definition.
 
-Browserless has 4 different types of routes:
+Browserless has 4 different types of primitive routes:
 
-- HTTP Routes that don't need a browser to run.
-- HTTP Routes that do need a browser to run.
-- WebSocket routes that don't a browser.
-- WebSockets that need a browser.
+- HTTP Routes.
+- HTTP Routes that require a browser.
+- WebSockets Routes.
+- WebSocket Routes require a browser.
 
-We use this same semantic in our own codebase, so feel free to see how those work in our open-source projects. All routes are TypeScript and all our modules are documented, so you should be able to effectively write routes and modules with your code editor and not necessarily need these examples open. Below are a few examples:
+Internally, we use this same class-based system, so feel free to see how those work in our open-source repositories. All routes are TypeScript-based and all our modules are documented, so you should be able to effectively write routes and modules with your code editor and not necessarily need these examples open. Below are a few examples:
 
 ### Basic HTTP Route
 ```ts

package/bin/scaffold/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "./node_modules/@browserless.io/browserless/tsconfig.json",
-  "include": ["./src/**/*"]
+  "include": ["./src/**/*"],
 }

package/build/browserless.js

@@ -1,5 +1,5 @@
 import * as path from 'path';
-import { BrowserManager, Config, FileSystem, HTTPServer, Limiter, Metrics, Monitoring, Router, Token, WebHooks, availableBrowsers, createLogger, getRouteFiles, makeExternalURL, printLogo, safeParse, } from '@browserless.io/browserless';
+import { BrowserManager, CDPChromium, Config, FileSystem, HTTPServer, Limiter, Metrics, Monitoring, PlaywrightChromium, PlaywrightFirefox, PlaywrightWebkit, Router, Token, WebHooks, availableBrowsers, createLogger, getRouteFiles, makeExternalURL, printLogo, safeParse, } from '@browserless.io/browserless';
 import { readFile } from 'fs/promises';
 import { userInfo } from 'os';
 const routeSchemas = ['body', 'query'];
@@ -88,6 +88,12 @@ export class Browserless {
     async start() {
         const httpRoutes = [];
         const wsRoutes = [];
+        const internalBrowsers = [
+            CDPChromium,
+            PlaywrightFirefox,
+            PlaywrightChromium,
+            PlaywrightWebkit,
+        ];
         const [[httpRouteFiles, wsRouteFiles], installedBrowsers] = await Promise.all([getRouteFiles(this.config), availableBrowsers]);
         const docsLink = makeExternalURL(this.config.getExternalAddress(), '/docs');
         this.debug(printLogo(docsLink));
@@ -137,10 +143,11 @@ export class Browserless {
                 wsRoutes.push(route);
             }
         }
-        // Validate that browsers are installed and route paths are unique
+        // Validate that we have the browsers they are asking for
         [...httpRoutes, ...wsRoutes].forEach((route) => {
             if ('browser' in route &&
                 route.browser &&
+                internalBrowsers.includes(route.browser) &&
                 !installedBrowsers.some((b) => b.name === route.browser?.name)) {
                 throw new Error(`Couldn't load route "${route.path}" due to missing browser of "${route.browser?.name}"`);
             }

package/build/browsers/cdp-chromium.d.ts

@@ -38,7 +38,7 @@ export declare class CDPChromium extends EventEmitter {
     process: () => import("child_process").ChildProcess | null;
     launch: (options?: CDPLaunchOptions) => Promise<Browser>;
     wsEndpoint: () => string | null;
-    publicWSEndpoint: (token: string) => string | null;
+    publicWSEndpoint: (token: string | null) => string | null;
     proxyPageWebSocket: (req: Request, socket: Duplex, head: Buffer) => Promise<void>;
     proxyWebSocket: (req: Request, socket: Duplex, head: Buffer) => Promise<void>;
 }

package/build/browsers/cdp-chromium.js

@@ -229,11 +229,10 @@ export class CDPChromium extends EventEmitter {
         if (!this.browserWSEndpoint) {
             return null;
         }
+        const serverURL = new URL(this.config.getExternalWebSocketAddress());
         const wsURL = new URL(this.browserWSEndpoint);
-        const serverURL = new URL(this.config.getExternalAddress());
         wsURL.hostname = serverURL.hostname;
         wsURL.port = serverURL.port;
-        wsURL.protocol = serverURL.protocol === 'https' ? 'wss' : 'ws';
         if (token) {
             wsURL.searchParams.set('token', token);
         }
@@ -244,14 +243,14 @@ export class CDPChromium extends EventEmitter {
             throw new ServerError(`No browserWSEndpoint found, did you launch first?`);
         }
         socket.once('close', resolve);
-        this.debug(`Proxying ${req.parsed.href} to browser ${this.browserWSEndpoint}`);
         const [page] = await this.browser.pages();
         const pageLocation = `/devtools/page/${this.getPageId(page)}`;
         this.debug(`Proxying ${req.parsed.href} to page "${pageLocation}"`);
-        req.url = pageLocation;
+        const target = new URL(pageLocation, this.browserWSEndpoint).href;
+        req.url = '';
         this.proxy.ws(req, socket, head, {
             changeOrigin: true,
-            target: this.browserWSEndpoint,
+            target,
         }, (error) => {
             this.debug(`Error proxying session: ${error}`);
             this.close();

package/build/browsers/index.d.ts

@@ -18,6 +18,16 @@ export declare class BrowserManager {
      * @returns Promise<string> of the fully-qualified path of the directory
      */
     protected generateDataDir: (sessionId?: string) => Promise<string>;
+    getProtocolJSON: () => Promise<object>;
+    getVersionJSON: () => Promise<{
+        Browser: string;
+        'Debugger-Version': string;
+        'Protocol-Version': string;
+        'User-Agent': string;
+        'V8-Version': string;
+        'WebKit-Version': string;
+        webSocketDebuggerUrl: string;
+    }>;
     private generateSessionJson;
     close: (browser: BrowserInstance, session: BrowserlessSession) => Promise<void>;
     getAllSessions: () => Promise<BrowserlessSessionJSON[]>;

package/build/browsers/index.js

@@ -41,6 +41,50 @@ export class BrowserManager {
         });
         return dataDirPath;
     };
+    getProtocolJSON = async () => {
+        this.debug(`Launching Chrome to generate /json/protocol results`);
+        const browser = new CDPChromium({
+            blockAds: false,
+            config: this.config,
+            record: false,
+            userDataDir: null,
+        });
+        await browser.launch();
+        const wsEndpoint = browser.wsEndpoint();
+        if (!wsEndpoint) {
+            throw new Error('There was an error launching the browser');
+        }
+        const { port } = new URL(wsEndpoint);
+        const res = await fetch(`http://127.0.0.1:${port}/json/protocol`);
+        const protocolJSON = await res.json();
+        browser.close();
+        return protocolJSON;
+    };
+    getVersionJSON = async () => {
+        this.debug(`Launching Chrome to generate /json/version results`);
+        const browser = new CDPChromium({
+            blockAds: false,
+            config: this.config,
+            record: false,
+            userDataDir: null,
+        });
+        await browser.launch();
+        const wsEndpoint = browser.wsEndpoint();
+        if (!wsEndpoint) {
+            throw new Error('There was an error launching the browser');
+        }
+        const { port } = new URL(wsEndpoint);
+        const res = await fetch(`http://127.0.0.1:${port}/json/version`);
+        const meta = await res.json();
+        browser.close();
+        const { 'WebKit-Version': webkitVersion } = meta;
+        const debuggerVersion = webkitVersion.match(/\s\(@(\b[0-9a-f]{5,40}\b)/)[1];
+        return {
+            ...meta,
+            'Debugger-Version': debuggerVersion,
+            webSocketDebuggerUrl: this.config.getExternalWebSocketAddress(),
+        };
+    };
     generateSessionJson = async (browser, session) => {
         const serverAddress = this.config.getExternalAddress();
         const sessions = [

package/build/browsers/playwright-chromium.d.ts

@@ -31,7 +31,7 @@ export declare class PlaywrightChromium extends EventEmitter {
     newPage: () => Promise<Page>;
     launch: (options?: BrowserServerOptions) => Promise<playwright.BrowserServer>;
     wsEndpoint: () => string | null;
-    publicWSEndpoint: (token: string) => string | null;
+    publicWSEndpoint: (token: string | null) => string | null;
     proxyPageWebSocket: () => Promise<void>;
     proxyWebSocket: (req: Request, socket: Duplex, head: Buffer) => Promise<void>;
 }

package/build/browsers/playwright-chromium.js

@@ -72,11 +72,10 @@ export class PlaywrightChromium extends EventEmitter {
         if (!this.browserWSEndpoint) {
             return null;
         }
+        const serverURL = new URL(this.config.getExternalWebSocketAddress());
         const wsURL = new URL(this.browserWSEndpoint);
-        const serverURL = new URL(this.config.getExternalAddress());
         wsURL.hostname = serverURL.hostname;
         wsURL.port = serverURL.port;
-        wsURL.protocol = serverURL.protocol === 'https' ? 'wss' : 'ws';
         if (token) {
             wsURL.searchParams.set('token', token);
         }

package/build/browsers/playwright-firefox.d.ts

@@ -31,7 +31,7 @@ export declare class PlaywrightFirefox extends EventEmitter {
     newPage: () => Promise<Page>;
     launch: (options?: BrowserServerOptions) => Promise<playwright.BrowserServer>;
     wsEndpoint: () => string | null;
-    publicWSEndpoint: (token: string) => string | null;
+    publicWSEndpoint: (token: string | null) => string | null;
     proxyPageWebSocket: () => Promise<void>;
     proxyWebSocket: (req: Request, socket: Duplex, head: Buffer) => Promise<void>;
 }

package/build/browsers/playwright-firefox.js

@@ -67,11 +67,10 @@ export class PlaywrightFirefox extends EventEmitter {
         if (!this.browserWSEndpoint) {
             return null;
         }
+        const serverURL = new URL(this.config.getExternalWebSocketAddress());
         const wsURL = new URL(this.browserWSEndpoint);
-        const serverURL = new URL(this.config.getExternalAddress());
         wsURL.hostname = serverURL.hostname;
         wsURL.port = serverURL.port;
-        wsURL.protocol = serverURL.protocol === 'https' ? 'wss' : 'ws';
         if (token) {
             wsURL.searchParams.set('token', token);
         }

package/build/browsers/playwright-webkit.d.ts

@@ -31,7 +31,7 @@ export declare class PlaywrightWebkit extends EventEmitter {
     newPage: () => Promise<Page>;
     launch: (options?: BrowserServerOptions) => Promise<playwright.BrowserServer>;
     wsEndpoint: () => string | null;
-    publicWSEndpoint: (token: string) => string | null;
+    publicWSEndpoint: (token: string | null) => string | null;
     proxyPageWebSocket: () => Promise<void>;
     proxyWebSocket: (req: Request, socket: Duplex, head: Buffer) => Promise<void>;
 }

package/build/browsers/playwright-webkit.js

@@ -67,11 +67,10 @@ export class PlaywrightWebkit extends EventEmitter {
         if (!this.browserWSEndpoint) {
             return null;
         }
+        const serverURL = new URL(this.config.getExternalWebSocketAddress());
         const wsURL = new URL(this.browserWSEndpoint);
-        const serverURL = new URL(this.config.getExternalAddress());
         wsURL.hostname = serverURL.hostname;
         wsURL.port = serverURL.port;
-        wsURL.protocol = serverURL.protocol === 'https' ? 'wss' : 'ws';
         if (token) {
             wsURL.searchParams.set('token', token);
         }

package/build/config.d.ts

@@ -124,6 +124,15 @@ export declare class Config extends EventEmitter {
      * @returns {string} The URL to reach the server
      */
     getExternalAddress: () => string;
+    /**
+     * Returns the the fully-qualified WebSocket URL for the
+     * external address that browserless might be
+     * running behind *or* the server address if
+     * no external URL is provided.
+     *
+     * @returns {string} The URL to reach the server
+     */
+    getExternalWebSocketAddress: () => string;
     /**
      * When CORS is enabled, returns relevant CORS headers
      * to requests and for the OPTIONS call. Values can be

package/build/config.js

@@ -335,6 +335,21 @@ export class Config extends EventEmitter {
      * @returns {string} The URL to reach the server
      */
     getExternalAddress = () => this.external ?? this.getServerAddress();
+    /**
+     * Returns the the fully-qualified WebSocket URL for the
+     * external address that browserless might be
+     * running behind *or* the server address if
+     * no external URL is provided.
+     *
+     * @returns {string} The URL to reach the server
+     */
+    getExternalWebSocketAddress = () => {
+        const httpAddress = new URL(this.external ?? this.getServerAddress());
+        httpAddress.protocol = httpAddress.protocol.startsWith('https')
+            ? 'wss:'
+            : 'ws:';
+        return httpAddress.href;
+    };
     /**
      * When CORS is enabled, returns relevant CORS headers
      * to requests and for the OPTIONS call. Values can be

package/build/constants.d.ts

@@ -2,3 +2,4 @@ export declare const encryptionAlgo = "aes-192-cbc";
 export declare const encryptionSep = ".";
 export declare const liveURLSep = ":";
 export declare const keyLength = 24;
+export declare const BLESS_PAGE_IDENTIFIER = "BLESS";

package/build/constants.js

@@ -2,3 +2,4 @@ export const encryptionAlgo = 'aes-192-cbc';
 export const encryptionSep = '.';
 export const liveURLSep = ':';
 export const keyLength = 24;
+export const BLESS_PAGE_IDENTIFIER = 'BLESS';

package/build/data/classes.json

@@ -1 +1 @@
-["b-modal-banner--disabled","blocked","bodyBlocked","c24-cc-visible","cbar","cmp-open","consent-modal-open","consent-modal-overflow","CookiePolicy--show","cookies","cu_k_cookie_consent_modal_open","gcdc-locked","gdpr-infobar-visible","gdprbanner_consent_gdpr_consent","gdprCookieBanner-acceptedAll","hasCookieBanner","ibeugdpr-disabled","modal--is-open","modal-open","no_scroll","no-scroll","shopee-no-scroll","show-cookie-policy-info","sp-message-open","ta-cc-modal-open","touchevents-false","wt-cli-eu-country","wt-cli-geoip-on"]
+["b-modal-banner--disabled","blocked","bodyBlocked","c24-cc-visible","cbar","ccm-blocked","cmp-open","consent-modal-open","consent-modal-overflow","CookiePolicy--show","cookies","cu_k_cookie_consent_modal_open","gcdc-locked","gdpr-infobar-visible","gdprbanner_consent_gdpr_consent","gdprCookieBanner-acceptedAll","hasCookieBanner","ibeugdpr-disabled","idxrcookies-block-user-nav","modal--is-open","modal-open","no_scroll","no-scroll","noScroll","popin-gdpr-no-scroll","shopee-no-scroll","show-cookie-policy-info","sp-message-open","start-cookies","ta-cc-modal-open","touchevents-false","wt-cli-eu-country","wt-cli-geoip-on"]