n8n-nodes-smart-browser-automation 1.0.2 → 1.0.8

package/dist/nodes/SmartBrowserAutomation/BrowserSessionManager.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const index_js_1 = require("@modelcontextprotocol/sdk/client/index.js");
 const stdio_js_1 = require("@modelcontextprotocol/sdk/client/stdio.js");
+const sse_js_1 = require("@modelcontextprotocol/sdk/client/sse.js");
 class BrowserSessionManager {
     static instance;
     mcpClient = null;
@@ -29,13 +30,31 @@ class BrowserSessionManager {
         }
         // Initialize MCP client
         this.mcpClient = new index_js_1.Client({ name: 'n8n-browser-automation', version: '1.0.0' }, { capabilities: {} });
-        // Connect to MCP server
-        this.transport = new stdio_js_1.StdioClientTransport({
-            command: 'node',
-            args: [mcpEndpoint],
-            env: useCDP && cdpEndpoint ? { CDP_URL: cdpEndpoint } : undefined
-        });
-        await this.mcpClient.connect(this.transport);
+        // Determine transport based on endpoint type
+        const isUrl = mcpEndpoint.startsWith('http://') || mcpEndpoint.startsWith('https://');
+        if (isUrl) {
+            // Connect via SSE
+            this.transport = new sse_js_1.SSEClientTransport(new URL(mcpEndpoint));
+        }
+        else {
+            // Connect via Stdio
+            this.transport = new stdio_js_1.StdioClientTransport({
+                command: 'node',
+                args: [mcpEndpoint],
+                env: {
+                    ...process.env,
+                    ...(useCDP && cdpEndpoint ? { CDP_URL: cdpEndpoint } : {})
+                }
+            });
+        }
+        try {
+            await this.mcpClient.connect(this.transport);
+        }
+        catch (error) {
+            this.isInitialized = false;
+            const transportType = isUrl ? 'SSE' : 'Stdio';
+            throw new Error(`Failed to connect to MCP server via ${transportType} at ${mcpEndpoint}. Error: ${error.message}`);
+        }
         // Fetch available tools from MCP server
         const toolsResponse = await this.mcpClient.listTools();
         this.tools = toolsResponse.tools || [];

package/dist/nodes/SmartBrowserAutomation/SmartBrowserAutomation.node.js

@@ -19,7 +19,7 @@ class SmartBrowserAutomation {
         },
         inputs: ['main'],
         outputs: ['main'],
-        icon: 'fa:browser',
+        icon: 'file:smartBrowserAutomation.svg',
         credentials: [
             {
                 name: 'smartBrowserAutomationApi',
@@ -103,11 +103,30 @@ class SmartBrowserAutomation {
                 default: 'initialize',
             },
             {
-                displayName: 'Verbose',
-                name: 'verbose',
-                type: 'boolean',
-                default: false,
-                description: 'Whether to enable detailed logging',
+                displayName: 'Options',
+                name: 'options',
+                type: 'collection',
+                placeholder: 'Add Option',
+                default: {},
+                options: [
+                    {
+                        displayName: 'Enabled Tool Names or IDs',
+                        name: 'enabledTools',
+                        type: 'multiOptions',
+                        typeOptions: {
+                            loadOptionsMethod: 'getAvailableTools',
+                        },
+                        default: [],
+                        description: 'Select which tools to expose to the AI Agent or Manual list. Leave empty for all. Choose from the list, or specify IDs using an <a href="https://docs.n8n.io/code/expressions/">expression</a>.',
+                    },
+                    {
+                        displayName: 'Verbose',
+                        name: 'verbose',
+                        type: 'boolean',
+                        default: false,
+                        description: 'Whether to enable detailed logging',
+                    },
+                ],
             },
         ],
     };
@@ -119,16 +138,26 @@ class SmartBrowserAutomation {
                     const credentials = await this.getCredentials('smartBrowserAutomationApi');
                     const sessionManager = BrowserSessionManager_1.default.getInstance();
                     const tools = await sessionManager.initialize(credentials.mcpEndpoint, credentials.browserMode === 'cdp', credentials.cdpEndpoint);
-                    if (!tools || tools.length === 0) {
-                        return [{ name: 'No Tools Found - Check MCP Server', value: 'none' }];
+                    const nodeTools = [
+                        {
+                            name: 'Connect to Browser (CDP)',
+                            value: 'browser_connect_cdp',
+                            description: 'Connect to a browser via CDP URL',
+                        },
+                    ];
+                    if (tools && tools.length > 0) {
+                        nodeTools.push(...tools.map((tool) => ({
+                            name: tool.name.split('_').map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(' '),
+                            value: tool.name,
+                        })));
                     }
-                    return tools.map((tool) => ({
-                        name: tool.name.split('_').map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(' '),
-                        value: tool.name,
-                    }));
+                    return nodeTools;
                 }
                 catch (error) {
-                    return [{ name: `Error: ${error.message}`, value: 'error' }];
+                    return [
+                        { name: 'Connect to Browser (CDP)', value: 'browser_connect_cdp' },
+                        { name: `Error loading MCP tools: ${error.message}`, value: 'error' }
+                    ];
                 }
             },
         },
@@ -136,12 +165,36 @@ class SmartBrowserAutomation {
     // Expose tools to AI Agent nodes
     async getTools() {
         const credentials = await this.getCredentials('smartBrowserAutomationApi');
-        const tools = await (0, DynamicBrowserTools_1.createDynamicBrowserTools)(credentials);
-        // Ensure tools have the required structure for n8n AI node
-        return tools.map(tool => ({
-            ...tool,
-            // n8n expects name, description and properties at the top level
-        }));
+        const options = this.getNodeParameter('options', 0, {});
+        const enabledTools = options.enabledTools || [];
+        let tools = await (0, DynamicBrowserTools_1.createDynamicBrowserTools)(credentials);
+        // Filter tools if a selection was made
+        if (enabledTools.length > 0) {
+            tools = tools.filter(tool => enabledTools.includes(tool.name));
+        }
+        // Add a custom tool for the AI to connect to a specific CDP URL
+        const connectTool = {
+            name: 'browser_connect_cdp',
+            displayName: 'Connect to Browser (CDP)',
+            description: 'Connect to a specific browser instance using a CDP URL (wss://...)',
+            properties: [
+                {
+                    displayName: 'Endpoint URL',
+                    name: 'endpoint',
+                    type: 'string',
+                    default: '',
+                    required: true,
+                    description: 'The wss:// or http:// endpoint for the browser CDP connection',
+                },
+            ],
+            async execute(input) {
+                const sessionManager = BrowserSessionManager_1.default.getInstance();
+                const credentials = await this.getCredentials('smartBrowserAutomationApi');
+                await sessionManager.initialize(credentials.mcpEndpoint, true, input.endpoint);
+                return { success: true, message: `Connected to browser at ${input.endpoint}` };
+            }
+        };
+        return [connectTool, ...tools];
     }
     async execute() {
         const items = this.getInputData();
@@ -151,24 +204,38 @@ class SmartBrowserAutomation {
         const mode = this.getNodeParameter('mode', 0);
         for (let i = 0; i < items.length; i++) {
             try {
+                const options = this.getNodeParameter('options', i, {});
+                const verbose = options.verbose || false;
                 if (mode === 'manual') {
                     // Manual mode: User selects tool and provides arguments
                     const toolName = this.getNodeParameter('toolName', i);
                     const toolArgsStr = this.getNodeParameter('toolArgs', i);
-                    const verbose = this.getNodeParameter('verbose', i, false);
-                    // Initialize session if not ready
-                    if (!sessionManager.isReady()) {
-                        await sessionManager.initialize(credentials.mcpEndpoint, credentials.browserMode === 'cdp', credentials.cdpEndpoint);
-                    }
                     let toolArgs;
                     try {
                         toolArgs = JSON.parse(toolArgsStr);
                     }
                     catch (error) {
-                        throw new n8n_workflow_1.NodeOperationError(this.getNode(), `Invalid JSON in Tool Arguments: ${error.message} `);
+                        throw new n8n_workflow_1.NodeOperationError(this.getNode(), `Invalid JSON in Tool Arguments: ${error.message}`);
+                    }
+                    // Special case: Manual Browser Connection
+                    if (toolName === 'browser_connect_cdp') {
+                        const endpoint = toolArgs.endpoint;
+                        if (!endpoint) {
+                            throw new n8n_workflow_1.NodeOperationError(this.getNode(), 'Endpoint URL is required for browser_connect_cdp');
+                        }
+                        await sessionManager.initialize(credentials.mcpEndpoint, true, endpoint);
+                        returnData.push({
+                            json: { success: true, message: `Connected to browser at ${endpoint}` },
+                            pairedItem: i,
+                        });
+                        continue;
+                    }
+                    // Initialize session if not ready
+                    if (!sessionManager.isReady()) {
+                        await sessionManager.initialize(credentials.mcpEndpoint, credentials.browserMode === 'cdp', credentials.cdpEndpoint);
                     }
                     if (verbose) {
-                        console.log(`Executing tool: ${toolName} with args: `, toolArgs);
+                        console.log(`Executing tool: ${toolName} with args:`, toolArgs);
                     }
                     const result = await sessionManager.callTool(toolName, toolArgs);
                     returnData.push({
@@ -184,7 +251,9 @@ class SmartBrowserAutomation {
                     // AI Agent mode: Just initialize or close
                     const operation = this.getNodeParameter('operation', i);
                     if (operation === 'initialize') {
-                        const tools = await sessionManager.initialize(credentials.mcpEndpoint, credentials.browserMode === 'cdp', credentials.cdpEndpoint);
+                        // In AI mode, we use the credentials or fallback to nothing
+                        const cdpUrl = credentials.cdpEndpoint;
+                        const tools = await sessionManager.initialize(credentials.mcpEndpoint, true, cdpUrl);
                         returnData.push({
                             json: {
                                 success: true,

package/dist/nodes/SmartBrowserAutomation/smartBrowserAutomation.svg

@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="4" y="10" width="56" height="44" rx="4" fill="#6366F1"/>
+  <rect x="4" y="10" width="56" height="10" rx="4" fill="#4F46E5"/>
+  <circle cx="10" cy="15" r="2" fill="#F87171"/>
+  <circle cx="16" cy="15" r="2" fill="#FBBF24"/>
+  <circle cx="22" cy="15" r="2" fill="#34D399"/>
+  <path d="M32 28C38.6274 28 44 33.3726 44 40C44 46.6274 38.6274 52 32 52C25.3726 52 20 46.6274 20 40C20 33.3726 25.3726 28 32 28Z" fill="white" fill-opacity="0.2"/>
+  <path d="M32 32C36.4183 32 40 35.5817 40 40C40 44.4183 36.4183 48 32 48C27.5817 48 24 44.4183 24 40C24 35.5817 27.5817 32 32 32Z" fill="white"/>
+  <path d="M32 37L35 40L32 43" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M29 37L32 40L29 43" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(180 30.5 40) translate(-3 0)"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-nodes-smart-browser-automation",
-  "version": "1.0.2",
+  "version": "1.0.8",
   "description": "n8n node for AI-driven browser automation using MCP",
   "keywords": [
     "n8n-community-node-package",