feat: prompt variables from suggestions

This commit is contained in:
Timothy J. Baek 2024-05-02 00:45:04 -07:00
parent 9ee39aa07f
commit 572cd22b4d
2 changed files with 33 additions and 7 deletions

View file

@ -26,6 +26,10 @@
{ {
"title": ["Overcome procrastination", "give me tips"], "title": ["Overcome procrastination", "give me tips"],
"content": "Could you start by asking me about instances when I procrastinate the most and then give me some suggestions to overcome it?" "content": "Could you start by asking me about instances when I procrastinate the most and then give me some suggestions to overcome it?"
},
{
"title": ["Grammar check", "rewrite it for better readability "],
"content": "Check the following sentence for grammar and clarity: \"[sentence]\". Rewrite it for better readability while maintaining its original meaning."
} }
] ]
} }

View file

@ -12,7 +12,7 @@
import Placeholder from './Messages/Placeholder.svelte'; import Placeholder from './Messages/Placeholder.svelte';
import Spinner from '../common/Spinner.svelte'; import Spinner from '../common/Spinner.svelte';
import { imageGenerations } from '$lib/apis/images'; import { imageGenerations } from '$lib/apis/images';
import { copyToClipboard } from '$lib/utils'; import { copyToClipboard, findWordIndices } from '$lib/utils';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
@ -247,16 +247,38 @@
modelfiles={selectedModelfiles} modelfiles={selectedModelfiles}
{suggestionPrompts} {suggestionPrompts}
submitPrompt={async (p) => { submitPrompt={async (p) => {
const chatTextAreaElement = document.getElementById('chat-textarea'); let text = p;
if (chatTextAreaElement) {
prompt = p; if (p.includes('{{CLIPBOARD}}')) {
const clipboardText = await navigator.clipboard.readText().catch((err) => {
toast.error($i18n.t('Failed to read clipboard contents'));
return '{{CLIPBOARD}}';
});
text = p.replaceAll('{{CLIPBOARD}}', clipboardText);
}
prompt = text;
await tick(); await tick();
chatTextAreaElement.style.height = ''; const chatInputElement = document.getElementById('chat-textarea');
chatTextAreaElement.style.height = Math.min(chatTextAreaElement.scrollHeight, 200) + 'px'; if (chatInputElement) {
chatTextAreaElement.focus(); prompt = p;
chatInputElement.style.height = '';
chatInputElement.style.height = Math.min(chatInputElement.scrollHeight, 200) + 'px';
chatInputElement.focus();
const words = findWordIndices(prompt);
if (words.length > 0) {
const word = words.at(0);
chatInputElement.setSelectionRange(word?.startIndex, word.endIndex + 1);
} }
}
await tick();
}} }}
/> />
{:else} {:else}