forked from lavender/watch-party
yield between appending 100 item chunks
parent
a6a856c6a5
commit
7b1defe010
|
@ -45,7 +45,7 @@ const setupChatboxEvents = (socket) => {
|
||||||
const search = text.slice(match.index + 1);
|
const search = text.slice(match.index + 1);
|
||||||
if (search.length < 1 && !fromListTimeout) {
|
if (search.length < 1 && !fromListTimeout) {
|
||||||
autocompleting = false;
|
autocompleting = false;
|
||||||
showListTimer = setTimeout(() => autocomplete(true), 1000);
|
showListTimer = setTimeout(() => autocomplete(true), 500);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const suffix = messageInput.value.slice(messageInput.selectionStart);
|
const suffix = messageInput.value.slice(messageInput.selectionStart);
|
||||||
|
@ -55,14 +55,20 @@ const setupChatboxEvents = (socket) => {
|
||||||
selected = button;
|
selected = button;
|
||||||
button.classList.add("selected");
|
button.classList.add("selected");
|
||||||
};
|
};
|
||||||
emojiAutocomplete.append(
|
let results = await findEmojis(search);
|
||||||
...(await findEmojis(search)).map(([name, replaceWith, ext], i) => {
|
for (let i = 0; i < results.length; i += 100) {
|
||||||
|
emojiAutocomplete.append.apply(
|
||||||
|
emojiAutocomplete,
|
||||||
|
results.slice(i, i + 1000).map(([name, replaceWith, ext], i) => {
|
||||||
const button = Object.assign(document.createElement("button"), {
|
const button = Object.assign(document.createElement("button"), {
|
||||||
className: "emoji-option",
|
className: "emoji-option",
|
||||||
onmousedown: (e) => e.preventDefault(),
|
onmousedown: (e) => e.preventDefault(),
|
||||||
onclick: () => {
|
onclick: () => {
|
||||||
messageInput.value = prefix + replaceWith + " " + suffix;
|
messageInput.value = prefix + replaceWith + " " + suffix;
|
||||||
setCaretPosition(messageInput, (prefix + " " + replaceWith).length);
|
setCaretPosition(
|
||||||
|
messageInput,
|
||||||
|
(prefix + " " + replaceWith).length
|
||||||
|
);
|
||||||
},
|
},
|
||||||
onmouseover: () => select(button),
|
onmouseover: () => select(button),
|
||||||
onfocus: () => select(button),
|
onfocus: () => select(button),
|
||||||
|
@ -88,10 +94,12 @@ const setupChatboxEvents = (socket) => {
|
||||||
return button;
|
return button;
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
if (emojiAutocomplete.children[0]) {
|
if (i == 0 && emojiAutocomplete.children[0]) {
|
||||||
emojiAutocomplete.children[0].scrollIntoView();
|
emojiAutocomplete.children[0].scrollIntoView();
|
||||||
select(emojiAutocomplete.children[0]);
|
select(emojiAutocomplete.children[0]);
|
||||||
}
|
}
|
||||||
|
await new Promise((cb) => setTimeout(cb, 0));
|
||||||
|
}
|
||||||
autocompleting = false;
|
autocompleting = false;
|
||||||
}
|
}
|
||||||
messageInput.addEventListener("input", () => autocomplete());
|
messageInput.addEventListener("input", () => autocomplete());
|
||||||
|
|
Loading…
Reference in New Issue