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

package/dist/nodes/SmartBrowserAutomation/BrowserSessionManager.js

@@ -33,9 +33,18 @@ class BrowserSessionManager {
         this.transport = new stdio_js_1.StdioClientTransport({
             command: 'node',
             args: [mcpEndpoint],
-            env: useCDP && cdpEndpoint ? { CDP_URL: cdpEndpoint } : undefined
+            env: {
+                ...process.env,
+                ...(useCDP && cdpEndpoint ? { CDP_URL: cdpEndpoint } : {})
+            }
         });
-        await this.mcpClient.connect(this.transport);
+        try {
+            await this.mcpClient.connect(this.transport);
+        }
+        catch (error) {
+            this.isInitialized = false;
+            throw new Error(`Failed to connect to MCP server at ${mcpEndpoint}. Ensure the path is correct and accessible within your n8n environment. 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,38 @@ 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: 'CDP Endpoint',
+                        name: 'cdpUrl',
+                        type: 'string',
+                        default: '',
+                        placeholder: 'wss://...',
+                        description: 'The CDP URL to connect to. Overrides the one in credentials if provided.',
+                    },
+                    {
+                        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',
+                    },
+                ],
             },
         ],
     };
@@ -136,12 +163,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_cdp_connect',
+            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,11 +202,12 @@ 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);
@@ -165,10 +217,10 @@ class SmartBrowserAutomation {
                         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}`);
                     }
                     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 +236,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);
+                        const cdpUrl = options.cdpUrl || credentials.cdpEndpoint;
+                        const tools = await sessionManager.initialize(credentials.mcpEndpoint, true, // Force CDP if using initialize in AI mode
+                        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.6",
   "description": "n8n node for AI-driven browser automation using MCP",
   "keywords": [
     "n8n-community-node-package",