mirror of
https://github.com/element-hq/element-web
synced 2024-11-27 03:36:07 +03:00
75 lines
2.6 KiB
TypeScript
75 lines
2.6 KiB
TypeScript
/*
|
|
Copyright 2019 Tulir Asokan <tulir@maunium.net>
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { orderBy } from "lodash";
|
|
|
|
import SettingsStore from "../settings/SettingsStore";
|
|
import { SettingLevel } from "../settings/SettingLevel";
|
|
|
|
interface ILegacyFormat {
|
|
[emoji: string]: [number, number]; // [count, date]
|
|
}
|
|
|
|
// New format tries to be more space efficient for synchronization. Ordered by Date descending.
|
|
type Format = [string, number][]; // [emoji, count]
|
|
|
|
const SETTING_NAME = "recent_emoji";
|
|
|
|
// we store more recents than we typically query but this lets us sort by weighted usage
|
|
// even if you haven't used your typically favourite emoji for a little while.
|
|
const STORAGE_LIMIT = 100;
|
|
|
|
// TODO remove this after some time
|
|
function migrate() {
|
|
const data: ILegacyFormat = JSON.parse(window.localStorage.mx_reaction_count || "{}");
|
|
const sorted = Object.entries(data).sort(([, [count1, date1]], [, [count2, date2]]) => date2 - date1);
|
|
const newFormat = sorted.map(([emoji, [count, date]]) => [emoji, count]);
|
|
SettingsStore.setValue(SETTING_NAME, null, SettingLevel.ACCOUNT, newFormat.slice(0, STORAGE_LIMIT));
|
|
}
|
|
|
|
function getRecentEmoji(): Format {
|
|
return SettingsStore.getValue(SETTING_NAME) || [];
|
|
}
|
|
|
|
export function add(emoji: string) {
|
|
const recents = getRecentEmoji();
|
|
const i = recents.findIndex(([e]) => e === emoji);
|
|
|
|
let newEntry;
|
|
if (i >= 0) {
|
|
// first remove the existing tuple so that we can increment it and push it to the front
|
|
[newEntry] = recents.splice(i, 1);
|
|
newEntry[1]++; // increment the usage count
|
|
} else {
|
|
newEntry = [emoji, 1];
|
|
}
|
|
|
|
SettingsStore.setValue(SETTING_NAME, null, SettingLevel.ACCOUNT, [newEntry, ...recents].slice(0, STORAGE_LIMIT));
|
|
}
|
|
|
|
export function get(limit = 24) {
|
|
let recents = getRecentEmoji();
|
|
|
|
if (recents.length < 1) {
|
|
migrate();
|
|
recents = getRecentEmoji();
|
|
}
|
|
|
|
// perform a stable sort on `count` to keep the recent (date) order as a secondary sort factor
|
|
const sorted = orderBy(recents, "1", "desc");
|
|
return sorted.slice(0, limit).map(([emoji]) => emoji);
|
|
}
|