feat: add separate browser service

server/src/browser-management/classes/RemoteBrowser.ts

@@ -2,11 +2,9 @@ import {
     Page,
     Browser,
     CDPSession,
-    BrowserContext,
-} from 'playwright';
+    BrowserContext
+} from 'playwright-core';
 import { Socket } from "socket.io";
-import { chromium } from 'playwright-extra';
-import stealthPlugin from 'puppeteer-extra-plugin-stealth';
 import { PlaywrightBlocker } from '@cliqz/adblocker-playwright';
 import fetch from 'cross-fetch';
 import sharp from 'sharp';
@@ -16,6 +14,7 @@ import { WorkflowGenerator } from "../../workflow-management/classes/Generator";
 import { WorkflowInterpreter } from "../../workflow-management/classes/Interpreter";
 import { getDecryptedProxyConfig } from '../../routes/proxy';
 import { getInjectableScript } from 'idcac-playwright';
+import { connectToRemoteBrowser } from '../browserConnection';
 
 declare global {
   interface Window {
@@ -83,8 +82,6 @@ interface ProcessedSnapshot {
   };
 }
 
-chromium.use(stealthPlugin());
-
 const MEMORY_CONFIG = {
     gcInterval: 20000, // Check memory more frequently (20s instead of 60s)
     maxHeapSize: 1536 * 1024 * 1024, // 1.5GB
@@ -567,23 +564,7 @@ export class RemoteBrowser {
 
         while (!success && retryCount < MAX_RETRIES) {
             try {
-                this.browser = <Browser>(await chromium.launch({
-                    headless: true,
-                    args: [
-                        "--disable-blink-features=AutomationControlled",
-                        "--disable-web-security",
-                        "--disable-features=IsolateOrigins,site-per-process",
-                        "--disable-site-isolation-trials",
-                        "--disable-extensions",
-                        "--no-sandbox",
-                        "--disable-dev-shm-usage",
-                        "--disable-gpu",
-                        "--force-color-profile=srgb",
-                        "--force-device-scale-factor=2",
-                        "--ignore-certificate-errors",
-                        "--mute-audio"
-                    ],
-                }));
+                this.browser = await connectToRemoteBrowser();
                 
                 if (!this.browser || this.browser.isConnected() === false) {
                     throw new Error('Browser failed to launch or is not connected');
@@ -683,9 +664,9 @@ export class RemoteBrowser {
     
                 try {
                     const blocker = await PlaywrightBlocker.fromLists(fetch, ['https://easylist.to/easylist/easylist.txt']);
-                    await blocker.enableBlockingInPage(this.currentPage);
+                    await blocker.enableBlockingInPage(this.currentPage as any);
                     this.client = await this.currentPage.context().newCDPSession(this.currentPage);
-                    await blocker.disableBlockingInPage(this.currentPage);
+                    await blocker.disableBlockingInPage(this.currentPage as any);
                     console.log('Adblocker initialized');
                 } catch (error: any) {
                     console.warn('Failed to initialize adblocker, continuing without it:', error.message);