chimerical/odidere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix interrupted streaming message deletion

Browse Source
This commit is contained in:
dwrz
2026-06-30 11:44:19 +00:00
parent c500b23372
commit 95326ce02f
2 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
internal/service/static/main.js
View File

@@ -1511,6 +1511,7 @@ class Odidere {
this.currentController = new AbortController();
let streamingMessage = null;
let done = false;
try {
const hasNewInput =
@@ -1638,8 +1639,7 @@ class Odidere {
// Handle errors sent mid-stream.
if (event.error) {
this.#renderError(event.error);
continue;
throw new Error(event.error);
}
if (
@@ -1786,36 +1786,35 @@ class Odidere {
}
}
done = true;
this.#setLoadingState(false);
} catch (e) {
if (e.name === 'AbortError') {
console.debug('request aborted');
if (streamingMessage) {
const $msg = streamingMessage.$el;
const $deleteBtn = document.createElement('button');
$deleteBtn.type = 'button';
$deleteBtn.className =
'message__action-btn message__action-btn--delete';
$deleteBtn.dataset.action = 'delete';
$deleteBtn.setAttribute('aria-label', 'Delete message');
$deleteBtn.innerHTML = `<svg class="icon"><use href="${ICONS_URL}#trash"></use></svg>`;
$deleteBtn.addEventListener('click', (e) =>
this.#handleDeleteClick(e, streamingMessage.message.id),
);
$msg
.querySelector('.message__actions-buttons')
.insertBefore(
$deleteBtn,
$msg.querySelector('.message__actions-buttons').firstChild,
);
}
return;
if (e.name !== 'AbortError') {
console.error('failed to send request:', e);
this.#renderError(`Error: ${e.message}`);
}
console.error('failed to send request:', e);
this.#renderError(`Error: ${e.message}`);
this.#setLoadingState(false);
} finally {
this.currentController = null;
if (!done && streamingMessage) {
const $msg = streamingMessage.$el;
const $deleteBtn = document.createElement('button');
$deleteBtn.type = 'button';
$deleteBtn.className =
'message__action-btn message__action-btn--delete';
$deleteBtn.dataset.action = 'delete';
$deleteBtn.setAttribute('aria-label', 'Delete message');
$deleteBtn.innerHTML = `<svg class="icon"><use href="${ICONS_URL}#trash"></use></svg>`;
$deleteBtn.addEventListener('click', (e) =>
this.#handleDeleteClick(e, streamingMessage.message.id),
);
$msg
.querySelector('.message__actions-buttons')
.insertBefore(
$deleteBtn,
$msg.querySelector('.message__actions-buttons').firstChild,
);
}
}
}
@@ -2735,6 +2734,11 @@ class Odidere {
this.$tplErrorMessage.content.cloneNode(true).firstElementChild;
$msg.querySelector('.message__content').textContent = message;
const $delete = $msg.querySelector('[data-action="delete"]');
if ($delete) {
$delete.addEventListener('click', () => $msg.remove());
}
this.$chat.insertBefore($msg, this.$chatLoading);
this.#scrollToBottom();
}