92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
import AccessorUtilities from '~/lib/utils/accessor';
|
|
import { MAX_FREQUENT_ITEMS, MAX_FREQUENCY, SIDEBAR_PARAMS } from './constants';
|
|
|
|
function extractKeys(object, keyList) {
|
|
return Object.fromEntries(keyList.map((key) => [key, object[key]]));
|
|
}
|
|
|
|
export const loadDataFromLS = (key) => {
|
|
if (!AccessorUtilities.canUseLocalStorage()) {
|
|
return [];
|
|
}
|
|
|
|
try {
|
|
return JSON.parse(localStorage.getItem(key)) || [];
|
|
} catch {
|
|
// The LS got in a bad state, let's wipe it
|
|
localStorage.removeItem(key);
|
|
return [];
|
|
}
|
|
};
|
|
|
|
export const setFrequentItemToLS = (key, data, itemData) => {
|
|
if (!AccessorUtilities.canUseLocalStorage()) {
|
|
return [];
|
|
}
|
|
|
|
const keyList = [
|
|
'id',
|
|
'avatar_url',
|
|
'name',
|
|
'full_name',
|
|
'name_with_namespace',
|
|
'frequency',
|
|
'lastUsed',
|
|
];
|
|
|
|
try {
|
|
const frequentItems = data[key].map((obj) => extractKeys(obj, keyList));
|
|
const item = extractKeys(itemData, keyList);
|
|
const existingItemIndex = frequentItems.findIndex((i) => i.id === item.id);
|
|
|
|
if (existingItemIndex >= 0) {
|
|
// Up the frequency (Max 5)
|
|
const currentFrequency = frequentItems[existingItemIndex].frequency;
|
|
frequentItems[existingItemIndex].frequency = Math.min(currentFrequency + 1, MAX_FREQUENCY);
|
|
frequentItems[existingItemIndex].lastUsed = new Date().getTime();
|
|
} else {
|
|
// Only store a max of 5 items
|
|
if (frequentItems.length >= MAX_FREQUENT_ITEMS) {
|
|
frequentItems.pop();
|
|
}
|
|
|
|
frequentItems.push({ ...item, frequency: 1, lastUsed: new Date().getTime() });
|
|
}
|
|
|
|
// Sort by frequency and lastUsed
|
|
frequentItems.sort((a, b) => {
|
|
if (a.frequency > b.frequency) {
|
|
return -1;
|
|
} else if (a.frequency < b.frequency) {
|
|
return 1;
|
|
}
|
|
return b.lastUsed - a.lastUsed;
|
|
});
|
|
|
|
// Note we do not need to commit a mutation here as immediately after this we refresh the page to
|
|
// update the search results.
|
|
localStorage.setItem(key, JSON.stringify(frequentItems));
|
|
return frequentItems;
|
|
} catch {
|
|
// The LS got in a bad state, let's wipe it
|
|
localStorage.removeItem(key);
|
|
return [];
|
|
}
|
|
};
|
|
|
|
export const mergeById = (inflatedData, storedData) => {
|
|
return inflatedData.map((data) => {
|
|
const stored = storedData?.find((d) => d.id === data.id) || {};
|
|
return { ...stored, ...data };
|
|
});
|
|
};
|
|
|
|
export const isSidebarDirty = (currentQuery, urlQuery) => {
|
|
return SIDEBAR_PARAMS.some((param) => {
|
|
// userAddParam ensures we don't get a false dirty from null !== undefined
|
|
const userAddedParam = !urlQuery[param] && currentQuery[param];
|
|
const userChangedExistingParam = urlQuery[param] && urlQuery[param] !== currentQuery[param];
|
|
|
|
return userAddedParam || userChangedExistingParam;
|
|
});
|
|
};
|