Merge branch 'feat/ai-prompt-splitter' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	src/tools/index.ts

Author: sharevb

package.json

@@ -54,6 +54,7 @@
     "@vueuse/router": "^10.0.0",
     "bcryptjs": "^2.4.3",
     "change-case": "^4.1.2",
+    "chatgpt-prompt-splitter": "^1.0.5",
     "colord": "^2.9.3",
     "composerize-ts": "^0.6.2",
     "country-code-lookup": "^0.1.0",

pnpm-lock.yaml

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import promptSplitter from 'chatgpt-prompt-splitter';
+import { useValidation } from '@/composable/validation';
+
+const prompt = ref('');
+const splitLength = ref(1024);
+
+const splittedPrompts = computed(() => {
+  try {
+    return promptSplitter({
+      prompt: prompt.value,
+      splitLength: splitLength.value,
+      newLine: true,
+    });
+  }
+  catch (e: any) {
+    return [e.toString()];
+  }
+});
+
+const promptValidation = useValidation({
+  source: prompt,
+  rules: [
+    {
+      validator: v => v !== '',
+      message: 'Prompt must not be empty',
+    },
+  ],
+});
+</script>
+
+<template>
+  <div style="max-width: 600px;">
+    <c-card title="Prompt and options" mb-2>
+      <c-input-text
+        v-model:value="prompt"
+        label="Full Prompt"
+        multiline
+        placeholder="Put your full prompt here..."
+        rows="10"
+        :validation="promptValidation"
+        mb-2
+      />
+      <n-form-item label="Character length for each chunk">
+        <n-input-number v-model:value="splitLength" :min="1" />
+      </n-form-item>
+    </c-card>
+
+    <c-card title="Splitted prompts">
+      <div v-for="(splittedPrompt, index) in splittedPrompts" :key="index">
+        <TextareaCopyable :value="splittedPrompt" />
+      </div>
+    </c-card>
+  </div>
+</template>

src/tools/ai-prompt-splitter/ai-prompt-splitter.vue

@@ -0,0 +1,7 @@
+declare module "chatgpt-prompt-splitter" {
+    export default function promptSplitter(options: {
+        prompt: string
+        splitLength: number
+        newLine: boolean
+    }): Array<string>;
+}

src/tools/ai-prompt-splitter/chatgpt-prompt-splitter.d.ts

@@ -0,0 +1,12 @@
+import { Prompt } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'AI Prompt Splitter',
+  path: '/ai-prompt-splitter',
+  description: 'Split a long document to multiple chat (ie ChatGPT) priompts',
+  keywords: ['ai', 'chatgpt', 'gpt', 'prompt', 'splitter'],
+  component: () => import('./ai-prompt-splitter.vue'),
+  icon: Prompt,
+  createdAt: new Date('2024-07-14'),
+});

src/tools/ai-prompt-splitter/index.ts

@@ -13,6 +13,7 @@ import { tool as regexTester } from './regex-tester';
 import { tool as regexMemo } from './regex-memo';
 import { tool as markdownToHtml } from './markdown-to-html';
 import { tool as pasteAsMarkdown } from './paste-as-markdown';
+import { tool as aiPromptSplitter } from './ai-prompt-splitter';
 import { tool as pdfSignatureChecker } from './pdf-signature-checker';
 import { tool as numeronymGenerator } from './numeronym-generator';
 import { tool as macAddressGenerator } from './mac-address-generator';
@@ -184,6 +185,7 @@ export const toolsByCategory: ToolCategory[] = [
       stringObfuscator,
       textDiff,
       numeronymGenerator,
+      aiPromptSplitter,
       asciiTextDrawer,
       pasteAsMarkdown,
     ],