53 lines
1.8 KiB
JavaScript
53 lines
1.8 KiB
JavaScript
/* Dashy: Licensed under MIT, (C) Alicia Sykes 2021 <https://aliciasykes.com> */
|
|
|
|
/* Tile filtering utility */
|
|
|
|
/**
|
|
* Extracts the site name from domain
|
|
* @param {string} url The URL to process
|
|
* @returns {string} The hostname from URL
|
|
*/
|
|
const getDomainFromUrl = (url) => {
|
|
if (!url) return '';
|
|
const urlPattern = /^(?:https?:\/\/)?(?:w{3}\.)?([a-z\d.-]+)\.(?:[a-z.]{2,10})(?:[/\w.-]*)*/;
|
|
const domainPattern = url.match(urlPattern);
|
|
return domainPattern ? domainPattern[1] : '';
|
|
};
|
|
|
|
/**
|
|
* Compares search term to a given data attribute
|
|
* Ignores case, special characters and order
|
|
* @param {string or other} compareStr The value to compare to
|
|
* @param {string} searchStr The users search term
|
|
* @returns {boolean} true if a match, otherwise false
|
|
*/
|
|
const filterHelper = (compareStr, searchStr) => {
|
|
if (!compareStr) return false;
|
|
const process = (input) => input.toString().toLowerCase().replace(/[^\w\s]/gi, '');
|
|
return process(compareStr).includes(process(searchStr));
|
|
};
|
|
|
|
/**
|
|
* Filter tiles based on users search term, and returns a filtered list
|
|
* Will match based on title, description, provider, hostname from url and tags
|
|
* Ignores case, special characters and other irrelevant things
|
|
* @param {array} allTiles An array of tiles
|
|
* @param {string} searchTerm The users search term
|
|
* @returns A filtered array of tiles
|
|
*/
|
|
const search = (allTiles, searchTerm) => {
|
|
if (!allTiles) return []; // If no data, then skip
|
|
return allTiles.filter((tile) => {
|
|
const {
|
|
title, description, provider, url, tags,
|
|
} = tile;
|
|
return filterHelper(title, searchTerm)
|
|
|| filterHelper(provider, searchTerm)
|
|
|| filterHelper(description, searchTerm)
|
|
|| filterHelper(tags, searchTerm)
|
|
|| filterHelper(getDomainFromUrl(url), searchTerm);
|
|
});
|
|
};
|
|
|
|
export default search;
|