add token text splitter

packages/components/nodes/textsplitters/TokenTextSplitter/TokenTextSplitter.ts

@@ -0,0 +1,86 @@
+import { INode, INodeData, INodeParams } from '../../../src/Interface'
+import { getBaseClasses } from '../../../src/utils'
+import { TokenTextSplitter, TokenTextSplitterParams } from 'langchain/text_splitter'
+import { TiktokenEncoding } from '@dqbd/tiktoken'
+
+class TokenTextSplitter_TextSplitters implements INode {
+    label: string
+    name: string
+    description: string
+    type: string
+    icon: string
+    category: string
+    baseClasses: string[]
+    inputs: INodeParams[]
+
+    constructor() {
+        this.label = 'Token Text Splitter'
+        this.name = 'tokenTextSplitter'
+        this.type = 'TokenTextSplitter'
+        this.icon = 'tiktoken.svg'
+        this.category = 'Text Splitters'
+        this.description = `Splits a raw text string by first converting the text into BPE tokens, then split these tokens into chunks and convert the tokens within a single chunk back into text.`
+        this.baseClasses = [this.type, ...getBaseClasses(TokenTextSplitter)]
+        this.inputs = [
+            {
+                label: 'Encoding Name',
+                name: 'encodingName',
+                type: 'options',
+                options: [
+                    {
+                        label: 'gpt2',
+                        name: 'gpt2'
+                    },
+                    {
+                        label: 'r50k_base',
+                        name: 'r50k_base'
+                    },
+                    {
+                        label: 'p50k_base',
+                        name: 'p50k_base'
+                    },
+                    {
+                        label: 'p50k_edit',
+                        name: 'p50k_edit'
+                    },
+                    {
+                        label: 'cl100k_base',
+                        name: 'cl100k_base'
+                    }
+                ],
+                default: 'gpt2'
+            },
+            {
+                label: 'Chunk Size',
+                name: 'chunkSize',
+                type: 'number',
+                default: 1000,
+                optional: true
+            },
+            {
+                label: 'Chunk Overlap',
+                name: 'chunkOverlap',
+                type: 'number',
+                optional: true
+            }
+        ]
+    }
+
+    async init(nodeData: INodeData): Promise<any> {
+        const encodingName = nodeData.inputs?.encodingName as string
+        const chunkSize = nodeData.inputs?.chunkSize as string
+        const chunkOverlap = nodeData.inputs?.chunkOverlap as string
+
+        const obj = {} as TokenTextSplitterParams
+
+        obj.encodingName = encodingName as TiktokenEncoding
+        if (chunkSize) obj.chunkSize = parseInt(chunkSize, 10)
+        if (chunkOverlap) obj.chunkOverlap = parseInt(chunkOverlap, 10)
+
+        const splitter = new TokenTextSplitter(obj)
+
+        return splitter
+    }
+}
+
+module.exports = { nodeClass: TokenTextSplitter_TextSplitters }

packages/components/nodes/textsplitters/TokenTextSplitter/tiktoken.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass" 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="M6.5 7h11"></path>
+   <path d="M6.5 17h11"></path>
+   <path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
+   <path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
+</svg>

packages/components/package.json

@@ -16,7 +16,7 @@
     },
     "license": "SEE LICENSE IN LICENSE.md",
     "dependencies": {
-        "@dqbd/tiktoken": "^1.0.4",
+        "@dqbd/tiktoken": "^1.0.7",
         "@huggingface/inference": "^1.6.3",
         "@pinecone-database/pinecone": "^0.0.12",
         "@supabase/supabase-js": "^2.21.0",