Thomas
ff2cdecc86
* feat: rewrite image picker * style: auto-fix lint and format * fix: address image picker review * fix: preserve unicode icon searches * test: stabilize custom widget login * fix: suggest image searches only on create
62 lines
2.2 KiB
TypeScript
62 lines
2.2 KiB
TypeScript
export const capitalize = <T extends string>(str: T) => {
|
|
return (str.charAt(0).toUpperCase() + str.slice(1)) as Capitalize<T>;
|
|
};
|
|
|
|
export const isNullOrWhitespace = (value: string | null): value is null => {
|
|
return value == null || value.trim() === "";
|
|
};
|
|
|
|
export const bestMatch = <TItem extends Record<string, unknown>>(
|
|
search: string,
|
|
options: TItem[],
|
|
by: (item: TItem) => string,
|
|
) => {
|
|
if (options.length === 0) return null;
|
|
|
|
const normalizedSearch = search.toLowerCase().trim();
|
|
|
|
return options.reduce<TItem | null>((best, current) => {
|
|
const currentMatchIndex = by(current).toLowerCase().indexOf(normalizedSearch);
|
|
|
|
if (currentMatchIndex === -1) return best;
|
|
if (best === null) return current;
|
|
|
|
const bestMatchIndex = by(best).toLowerCase().indexOf(normalizedSearch);
|
|
|
|
if (currentMatchIndex < bestMatchIndex) return current;
|
|
if (by(current).length < by(best).length && currentMatchIndex === bestMatchIndex) return current;
|
|
return best;
|
|
}, null);
|
|
};
|
|
|
|
export const normalizeImageName = (value: string) => {
|
|
const fileName = value.split(/[?#]/, 1)[0]?.split("/").pop() ?? value;
|
|
const withoutExtension = fileName.replace(/\.(?:avif|gif|jpe?g|png|svg|webp)$/i, "");
|
|
|
|
return withoutExtension
|
|
.normalize("NFKD")
|
|
.replace(/[\u0300-\u036f]/g, "")
|
|
.replace(/&/g, " and ")
|
|
.replace(/[^\p{L}\p{M}\p{N}]+/gu, " ")
|
|
.trim()
|
|
.toLowerCase();
|
|
};
|
|
|
|
export const getImageMatchRank = (normalizedSearch: string, candidateValue: string): number | null => {
|
|
const candidate = normalizeImageName(candidateValue);
|
|
if (!candidate) return null;
|
|
|
|
const compactSearch = normalizedSearch.replaceAll(" ", "");
|
|
const compactCandidate = candidate.replaceAll(" ", "");
|
|
if (candidate === normalizedSearch) return 0;
|
|
if (compactCandidate === compactSearch) return 1;
|
|
if (candidate.startsWith(`${normalizedSearch} `)) return 2;
|
|
|
|
const searchTokens = normalizedSearch.split(" ");
|
|
const candidateTokens = candidate.split(" ");
|
|
if (searchTokens.every((term) => candidateTokens.some((token) => token === term))) return 3;
|
|
if (searchTokens.every((term) => candidateTokens.some((token) => token.startsWith(term)))) return 4;
|
|
if (candidate.includes(normalizedSearch)) return 5;
|
|
return null;
|
|
};
|