refac: channel input

src/lib/components/chat/MessageInput.svelte

@@ -51,7 +51,6 @@
 	import InputMenu from './MessageInput/InputMenu.svelte';
 	import VoiceRecording from './MessageInput/VoiceRecording.svelte';
 	import FilesOverlay from './MessageInput/FilesOverlay.svelte';
-	import Commands from './MessageInput/Commands.svelte';
 	import ToolServersModal from './ToolServersModal.svelte';
 
 	import RichTextInput from '../common/RichTextInput.svelte';
@@ -77,7 +76,6 @@
 	import { KokoroWorker } from '$lib/workers/KokoroWorker';
 
 	import { getSuggestionRenderer } from '../common/RichTextInput/suggestions';
-	import MentionList from '../common/RichTextInput/MentionList.svelte';
 	import CommandSuggestionList from './MessageInput/CommandSuggestionList.svelte';
 
 	const i18n = getContext('i18n');
@@ -298,16 +296,6 @@
 	};
 
 	const getCommand = () => {
-		const getWordAtCursor = (text, cursor) => {
-			if (typeof text !== 'string' || cursor == null) return '';
-			const left = text.slice(0, cursor);
-			const right = text.slice(cursor);
-			const leftWord = left.match(/(?:^|\s)([^\s]*)$/)?.[1] || '';
-
-			const rightWord = right.match(/^([^\s]*)/)?.[1] || '';
-			return leftWord + rightWord;
-		};
-
 		const chatInput = document.getElementById('chat-input');
 		let word = '';
 
@@ -319,14 +307,6 @@
 	};
 
 	const replaceCommandWithText = (text) => {
-		const getWordBoundsAtCursor = (text, cursor) => {
-			let start = cursor,
-				end = cursor;
-			while (start > 0 && !/\s/.test(text[start - 1])) --start;
-			while (end < text.length && !/\s/.test(text[end])) ++end;
-			return { start, end };
-		};
-
 		const chatInput = document.getElementById('chat-input');
 		if (!chatInput) return;
 

src/lib/components/chat/MessageInput/Commands.svelte

@@ -1,129 +0,0 @@
-<script>
-	import { knowledge, prompts } from '$lib/stores';
-
-	import { removeLastWordFromString } from '$lib/utils';
-	import { getPrompts } from '$lib/apis/prompts';
-	import { getKnowledgeBases } from '$lib/apis/knowledge';
-
-	import Prompts from './Commands/Prompts.svelte';
-	import Knowledge from './Commands/Knowledge.svelte';
-	import Models from './Commands/Models.svelte';
-	import Spinner from '$lib/components/common/Spinner.svelte';
-
-	export let show = false;
-
-	export let files = [];
-	export let command = '';
-
-	export let onSelect = (e) => {};
-	export let onUpload = (e) => {};
-
-	export let insertTextHandler = (text) => {};
-
-	let loading = false;
-	let commandElement = null;
-
-	export const selectUp = () => {
-		commandElement?.selectUp();
-	};
-
-	export const selectDown = () => {
-		commandElement?.selectDown();
-	};
-
-	$: if (show) {
-		init();
-	}
-
-	const init = async () => {
-		loading = true;
-		await Promise.all([
-			(async () => {
-				prompts.set(await getPrompts(localStorage.token));
-			})(),
-			(async () => {
-				knowledge.set(await getKnowledgeBases(localStorage.token));
-			})()
-		]);
-		loading = false;
-	};
-</script>
-
-{#if show}
-	{#if !loading}
-		{#if command?.charAt(0) === '/'}
-			<Prompts
-				bind:this={commandElement}
-				{command}
-				onSelect={(e) => {
-					const { type, data } = e;
-
-					if (type === 'prompt') {
-						insertTextHandler(data.content);
-					}
-				}}
-			/>
-		{:else if (command?.charAt(0) === '#' && command.startsWith('#') && !command.includes('# ')) || ('\\#' === command.slice(0, 2) && command.startsWith('#') && !command.includes('# '))}
-			<Knowledge
-				bind:this={commandElement}
-				command={command.includes('\\#') ? command.slice(2) : command}
-				onSelect={(e) => {
-					const { type, data } = e;
-
-					if (type === 'knowledge') {
-						insertTextHandler('');
-
-						onUpload({
-							type: 'file',
-							data: data
-						});
-					} else if (type === 'youtube') {
-						insertTextHandler('');
-
-						onUpload({
-							type: 'youtube',
-							data: data
-						});
-					} else if (type === 'web') {
-						insertTextHandler('');
-
-						onUpload({
-							type: 'web',
-							data: data
-						});
-					}
-				}}
-			/>
-		{:else if command?.charAt(0) === '@'}
-			<Models
-				bind:this={commandElement}
-				{command}
-				onSelect={(e) => {
-					const { type, data } = e;
-
-					if (type === 'model') {
-						insertTextHandler('');
-
-						onSelect({
-							type: 'model',
-							data: data
-						});
-					}
-				}}
-			/>
-		{/if}
-	{:else}
-		<div
-			id="commands-container"
-			class="px-2 mb-2 text-left w-full absolute bottom-0 left-0 right-0 z-10"
-		>
-			<div class="flex w-full rounded-xl border border-gray-100 dark:border-gray-850">
-				<div
-					class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:bg-gray-900 dark:text-gray-100"
-				>
-					<Spinner />
-				</div>
-			</div>
-		</div>
-	{/if}
-{/if}