vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

server : allow continue edit on completion mode

Browse source
This commit is contained in:
Jhen 2023-11-05 10:36:19 +08:00
parent f28af0d81a
commit f2b31451a5
2 changed files with 1588 additions and 1510 deletions
Download patch file Download diff file Expand all files Collapse all files

3072
examples/server/index.html.hpp
View file

File diff suppressed because it is too large Load diff

24
examples/server/public/index.html
View file

@ -473,6 +473,10 @@
slot_id: slot_id, slot_id: slot_id,
stop: [], stop: [],
}, ""); }, "");
session.value.prompt = session.value.transcript.map(([_, data]) =>
Array.isArray(data) ? data.map(msg => msg.content).join('') : data
).join('');
session.value.transcript = [];
} }
const stop = (e) => { const stop = (e) => {
@ -572,6 +576,7 @@
} }
}, [messages]) }, [messages])
const isCompletionMode = session.value.type === 'completion'
const chatLine = ([user, data], index) => { const chatLine = ([user, data], index) => {
let message let message
const isArrayMessage = Array.isArray(data) const isArrayMessage = Array.isArray(data)
@ -581,20 +586,31 @@
const text = isArrayMessage ? const text = isArrayMessage ?
data.map(msg => msg.content).join('').replace(/^\s+/, '') : data.map(msg => msg.content).join('').replace(/^\s+/, '') :
data; data;
message = html`<${Markdownish} text=${template(text)} />` message = isCompletionMode ?
text :
html`<${Markdownish} text=${template(text)} />`
} }
if (user) { if (user) {
return html`<p key=${index}><strong>${template(user)}:</strong> ${message}</p>` return html`<p key=${index}><strong>${template(user)}:</strong> ${message}</p>`
} else { } else {
return html`<p key=${index}>${message}</p>` return isCompletionMode ?
html`<span key=${index}>${message}</span>` :
html`<p key=${index}>${message}</p>`
} }
}; };
const handleCompletionEdit = (e) => {
session.value.prompt = e.target.innerText;
session.value.transcript = [];
}
return html` return html`
<section id="chat" ref=${container}> <div id="chat" ref=${container} key=${messages.length}>
<img style="width: 60%;${!session.value.image_selected ? `display: none;` : ``}" src="${session.value.image_selected}"/> <img style="width: 60%;${!session.value.image_selected ? `display: none;` : ``}" src="${session.value.image_selected}"/>
<span contenteditable=${isCompletionMode} ref=${container} oninput=${handleCompletionEdit} style="display:inline-block; white-space: pre-wrap;">
${messages.flatMap(chatLine)} ${messages.flatMap(chatLine)}
</section>`; </span>
</div>`;
}; };
const ConfigForm = (props) => { const ConfigForm = (props) => {