Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Claude: Support multiline messages

Browse Source
This commit is contained in:
Alessandro Pignotti 2024-12-19 14:46:12 +01:00
parent c43dbb7533
commit aaa25d94ef
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/lib/AnthropicTab.svelte
View File

@ -12,8 +12,17 @@
{ {
if(e.key != "Enter") if(e.key != "Enter")
return; return;
addMessage(e.target.value, handleTool); var textArea = e.target;
e.target.value = ""; addMessage(textArea.value, handleTool);
// Reset the textarea
textArea.value = "";
textArea.style.height = "unset";
e.preventDefault();
}
function handleResize(e)
{
var textArea = e.target;
textArea.style.height = textArea.scrollHeight + "px";
} }
function scrollMessage(node, messageList) function scrollMessage(node, messageList)
{ {
@ -60,7 +69,7 @@
</div> </div>
</div> </div>
{#if $apiState == "KEY_REQUIRED"} {#if $apiState == "KEY_REQUIRED"}
<input class="bg-neutral-700 p-2 rounded-md placeholder-gray-400" placeholder="Insert your Claude API Key" on:keydown={handleKeyEnter}/> <textarea class="bg-neutral-700 p-2 rounded-md placeholder-gray-400 resize-none shrink-0" placeholder="Insert your Claude API Key" rows="1" on:keydown={handleKeyEnter} on:input={handleResize}/>
{:else} {:else}
<input class="bg-neutral-700 p-2 rounded-md placeholder-gray-400" placeholder="Prompt..." on:keydown={handleMessage}/> <textarea class="bg-neutral-700 p-2 rounded-md placeholder-gray-400 resize-none shrink-0" placeholder="Prompt..." rows="1" on:keydown={handleMessage} on:input={handleResize}/>
{/if} {/if}