mattermost-mobile/app/actions/remote/custom_emoji.ts

100 lines
3.7 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {forceLogoutIfNecessary} from '@actions/remote/session';
import {Emoji, General} from '@constants';
import DatabaseManager from '@database/manager';
import {debounce} from '@helpers/api/general';
import NetworkManager from '@managers/network_manager';
import {queryCustomEmojisByName} from '@queries/servers/custom_emoji';
import {prefetchCustomEmojiImages} from '@utils/emoji/prefetch';
import {getFullErrorMessage} from '@utils/errors';
import {logDebug} from '@utils/log';
export const fetchCustomEmojis = async (serverUrl: string, page = 0, perPage = General.PAGE_SIZE_DEFAULT, sort = Emoji.SORT_BY_NAME) => {
try {
const client = NetworkManager.getClient(serverUrl);
const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
const data = await client.getCustomEmojis(page, perPage, sort);
prefetchCustomEmojiImages(client, data);
await operator.handleCustomEmojis({
emojis: data,
prepareRecordsOnly: false,
});
return {data};
} catch (error) {
logDebug('error on fetchCustomEmojis', getFullErrorMessage(error));
forceLogoutIfNecessary(serverUrl, error);
return {error};
}
};
export const searchCustomEmojis = async (serverUrl: string, term: string) => {
try {
const client = NetworkManager.getClient(serverUrl);
const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
const data = await client.searchCustomEmoji(term);
if (data.length) {
const names = data.map((c) => c.name);
const exist = await queryCustomEmojisByName(database, names).fetch();
const existingNames = new Set(exist.map((e) => e.name));
const emojis = data.filter((d) => !existingNames.has(d.name));
prefetchCustomEmojiImages(client, emojis);
await operator.handleCustomEmojis({
emojis,
prepareRecordsOnly: false,
});
}
return {data};
} catch (error) {
logDebug('error on searchCustomEmojis', getFullErrorMessage(error));
forceLogoutIfNecessary(serverUrl, error);
return {error};
}
};
const names = new Set<string>();
export const fetchEmojisByName = async (serverUrl: string) => {
try {
const client = NetworkManager.getClient(serverUrl);
const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
const promises: Array<Promise<CustomEmoji>> = [];
for (const name of names) {
promises.push(client.getCustomEmojiByName(name));
}
const emojisResult = await Promise.allSettled(promises);
const emojis = emojisResult.reduce<CustomEmoji[]>((result, e) => {
if (e.status === 'fulfilled') {
result.push(e.value);
}
return result;
}, []);
if (emojis.length) {
prefetchCustomEmojiImages(client, emojis);
await operator.handleCustomEmojis({emojis, prepareRecordsOnly: false});
}
return {};
} catch (error) {
logDebug('error on debouncedFetchEmojiByNames', getFullErrorMessage(error));
return {error};
}
};
const debouncedFetchEmojiByNames = debounce(fetchEmojisByName, 200, false, () => {
names.clear();
});
export const fetchCustomEmojiInBatch = (serverUrl: string, emojiName: string) => {
names.add(emojiName);
return debouncedFetchEmojiByNames.apply(null, [serverUrl]);
};
export const fetchCustomEmojiInBatchForTest = (serverUrl: string, emojiName: string) => {
names.add(emojiName);
return fetchEmojisByName(serverUrl);
};