- update LangchainJS version

- add types & interfaces

- small ui bug fix

- update marketplace files

packages/components/nodes/tools/Calculator/Calculator.ts

@@ -1,7 +1,8 @@
 import { INode } from '../../../src/Interface'
 import { getBaseClasses } from '../../../src/utils'
+import { Calculator } from 'langchain/tools/calculator'
 
-class Calculator implements INode {
+class Calculator_Tools implements INode {
     label: string
     name: string
     description: string
@@ -17,17 +18,12 @@ class Calculator implements INode {
         this.icon = 'calculator.svg'
         this.category = 'Tools'
         this.description = 'Perform calculations on response'
-    }
-
-    async getBaseClasses(): Promise<string[]> {
-        const { Calculator } = await import('langchain/tools')
-        return getBaseClasses(Calculator)
+        this.baseClasses = [this.type, ...getBaseClasses(Calculator)]
     }
 
     async init(): Promise<any> {
-        const { Calculator } = await import('langchain/tools')
         return new Calculator()
     }
 }
 
-module.exports = { nodeClass: Calculator }
+module.exports = { nodeClass: Calculator_Tools }

packages/components/nodes/tools/RequestsGet/RequestsGet.ts

@@ -0,0 +1,29 @@
+import { INode } from '../../../src/Interface'
+import { getBaseClasses } from '../../../src/utils'
+import { RequestsGetTool } from 'langchain/tools'
+
+class RequestsGet_Tools implements INode {
+    label: string
+    name: string
+    description: string
+    type: string
+    icon: string
+    category: string
+    baseClasses: string[]
+
+    constructor() {
+        this.label = 'Requests Get'
+        this.name = 'requestsGet'
+        this.type = 'RequestsGet'
+        this.icon = 'requestsget.svg'
+        this.category = 'Tools'
+        this.description = 'Execute HTTP GET requests'
+        this.baseClasses = [this.type, ...getBaseClasses(RequestsGetTool)]
+    }
+
+    async init(): Promise<any> {
+        return new RequestsGetTool()
+    }
+}
+
+module.exports = { nodeClass: RequestsGet_Tools }

packages/components/nodes/tools/RequestsGet/requestsget.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-http-get" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+   <path d="M7 8h-2a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2v-4h-1"></path>
+   <path d="M14 8h-4v8h4"></path>
+   <path d="M10 12h2.5"></path>
+   <path d="M17 8h4"></path>
+   <path d="M19 8v8"></path>
+</svg>

packages/components/nodes/tools/RequestsPost/RequestsPost.ts

@@ -0,0 +1,29 @@
+import { INode } from '../../../src/Interface'
+import { getBaseClasses } from '../../../src/utils'
+import { RequestsPostTool } from 'langchain/tools'
+
+class RequestsPost_Tools implements INode {
+    label: string
+    name: string
+    description: string
+    type: string
+    icon: string
+    category: string
+    baseClasses: string[]
+
+    constructor() {
+        this.label = 'Requests Post'
+        this.name = 'requestsPost'
+        this.type = 'RequestsPost'
+        this.icon = 'requestspost.svg'
+        this.category = 'Tools'
+        this.description = 'Execute HTTP POST requests'
+        this.baseClasses = [this.type, ...getBaseClasses(RequestsPostTool)]
+    }
+
+    async init(): Promise<any> {
+        return new RequestsPostTool()
+    }
+}
+
+module.exports = { nodeClass: RequestsPost_Tools }

packages/components/nodes/tools/RequestsPost/requestspost.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-http-post" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+   <path d="M3 12h2a2 2 0 1 0 0 -4h-2v8"></path>
+   <path d="M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"></path>
+   <path d="M17 15a1 1 0 0 0 1 1h2a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1"></path>
+</svg>

packages/components/nodes/tools/SerpAPI/SerpAPI.ts

@@ -1,7 +1,8 @@
 import { INode, INodeData, INodeParams } from '../../../src/Interface'
 import { getBaseClasses } from '../../../src/utils'
+import { SerpAPI } from 'langchain/tools'
 
-class SerpAPI implements INode {
+class SerpAPI_Tools implements INode {
     label: string
     name: string
     description: string
@@ -25,18 +26,13 @@ class SerpAPI implements INode {
                 type: 'password'
             }
         ]
-    }
-
-    async getBaseClasses(): Promise<string[]> {
-        const { SerpAPI } = await import('langchain/tools')
-        return getBaseClasses(SerpAPI)
+        this.baseClasses = [this.type, ...getBaseClasses(SerpAPI)]
     }
 
     async init(nodeData: INodeData): Promise<any> {
-        const { SerpAPI } = await import('langchain/tools')
         const apiKey = nodeData.inputs?.apiKey as string
         return new SerpAPI(apiKey)
     }
 }
 
-module.exports = { nodeClass: SerpAPI }
+module.exports = { nodeClass: SerpAPI_Tools }