mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Preload emoji images in queue

Browse source
This commit is contained in:
Ken Powers 2019-06-27 18:33:15 -04:00 committed by Scott Nonnenberg
parent ba2c32304b
commit 35b12d9b72
1 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
ts/components/emoji/lib.ts
View file

@ -11,6 +11,7 @@ import {
sortBy,
} from 'lodash';
import Fuse from 'fuse.js';
import PQueue from 'p-queue';
export type ValuesOf<T extends Array<any>> = T[number];
@ -70,25 +71,40 @@ const makeImagePath = (src: string) => {
return `node_modules/emoji-datasource-apple/img/apple/64/${src}`;
};
export const images = new Set();
const imageQueue = new PQueue({ concurrency: 10 });
const images = new Set();
export const preloadImages = () => {
export const preloadImages = async () => {
// Preload images
const preload = (src: string) => {
const img = new Image();
img.src = src;
images.add(img);
};
const preload = (src: string) =>
new Promise((resolve, reject) => {
const img = new Image();
img.onload = resolve;
img.onerror = reject;
img.src = src;
images.add(img);
setTimeout(reject, 5000);
});
// tslint:disable-next-line no-console
console.log('Preloading emoji images');
const start = Date.now();
data.forEach(emoji => {
preload(makeImagePath(emoji.image));
imageQueue.add(() => preload(makeImagePath(emoji.image)));
if (emoji.skin_variations) {
Object.values(emoji.skin_variations).forEach(variation => {
preload(makeImagePath(variation.image));
imageQueue.add(() => preload(makeImagePath(variation.image)));
});
}
});
await imageQueue.onEmpty();
const end = Date.now();
// tslint:disable-next-line no-console
console.log(`Done preloading emoji images in ${end - start}ms`);
};
export const dataByShortName = keyBy(data, 'short_name');